@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);    
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);    
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);    
    
.container-fluid, .container, .col-md-6 {font-family: 'Open Sans', serif; font-size:14px; color:#000000; font-weight:400; padding:0;}        
.row {margin:0; padding:0;}    
    
/* HEADER */
.header {padding:40px 0;}
.logo {font-size:38px; color:#000000; font-weight:700; text-transform: uppercase;}
.logo b {text-decoration: none; color:#66b8d9; font-weight:700;}
.logo img {max-height:70px; width:auto; padding:0; margin:-10px 0 0 0;}
.info div:last-child {border-right:none;}
.info div {color:#888; padding:12px 0; border-right:1px dotted #ddd; text-align: center; cursor:default;}
.info div i {color:#66b8d9; padding-right:10px;}
.info div:hover i {color:#66b8d9;}
 
/* BANNER OBEN */
.banneroben {margin-bottom:20px; padding:0; max-width:100%;}
.banneroben img {max-width:100%;}  

@-webkit-keyframes next {
  0% {opacity:0;}
  1% {left:0; opacity:1;}
  18% {left:0; opacity:1;}
  19% {opacity: 0.6;}
  20% {left: -100%; opacity: 1;}
  58% {left: -100%; opacity: 1;}
  59% {opacity: 0.6;}
  60% {left: -200%; opacity:1;}
  98% {left: -200%; opacity:1;}
  99% {opacity:0.3;}
  100% {left:0; opacity:0;}
}

@-moz-keyframes next {
  0% {opacity:0;}
  1% {left:0; opacity:1;}
  18% {left:0; opacity:1;}
  19% {opacity: 0.6;}
  20% {left: -100%; opacity: 1;}
  58% {left: -100%; opacity: 1;}
  59% {opacity: 0.6;}
  60% {left: -200%; opacity:1;}
  98% {left: -200%; opacity:1;}
  99% {opacity:0.3;}
  100% {left:0; opacity:0;}
}
    
/* RESPONSIVE MENU */
ul.resmenu li {width:20%; padding:0; font-size:20px; text-align: center; border-left:1px solid #fff; line-height: 55px;}
ul.resmenu li a i {line-height: 55px!important;}

/* SUCHE */
.suche img {float:right;}

.suche {padding:0; margin:0;}
.suche a {text-decoration: none!important; color:inherit;}
.suchfeld {width:250px; height:50px; float:right; font-family: 'Open Sans', serif; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); color:#a0a0a0!important; line-height:50px; margin:0; padding:0 20px; border:none; text-align: left}
.suchbutton {float:right; width:50px; height:50px; background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px); color:#fff; font-size:20px; text-align:center; margin:0; padding:0;border:none;}
.suchbutton i {line-height:50px}
.suchbutton:hover {background:#66b8d9; color:#fff;}

/* ARTIKELBILDER */
img {max-width:100%; height:auto}
.artikelbilder.galerie {display:inline-block; position:relative; width:100%; height:auto;}   
.artikelbilder.galerie > .anker {display:none;}
.artikelbilder.galerie > ul {position:relative; z-index:1; font-size:0; line-height:0; margin:0 auto; padding:0; height:auto; overflow:hidden; white-space:nowrap;}
.artikelbilder.galerie > ul > .slide.img img {width:100%; height:auto;}
.artikelbilder.galerie > ul > .slide {position:relative; display:inline-block; width:100%; height:auto; overflow:hidden; line-height: normal; white-space: normal; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
/* Thumbnails */
.artikelbilder.galerie > .thumb {position:absolute; left:0; width:100%; height:auto; z-index:6; text-align:center;}
.artikelbilder.galerie > .thumb > div {margin-left:-50%; width:100%;}
.artikelbilder.galerie > .thumb > label {position:relative; display:inline-block; cursor:pointer;}
.artikelbilder.galerie > .thumb {bottom:5px; margin-bottom:5px;}
.artikelbilder.galerie > .thumb > label {border-radius:50%; margin:0 5px; padding:9px; background:none;}
.artikelbilder.galerie > .thumb > label > .anker {position:absolute; left:50%; top:50%; margin-left:-2px; margin-top:-2px; background: transparent; border-radius: 50%; padding: 2px;}
.artikelbilder.galerie > .thumb > label:hover > .anker,
.artikelbilder.galerie > #slide1:checked~.thumb > label.pic1>.anker, .artikelbilder.galerie > #slide2:checked~.thumb > label.pic2>.anker,
.artikelbilder.galerie > #slide3:checked~.thumb > label.pic3>.anker, .artikelbilder.galerie > #slide4:checked~.thumb > label.pic4>.anker, 
.artikelbilder.galerie > #slide5:checked~.thumb > label.pic5>.anker, .artikelbilder.galerie > #slide6:checked~.thumb > label.pic6>.anker, 
.artikelbilder.galerie > #slide7:checked~.thumb > label.pic7>.anker, .artikelbilder.galerie > #slide8:checked~.thumb > label.pic8>.anker, 
.artikelbilder.galerie > #slide9:checked~.thumb > label.pic9>.anker, .artikelbilder.galerie > #slide10:checked~.thumb > label.pic10>.anker, 
.artikelbilder.galerie > #slide11:checked~.thumb > label.pic11>.anker, .artikelbilder.galerie > #slide12:checked~.thumb > label.pic12>.anker, 
.artikelbilder.galerie > #slide13:checked~.thumb > label.pic13>.anker, .artikelbilder.galerie > #slide14:checked~.thumb > label.pic14>.anker, 
.artikelbilder.galerie > #slide15:checked~.thumb > label.pic15>.anker, .artikelbilder.galerie > #slide16:checked~.thumb > label.pic16>.anker {background:none;}
.artikelbilder.galerie {height: auto; max-height: auto; margin-bottom:0; text-align: center;}
.artikelbilder.galerie img {border-radius: 3px;}
.artikelbilder.galerie .thumb {position:relative; width: 100%; text-align: left; margin-bottom:-75px; margin-bottom: calc(-20px - 5vw); margin-top: 10px;}
.artikelbilder.galerie > .thumb > label {box-sizing: border-box; border-radius: none; margin: 0 auto; padding:5px; background: none; text-align: center;}
.artikelbilder.galerie > .thumb > label img {margin:0 auto; max-height:115px; width:auto; border:2px solid #ddd}
.artikelbilder.galerie > #slide1:checked~.thumb > label.pic1> img, .artikelbilder.galerie > #slide2:checked~.thumb > label.pic2> img,
.artikelbilder.galerie > #slide3:checked~.thumb > label.pic3> img, .artikelbilder.galerie > #slide4:checked~.thumb > label.pic4> img, 
.artikelbilder.galerie > #slide5:checked~.thumb > label.pic5> img, .artikelbilder.galerie > #slide6:checked~.thumb > label.pic6> img, 
.artikelbilder.galerie > #slide7:checked~.thumb > label.pic7> img, .artikelbilder.galerie > #slide8:checked~.thumb > label.pic8> img, 
.artikelbilder.galerie > #slide9:checked~.thumb > label.pic9> img, .artikelbilder.galerie > #slide10:checked~.thumb > label.pic10> img, 
.artikelbilder.galerie > #slide11:checked~.thumb > label.pic11> img, .artikelbilder.galerie > #slide12:checked~.thumb > label.pic12> img {border:2px solid #66b8d9;}
.artikelbilder.galerie > ul > .slide.img img {width: auto; max-width: 100%; max-height: 100%; margin:0 auto;}
.artikelbilder.galerie > ul > .slide {text-align:center;}
.artikelbilder.galerie img {box-shadow: none; width:100%; height:auto; max-width:100%;}
/* Original-Bild */ 
.artikelbilder.galerie > #slide1:checked~ul > .slide.pic1, .artikelbilder.galerie > #slide2:checked~ul > .slide.pic2,
.artikelbilder.galerie > #slide3:checked~ul > .slide.pic3, .artikelbilder.galerie > #slide4:checked~ul > .slide.pic4, 
.artikelbilder.galerie > #slide5:checked~ul > .slide.pic5, .artikelbilder.galerie > #slide6:checked~ul > .slide.pic6, 
.artikelbilder.galerie > #slide7:checked~ul > .slide.pic7, .artikelbilder.galerie > #slide8:checked~ul > .slide.pic8, 
.artikelbilder.galerie > #slide9:checked~ul > .slide.pic9, .artikelbilder.galerie > #slide10:checked~ul > .slide.pic10, 
.artikelbilder.galerie > #slide11:checked~ul > .slide.pic11, .artikelbilder.galerie > #slide12:checked~ul > .slide.pic12, 
.artikelbilder.galerie > #slide13:checked~ul > .slide.pic13, .artikelbilder.galerie > #slide14:checked~ul > .slide.pic14, 
.artikelbilder.galerie > #slide15:checked~ul > .slide.pic15, .artikelbilder.galerie > #slide16:checked~ul > .slide.pic16 {opacity:1; z-index:2;}
/* Animations */
.artikelbilder.galerie > ul > .slide {display:inline-block; position:absolute; left: 0; top: 0; opacity: 0; z-index: 1; -webkit-transition: opacity 1250ms ease; transition: opacity 1250ms ease; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
@-webkit-keyframes fade {
0%, 37.254901960784316%, 100% {opacity: 0;}
12.254901960784315%,25% {opacity: 1;}
0%,24.999% {z-index: 2;}
25.001%,100% {z-index: 1;}
}   
@keyframes fade {
0%, 37.254901960784316%, 100% {opacity: 0;}
12.254901960784315%,25% {opacity: 1;}
0%,24.999% {z-index: 2;}
25.001%,100% {z-index: 1;}
}
/* Größe */
.artikelbilder.galerie {max-width:500px;}
.artikelbilder.galerie > ul {height:500px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:500px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:75px; width:auto; margin:0 auto;}
@media (min-width:992px) and (max-width: 1200px) {
.artikelbilder.galerie {max-width:400px;}
.artikelbilder.galerie > ul {height:400px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:400px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:60px; width:auto; margin:0 auto;}
}   
@media (min-width:768px) and (max-width: 992px) {
.artikelbilder.galerie {max-width:500px;}
.artikelbilder.galerie > ul {height:500px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:500px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:75px; width:auto; margin:0 auto;}
}
@media (max-width: 768px) { 
.artikelbilder.galerie {max-width:300px;}
.artikelbilder.galerie > ul {height:300px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:300px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:50px; width:auto; margin:0 auto;}
} 
 
/* TEXT & ÜBERSCHRIFTEN */
.art h1, .container h1, h2.h1, h3.h1, h4.h1 {line-height:25px; margin:15px 0; padding:10px 30px; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); color:#000000; font-size:20px; font-weight:700; text-align: center; border-bottom: 2px solid #66b8d9;border-radius: 7px;}
/*.art h1:before, .container h1:before {float:left; font-family: 'Open Sans', serif; content: '['; padding:0; font-size:70px; color:#66b8d9; position: relative; top:-8px; left:-40px;}
.art h1:after, .container h1:after {float:right; font-family: 'Open Sans', serif; content: ']'; padding:0; font-size:70px; color:#66b8d9; position: relative; top:-8px; right:-40px;}*/
blockquote {display:block; margin:20px 0; padding:20px; font-family: 'Open Sans', serif; font-size:14px; color:#000000; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); border-left:3px solid #66b8d9;}
code {display:block; margin:20px 0; padding:20px; font-family: 'Open Sans', serif; font-size:14px; color:#fff; background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px); border-left:3px solid #66b8d9;}
mark {font-family: 'Open Sans', serif; font-size:14px; color:#000000; background:#fff0ce;}
small {font-size:14px; color:#333;}
kbd {font-family: 'Open Sans', serif; font-size:14px; box-shadow:none;}
    
/* ARTIKELBESCHREIBUNG */
.artpic {padding:0 20px;}
.dsc h2 {display:table; padding:0 2px 3px 2px; margin:30px 0 20px 0; font-size:18px; color:#66b8d9; font-weight:700;}
.dsc h3 {display: block; padding: 0; margin: 20px 0; font-size: 20px; color: #000000; font-weight: 300;}
.dsc ul, .tab-content ul {margin:15px 0; padding:0;}
.dsc ul li, .tab-content ul li {list-style-type: none; color:#000000; padding:7px; border-bottom:1px dotted #ddd; text-indent:-24px; padding-left:30px;}
.dsc ul li:last-child, .tab-content ul li:last-child {border:none;}
.dsc ul li:before, .tab-content ul li:before {font-family: 'FontAwesome'; content: '\f00c'; font-size:14px; padding-right:10px; color:#66b8d9;}
.dsc .listplus ul li:before {font-family: 'FontAwesome'; content: '\f067'; font-size:14px; padding-right:10px; color:#66b8d9;}
.dsc .listliefer ul li:before {font-family: 'FontAwesome'; content: '\f046'; font-size:14px; padding-right:10px; color:#66b8d9;}
.dsc span.var {display:inline-block; min-width:60px; padding:10px; margin:1px 5px; color:#666; border:1px solid #fff; text-align: center; cursor: default; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);}    
.dsc span.var:hover {border:1px solid #ddd;} 

/* ZUSATZBILDER */
.zusatzbilder {margin-top:25px}
img.zusatzbild {border:1px solid #eee}
small.zusatzbildtext {text-align:center; display:block; padding: 10px 0 30px 0; color: #777;}

    
/* BUTTONS */
.kaufenbox {margin-top:30px; padding:25px 20px; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);}
.preis {margin:0; padding:0 20px; cursor:default;}
.preis h3 {margin:0; padding:0; color:#000000; font-size:30px; font-weight:700; text-align:left;}
.preis h4 {margin:0; padding:5px 0 0 0; color:#999; font-size:14px; font-weight:400; text-align:left;}
.dsc h3 span:hover {background:none;}
a.skb {display:block; margin:0 0 10px 0; line-height:40px; color:#fff; text-align:center; background:#66b8d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:700; text-decoration:none!important;}
a.skb:hover {background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px);}
a.skb:before {font-family: 'FontAwesome'; content: '\f291'; font-size:14px; padding:0; margin:0; display:block; background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px); color: #fff; width:50px; float:left;}
a.beo, a.fsb {display:block; margin:0; padding:2px 0 0 20px; color:#000000; font-weight:400; text-decoration: none!important;}
a.beo i, a.fsb i {color:#66b8d9; padding-right:10px;}
a.beo:hover, a.fsb:hover {color:#66b8d9;}

/* TABS */
.tabs {margin:40px 0; padding:0; background:none}
.tabs input[type=radio] {display:none}
.tabs label {display:block; float:left; width:33.333333%; font-family: 'Open Sans', serif; color:#000000; font-size:16px; font-weight:700; text-decoration: none; text-align:center; cursor:pointer; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); padding:20px 0 15px 0; margin:0; overflow: hidden; text-transform: uppercase;}
.tabs label span {display:inline-block}
.tabs label:hover {background:#eee;}
.tab-content {display:none; width:100%; float:left; padding:10px 20px 20px 20px; box-sizing:border-box; background:#fff; border-top:3px solid #66b8d9; margin-top:0; text-align:left}
.tab-content h2 {font-size:18px; font-weight:700; color:#000000;}
.tab-content h3 {display: block; padding: 0; margin: 20px 0; font-size: 20px; color: #000000; font-weight: 300;}
.tabs [id^="tab"]:checked + label {background:#66b8d9; color:#fff;}
#tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3, #tab4:checked ~ #tab-content4, #tab5:checked ~ #tab-content5, #tab6:checked ~ #tab-content6, #tab7:checked ~ #tab-content7, #tab8:checked ~ #tab-content8, #tab9:checked ~ #tab-content9 {display:block;}
.tabs:after {content:''; display:table; clear:both}
.tab-content ul {margin:10px 0}
.tab-content a {color: #000000; font-weight:700; text-decoration: none}
.tab-content a:hover {color: #66b8d9; text-decoration: none}
    
/* TABLE */
.container table {margin:20px 0; cursor: default; font-family: 'Open Sans', serif; color:#000000; font-size:14px;}
.container table tr {border-bottom:1px solid #ddd;}
.container table tr:nth-child(odd) {background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);}
.container table tr:last-child {border-bottom:none;}
.container table td {padding:5px 20px;}
.container table td:first-child {font-weight:700; border-right:1px solid #ddd;}
    
/* SERVICE */
.service {margin:0 0 60px 0; padding:25px 15px; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #e0e0e0 2px, #e0e0e0 4px); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default;}
.service i {background:#fff; transform: scale(3); position: relative; top:-40px; color:#66b8d9; padding:10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} 
.service div {padding:20px;}
.service div div {margin:0; padding:0 30px 30px 30px; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; color:#000000;}
.service div h2 {margin:0; padding:10px 0 20px 0; border:none; display:block; text-align:center; font-size:20px; color:#000000; font-weight:700;}
    
/* CROSS-SELL */
div.xsell {margin:20px 0 30px 0; padding:10px; background:#fff;}
div.xsell a {text-decoration: none!important; color:inherit;}
div.xsell img {margin:0 auto; padding:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.xsell h4 {margin:0; padding:15px; text-align: center; font-weight:700; font-size:16px; color:#000000; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);}
div.xsell span {display:block; margin:0; padding:5px 0 0 0; color:#66b8d9; font-weight:700; font-size:14px; text-align: center;}   
div.xsell:hover {background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);}  
div.xsell:hover h4 {background:none;}   

/* NEWSLETTER */
.nws {background:#66b8d9; padding:15px 0;}
.nws div {text-align:right; color:#fff; font-weight:400; font-size:30px;} 
a.news {display:block; max-width:250px; background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px); color:#fff; text-align: center; font-size:16px; font-weight:700; padding:13px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
a.news:hover {text-decoration: none; background:#fff; color:#000000;}
    
/* FOOTER */
.footer {background:#000000; padding:0 0 20px 0;}
.footer h6 {margin:20px 0; padding:10px 0; text-align:center; color:#fff; font-weight:700; font-size:16px; background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px);}    
.footer ul {margin:0; padding:0;}   
.footer ul.opening {color:#66b8d9;} 
.footer ul li {list-style-type: none; text-align: center; padding:5px 0; border-top:1px dotted #555}
.footer ul li:first-child {border:none;}
.footer ul li a {color:#66b8d9;}
.footer ul li a:hover {color:#fff; text-decoration: none;}
.footer p {padding:0 20px; text-align:center; line-height:20px; color:#999;}
.footer p img {margin:8px auto;}
.footer p.zvb {line-height:32px; padding:0 50px;}
.footer p.zvb i {color:#888; font-weight:400; font-size:20px;}
.footer a.ueberuns {font-size:13px;line-height: 17.5px;}
.footer a.kontakt {display:block; max-width:220px; padding:0; line-height:40px; margin:20px auto!important; font-size:14px; font-weight:700; background:#66b8d9; color:#000000; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none!important; border:2px solid #66b8d9;}
.footer a.kontakt:hover {background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px); color:#fff;}
.footer a.kontakt:before {font-family: 'FontAwesome'; content: '\f0e6'; font-size:14px; padding:0; margin:0; display:block; background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px); color: #66b8d9; width:50px; float:left;}

/* MEDIA QUERY */  
    
@media (min-width:992px) and (max-width: 1200px) {
.service div h2 {font-size:16px;}
.footer p.zvb {padding:0 20px;}
}
    
@media (min-width:768px) and (max-width: 992px) {
.artpic {padding:0 40px;}
div.info {font-size:12px;}
.dsc {float:none;}
a.news {font-size:14px; padding:10px;}
div.nws div div:first-child {font-size:22px; padding:3px 0;}
}
    
@media (max-width: 768px) { 
.artpic {padding:10px 0; text-align: center}
div.logo {text-align: center;}
a.skb {margin:10px 0;}
.logo img {margin:0 auto; padding:0;}
div.kategorien {margin-bottom:10px;}
div.container h1 {font-size:17px; text-align: center; padding: 10px 20px; line-height:18px;}
div.container h1:before, div.container h1:after {display:none;}
.dsc {float:none; margin-top:0; padding:0 20px;}
.art h1, .container h1, h2.h1, h3.h1, h4.h1 {margin:15px 10px;}
.dsc h2 {font-size:18px;}
.tabs label {width:100%}
.tabs label span {display:inline-block}
div.xsell {margin:20px;}
div.nws {margin:0; padding:30px 0 10px 0;}
.nws div div:first-child {padding:0 0 20px 0; font-size:14px; text-align: center; float:none;}
a.news {margin:0 auto; font-size:14px; text-align: center;}
} 




/* MAIN NAVIGATION START */

div.menubar {background:#66b8d9;}

.toggle,
[id^=drop] {
    display: none;
}

nav {
    margin:0;
    padding: 0;
    height: 55px;
}

nav:after {
    content:"";
    display:table;
    clear:both;
}

nav ul {
    float: left;
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
}

nav ul li {
    margin: 0;
    display:inline-block;
    float: left;
}

nav ul li a {
    display:block;
    height: 55px;
    line-height: 55px;
    padding:0 20px;
    color:#ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration:none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

nav > ul > li > ul > li#nummer1 {
display:none!important;
}

/* SHOP LINK */
nav ul li.shoplink {
    background-color: #000000;
}


@media screen and (max-width: 1024px) {
    nav ul li a {
    height: 55px;
    line-height: 55px;
        padding:0 12px;
        font-size: 15px;
        letter-spacing: 0;
    }
}

nav ul li:hover {
    background-color: #000000;
}

nav ul li a:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration:none;
    color: #ffffff;
}

nav ul li a i {
    margin-right: 8px;
    font-size: 17px;
}

nav ul ul {
    display: none;
    position: absolute;
    top: 55px;
    z-index: 9999;
}

nav ul li:hover > ul {
    display:inherit;
    background: #fff;
    box-shadow: 0 3px 4px -1px #ccc;
}

nav ul ul li {
    width: auto;
    min-width: 260px;
    max-width: 100%;
    float:none;
    display:list-item;
    position: relative;
}


nav ul li ul li a {
    height: auto;
    line-height: 20px;
    color: #333;
    font-size: 14px;
    list-style-position: inside;
    padding: 10px 10px;
    word-break: normal;
}

nav ul li ul li a:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .4s linear;
    transition: all .3s linear
}

@media all and (max-width : 824px) {
    nav {
        margin: 0;
    }

    .toggle + a,
    .menu {
        display: none;
    }

    .toggle {
        display: block;
        margin: 0;
        padding: 14px 20px 12px 20px;
        color: #fff;
        font-size: 21px;
        font-weight: 300;
        text-decoration:none;
        border:none;
    }

    .toggle-icon {
        float: right;
        font-size: 28px;
        margin-top: -1px;
    }

    .toggle-sub-icon {
        float: right;
        margin-top: 13px;
    }

    [id^=drop]:checked + ul {
        display: block;
        box-shadow: none;
        border-top: 1px solid #fff;
    }

    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul li a,
    nav ul li label {
        height: 46px;
        line-height: 46px;
        font-size: 18px !important;
        padding: 0 20px !important;
        text-transform: uppercase;
    }

    nav ul li a i,
    nav ul li label i {
        margin-right: 8px;
        font-size: 16px;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: #000000;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: #fff;
        font-size: 17px;
    }


    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #fff;
    }

    nav ul ul {
        float: none;
        position:static;
        color: #ffffff;
    }

    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
        display: none;
    }

    nav ul ul li {
        display: block;
        width: 100%;
    }

    nav ul ul ul li {
        position: static;

    }

    nav ul li ul li a {
        height: auto;
        line-height: 34px;
        font-size: 16px !important;
    }

}

.item-title {
    font-weight: 300;
    background: #fff;
    text-align: center;
}





/* CROSS SELLER BOX START */
.cross-sell-header h3 {
    font-size: 20px;
    line-height: 42px;
    font-weight: 300;
    color: #fff;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.cross-sell-header h3:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
}

.cross-sell-header h3 .inner-bg {
    padding: 8px 38px;
    background: #f9f9f9;
}

.cross-sell-header h3 span {
    position: relative;
}

.cross-sell-header h3 .inner-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 100%;
}

@media screen and (max-width:568px) {
    .cross-sell-header h3 {
        font-size: 16px;
        line-height: 24px;

    }

    .cross-sell-header h3:before {
        display: none !important;
    }

    .cross-sell-header h3 .inner-bg {
        display: block;
        padding: 8px 10px !important;
    }

    .cross-sell-header h3 .inner-bg:before {
        left: 0 !important;
        right: 0 !important;
    }

    .cross-sell-header h4 {
        font-size: 15px !important;
    }
}

.cross-sell-slider {
    margin: 14px 0 0 0;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    padding: 0 42px;
}

@media screen and (max-width:824px) {
    .cross-sell-slider {
        display: none;
    }
}

.cross-sell-slider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 40px;
    background: #fff;
    z-index: 1;
    right: auto;
}

.cross-sell-slider:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    background: #fff;
    z-index: 1;
}

.cross-sell-slider li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 6px!important;
    width: 25%;
    font-size: 15px;
    line-height: 18px;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -25%;
    position: static;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media screen and (max-width:1200px) {
    .cross-sell-slider li {
        width: 50%;
        margin-left: -50%;
    }
}

.cross-sell-img {
    display: block;
    height: 200px;
    width: 200px;
    margin: 0 auto;
}

@media screen and (max-width:1024px) {
    .cross-sell-img {
        height: 180px;
        width: 180px;
    }
}

@media screen and (max-width:824px) {
    .cross-sell-img {
        height: 270px;
        width: 270px;
    }
}

@media screen and (max-width:736px) {
    .cross-sell-img {
        height: 224px;
        width: 224px;
    }
}

@media screen and (max-width:568px) {
    .cross-sell-img {
        height: 188px;
        width: 188px;
    }
}

@media screen and (max-width:414px) {
    .cross-sell-img {
        height: 260px;
        width: 260px;
    }
}

@media screen and (max-width:376px) {
    .cross-sell-img {
        height: 172px;
        width: 172px;
    }
}

.cross-sell-img img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    padding: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cross-sell-title {
    display: block;
    height: 50px;
    padding-top: 14px;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
}

@media screen and (max-width:1024px) {
    .cross-sell-title {
        font-size: 16px;
    }
}

@media screen and (max-width:736px) {
    .cross-sell-title {
        font-size: 14px;
    }
}

@media screen and (max-width:414px) {
    .cross-sell-title {
        font-size: 16px;
    }
}

@media screen and (max-width:320px) {
    .cross-sell-title {
        font-size: 14px;
    }
}

.cross-sell-price {
    display: block;
    padding-top: 14px;
    font-weight: 300;
    font-size: 22px;
    text-align: center;
}

.cross-sell-vat {
    display: block;
    padding-top: 4px;
    font-size: 12px;
    font-weight: 300;
}

.cross-sell-link {
    display: block;
    padding-top: 14px;
    color: #f9b61e;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.cross-sell-link .btn {
    padding-top: 4px;
    padding-bottom: 4px;
}

.cross-sell-item {
    display: block;
    position: relative;
    background: #fff;
    padding: 10px;
}

.cross-sell-slider label.prev,
.cross-sell-slider label.next {
    color: #000;
    cursor: pointer;
    position: absolute;
    right: 0;
    text-align: center;
    top: 46%;
    z-index: 5;
    display: none;
    height: 40px;
    width: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.active-check {
    display: none;
}

.cross-sell-slider .active-check:checked ~ li {
    margin-left: 0 !important;
}

.cross-sell-slider .active-check:checked + li label {
    display: block;
}

.cross-sell-slider label.prev {
    right: auto;
    left: 0;
}

.cross-sell-slider label.prev:before,
.cross-sell-slider label.next:before {
    font-family: FontAwesome;
    font-size: 1.8em;
}

.cross-sell-slider label.prev:before {
    content: "\f053";
}

.cross-sell-slider label.next:before {
    content: "\f054";
}

@media screen and (min-width:825px) {
    .slider-nav-4 {
        display: block;
    }
    .slider-nav-2 {
        display: none;
    }
    .slider-nav-1 {
        display: none;
    }
}

@media screen and (max-width:824px) {
    .slider-nav-4 {
        display: none;
    }
    .slider-nav-2 {
        display: block;
    }
    .slider-nav-1 {
        display: none;
    }
}

@media screen and (max-width:414px) {
    .slider-nav-4 {
        display: none;
    }
    .slider-nav-2 {
        display: none;
    }
    .slider-nav-1 {
        display: block;
    }
}

.cross-sell-mobile {
    padding: 0;
}

@media screen and (min-width:824px) {
    .cross-sell-mobile {
        display: none;
    }
}
@media screen and (max-width:824px) {
    .cross-sell-header {
        margin-bottom: 10px;
    }
}

.cross-sell-item-mobile {
    display: block;
    position: relative;
    background: #fff;
    text-align: center;
    padding: 10px;
    float: left;
    width: 48%;
    margin: 1%;
}

@media screen and (max-width:414px) {
    .cross-sell-item-mobile {
        width: 100%;
        margin-bottom: 2%;
    }
}
/* CROSS SELLER BOX END */
.cross-selling {display: block;
    min-height: 280px;
}
.cross-selling img {width: 100%!important;

}