@font-face {
  font-family: 'one';
  src: url('../fonts/sono.ttf');
}

body {

  overflow-x: hidden;
}

.container-fluid, .container, .col-md-6 {

    font-family: 'Open Sans', serif; 
    font-size:14px; color:#3f3f3f; 
    font-weight:400; padding:0;
}

.page-center {
	max-width: 1300px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.row {margin:0; padding:0;}

/* HEADER */
.header {padding:40px 0;}
.logo {font-size:38px; color:#3f3f3f; font-weight:700; text-transform: uppercase;}
.logo b {text-decoration: none; color:#f9b61e; 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:#ccc; padding-right:10px;}
.info div:hover i {color:#f9b61e;}

/* KATEGORIEN */
div.kategorien {background:#05198c;}
div.kategorien ul {margin:0; padding:0; height:60px; position: relative}
div.kategorien ul li {float:left; max-height:60px; margin:0; padding:0; list-style-type:none; line-height:60px;}
div.kategorien ul li a { 
  display:block; 
  margin:0; 
  padding:0 20px; 
  font-weight:700; 
  color:#fff; 
  text-decoration: none;
  text-transform: uppercase;
}
div.kategorien ul li:hover a {color:#fff; text-decoration: none;}
div.kategorien ul li:hover {background:rgba(255, 255, 255, 0.1);}

/* SHOP LINK */
div.kategorien ul li:first-child a {font-size:24px;}
div.kategorien ul li:first-child {background:#3f3f3f; line-height:60px; border-left: none !important;}
div.kategorien ul li:first-child i {line-height:60px;}
div.kategorien ul li:first-child:hover {background:#2f2f2f;}
div.kategorien ul li:first-child:hover a {color:#fff;}

/* DROPDOWN*/
div.kategorien ul ul {display:none; position:absolute; top:60px; z-index:6; list-style-type: none;}
div.kategorien ul li:hover > ul {display:inherit;}
div.kategorien ul ul li, div.kategorien ul ul li:first-child {width:auto; max-height:60px; float:none; display:block; position: relative; font-weight:700; color:#fff; text-transform: uppercase; padding:0; margin:0; font-family: 'Open Sans', serif; font-size:14px; background:#3f3f3f; list-style-type: none; line-height:50px;}
div.kategorien ul ul li a, div.kategorien ul ul li:first-child a {display:block; margin:0; font-family: 'Open Sans', serif; font-size:14px; padding:0 20px; font-weight:700; color:#fff!important; text-transform: uppercase;}
div.kategorien ul ul li:hover, div.kategorien ul ul li:hover:first-child {background:#2f2f2f;}

/* SLIDER */
.slider-bg {
    padding:0; 
    height: 35em;
    background:#05198c;
}
div.slider {padding:0; margin:0 auto; max-width:100%; max-height: 100%; overflow: hidden;}
div.slider ul {width:1000%; height:auto; position:relative; list-style:none; left:0; margin:0; padding:0; -webkit-animation: next 12s infinite; -moz-animation: next 12s infinite;}
div.slider ul:hover {-moz-animation-play-state: paused; -webkit-animation-play-state: paused;}
div.slider li {width: 10%; min-height: 100%; list-style: none; float: left; margin: 0 auto; padding: 0; text-align: center;}
div.slider img { 

    max-width:100%;
    object-fit: cover;
}

@-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: 60px;}
ul.resmenu li a i {line-height: 60px!important;}

/* SUCHE */
.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: 5px; 
    border:none; 
    text-align: left
}
.suchbutton {float:right; width:50px; height:50px; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); color:#fff; font-size:20px; text-align:center; margin:0; padding:0;border:none;}
.suchbutton i {line-height:50px}
.suchbutton:hover {background:#f9b61e; color:#fff;}

/* ARTIKELBILDER */
.artikelbilder.galerie 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 #f9b61e;}
.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 {line-height:30px; margin:15px; padding:15px 30px; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); color:#3f3f3f; font-size:20px; font-weight:700; text-align: center;}
.art h1:before, .container h1:before {float:left; font-family: 'Open Sans', serif; content: '['; padding:0; font-size:70px; color:#f9b61e; 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:#f9b61e; position: relative; top:-8px; right:-40px;}
blockquote {display:block; margin:20px 0; padding:20px; font-family: 'Open Sans', serif; font-size:14px; color:#3f3f3f; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); border-left:3px solid #f9b61e;}
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, #3f3f3f 2px, #3f3f3f 4px); border-left:3px solid #f9b61e;}
mark {font-family: 'Open Sans', serif; font-size:14px; color:#3f3f3f; background:#fff0ce;}
small {font-size:12px; color:#999;}
kbd {font-family: 'Open Sans', serif; font-size:14px; box-shadow:none;}

/* ARTIKELBESCHREIBUNG */
.artpic {padding:0 40px;}
.dsc h2 {display:table; padding:0 2px 3px 2px; margin:30px 0 20px 0; font-size:18px; color:#3f3f3f; font-weight:700; border-bottom:2px solid #f9b61e;}
.dsc h3 {display: block; padding: 0; margin: 20px 0; font-size: 20px; color: #3f3f3f; 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:#3f3f3f; padding:7px; border-bottom:1px dotted #ddd; text-indent:-1em; padding-left:1.6em;}
.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: '\f105'; font-size:14px; padding-right:10px; color:#f9b61e;}
.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;} 

/* ARTICLE VARIANTEN */
.variants {margin:0px 0; padding:0; background:none}
.variants input[type=radio] {display:none}
.variants label {display:block; float:left; width:auto; color:#3f3f3f; font-size:16px; font-weight:700; text-decoration: none; text-align:center; margin:0; overflow: hidden;}
.variants label span.var {display:inline-block; cursor:pointer; }
.variant-content {display:none; width:100%; float:left; padding:0; box-sizing:border-box; background:#fff; margin-top:0; text-align:left}
.variant-content h2 {font-size:18px; font-weight:700; color:#3f3f3f;}
.variants [id^="tab"]:checked + label {background:#f9b61e; color:#fff;}
#variant1:checked ~ #variant-content1, #variant2:checked ~ #variant-content2, #variant3:checked ~ #variant-content3, #variant4:checked ~ #variant-content4, #variant5:checked ~ #variant-content5, #variant6:checked ~ #variant-content6, #variant7:checked ~ #variant-content7, #variant8:checked ~ #variant-content8, #variant9:checked ~ #variant-content9 {display:block;}
.variants:after {content:''; display:table; clear:both}
.variant-content ul {margin:0px 0}
.variant-content ul li {display:inline; border:none;}
.variant-content ul li strong {margin-right: 3px;}
.variant-content a {color: #3f3f3f; font-weight:700; text-decoration: none}
.variant-content a:hover {color: #f9b61e; text-decoration: none}

/* 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:#3f3f3f; 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:#f9b61e; -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, #3f3f3f 2px, #3f3f3f 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, #3f3f3f 2px, #3f3f3f 4px); color: #fff; width:50px; float:left;}
a.beo, a.fsb {display:block; margin:0; padding:2px 0 0 20px; color:#3f3f3f; font-weight:400; text-decoration: none!important;}
a.beo i, a.fsb i {color:#f9b61e; padding-right:10px;}
a.beo:hover, a.fsb:hover {color:#f9b61e;}

/* TABLE */
.tab-content table {margin:20px 0; cursor: default; font-family: 'Open Sans', serif; color:#3f3f3f; font-size:14px;}
.tab-content table tr {border-bottom:1px solid #ddd;}
.tab-content table tr:nth-child(odd) {background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);}
.tab-content table tr:last-child {border-bottom:none;}
.tab-content table td {padding:10px;}
.tab-content table td:first-child {font-weight:700; border-right:1px solid #ddd;}

/* SERVICE */
.service {margin:0 0 60px 0; padding:25px 15px; background: #f9b61e; -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:#f9b61e; 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:#3f3f3f;}
.service div h2 {margin:0; padding:10px 0 20px 0; border:none; display:block; text-align:center; font-size:20px; color:#3f3f3f; 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:#3f3f3f; 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:#f9b61e; 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;}


/* 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 100px;}
    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:14px; text-align: center; padding:20px; line-height:18px;}
    div.container h1:before, div.container h1:after {display:none;}
    .dsc {float:none; margin-top:0; padding:0 20px;}
    .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;}
}

.form-control {
    height: 100%;
    border-radius: 0;
}

.custom-header-top-bg {
	background: #000;
	border-bottom: 1px solid #ccc;
}

.custom-header-top-bg ul {
	margin: 0;
	display: block;
	padding: 0;
	list-style: none;
	width: 50%;
	float: right;
}

.custom-header-top-bg ul li {
	display: inline-block;
}

.float-clear:before,
.float-clear:after {
	content: "";
	display: block;
	clear: both;
}

.custom-header-top-bg ul li a {
	color: #fff;
	font-size: 13px;
	text-align: center;
	padding: 5px 11px;
	line-height: 39px;
	border-right: 1px solid #e0e0e0;
	display: inline-block;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}

.custom-header-top-bg ul.custom-top-right-menu {
	text-align: right;
}

.custom-header-top-bg ul li:last-child a {
	border: 0;
}

.custom-header-top-bg ul li a i {
	margin-right: 5px;
	font-size: 12px;
	line-height: 15px;
}

.custom-header-top-bg ul li a:hover {
	color: #c11b22;
}

.cm-header-bottom-menu {
	background: #fff;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

/* --- filter form --*/

.filter__form {

    color: #efedef;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 1.6em;
    float: left;
    height: 100%;
    margin: 0;
    width: 30%;
    background: #000;
    opacity: .8;
}

.filter__form > h1 {

    width: 100%;
    height: 3em;
    text-align: center;
    text-align: center;
    font-size: 1.2em;
    line-height: 3em;
    color: rgba(255, 255, 255, 0.9);
    background-color: #05198c;
}
  
  .documentation {
      color: #000;
  }
  button:focus,
  input:focus,
  textarea:focus,
  select:focus {
    outline: none; }
  
  .tabs {
    display: block;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden; }
    .tabs [class^="tab"] label,
    .tabs [class*=" tab"] label {
      color: #efedef;
      cursor: pointer;
      display: block;
      font-size: 1.1em;
      font-weight: 300;
      line-height: 1em;
      padding: 2rem 0;
      text-align: center; }
    .tabs [class^="tab"] [type="radio"],
    .tabs [class*=" tab"] [type="radio"] {
      border-bottom: 1px solid rgba(239, 237, 239, 0.5);
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus,
      .tabs [class*=" tab"] [type="radio"]:hover,
      .tabs [class*=" tab"] [type="radio"]:focus {
        border-bottom: 1px solid #fd264f; }
      .tabs [class^="tab"] [type="radio"]:checked,
      .tabs [class*=" tab"] [type="radio"]:checked {
        border-bottom: 2px solid #fd264f; }
      .tabs [class^="tab"] [type="radio"]:checked + div,
      .tabs [class*=" tab"] [type="radio"]:checked + div {
        opacity: 1; }
      .tabs [class^="tab"] [type="radio"] + div,
      .tabs [class*=" tab"] [type="radio"] + div {
        display: block;
        opacity: 0;
        padding: 2rem 0;
        width: 90%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    .tabs .tab-2 {
      width: 100%;
      padding-top: 3.5em;
    }
      .tabs .tab-2 [type="radio"] + div {
        width: 200%;
        margin-left: 200%; }
      .tabs .tab-2 [type="radio"]:checked + div {
        margin-left: 0; }
      .tabs .tab-2:last-child [type="radio"] + div {
        margin-left: 0%; }
      .tabs .tab-2:last-child [type="radio"]:checked + div {
        margin-left: 0%; }

.header-xl {

    border-bottom: 10px solid #05198c;
}

/* parts */

.heading{
  text-align: center;
}
.heading span{
  font-weight: 500;
  color: var(--main-color);
}
.heading p{
  font-size: 0.938rem;
  font-weight: 300;
}

.parts-container {

    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.parts-container .box{
  position: relative;
  width: 31%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  background: #f6f6f6;
  border-radius: 0.5rem;
  flex-wrap: nowrap;
  /* align-content: center; */
  justify-content: center;
  align-items: flex-start;
}
.parts-container .box img{
  width: 100%;
  height: 150px;
  object-fit: contain;
  object-position: center;
  margin-bottom: 1rem;
}
.parts-container .box h3{
  font-size: 1.1rem;
  font-weight: 600;
}
.parts-container .box span{
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--main-color);
}
.parts-container .box .bx{
  color: var(--main-color);
  margin: 0.8rem 0;
}
.parts-container .box .btn{
  max-width: 120px;
}
.parts-container .box .details{
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 1.8rem;
  right: 1rem;
  color: var(--text-color);
}
.parts-container .box .details:hover{
  color: var(--main-color);
  text-decoration: underline;
}
/* brands */

.free-adds-slide span.remove-free {
	height: 100px;
	background: #05198c;
	text-align: center;
	line-height: 100px;
	display: block;
	color: #fff;
	font-family: open sans, sans-serif;
}

.cm-free-adds {
	margin-bottom: 20px;
}

.cm-free-adds button {
	display: none !important;
}

.free-adds-slide {
	margin: 0;
}

.free-adds-slider-wrapper {
  
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

/*--testimonial--*/
.logo-section{
	background-image: linear-gradient(56deg, #05198c, #05198c);
	padding: 3% 5%;
}
  
.logo-container{
	display: flex;
	box-sizing: border-box;
}

.logo-sec-change{
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	margin-right: 65px;
	display: flex;
	align-items: center;
	letter-spacing: 1px;
	color: #fff;
	text-transform: capitalize;
}

.logo-wrapper{
	max-width: 900px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.logo1{
	width: 11%;
	min-height: 100px;
	display: flex;
	align-items: center;
	
}

.logo-padding{
	max-height: 100%;
	width: 105%;
}

.logo-padding>img{
	width: 100%;
}

.recherch_carsBtn {

    background-color: #05198c !important;
    font-size: 1em;
    padding: 0.8em 0 !important;
}

.form-select {
    padding: 0.5em 0.8em !important;
    margin: .6em auto !important;
}

/*--Style for Footer--*/

.footer{

	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 70px 50px 0;
	border-top: 1px solid #ffffff;
	background-color: #05198c;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	
}

.div-top{
	display: flex;
	width: 100%;
    text-align: left;
}

.footer-sections{
	width: 33.33%;
	box-sizing: border-box;
	margin-right: 80px;
}

.footer-title-container{
	display: flex;
	justify-content: left;
	align-items: center;
	position: relative;
}

.footer-changes{
	font-size: 15px;
	font-weight: 600;
	background-color: #fff;
    color: #000;
	padding: .2em .5em;
	padding-right: 10px;
	text-transform: uppercase;
	z-index: 2;
}

.pink-line{
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 0;
	background-color: #ffffff;
}

.footer-font-weight{
	font-weight: 300;
	color: #fff;
	line-height: 1.5em;
	padding-top: 1em;
}

.footer-btn{
	color: #fff;
}

.footer-btn:hover {
	color: #fff;
    padding-left: .3em;
}

.footer-btn div{
	max-width: fit-content;
	font-weight: 600;
}

.footer-btn div:hover{
	border-bottom: 2px solid #fff;
}

.link-container{
	margin-top: 10px;
	box-sizing: border-box;
}
.link-btn{
	color: #fff !important;
	text-decoration: none;
	text-transform: capitalize;
}

.link-btn:hover {
	color: #fff;
    padding-left: .3em;
}

.link-btn> div{
	margin-bottom: 12px;
	padding-top: 0;
	box-sizing: border-box;
	padding-bottom: 2px;
}

.link-btn>div:hover{
	border-bottom: 2px solid #fff;
	width: fit-content; 
}

.contact-changes{
	width: 100%;
	margin-right: 0;
	padding-top: 15px;
	padding-bottom: 0;
	display: flex;
	justify-content: left;
	align-items: unset;
}

.contact-icons-wrapper{
	display: flex;
	margin-bottom: 0;
	width: 40%;
}

.contact-logo{
	padding-right: 15px;
	margin-bottom: 0;
	width: 20px;
	height: 20px;
}

.contact-option-title {

	color: #fff;
	width: 100%;
    font-size: .9em;
}

.para-changes{
	margin-left: 35px;
	line-height: 20px;
	font-weight: 700;
	width: 60%;
	color: #fff;
}

.div-bottom{
	width: fit-content;
}

.logo-change{
    
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo-change > img{
	margin-top: 0%;
    width: 100%;
}
/* blog */

.blog {

	padding: 4em;
	max-width: 100%;
	overflow-x: hidden;
	background-color: #05198c;
}

.blog > h3 {
  background-color: #fff;
  font-family: 'one', sans-serif;
  width: 15%;
  padding: 0.3em 0.5em;
  font-size: .8em;
  color: #000;
}

.content2{

    max-width: 100%;
    grid-area:content
}
.content--hidden{
    pointer-events:none
}
.item{
    grid-template-rows:1rem auto auto 1fr auto;
    grid-template-columns:100%;
    margin-bottom:5rem;
    display:grid
}
.item__title{

    margin-bottom:.5rem;
    font-family:'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 100;
	padding: 1em 0 0;
	color: #fff
}

.item__meta {

	  font-family:'Roboto', sans-serif;
    font-size: .8em;
    font-weight: 100;
    text-align: left;
	  color: #fff
}

.item__img{
    width:100%;
    aspect-ratio:500/333;
    position:relative;
    overflow:hidden
}
.item__img-inner{
    width:100%;
    height:100%;
    background-position:50% 45%;
    background-size:cover
}
.item__desc{

    margin-top: .5em;
	font-family:'Roboto', sans-serif;
    line-height:1.5;
	color: #fff
}
.item__link{
    cursor:pointer;
    text-transform:lowercase;
    width:100%;
    color:var(--color-text);
    border:1px solid var(--color-border);
    text-align:center;
    border-radius:2rem;
    padding:1rem
}
.item__link:hover{
    background:var(--color-text);
    border-color:var(--color-text);
    color:var(--color-text-alt)
}

.disclaimer {

    width: 70%;
    margin: 12em auto 4em;
    font-family: 'one', sans-serif;
    font-size: 1.5em;
    color: #7d7d7d;
    line-height: 2em;
}

.accordion-header {

    text-align: left;
}

.category__ul {

    list-style: none;
    padding: 0;
}

.category__ul li > a {

    text-decoration: none;
    text-align: left;
    padding: .5em 0;
}

.small {

    background-color: #05198c;
    color: #fff;
    border-radius: 1px;
    padding: .2em;
    margin-right: .2em;
}

/* carts */

.cart_link {

    cursor: pointer;
}

.cart_link > img {

    width: 1.4em;
    margin-right: 1em
}

#cart-count {

    color: #fff;
    font-weight: 700;
}

#popup-message {

    display: none;
    position: fixed;
    bottom: 5%;
    right: 2%;
    color: #fff;
    transform: translate(-50%, -50%);
    background-color: #002dc0;
    padding: 20px;
    border: 1px solid #002dc0;
    box-shadow: 0px 0px 10px #002dc0;
    z-index: 999;
}

.add-to-cart {
    background-color: #002dc0; 
    color: #fff; 
    border: none; 
    padding: 10px 20px; 
    cursor: pointer; 
    border-radius: 4px; 
}

.add-to-cart:hover {
    background-color: #0056b3;
}

.hidden_link {
    
    display: none !important;
}

@media screen and (min-width:53em){

    .content2 {

        max-width:none;
        grid-column-gap:5vw;
        grid-template-rows:100%;
        grid-template-columns:repeat(3,1fr);
        display:grid
    }
    .item {

        margin-bottom:0
    }

    .preview {

        grid-column-gap:10vw;
        grid-row-gap:1rem;
        grid-template-rows:1fr auto auto;
        grid-template-columns:repeat(4,1fr);
        display:grid
    }

    .preview__title,.preview__back{
        margin:0
    }
}

@media screen and (max-width: 1200px) {


    .about {

        width: 100% !important;
    }

    .about-img {

        margin: 0 auto;
        flex: 0 !important;
    }

    nav .topnav {

        max-width: 100% !important;
    }
}

@media screen and (max-width: 1100px) {

    .parts-container .box {
        width: 48%;
    }

    .rep-c {

        width: 100% !important;
    }

    .excerpt {
        width: 100% !important;
        margin: 1em auto;
        float: none;
    }

    .right-side {
        float: none;
        max-width: 100% !important;
        width: 100% !important;
    }

    .tab-content table {

        width: 100% !important;
        max-width: 100% !important;
    }

    .super-scroll-table {

        width: 100% !important;
    }

}

@media screen and (max-width: 1000px) {

    .c_inhalt {

        min-width: auto !important;
        max-width: auto !important;
    }

    .banner-three {

        width: 30%;
    }

    .rep-c {

        max-width: 100% !important;
    }

    .banner-one, .banner-two {

        width: 20% !important;
    }

    .parts-container {

        max-width: 100% !important;
    }

    .client_c {

        max-width: 100% !important;
    }

    .client_rep {

        max-width: 100% !important;
    }

    .parts-container {

        gap: 1rem !important;
    }

    .slider-bg {

        height: 30em;
    }

    .artdesc, .artpic {

        width: 80% !important;
        margin: 0 auto !important;
    }

    .image-item {

        width: 100% !important;
        text-align: center;
        margin: 0 auto;
    }

    .cars__body {

        grid-template-columns: 1fr 1fr 1fr 1fr !important;
    }

    .topnav-links {

        display: none !important;
    }

    .page-title > h5 {

        text-align: center !important;
    }

    .row_cmp {
        display: flex;
        flex-direction: column-reverse !important;
        flex-wrap: nowrap !important;
    }

    .category__ul {

        padding-left: 1em;
    }

}

@media screen and (max-width: 900px) {
    
    .rep-c {

        max-width: 100% !important;
        min-width: 100% !important;
    }

    .form-inline {

        width: 80% !important;
    }

    .filter__form {

        width: 60% !important;
        position: absolute;
        height: auto !important;
        top: 33em;
        left: 20%;
    }

    .about {

        gap: .5rem;
    }

    .slider-bg {

        height: 34em;
    }

    .header__container {

        width: 100% !important;
        float: none !important;
    }

    .c_inhalt {

        max-width: 100%;
        padding: 1em;
    }

    .wrapper {

        min-width: 100% !important;
    }

    .grid {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .circle .headline {

        top: 350px !important;
    }

    .branch-h4 {
        font-size: .8em;
    }

    .phone__container > p {

        font-size: 1.1em !important;
        padding: 2em 2em 0 !important;
    }

    .blog > h3 {

        width: 45%
    }

    .footer {
        width: 100%;
        padding: 70px 10px 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #383535;
    }

    .div-top {
        display: block;
        width: 100%;
    }

    .footer-sections {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2em;
    }
}

@media screen and (max-width: 800px) {

    .slider-bg {
        height: 33em;
    }

    .filter__form {

        width: 70% !important;
        position: relative; 
        height: auto !important;
        display: flex;
        top: -28em; 
        left: 0;
        float: none;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
    }

    .tabs {
        width: 90%;
    }

    .banner-module {

        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }

    .banner {

        min-height: 200px !important;
        float: left;
    }

    .banner-one, .banner-two {
        width: 40% !important;
    }

    .banner-three {
        width: 40%;
    }

    .banner-three .headline {

        margin-top: 20px !important;
    }

    .headline {

        margin-top: 50px !important;
    }

    .slide {

        width: 20% !important;
        margin-left: 1.5em !important;
    }

    .circle {
        width: 100% !important;
    }
}

@media screen and (max-width: 730px) {

    div.slider {

        display: none !important;
    }

    .c_inhalt .c_selection select {

        max-width: 100%;
    }

    .slide {

        margin: .5em !important;
    }

    .about-img > img {

        width: 20em;
        height: 15em;
    }

    .filter__form {

        width: 100% !important;
    }

    .grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .c_inhalt .c_selection select {

        font-size: .6em !important;
    }

    .container_models {
        padding: 0.5em !important;
    }

    .shuffle-item--visible {

        position: relative !important;
        transform: none !important;
    }

    #shuffle-search {
        width: 100% !important;
    }

    .cars-list-wrap ul {

        margin-left: 0 !important;
        padding: 0 2rem !important;
    }

    .cars-list-wrap ul > li {

        width: 100% !important;
        float: none;
    }

    .sk__link {

        width: 100% !important;
    }

    .menu-container {

        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {

    .slide {

        width: 45% !important;
    }

    .about-text {

        margin: .9em;
    }

    .parts-container .box {
        width: 98%;
        margin-left: 1%;
    }

    .main_menu {

        display: none;
    }

    .second_menu {

        display: block !important;
    }

    .third__menu {

        display: none;
    }

    .rec {

        transform: rotate(0deg) !important;
    }

    .shop-btn {

        display: none !important;
    }

    .artdesc, .artpic {

        width: 100% !important;
    }

    .cars__body {

        grid-template-columns: 1fr 1fr !important;
    }

    .parts-container {
        flex-direction: column;
    }

    .pieceLink {

        width: 100% !important;
    }

    .card .card-content .img img {
        width: 100%;
        max-height: 16em;
        object-fit: cover;
    }

    #popup-message {
        width: 80%;
        left: 45%;
    }
}

@media screen and (max-width: 400px) {

    .grid {
        grid-template-columns: 1fr !important;
    }

    .get-in-touch-p {

        width: 80% !important;
    }

    .form-inline {
        width: 90% !important;
    }

    .blog > h3 {
        width: 100%;
    }

    .logo-sec-change {

        margin-right: 0 !important;
        font-size: .6em;
    }

    .logo-change {

        margin: 0 auto;
    }

    .s-table {

        margin-left: -1em !important;
    }
}