@charset "utf-8";

html, body 
{
    margin:0;
    padding:0;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.templatecontainer
{
	margin:0 auto;
	padding:0;
	max-width: 1350px;
	clear:none;
	float:none;
	background-color:#fff;
}

img,object,embed,video
{
	max-width:100%
}

.ie6 img
{
	width:100%
}

a
{
	color:#FFF;
	text-decoration:none
}

a:visited, a:hover, a:focus
{
	color:#FFF;
	text-decoration:none
}

.cleared
{
	clear:both
}

*,:after,:before 
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

/* ################################### */
/* ######## FONT AWESOME ICONS ####### */
/* ################################### */

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; 
}

.fab {
  font-family: 'Font Awesome 5 Brands'; 
}

.fa, .fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
}

.fa, .fas, .far, .fal, .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  padding:3px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; 
}

.fa-1x {
  font-size: 1.3em; 
}

.fa-sm {
  font-size: .760em; 
}

.fa-bars:before {
  content: "\f0c9"; 
}

.fa-caret-right:before {
  content: "\f0da"; 
}

.fa-users:before {
  content: "\f0c0"; 
}

.fa-truck:before {
  content: "\f0d1"; 
}

.fa-sync:before {
  content: "\f021"; 
}

.fa-caret-down:before {
  content: "\f0d7"; 
}

.fa-shopping-cart:before {
  content: "\f07a"; 
}

.fa-credit-card:before {
  content: "\f09d"; 
}

.fa-phone:before {
  content: "\f095"; 
}

.fa-envelope-open:before {
  content: "\f2b6"; 
}

/* ################################### */
/* ####### HEADER + NAVIGATION ####### */
/* ################################### */

.header {
	width:100%;
	height:130px;
	background-color:#FFF;
}

.logo {
    width:35%; 
	height:130px; 
	float:left;
}

.headerdesc {
    width:65%;  
	float:left; 
	margin-top:40px;
}

.headerdescstyle {
    width:33%; 
	height:80px;
	padding: 0 10px 0 10px; 
	float:left;
}

.headerdescstyle-left {
    width:20%; 
	float:left; 
	clear:both;
}

.headerdescstyle-right {
    width:80%; 
	float:left; 
	clear:both;
	margin-left:55px;
}

.headericons {
    background:#c9313d; 
	position: absolute; 
	width: 45px; 
	height: 45px; 
	text-align: center; 
	border-radius: 100px;
}

.fa-header-icon-size {
    color:#FFF; 
	font-size:19px; 
	margin-top:9px; 
	vertical-align:middle;
}

.headertitel {
    font-family: 'Open Sans Condensed', sans-serif; 
	font-weight:700 !important; 
	font-size:15px; 
	text-transform: uppercase; 
	float:left;
}

.headerbeschreibung {
	font-family: 'Open Sans Condensed', sans-serif; 
	font-weight:300; 
	font-size:14px; 
	float:left;
}

.navmobil {
	display:none;
}

.navigation {
	background-color:#000;
	width:100%;
	height:40px
}

.nav,.nav a,.nav ul,.nav li,.nav div {
	margin:0;
	padding:0;
	border:none;
	outline:none
}

.nav a {
	text-decoration:none
}

.nav li {
	list-style:none
}

.nav {
	display:inline-block;
	position:relative;
	cursor:default;
	float: right;
	z-index:500
}

.nav > li {
	display:block;
	float:left
}

.nav > .home > a {
	position:relative;
	display:block;
	z-index:510;
	height:40px;
	line-height:40px;
	width:160px;
	background:#000000;
	text-align:center;
	border-right:none;
	vertical-align:middle;
	text-shadow:1px 1px #333
}

.nav > .home > a:hover {
	background:#c4906e;
	text-align:center
}

.nav > li > a {
	position:relative;
	display:block;
	z-index:510;
	height:40px;
	padding:0 20px;
	line-height:40px;
	width:160px;
	text-align:center;
	font-family:'Anton',sans-serif;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	background:#000;
	border-left:0px dotted #dcdcdc;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease
}

.nav > li:hover > a {
	background:#c4906e;
	text-align:center;
	font-family:'Anton',sans-serif;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	text-shadow:1px 1px #333
}

.nav > li > .damen, .nav > li > .herren, .nav > li > .kinder {
	position:absolute;
	display:block;
	width:730px;
	top:40px;
	left:0;
	opacity:1;
	visibility:hidden;
	overflow:hidden;
	margin-left:-90px;
    background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #EBEBEB);
    background-image: -moz-linear-gradient(top, #FFFFFF, #EBEBEB);
    background-image: -ms-linear-gradient(top, #FFFFFF, #EBEBEB);
    background-image: -o-linear-gradient(top, #FFFFFF, #EBEBEB);
    background-image: linear-gradient(to bottom, #FFFFFF, #EBEBEB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#EBEBEB);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
    border-top: 2px solid #c4906e;
	border-radius:0 0 5px 5px;
	-webkit-transition:all .3s ease .15s;
	-moz-transition:all .3s ease .15s;
	-o-transition:all .3s ease .15s;
	-ms-transition:all .3s ease .15s;
	transition:all .3s ease .15s
}

.nav > li > .damen > .nav-column {
	float:left;
	width:25%;
	padding:2%
}

.nav > li > .herren > .nav-column {
	float:left;
	width:25%;
	padding:2%
}

.nav > li > .kinder > .nav-column {
	float:left;
	width:32%;
	padding:2%
}

.nav > li:hover > div {
	opacity:1;
	visibility:visible;
	overflow:visible
}

.nav .nav-column h3 {
	margin:10px 0;
	line-height:18px;
	font-family:'Open Sans Condensed',sans-serif;
	font-size:16px;
	font-weight:700;
	color:#000;
	text-transform:uppercase
}

.nav .nav-column li a {
	line-height:20px;
	font-family:'Raleway',sans-serif;
	font-size:12px;
	font-weight: normal;
	margin-left:5px;
	color:#000
}

.nav .nav-column li a:hover {   
    font-weight: normal;
	text-decoration:underline;
	color:#c4906e
}

/* ##################################################### */
/* ####### PRODUKTBESCHREIBUNG + ARTIKELMERKMALE ####### */
/* ##################################################### */

.desccontainer {
	width:60%;
	float:left;
	margin:0;
	padding-left:30px
}

.beschreibung {
	margin-top:15px;
	margin-bottom:2px;
	color: #000;
	font-size:13px;
	font-weight:400;
	line-height:18px;
	font-family:'Raleway',sans-serif;
}

.titelbeschreibung {
    font-family: 'Open Sans Condensed', sans-serif; 
	font-size:19px; 
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:20px;
	color: #333333;
}

.titel {
	padding:0 0 5px 5px;
	margin-top:20px;
	color:#333;
	border-bottom:3px #c4906e solid;
	font-size:20px;
	font-family:'Anton',sans-serif;
	text-transform:uppercase
}

div.artikelmerkmale-table { 
    display: table; 
    border-collapse:collapse;
	width:100%;
	table-layout: fixed; 
	overflow:hidden;
	margin-top:30px
}

div.artikelmerkmale-zeile { 
    display:table-row;
	padding:3px;
	font-family:'Raleway',sans-serif;
	font-size:13px
}

div.artikelmerkmale-left {
    display:table-cell; 
	padding:3px;
	text-align:left;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
	overflow:hidden;
	width:30%
}

div.artikelmerkmale-right {
    display:table-cell;
	padding:3px;
	text-align:left;
	word-wrap:break-word;
	width:70%; 
}

div.artikelmerkmale-left:before, div.artikelmerkmale-left:after {
	content:"";
	display: inline-block;
	height:1px;
	border-bottom: 1px dotted #929292;
	position:relative;
	vertical-align: bottom;
	width:100%
}

div.artikelmerkmale-left:before {   
    right:0.5em; 
	margin-left:-100%
}

div.artikelmerkmale-left:after {
	left:0.5em; 
	margin-right:-100%
}


/* ############################################# */
/* ####### VERSANDKOSTEN + INFORMATIONEN ####### */
/* ############################################# */

.agbcontainer {
	width:65%;
	float:left;
	margin: 0;
	background-color:#FFF
}

.agb {
	padding:0 20px 0 10px;
	border-right:0px dashed #cdcdcd;
	margin-top:2px;
	margin-bottom:2px;
	background-color:#FFF;
	color:#000;
	font-size:12px;
	font-family:'Raleway',sans-serif
}

h4 {
	color:#000;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:13px !important; 
}

.tabs {
    display: flex;
    flex-wrap: wrap;
}

.tabs label {
    order: 1;
    display: block;
    padding: 8px 15px 8px 15px;
    margin-right: 0.2rem;
    cursor: pointer;
    background: #e4e4e4;
    border-top:1px solid #e4e4e4;
    border-left:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
    z-index:1;
    font-family:'Raleway',sans-serif;
    font-size:15px;
    font-weight:400;
    transition: background ease 0.2s;
}

.tabs .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    height: 246px;
    overflow-y: auto;
    font-family:'Raleway',sans-serif;
    font-size:12px;
    display: none;
    padding: 1rem;
    background: #fff;
    margin-top:-1px;
    border:1px solid #e4e4e4;
}

.tabs-icon-info:before {
    color: #555555; 
	margin-right:5px;
	content: "\f05a";
}

.tabs-icon-versand:before {
    color: #555555; 
	margin-right:5px;
	content: "\f49e";
}

.tabs-icon-recycle:before {
    color: #555555; 
	margin-right:5px;
	content: "\f1b8";
}

.tabs input[type="radio"] {
    display: none;
}

.tabs input[type="radio"]:checked + label {
    background: #fff;
    border-top:2px solid #c4906e;
}

.tabs input[type="radio"]:checked + label + .tab {
    display: block;
}

div.versandkostentable { 
    display: table; 
    border-collapse:collapse;
	width:100%;
}

div.versandzeileh { 
    display:table-row;
	padding:5px;
	font-family:'Raleway',sans-serif;
	font-size:12px;
	border-bottom:0px dashed #cdcdcd;
	background-color: #F4F4F4;
}

div.versandzeiled { 
    display:table-row; 
	padding:5px;
	font-family:'Raleway',sans-serif;
	font-size:12px;
	border-bottom:0px dashed #cdcdcd;
	background-color: #FFFFFF;
}

div.versandflagge { 
    display:table-cell; 
	padding:5px;
	text-align:center;
	vertical-align:middle;
	width:8% 
}

div.versandland {
    display:table-cell; 
	padding:5px;
	text-align:left;
	width:60%
}

div.versandkosten {
    display:table-cell; 
	padding:5px;
	text-align:right;
	width:30%
}

/* ##################################################### */
/* ####### WARENKORB INFO + NEWSLETTER ANMELDUNG ####### */
/* ##################################################### */

.versandcontainer {
	width:35%;
	background-color:#FFF;
	float:left;
	padding-left:20px;
	margin:0
}

.versand {
	padding-top:15px;
	background-color:#FFF;
	color:#000
}

.warenkorb-info-container {
    width:100%; 
	background-color:#e4e4e4; 
	-webkit-border-radius: 5; 
	-moz-border-radius: 5; 
	height:95px; 
	border-radius: 5px; 
	margin-top:40px; 
	padding:15px; 
	float:left;
}

.warenkorb-info-title {
    width:100%; 
	float:left; 
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:17px; 
	text-transform:uppercase; 
	font-weight:700; 
	color: #222222; 
	margin-top:-5px;
}

.warenkorb-info-description {
    width:100%; 
	float:left; 
	font-family: 'Raleway', sans-serif; 
	font-size:12px; 
	margin-top:5px; 
	color: #222222;
}

.newsletterbox {
    background-color: #333333;
	height:140px; 
	width:100%; 
	float:left;
	margin-top:10px;
	-webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px; 
}

.newslettertitel {
    width:100%; 
	font-size:22px; 
	text-transform:uppercase; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	color: #fff;
	text-align:center;
	margin-top:7px;
	float:left;
}

.newsletterdesc {
    width:100%; 
	font-size:12px; 
	font-family:'Raleway',sans-serif; 
	color: #fff;
	height:40px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	float:left;
}

.newsletterbutton {
    width:100%; 
	float:left; 
	text-align:center; 
	line-height:60px; 
}

.newsletter {
    background: #fff;
	font-family:'Open Sans Condensed',sans-serif;
	-webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #000 !important;
    font-size: 17px;
	font-weight:700;
	text-transform:uppercase;
    padding: 5px 25px 5px 25px;
    text-decoration: none;
}

.newsletter:hover {
    background: #c4906e;
	color: #fff !important;
    text-decoration: none;
}

/* ####################################### */
/* ####### PRODUKTBILDER + GALERIE ####### */
/* ####################################### */

.bildercontainer {
	width:40%;
	margin:0;
	float:left
}

#produktgalerie {
	position:relative;
	margin-top:18px
}

.produktbild {
	width:100%;
	position:relative;
	padding-top:100%
}

.produktbild > div img {
	position:absolute;
	left:0;
	top:0;
	max-width:100%;
	max-height:100%;
}

.produktbild input[name='produktbild-wechsel'] {
	display:none
}

.produktbild label a {
	transition:opacity .5s
}

.produktbild label {
	position:initial !important;
	float:left;
	cursor:pointer;
	margin-top:1%;
	margin-right:1%;
	margin-bottom:0;
	overflow:hidden;
	padding:0;
	border:1px solid #CCC;
	background-color:#FFFFFF;
}

.produktbild label img {
	opacity:.85;
	display:block;
	position:absolute;
	left:50%;
	max-height:100%;
	max-width:100%;
	width:auto!important;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transfrom:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	background-color:#FFFFFF;
}

.produktbild label:hover {
	opacity:1;
	transition:opacity .75s ease;
	border:1px solid #c4906e;
}

.produktbild input[name='produktbild-wechsel']:checked+label+div img {
	opacity:1
}

.produktbild input[name='produktbild-wechsel'] ~ div span {
	position:absolute;
	width:100%;
	left:0;
	text-align:center;
	bottom:0;
	cursor:pointer
}

.produktbild input[name='produktbild-wechsel'] ~ div img {
	opacity:0
}

.produktbild input[name='produktbild-wechsel'] ~ label a span {	
	display:none
}

.produktbild input[name='produktbild-wechsel']:checked+label div img {
	opacity:1;
	transition:opacity .25s ease-in-out
}

.produktbild input[name='produktbild-wechsel']:checked+label a span {
	display:block
}

.produktbild input[name='produktbild-wechsel']+label+div img {
	position:absolute
}

.produktbild-hauptbild-style {
	-webkit-transition:opacity .75s ease;
	transition:opacity .75s ease;
	display:block;
	max-width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto
}

.produktbild-vorschau {
	position:relative;
	height:90px;
	margin:2px
}

.produktbild-hauptbild {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #CCC
}

.produktbild.vorschau label:nth-of-type(6n) {
	margin-right:0
}

.produktbild.vorschau label {
	width:15.83%;
}

/* ############################# */
/* ####### CROSS-SELLING ####### */
/* ############################# */

.crossselling-container-1, .crossselling-container-2, .crossselling-container-3, .crossselling-container-4, .crossselling-container-5, .crossselling-container-6, .crossselling-container-7, .crossselling-container-8 {
	position:inherit !important;
    width:11.9%;
    height:250px; 
    padding:10px; 
    border:1px solid #C9C9C9; 
    margin:0.3%; 
	overflow:hidden;
	background-color:#FFFFFF;
    float:left;
}

.crossselling-thumbnail {
    position: relative;
    width: 100%;
    height: 140px;
    overflow: hidden;
    margin:0;
}

.crossselling-thumbnail img {
	display:block;
	position:absolute;
	left:50%;
	max-height:100%;
	max-width:100%;
	width:auto!important;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transfrom:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	background-color:#FFFFFF;
}

.crossselling-titel {
    font-family: 'Open Sans Condensed', sans-serif; 
    color:#000000 !important; 
    padding:3px; 
    font-size:15px;
	text-transform:uppercase !important; 
    text-align:center; 
    height:40px;
	margin-top:5px;
	overflow:hidden; 
    line-height:17px;
}

.crossselling-button {
    background-color: #b67d58; 
    color:#fff; 
    text-align:center;
	vertical-align:middle;
    font-family: 'Open Sans Condensed', sans-serif; 
    font-size:18px; 
	margin-top:5px;
    height:35px;  
    padding:3px;
}

/* ########################################################### */
/* ####### FOOTER + ÜBER UNS, BEZAHLUNG, SERVICE, INFO ####### */
/* ########################################################### */

.footer {
    height:200px; 
	width:100%;
	margin:20px 0 0 0;
    background-color: #222222
}

.footerbox-1, .footerbox-2, .footerbox-3, .footerbox-4 {
    width:21%; 
	height:170px; 
	margin:1.5% 2% 0 2%; 
	float:left;
	background-color: #222222
}

.footertitel {
    font-family:'Raleway',latin-regular; 
	padding: 0 0 10px 0; 
	border-bottom: 2px #c4906e solid; 
	font-size:17px; 
	color:#fff; 
	text-transform:uppercase
}

.footerdesckontakt {
    font-family: 'Raleway', sans-serif; 
	color:#fff; 
	margin-top:15px;
	line-height:19px;
	font-weight:400;
	font-size:13px
}

.footerdesckontakt > ul > li {
    margin-left:-30px;
	list-style:none;
	font-weight:normal;
	height:20px;
}

.footerdescbezahlung {
    font-family: 'Raleway', sans-serif;  
	color:#fff; 
	margin-top:15px;
	font-size:13px
}

.footerdescbezahlung > ul > li {
    margin-left:-30px;
	margin-bottom:5px;
	list-style:none;
}

.footerdescbezahlung > ul > li > span {
    font-family: 'Raleway', sans-serif; 
	font-size:13px;
	margin-left:35px;
	margin-top:-18px;
	line-height:17px;
	font-weight:400;
	display: block;
 

}

.footerdescservice {
    font-family: 'Raleway', sans-serif;
	font-weight:400; 
	color:#fff; 
	margin-top:15px;
	line-height:19px;
	font-size:13px
}

.footerdescservice > ul > li {
    margin-left:-30px;
	list-style:none;
	height:25px;
}

.footerdescservice > ul > li > span {
	font-family:'Open Sans Condensed', sans-serif; 
	font-size:17px;
	margin-left:13px;
	font-weight:400;
}

.footerdescinfo {
    font-family: 'Raleway', sans-serif; 
	color:#fff; 
	margin-top:15px;
	line-height:19px;
	font-weight:400;
	font-size:13px
}

.footerdescinfo > ul > li {
    margin-left:-30px;
	height:24px;
}

.footerdescinfo > ul > li > a {
    margin-left:8px; 
    font-family: 'Raleway', sans-serif; 
	font-size:13px; 
	font-weight:400;
}

.footerdescinfo > ul > li > a:hover {
    margin-left:8px; 
    font-family: 'Raleway', sans-serif; 
	font-size:13px;
	color:#c4906e; 
	font-weight:400;
	text-decoration:underline;
}

/*############################*/
/*## MEDIA MAX WIDTH 1360PX ##*/
/*############################*/
@media (max-width: 1360px) {
	
div.artikelmerkmale-left {
    display:table-cell; 
	padding:3px;
	text-align:left;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
	overflow:hidden;
	width:40%
}

div.artikelmerkmale-right {
    display:table-cell;
	padding:3px;
	text-align:left;
	word-wrap:break-word;
	width:60%; 
}

.newsletterbox 
{
    background-color: #333333;
	height:140px; 
	width:100%; 
	float:left;
	margin-top:10px;
}

.newslettertitel 
{
    width:100%; 
	font-size:20px; 
	text-transform:uppercase; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	color: #fff;
	text-align:center;
	margin-top:10px;
	float:left;
}

.newsletterdesc 
{
    width:100%; 
	font-size:12px; 
	font-family:'Raleway',sans-serif; 
	color: #fff;
	height:40px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	float:left;
}

.newsletterbutton 
{
    width:100%; 
	float:left; 
	text-align:center; 
	line-height:60px; 
}

.newsletter 
{
    background: #fff;
	font-family:'Open Sans Condensed',sans-serif;
	-webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #000 !important;
    font-size: 17px;
	font-weight:700;
	text-transform:uppercase;
    padding: 5px 25px 5px 25px;
    text-decoration: none;
}

.newsletter:hover 
{
    background: #c4906e;
	color: #fff !important;
    text-decoration: none;
}

.footer 
{
    height:220px; 
	width:100%; 
	margin:25px 0 0 0;
    background-color: #222222
}

.footerbox-1, .footerbox-2, .footerbox-3, .footerbox-4
{
    width:21%; 
	height:190px; 
	margin:1.5% 2% 2% 2%; 
	float:left;
	background-color: #222222
}

.footertitel 
{
    font-family:'Raleway',latin-regular; 
	padding: 0 0 10px 0; 
	border-bottom: 2px #c4906e solid; 
	font-size:17px; 
	color:#fff; 
	text-transform:uppercase
}
}

/*############################*/
/*## MEDIA MAX WIDTH 991PX  ##*/
/*############################*/
@media (max-width: 991px) {

.templatecontainer
{
	margin: auto;
	padding:10px;
	width:100%;
	clear:none;
	float:none;
	background-color:#fff;
}
	
div.artikelmerkmale-left {
    display:table-cell; 
	padding:3px;
	text-align:left;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
	overflow:hidden;
	width:40%
}

div.artikelmerkmale-right {
    display:table-cell;
	padding:3px;
	text-align:left;
	word-wrap:break-word;
	width:60%; 
}
	
.crossselling-container-1, .crossselling-container-2, .crossselling-container-3, .crossselling-container-4, .crossselling-container-6, .crossselling-container-7, .crossselling-container-8
{
	position:inherit !important;
    width:24.4%;
    height:250px; 
    padding:10px; 
    border:1px solid #C9C9C9; 
    margin:0.3%; 
	overflow:hidden;
	background-color:#FFFFFF;
    float:left;
}
	
.crossselling-container-5
{
	position:inherit !important;
    width:24.4%;
    height:250px; 
    padding:10px; 
    border:1px solid #C9C9C9; 
    margin:0.3%; 
	overflow:hidden;
	background-color:#FFFFFF;
    float:left;
	clear:left;
}
	
.header
{
	width:100%;
	height:130px;
	overflow:hidden
}

.logo 
{
    width:100%; 
	height:130px; 
	float:left;
}

.headerdesc
{
	display:none;
}

.navmobil 
{
	display:none;
}

.nav > .home > a
{
	position:relative;
	display:block;
	z-index:510;
	height:40px;
	line-height:40px;
	width:160px;
	background:#000000;
	text-align:center;
	border-right:none;
	vertical-align:middle;
	text-shadow:1px 1px #333
}

.nav > .home > a:hover
{
	background:#c4906e;
	text-align:center
}

.nav > li > a
{
	position:relative;
	display:block;
	z-index:510;
	height:40px;
	padding:0 20px;
	line-height:40px;
	width:150px;
	text-align:center;
	font-family:'Anton',sans-serif;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	background:#000;
	border-left:0;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease
}

.nav > li:hover > a
{
	background:#c4906e;
	text-align:center;
	font-family:'Anton',sans-serif;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	text-shadow:1px 1px #333
}

#produktgalerie
{
	position:relative;
	margin-top:15px
}
	
.bildercontainer
{
	width:100%;
	float:left
}
	
.desccontainer
{
	width:100%;
	float:left;
	padding: 0
}
	
.beschreibung
{
	padding:0;
	background-color:#FFF;
	color:#000;
	font-size:13px;
	font-weight:400;
	line-height:18px;
	font-family:'Raleway',sans-serif
}
	
.titel
{
	padding:0 0 5px 5px;
	margin-top:20px;
	color:#333;
	border-bottom:2px #c4906e solid;
	font-size:20px;
	font-family:'Anton',sans-serif;
	text-transform:uppercase
}
	
.agbcontainer
{
	width:100%;
	float:left;
	margin:0
}
	
.agb
{
	margin-bottom:2px;
	background-color:#FFF;
	color:#000;
	font-size:12px;
	font-family:'Raleway',sans-serif;
	border:0
}
	
.versandcontainer
{
	width:100%;
	float:left;
	padding:0;
	margin:0
}
	
.versand
{
	margin-top:10px;
	border:0;
	margin-bottom:2px;
	background-color:#FFF;
	color:#000;
	font-size:12px;
	font-family:'Raleway',sans-serif
}

.newsletterbox 
{
    background-color: #333333;
	height:140px; 
	width:100%; 
	float:left;
	margin-top:10px;
}

.newslettertitel 
{
    width:100%; 
	font-size:20px; 
	text-transform:uppercase; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	color: #fff;
	text-align:center;
	margin-top:10px;
	float:left;
}

.newsletterdesc 
{
    width:100%; 
	font-size:12px; 
	font-family:'Raleway',sans-serif; 
	color: #fff;
	height:40px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	float:left;
}

.newsletterbutton 
{
    width:100%; 
	float:left; 
	text-align:center; 
	line-height:60px; 
}

.newsletter 
{
    background: #fff;
	font-family:'Open Sans Condensed',sans-serif;
	-webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #000 !important;
    font-size: 17px;
	font-weight:700;
	text-transform:uppercase;
    padding: 5px 25px 5px 25px;
    text-decoration: none;
}

.newsletter:hover 
{
    background: #c4906e;
	color: #fff !important;
    text-decoration: none;
}

.footer 
{
    height:380px; 
	width:100%;
	margin:10px 0 0 0;
    background-color: #222222
}

.footerbox-1, .footerbox-2, .footerbox-3, .footerbox-4 
{
    width:44%; 
	height:115px; 
	margin:3%; 
	float:left;
	background-color: #222222
}

.footertitel 
{
    font-family:'Raleway',latin-regular; 
	padding: 0 0 10px 0; 
	border-bottom: 2px #c4906e solid; 
	font-size:17px; 
	color:#fff; 
	text-transform:uppercase
}
}

/*############################*/
/*##  MEDIA MAX WIDTH 768PX ##*/
/*############################*/
@media (max-width: 768px) {

div.artikelmerkmale-left 
{
    display:table-cell; 
	padding:3px;
	text-align:left;
	font-weight:700;
	overflow:hidden;
	width:45%
}

div.artikelmerkmale-right {
    display:table-cell;
	padding:3px;
	text-align:left;
	word-wrap:break-word;
	width:55%; 
}

.header
{
	width:100%;
	height:130px;
	margin-top:40px;
	background-color:#FFF;
}

.logo 
{
    width:100%; 
	height:130px; 
	float:left;
}

.headerdesc
{
	display:none;
}

.navigation
{
	display:none;
}

.navmobil 
{
	display: inline-block;
	background-color: #fff;
}

.overlay 
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}

.nav-menu 
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #000;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  z-index: 3;
}

input#off-canvas-menu 
{
  display: none;
}

label.off-canvas-menu-label 
{
  position: fixed;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 999;
}

label.off-canvas-menu-label i 
{
  position: absolute;
  top: 8px;
  right: 9px;
  font-size: 20px;
  color: #fff;
  transition: 0.3s;
}

input#off-canvas-menu[type=checkbox]:checked ~ nav.off-canvas-menu 
{
  transform: translateX(0);
}

input#off-canvas-menu[type=checkbox]:checked ~ .wrapper 
{
  transform: translateX(300px);
}

input#off-canvas-menu[type=checkbox]:checked ~ .overlay 
{
  height: 100%;
  opacity: 1;
}

nav li,
label.off-canvas-menu-label 
{
  transition: 0.2s;
}

.off-canvas-menu 
{
  position: fixed;
  overflow-y:scroll;
  overflow-x:hidden;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: #fff;
  font-size: 14px;
  transform: translateX(-100%);
  transition: 0.5s;
  z-index: 2;
}

.off-canvas-menu input[type=checkbox] 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  cursor: pointer;
}

.off-canvas-menu ul 
{
  margin: 0;
  padding: 0;
}

.off-canvas-menu > ul 
{
  margin-top: 60px;
}

.off-canvas-menu a 
{
    display: block;
    line-height:50px;
    height:50px;
    padding: 0px 20px;
    color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

.off-canvas-menu li 
{
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  color: #000;
  transition: 0.5s;
  border-top: 1px solid #AFAFAF;
}

.off-canvas-menu > ul > li:last-child 
{
  border-bottom: 1px solid #AFAFAF;
}

.off-canvas-menu ul li:first-child 
{
  border-top: none;
}

.off-canvas-menu ul > li.sub > a:after 
{
  position: relative;
  float: right;
  content: '+';
  font-size: 20px;
  font-weight: 700;
  color: #787878;
  vertical-align: middle;
  transition: 0.5s;
}

.off-canvas-menu .submenu 
{
  max-height: 0;
  overflow: hidden;
  font-size:12px;
  transition: max-height 0.5s ease-in-out;
  border-top: none;
}

.off-canvas-menu .submenu a 
{
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #787878;
  line-height:40px;
  height:40px;
  padding: 0px 20px;
}

.off-canvas-menu input[type=checkbox]:checked ~ .submenu 
{
  border-top: 1px solid #AFAFAF;
  max-height: 999px;
}

.off-canvas-menu input[type=checkbox]:checked ~ a:after 
{
  position: relative;
  float: right;
  content: '-';
  font-size: 20px;
  font-weight: 700;
  color: #787878;
  vertical-align: middle;
  transition: 0.5s;
}

.off-canvas-menu .submenu li 
{
  background: #FFF;
}

.off-canvas-menu .submenu li a 
{
  padding-left: 30px;
}

.off-canvas-menu .submenu li li 
{
	display:block;
	padding-left:50px;
}

.off-canvas-menu .submenu li li a 
{
	list-style:none;
	display:inline-block;
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #787878;
	line-height:30px;
	height: 30px;
}

.off-canvas-menu .submenu li li li a 
{
  padding-left: 40px;
}

.off-canvas-menu .submenu li.sub 
{
  list-style: none;
}

.newsletterbox 
{
    background-color: #333333;
	height:140px; 
	width:100%; 
	float:left;
	margin-top:10px;
}

.newslettertitel 
{
    width:100%; 
	font-size:20px; 
	text-transform:uppercase; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	color: #fff;
	text-align:center;
	margin-top:10px;
	float:left;
}

.newsletterdesc 
{
    width:100%; 
	font-size:12px; 
	font-family:'Raleway',sans-serif; 
	color: #fff;
	height:40px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	float:left;
}

.newsletterbutton 
{
    width:100%; 
	float:left; 
	text-align:center; 
	line-height:60px; 
}

.newsletter 
{
    background: #fff;
	font-family:'Open Sans Condensed',sans-serif;
	-webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #000 !important;
    font-size: 17px;
	font-weight:700;
	text-transform:uppercase;
    padding: 5px 25px 5px 25px;
    text-decoration: none;
}

.newsletter:hover 
{
    background: #c4906e;
	color: #fff !important;
    text-decoration: none;
}

.footer 
{
    height:405px; 
	width:100%; 
	margin:10px 0 0 0;
    background-color: #222222
}

.footerbox-1, .footerbox-2, .footerbox-3, .footerbox-4 
{
    width:44%; 
	height:170px; 
	margin:3%; 
	float:left;
	background-color: #222222
}

.footertitel 
{
    font-family:'Raleway',latin-regular; 
	padding: 0 0 10px 0; 
	border-bottom: 2px #c4906e solid; 
	font-size:17px; 
	color:#fff; 
	text-transform:uppercase
}
}

/*############################*/
/*## MEDIA MAX WIDTH 486PX  ##*/
/*############################*/
@media (max-width: 486px) {

.crossselling-container-1, .crossselling-container-2, .crossselling-container-4, .crossselling-container-6, .crossselling-container-8
{
	position:inherit !important;
    width:49.4%;
    height:250px; 
    padding:10px; 
    border:1px solid #C9C9C9; 
    margin:0.3%; 
	overflow:hidden;
	background-color:#FFFFFF;
    float:left;
	clear:none;
}
	
.crossselling-container-3
{
	position:inherit !important;
    width:49.4%;
    height:250px; 
    padding:10px; 
    border:1px solid #C9C9C9; 
    margin:0.3%; 
	overflow:hidden;
	background-color:#FFFFFF;
    float:left;
	clear:left;
}

.crossselling-container-5
{
	position:inherit !important;
    width:49.4%;
    height:250px; 
    padding:10px; 
    border:1px solid #C9C9C9; 
    margin:0.3%; 
	overflow:hidden;
	background-color:#FFFFFF;
    float:left;
	clear:left;
}

.crossselling-container-7
{
	position:inherit !important;
    width:49.4%;
    height:250px; 
    padding:10px; 
    border:1px solid #C9C9C9; 
    margin:0.3%; 
	overflow:hidden;
	background-color:#FFFFFF;
    float:left;
	clear:left;
}

div.artikelmerkmale-left 
{
    display:table-cell; 
	padding:3px;
	text-align:left;
	font-weight:700;
	overflow:hidden;
	width:50%
}

div.artikelmerkmale-right {
    display:table-cell;
	padding:3px;
	text-align:left;
	word-wrap:break-word;
	width:50%; 
}

.header
{
	width:100%;
	height:120px;
	background-color:#FFF;
}

.logo 
{
    width:100%; 
	height:120px; 
	float:left;
}

.headerdesc 
{
	display:none;
}

.navigation
{
	display:none;
}

.navmobil 
{
	display: inline-block;
	background-color: #fff;
}

.overlay 
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}

.nav-menu 
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #000;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  z-index: 3;
}

input#off-canvas-menu 
{
  display: none;
}

label.off-canvas-menu-label 
{
  position: fixed;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 999;
}

label.off-canvas-menu-label i 
{
  position: absolute;
  top: 8px;
  right: 9px;
  font-size: 20px;
  color: #fff;
  transition: 0.3s;
}

input#off-canvas-menu[type=checkbox]:checked ~ nav.off-canvas-menu 
{
  transform: translateX(0);
}

input#off-canvas-menu[type=checkbox]:checked ~ .wrapper 
{
  transform: translateX(300px);
}

input#off-canvas-menu[type=checkbox]:checked ~ .overlay 
{
  height: 100%;
  opacity: 1;
}

nav li,
label.off-canvas-menu-label 
{
  transition: 0.2s;
}

.off-canvas-menu 
{
  position: fixed;
  overflow-y:scroll;
  overflow-x:hidden;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: #fff;
  font-size: 14px;
  transform: translateX(-100%);
  transition: 0.5s;
  z-index: 2;
}

.off-canvas-menu input[type=checkbox] 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  cursor: pointer;
}

.off-canvas-menu ul 
{
  margin: 0;
  padding: 0;
}

.off-canvas-menu > ul 
{
  margin-top: 60px;
}

.off-canvas-menu a 
{
    display: block;
    line-height:50px;
    height:50px;
    padding: 0px 20px;
    color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

.off-canvas-menu li 
{
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  color: #000;
  transition: 0.5s;
  border-top: 1px solid #AFAFAF;
}

.off-canvas-menu > ul > li:last-child 
{
  border-bottom: 1px solid #AFAFAF;
}

.off-canvas-menu ul li:first-child 
{
  border-top: none;
}

.off-canvas-menu ul > li.sub > a:after 
{
  position: relative;
  float: right;
  content: '+';
  font-size: 20px;
  font-weight: 700;
  color: #787878;
  vertical-align: middle;
  transition: 0.5s;
}

.off-canvas-menu .submenu 
{
  max-height: 0;
  overflow: hidden;
  font-size:12px;
  transition: max-height 0.5s ease-in-out;
  border-top: none;
}

.off-canvas-menu .submenu a 
{
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #787878;
  line-height:40px;
  height:40px;
  padding: 0px 20px;
}

.off-canvas-menu input[type=checkbox]:checked ~ .submenu
{
  border-top: 1px solid #AFAFAF;
  max-height: 999px;
}

.off-canvas-menu input[type=checkbox]:checked ~ a:after 
{
  position: relative;
  float: right;
  content: '-';
  font-size: 20px;
  font-weight: 700;
  color: #787878;
  vertical-align: middle;
  transition: 0.5s;
}

.off-canvas-menu .submenu li 
{
  background: #FFF;
}

.off-canvas-menu .submenu li a 
{
  padding-left: 30px;
}

.off-canvas-menu .submenu li li 
{
	display:block;
	padding-left:50px;
}

.off-canvas-menu .submenu li li a 
{
	list-style:none;
	display:inline-block;
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #787878;
	line-height:30px;
	height: 30px;
}

.off-canvas-menu .submenu li li li a 
{
  padding-left: 40px;
}

.off-canvas-menu .submenu li.sub 
{
  list-style: none;
}

.titelbeschreibung {
    font-family: 'Open Sans Condensed', sans-serif; 
	font-size:17px; 
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:20px;
	color: #333333;
}

.warenkorb-info-container {
	display:none;
}

.footer 
{  
	width:100%; 
	margin:0;
	height:200px;
    background-color: #ffffff

}

.footerbox-1, .footerbox-3, .footerbox-4
{
	display:none;
}


.footerbox-2
{
    width:100%; 
	height:200px;
	padding:20px;
	float:left;
	-webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px; 
	margin:7px 0 0 0;
	background-color: #222222
}

.footertitel 
{
    font-family:'Raleway',latin-regular; 
	padding: 0 0 8px 0; 
	border-bottom: 2px #c4906e solid; 
	font-size:16px; 
	color:#fff; 
	text-transform:uppercase
}

.produktbild-vorschau
{
	height:65px
}

.newsletterbox 
{
    background-color: #333333;
	height:150px; 
	width:100%; 
	float:left;
	margin-top:20px;
	margin-bottom:5px;
	-webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px; 
}

.newslettertitel 
{
    width:100%; 
	font-size:20px; 
	text-transform:uppercase; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	color: #fff;
	text-align:center;
	margin-top:10px;
	float:left;
}

.newsletterdesc 
{
    width:100%; 
	font-size:12px; 
	font-family:'Raleway',sans-serif; 
	color: #fff;
	height:50px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	float:left;
}

.newsletterbutton 
{
    width:100%; 
	float:left; 
	text-align:center; 
	line-height:60px; 
}

.newsletter 
{
    background: #fff;
	font-family:'Open Sans Condensed',sans-serif;
	-webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #000 !important;
    font-size: 17px;
	font-weight:700;
	text-transform:uppercase;
    padding: 5px 25px 5px 25px;
    text-decoration: none;
}

.newsletter:hover 
{
    background: #c4906e;
	color: #fff !important;
    text-decoration: none;
}

.tabs label 
{
	color:#FFF;
	text-transform:uppercase;
	z-index:1;
    border-top:0;
    border-left:0;
    border-right:0;
    order: 1;
    display: block;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    background: #b1b1b1;
    font-family:'Open Sans Condensed',sans-serif;
    font-size:16px;
    font-weight:700;
    transition: background ease 0.2s;
	width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
}

.tabs input[type="radio"]:checked + label 
{
    background: #353535;
    border-top:0;
}

.tabs-icon-info:before
{
    color: #FFF; 
	margin-right:5px;
	content: "\f0d7";
}

.tabs-icon-versand:before
{
    color: #FFF; 
	margin-right:5px;
	content: "\f0d7";
}

.tabs-icon-recycle:before {
    color: #FFF; 
	margin-right:5px;
	content: "\f0d7";
}

.tabs .tab, .tabs label 
{
  order: initial;
}

.tabs .tab{
  height: auto !important;
  border:0;
  padding:3px;
}
}

/*############################*/
/*## MEDIA MAX WIDTH 320PX  ##*/
/*############################*/
@media (max-width: 320px) {

.titelbeschreibung {
    font-family: 'Open Sans Condensed', sans-serif; 
	font-size:16px; 
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:20px;
	color: #333333;
}

div.artikelmerkmale-left 
{
    display:table-cell; 
	padding:3px;
	text-align:left;
	font-weight:700;
	overflow:hidden;
	width:50%
}

div.artikelmerkmale-right {
    display:table-cell;
	padding:3px;
	text-align:left;
	word-wrap:break-word;
	width:50%; 
}

.header
{
	width:100%;
	height:80px;
	background-color:#FFF;
}

.logo 
{
    width:100%; 
	height:80px; 
	float:left;
}

.headerdesc 
{
	display:none;
}

.warenkorb-info-container {
	display:none;
}

.footer 
{  
	width:100%; 
	margin:0;
	height:230px;
    background-color: #ffffff

}

.footerbox-1, .footerbox-3, .footerbox-4
{
	display:none;
}

.footerbox-2
{
    width:100%; 
	height:230px;
	padding:20px;
	float:left;
	-webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px; 
	margin:7px 0 0 0;
	background-color: #222222
}

.footertitel 
{
    font-family:'Raleway',latin-regular; 
	padding: 0 0 8px 0; 
	border-bottom: 2px #c4906e solid; 
	font-size:16px; 
	color:#fff; 
	text-transform:uppercase
}

.produktbild-vorschau
{
	height:50px
}

.newsletterbox 
{
    background-color: #333333;
	height:170px; 
	width:100%; 
	float:left;
	margin-top:20px;
	margin-bottom:5px;
	-webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px; 
}

.newslettertitel 
{
    width:100%; 
	font-size:20px; 
	text-transform:uppercase; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	color: #fff;
	text-align:center;
	margin-top:10px;
	float:left;
}

.newsletterdesc 
{
    width:100%; 
	font-size:12px; 
	font-family:'Raleway',sans-serif; 
	color: #fff;
	height:70px;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	float:left;
}

.newsletterbutton 
{
    width:100%; 
	float:left; 
	text-align:center; 
	line-height:60px; 
}

.newsletter 
{
    background: #fff;
	font-family:'Open Sans Condensed',sans-serif;
	-webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #000 !important;
    font-size: 17px;
	font-weight:700;
	text-transform:uppercase;
    padding: 5px 25px 5px 25px;
    text-decoration: none;
}

.newsletter:hover 
{
    background: #c4906e;
	color: #fff !important;
    text-decoration: none;
}

.navigation
{
	display:none;
	visibility:hidden
}

.navmobil 
{
	display: inline-block;
	background-color: #fff;
}

.overlay 
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}

.nav-menu 
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #000;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
  z-index: 3;
}

input#off-canvas-menu 
{
  display: none;
}

label.off-canvas-menu-label 
{
  position: fixed;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 999;
}

label.off-canvas-menu-label i 
{
  position: absolute;
  top: 8px;
  right: 9px;
  font-size: 20px;
  color: #fff;
  transition: 0.3s;
}

input#off-canvas-menu[type=checkbox]:checked ~ nav.off-canvas-menu 
{
  transform: translateX(0);
}

input#off-canvas-menu[type=checkbox]:checked ~ .wrapper 
{
  transform: translateX(300px);
}

input#off-canvas-menu[type=checkbox]:checked ~ .overlay 
{
  height: 100%;
  opacity: 1;
}

nav li,
label.off-canvas-menu-label 
{
  transition: 0.2s;
}

.off-canvas-menu 
{
  position: fixed;
  overflow-y:scroll;
  overflow-x:hidden;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background: #fff;
  font-size: 14px;
  transform: translateX(-100%);
  transition: 0.5s;
  z-index: 2;
}

.off-canvas-menu input[type=checkbox] 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  cursor: pointer;
}

.off-canvas-menu ul 
{
  margin: 0;
  padding: 0;
}

.off-canvas-menu > ul 
{
  margin-top: 60px;
}

.off-canvas-menu a 
{
    display: block;
    line-height:50px;
    height:50px;
    padding: 0px 35px;
    color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

.off-canvas-menu li 
{
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  color: #000;
  transition: 0.5s;
  border-top: 1px solid #AFAFAF;
}

.off-canvas-menu > ul > li:last-child 
{
  border-bottom: 1px solid #AFAFAF;
}

.off-canvas-menu ul li:first-child 
{
  border-top: none;
}

.off-canvas-menu ul > li.sub > a:after 
{
  position: relative;
  float: right;
  content: '+';
  font-size: 20px;
  font-weight: 700;
  color: #787878;
  vertical-align: middle;
  transition: 0.5s;
}

.off-canvas-menu .submenu 
{
  max-height: 0;
  overflow: hidden;
  font-size:12px;
  transition: max-height 0.5s ease-in-out;
  border-top: none;
}

.off-canvas-menu .submenu a 
{
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #787878;
  line-height:40px;
  height:40px;
  padding: 0px 20px;
}

.off-canvas-menu input[type=checkbox]:checked ~ .submenu 
{
  border-top: 1px solid #AFAFAF;
  max-height: 999px;
}

.off-canvas-menu input[type=checkbox]:checked ~ a:after 
{
  position: relative;
  float: right;
  content: '-';
  font-size: 20px;
  font-weight: 700;
  color: #787878;
  vertical-align: middle;
  transition: 0.5s;
}

.off-canvas-menu .submenu li 
{
  background: #FFF;
}

.off-canvas-menu .submenu li a 
{
  padding-left: 30px;
}

.off-canvas-menu .submenu li li 
{
	display:block;
	padding-left:50px;
}

.off-canvas-menu .submenu li li a 
{
	list-style:none;
	display:inline-block;
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #787878;
	line-height:30px;
	height: 30px;
}

.off-canvas-menu .submenu li li li a 
{
  padding-left: 40px;
}

.off-canvas-menu .submenu li.sub 
{
  list-style: none;
}

.tabs label 
{
	color:#FFF;
	text-transform:uppercase;
	z-index:1;
    border-top:0;
    border-left:0;
    border-right:0;
    order: 1;
    display: block;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    background: #b1b1b1;
    font-family:'Open Sans Condensed',sans-serif;
    font-size:16px;
    font-weight:700;
    transition: background ease 0.2s;
	width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
}

.tabs input[type="radio"]:checked + label 
{
    background: #353535;
    border-top:0;
}

.tabs-icon-info:before
{
    color: #FFF; 
	margin-right:5px;
	content: "\f0d7";
}

.tabs-icon-versand:before
{
    color: #FFF; 
	margin-right:5px;
	content: "\f0d7";
}

.tabs .tab, .tabs label 
{
    order: initial;
}

.tabs .tab{
  height: auto !important;
  border:0;
  padding:3px;
}
}

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/anton-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Anton Regular'), local('Anton-Regular'),
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/anton-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/anton-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/anton-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/anton-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/anton-v9-latin-regular.svg#Anton') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.internetmoden.de/ebayimages/v2ebayshop/fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-regular-400.eot");
  src: url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
       url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-regular-400.woff2") format("woff2"), 
	   url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-regular-400.woff") format("woff"), 
	   url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-regular-400.ttf") format("truetype"), 
	   url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-regular-400.svg#fontawesome") format("svg"); 
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-solid-900.eot");
  src: url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
       url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-solid-900.woff2") format("woff2"), 
	   url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-solid-900.woff") format("woff"), 
	   url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-solid-900.ttf") format("truetype"), 
	   url("https://www.internetmoden.de/ebaytemplate/webfonts/fa-solid-900.svg#fontawesome") format("svg"); 
}