@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.bunny.net/css?family=mulish:400,400i,700,700i);
    
/* Copyright 2023 WEBMARX Digital Agentur | https://www.ebay.de/str/webmarx | eBay Auktionsvorlage Alpha V.1.2 */  
    
.container-fluid, .container, .col-md-6 {font-family: 'Mulish', sans-serif; font-size:16px; color:#000; font-weight:400; padding:0;}        
.row {margin:0; padding:0;}
    
/* PREHEADER */
.preheader {margin:0 auto; padding:25px 0; text-align: right;}
.preheader ul {margin:0; padding:0;}
.preheader ul li {list-style:none; display:inline-block; margin:0; padding:0;}
.preheader ul li a {color:#000; text-decoration: none; padding:0 10px;}
.preheader ul li a:hover {color:#555; text-decoration: none;}
.preheader ul li i {color:#fee133;}

/* HEADER */
.header {background:#000;}
.header .row {position:relative;}
.logo-circle {position:absolute; top:-60px; z-index:20; background:#fee133; width:180px; height:180px; border-radius:50%; text-align: center;}
.logo-circle img {position: relative; z-index:25; top:66px;}

/* KATEGORIEN */
.kategorien {margin:0; padding:0; background:#000; border-top:none;}
.kategorien ul {margin:0; padding:0; height:60px; position:relative; text-align: right;} 
.kategorien ul li {display:inline-block; margin:0; padding:0 10px; list-style-type:none; line-height:60px; border-top:2px solid rgba(0,0,0,0); position: relative;} 
/* HOVER */
.kategorien ul li a {margin:0; padding:0; color:#FFF; text-decoration: none; display:block; position: relative; overflow: hidden;}
/* DROPDOWN*/
.kategorien ul ul {display:none; position:absolute; height:auto; background:#fff; top:58px; left:0; z-index:16; list-style-type: none; box-shadow:0 10px 20px rgba(0,0,0,0.1); border:1px solid #ddd;}
.kategorien ul li:hover > ul {display:inherit;}
.kategorien ul ul li {min-width:100%; min-width:200px; width:auto; float:none; display:block; position: relative; padding:0; margin:0; background:#fff; list-style: none; text-align: left; line-height:35px;}
.kategorien ul ul li a {display:block; margin:0; padding:0 20px!important; color:#000; font-size:14px;}
.kategorien ul ul li:hover {background:#000; color:#fff;}
.kategorien ul ul li:hover a {color:#fff!important; text-decoration: none;}

/* SLIDER */
.slider-bg {margin:0; padding:0; background:#FFF; overflow: hidden;}
.carousel {position: relative; margin:0;}
.slider-inner {position: relative; overflow: hidden; width: 100%;}
.slider-open:checked + .slider-item {position: relative; opacity: 100;}
.slider-item {position: absolute; opacity: 0; -webkit-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; text-align: center;}
.slider-item img {display: block; height: auto; max-width: 100%; margin:0 auto;}
.slider-control {opacity:1; background:rgba(0,0,0,0.2); border-radius: 50%; color: #fff; cursor: pointer; display: none; font-size:40px; width: 40px; height: 40px; line-height:32px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); cursor: pointer; -ms-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; z-index: 10;}
.slider-control.prev {left: 1%;}
.slider-control.next {right: 1%;}
.slider-control:hover {background:#000; color: #fff;}
#carousel-1:checked ~ .control-1, #carousel-2:checked ~ .control-2, #carousel-3:checked ~ .control-3 {display: block;}
.slider-nav {opacity:1; list-style: none; margin: 0; padding: 0; position: absolute; bottom:1%; left: 0; right: 0; text-align: center; z-index: 10;}
.slider-nav li {display: inline-block; margin: 0 5px;}
.slider-bullet {color: #aaa; cursor: pointer; display: block; font-size:50px; letter-spacing:-2px;}
.slider-bullet:hover {color: #fee133;}
#carousel-1:checked ~ .control-1 ~ .slider-nav li:nth-child(1) .slider-bullet,
#carousel-2:checked ~ .control-2 ~ .slider-nav li:nth-child(2) .slider-bullet,
#carousel-3:checked ~ .control-3 ~ .slider-nav li:nth-child(3) .slider-bullet {color: #fff;}  

/* ARTIKELBILDER */
img {max-width:100%; height:auto}
.artikelbilder.galerie {display:inline-block; position:relative; width:100%; height:auto; text-align: center;}   
.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-top: 10px;}
.artikelbilder.galerie > .thumb > label {box-sizing: border-box; border-radius: 0px; margin: 0 auto; padding:0; background: none; text-align: center;}
.artikelbilder.galerie > .thumb > label img {margin:0 auto; border:1px solid #ddd;}
.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:520px;}
.artikelbilder.galerie > ul {height:520px;}
.artikelbilder.galerie > ul > .slide.img img {max-height:520px; width:auto; margin:0 auto;}
.artikelbilder.galerie > .thumb > label img {max-height:115px; 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:80px; 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:55px; width:auto; margin:0 auto;}
} 

/* ARTIKELBESCHREIBUNG */
.art {margin:0; padding:30px 0;}
.artpic {margin:0; padding:0;}
.dsc {margin:0; padding:0;}
.marke {color:#000; font-size:16px; text-transform: uppercase; font-weight:700;}
.dsc h1 {margin:20px 0; padding:0 10px 0 0; color:#000; font-size:34px; font-weight:700;}
.dsc h2 {margin:20px 0; padding:0 10px 0 0; color:#000; font-size:30px; font-weight:700;}
.dsc h3 {margin:20px 0; padding:0 10px 0 0; color:#000; font-size:26px; font-weight:700;}
.dsc h4 {margin:20px 0; padding:0 10px 0 0; color:#000; font-size:22px; font-weight:700;}
.dsc h5 {margin:20px 0; padding:0 10px 0 0; color:#000; font-size:18px; font-weight:700;}
.dsc h6 {margin:20px 0; padding:0 10px 0 0; color:#000; font-size:16px; font-weight:700;}
.preis {color:#000; font-size:24px; font-weight:700;}
.preis small {display:inline-block; margin:10px 0 0 0; padding:0; color:#999; font-weight:400; font-size:14px; padding:0 5px;}
.dsc hr, .xsell hr {margin:30px 0; padding:0; background:none; border:none; border-top:1px solid #eee;}
.skb, .fsb {display:inline-block; width:48%; margin:0 0 20px 0; border-radius:30px; padding:15px 0; text-align: center; color:#000; text-decoration: none; text-transform: uppercase; font-weight:700; font-size:14px;}
.skb {background:#97cadb; margin-right:2%;}
.fsb {background:#fee133;}
.skb:hover, .fsb:hover {background:#000; text-decoration: none; color:#FFF;}
.ozustand, .tzustand {display:block; margin:30px 0;}
.ozustand b, .tzustand b {display:block;}

/* TABS */
.tabs {margin:50px 0; padding:0; background:none;}
.tabs input[type=radio] {display:none}
.tabs label {width:auto; line-height:40px; color:#777; font-weight:700; text-decoration: none; text-align:center; cursor:pointer; background:none; padding:10px 0; margin:0 50px 0 0; overflow: hidden; text-transform: uppercase;}
.tabs label span {display:inline-block}
/* HOVER */
.tabs label {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
.tabs label:before {content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #000; height: 1px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.tabs label:hover:before, .tabs label:focus:before, .tabs label:active:before {right: 0;}
.tabs [id^="tab"]:checked + label {color: #000;}
.tabs [id^="tab"]:checked + label:before {position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #000; height: 1px;}
.qualitaet {display:block; background:#000; color:#FFF; padding:0 20px; border-radius:20px;}
/* CONTENT */
.tab-content {display:none; width:100%; float:left; padding:20px; box-sizing:border-box; background:#fff; border-top:1px solid #eee; margin-top:0; text-align:left;}
.tab-content h1 {display:block; margin:30px 0 10px 0; padding:0 0 10px 0; color:#000; font-weight:700; font-size:32px;}
.tab-content h2 {display:block; margin:30px 0 10px 0; padding:0 0 10px 0; color:#000; font-weight:700; font-size:24px;}
.tab-content h3 {display:block; margin:30px 0 10px 0; padding:0 0 10px 0; color:#000; font-weight:700; font-size:20px;}
.tab-content h4 {display:block; margin:30px 0 10px 0; padding:0 0 10px 0; color:#777; font-weight:700; font-size:20px;}
.tab-content h5 {display:block; margin:30px 0 10px 0; padding:0 0 10px 0; color:#000; font-weight:700; font-size:16px;}
.tab-content h6 {display:block; margin:30px 0 10px 0; padding:0 0 10px 0; color:#777; font-weight:700; font-size:16px;}
.tab-content p {margin:20px 0; padding:10px 0; color:#000;}
/* LISTE */
.tab-content ul {margin:20px 0; padding:0;}
.tab-content ul li {margin:0; padding:10px 15px; padding-left:2em; border-bottom:1px solid #efefef; list-style: none; text-indent:-1.5em;}
.tab-content ul li:last-child {border-bottom:none;}
.tab-content ul li:before {content:'• '; color:#fee133; position:relative; font-size:20px; top:0; margin-right:10px;}
/* TABELLE */
.tab-content table {margin:20px 0;}
.tab-content table td, .tab-content table th {padding:10px 20px;}
.tab-content table tr {border-bottom:1px solid #eee;}
.tab-content table tr:nth-child(odd) {background:#f5f5f5;}
/* TAB ANIMATION */
#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, #tab10:checked ~ #tab-content10, #tab11:checked ~ #tab-content11, #tab12:checked ~ #tab-content12, #tab13:checked ~ #tab-content13, #tab14:checked ~ #tab-content14, #tab15:checked ~ #tab-content15, #tab16:checked ~ #tab-content16, #tab17:checked ~ #tab-content17, #tab18:checked ~ #tab-content18, #tab19:checked ~ #tab-content19, #tab20:checked ~ #tab-content20, #tab21:checked ~ #tab-content21, #tab22:checked ~ #tab-content22, #tab23:checked ~ #tab-content23, #tab24:checked ~ #tab-content24, #tab25:checked ~ #tab-content25, #tab26:checked ~ #tab-content26, #tab27:checked ~ #tab-content27, #tab28:checked ~ #tab-content28, #tab29:checked ~ #tab-content29, #tab30:checked ~ #tab-content30{display:block; -webkit-animation: fadein 1.5s; -moz-animation: fadein 1.5s; -ms-animation: fadein 1.5s; -o-animation: fadein 1.5s; animation: fadein 1.5s;}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.tabs:after {content:''; display:table; clear:both}

/* STYLES */
blockquote {display:block; margin:10px 0; padding:30px; font-size:16px; color:#000; background: #f5f5f5; border-left:5px solid #fee133; font-weight: 400; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-family: 'Mulish', sans-serif;}
code {display:block; margin:10px 0; padding:30px; font-size:16px; color:#fff; background: #000; border-left:5px solid #fee133; font-weight: 400; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-family: 'Mulish', sans-serif;}
mark {color:#000; background:#fff7c8; font-family: 'Mulish', sans-serif; font-size:16px; font-weight: 400;}
small {font-size:12px; color:#999; font-family: 'Mulish', sans-serif; font-weight: 400;}
kbd {background:#000; color:#fff; font-family: 'Mulish', sans-serif; font-size:16px; font-weight: 400; box-shadow:none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* ZUSTAND */
.zustand h5 {margin:30px 0 0 0;}
.zustand ul {margin:0 0 30px 0;}

/* BATTERIEGESETZ */
.batteriegesetz {margin:30px 0 50px 0; padding:20px 40px; border:1px solid #000; border-left:none; border-right:none;}
.batteriegesetz h3 {margin:20px 0 30px 0; padding:0; font-weight:700; font-size:18px;}
.batteriegesetz p {margin:0; padding:0;}
.batteriegesetz img {margin:20px 0;}
    
/* SERVICE */
.service {background:#272525; margin:0; padding:20px 0 40px 0;}
.service h2 {color:#FFF; font-weight:700; text-transform:uppercase; font-size:34px; margin:30px 0; text-align: center;}
.five-row {width:19.5%; margin:0; display:inline-block; padding:0 20px; text-align: center; vertical-align: top;}
.five-row img {margin:0; display:inline-block; padding:0; text-align: center;}
.five-row h3 {margin:10px 0; padding:0; color:#FFF; font-size:16px; text-transform: uppercase;}

/* DISCOVER */
.xsell {margin:30px auto; padding:40px 0 0 0;}
.xsell hr {margin-top:50px;}
.xsell a, .xsell a:hover {text-decoration: none;}
.xsell .col-sm-3 {border:5px solid rgba(0,0,0,0);}
.xsell .col-sm-3:hover {border:5px solid #fee133; box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.xsell h2 {color:#000; font-weight:700; text-transform:uppercase; font-size:34px; margin:20px 0 0 0; text-align: center;}
.xsell h3 {color:#000; font-weight:400; text-transform:uppercase; font-size:16px; margin:10px 0 30px 0; text-align: center;}
.xsell h4 {color:#000; font-weight:700; text-transform:uppercase; font-size:22px; margin:10px 0 20px 0; text-align: center;}
.xsell h5 {color:#000; font-weight:400; text-transform:uppercase; font-size:16px; margin:20px 0 15px 0; text-align: center;}
.xsell h6 {color:#000; font-weight:400; font-size:16px; margin:10px 0 50px 0; text-align: center;}
.xsell-25 {width:24.5%; margin:0; padding:20px; display:inline-block; text-align: center; vertical-align: top;}  
.xsell-25 img {max-height:230px; width:auto; margin:0;}  
.xsell-25 h4 {margin-top:20px; font-size:20px;}
.xsell-25 h6 {margin:0 0 30px 0; padding:0;}
@media (min-width:992px) and (max-width: 1200px) {
.xsell-25 {width:33%;}
}
@media (min-width:768px) and (max-width: 992px) {
.xsell-25 {width:32.8%;}
.xsell-25 h4 {margin-top:20px; font-size:16px;}
}

/* EXLPORE */
.xsell-cats {margin:0 auto; padding:0;}
.xsell-cats h2 {color:#000; font-weight:700; text-transform:uppercase; font-size:34px; margin:20px 0 0 0; text-align: center;}
.xsell-cats h3 {color:#000; font-weight:400; text-transform:uppercase; font-size:16px; margin:10px 0 30px 0; text-align: center;}
.xsell-cats .col-sm-3 {margin:0; padding:0; text-align: center;}
.xsell-cats .double img:first-of-type {margin:0 0 15px 0;}
.xsell-cats a img:hover {opacity:0.8;}

/* FOOTER */
.footer {background:#272525; margin:80px 0 30px 0; padding:20px;}
.footer .col-sm-4 {color:#938888; text-align: center;}
.footer .col-sm-4:first-of-type {text-align: left;}
.footer .col-sm-4:last-of-type {text-align: right;}

/* MEDIA QUERY */  
    
@media (min-width:992px) and (max-width: 1200px) {
.logo-circle {top:-45px;}
.logo-circle {width:150px; height:150px;}
.logo-circle img {width:110px; height:auto;top:57px;}
.kategorien ul li {padding:0 5px; margin:0;}
.kategorien ul li a {font-size:14px; padding:0; margin:0;}
.five-row {padding:0;}
.xsell h4 {font-size:18px;}
.xsell-cats img {padding:0 5px;}
.xsell-cats .double img:first-of-type {margin: 0 0 13px 0;}
}
    
@media (min-width:768px) and (max-width: 992px) {
.logo {margin:0!important; padding:0!important;}
.logo-circle {display:block; position:relative; top:0; border-radius:0px; margin:0; padding:0; width:100%; height:80px; background:#FFF;}
.logo-circle img {top:16px;}
.header {background:#FFF;}
.art {margin:0; padding:0 0 20px 0;}
.artpic {text-align: center;}
.dsc {margin:0; padding:40px 20px 0 20px;}
.tabs {margin:0 20px; padding:0;}
.tabs label {width:100%; margin:0; padding:5px 0;}
.five-row {padding:0;}
.five-row h3 {font-size:12px;}
.xsell .col-sm-3 {padding:0 5px;}
.xsell h4 {font-size:16px;}
.xsell-cats img {padding:0 5px;}
.xsell-cats .double img:first-of-type {margin: 0 0 10px 0;}
.footer .col-sm-4 {font-size:12px;}
}
    
@media (max-width: 768px) { 
.logo {margin:0!important; padding:0!important;}
.logo-circle {display:block; position:relative; top:0; border-radius:0px; margin:0; padding:0; width:100%; height:80px; background:#FFF;}
.logo-circle img {top:16px;}
.art {margin:0; padding:0 0 20px 0;}
.artpic {text-align: center;}
.dsc {margin:0; padding:40px 20px 0 20px;}
a.skb, a.fsb {width:100%;}
.tabs {margin:0 20px; padding:0;}
.tabs label {width:100%; margin:0; padding:5px 0;}
} 

@media (max-width: 992px) { 
/* KATEGORIEN */
.kategorien {border:none; padding:0;}
.kategorien ul {display:block; width:100%; margin:0; padding:0; height:auto; border:none;}
.kategorien ul ul {display:block; position:inherit; margin:0; top:0; left:0; box-shadow:none; border:none;}
/* LISTS A */
.kategorien ul li, .kategorien ul ul li {display:block; margin:0; padding:0; width:100%; border:none; border:none; line-height: normal;}
.kategorien ul li a, .kategorien ul ul li a {display:block; margin:0; padding:10px 30px!important; width:100%; color:#000; text-align: left; border:none; font-size:14px;}
.kategorien ul ul li a {padding:10px 50px!important;}
.kategorien ul ul li a:before {content:'• '; color:#fee133; position:relative; font-size:20px; top:0; margin-right:10px;}
.kategorien ul li a i {display:none;}
/* HOVER */
.kategorien ul li:hover {background:#FFF!important;}
.kategorien ul li:hover a, .kategorien ul ul li:hover a {color:#000!important; text-decoration: none!important;}
/* RESPONSIVE MENU */
.toggle-box *, .toggle-box *:before, .toggle-box *:after {box-sizing: border-box;}
.toggle-box {width:100%;}
.toggle-box input[name='panel'] {display: none;}
.toggle-box label {height:60px; position: relative; display: block; padding:0; margin:0; line-height:60px; background:none; border:none; color:#FFF; font-size:14px; cursor: pointer; transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); text-transform: uppercase; text-align: center;}
.toggle-box label:after {content: '\f107'; font-family:'FontAwesome'; position: absolute; top:17px; right:40px; font-size:14px; width:25px; height: 25px; line-height:25px; color:#000; text-align: center; border-radius: 50%; background:#fee133; padding:0;}
.toggle-box input:checked + label {color: #FFF;}    
.toggle-box input:checked + label:after {content: '\f106'; font-family:'FontAwesome';}
.toggle-box .toggle-content {overflow: hidden; max-height: 0em; position: relative; padding: 0; background: #fff; color:#444; transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);}    
.toggle-box .toggle-content .toggle-body {padding:0;}
input[name='panel']:checked ~ .toggle-content {max-height:595px; overflow-y: scroll; overflow-x: hidden;} 
} 

div[align=left] {display:none}