@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

 a {
    color: #e8850d;
}
 /* NAVIGATION */
 .navbar {border-top: 1px solid #d3d3d3;}
 .navbar .navbar-brand {height: 4rem; padding: 0;}
 .navbar .navbar-brand img {display: block; max-width: 100%; max-height: 100%; height: 100%;}
 .navbar .navbar-text {padding-right: 0.5rem;}
/* SUB NAVIGATION */
.subnav {background-color: #333;}
.subnav .nav-item {line-height: 1.5rem;}
.subnav .nav-link {color: #fff; padding-right: 1rem; padding-left: 1rem; font-size: 1rem; font-weight: 625; letter-spacing: .025rem;}
.subnav .nav-link.active {background: #e8850d; color: #fff;}
.subnav .nav-link:hover {background: #e8850d; color: #fff;}

 /* SEARCH 
 .search {padding:0; margin:0;}
 .search a {text-decoration: none!important; color:inherit;}
 .search-field {width:250px; height:50px; float:right; font-family: 'Open Sans', serif; background: #f8f9fa!important; color:#a0a0a0!important; line-height:50px; margin:0; padding:0 20px; border:none; text-align: left}
 .search-button {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;}
 .search-button i {line-height:50px}
 .search-button:hover {background:#e8850d; color:#fff;}
 */

 /* SKILLS */
 .skills div {padding:10px 0; border-right:1px dotted #ddd; text-align: center; cursor:default;}
 .skills div:last-child {border-right:none;}
 .skills div i {color:#ccc; padding-right:10px;}
 .skills div a {color: #666}
 .skills div:hover i {color:#343a40;}
 
 /* SLIDER */
 .slider-bg {margin-bottom:20px; padding:0; background:#343a40 ;}
 div.slider {padding:0; margin:0 auto; max-width:100%; max-height: 300px; 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%; list-style: none; float: left; margin: 0; padding: 0;}
 div.slider 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;}
 }
 
 /* ARTICLEPICS */
 .articlepics.galerie img {max-width:100%; height:auto}
 .articlepics.galerie {display:inline-block; position:relative; width:100%; height:auto;}   
 .articlepics.galerie > .anker {display:none;}
 .articlepics.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;}
 .articlepics.galerie > ul > .slide.img img {width:100%; height:auto;}
 .articlepics.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 */
 .articlepics.galerie > .thumb {position:absolute; left:0; width:100%; height:auto; z-index:6; text-align:center;}
 .articlepics.galerie > .thumb > div {margin-left:-50%; width:100%;}
 .articlepics.galerie > .thumb > label {position:relative; display:inline-block; cursor:pointer;}
 .articlepics.galerie > .thumb {bottom:5px; margin-bottom:5px;}
 .articlepics.galerie > .thumb > label {border-radius:50%; margin:0 5px; padding:9px; background:none;}
 .articlepics.galerie > .thumb > label > .anker {position:absolute; left:50%; top:50%; margin-left:-2px; margin-top:-2px; background: transparent; border-radius: 50%; padding: 2px;}
 .articlepics.galerie > .thumb > label:hover > .anker,
 .articlepics.galerie > #slide1:checked~.thumb > label.pic1>.anker, .articlepics.galerie > #slide2:checked~.thumb > label.pic2>.anker,
 .articlepics.galerie > #slide3:checked~.thumb > label.pic3>.anker, .articlepics.galerie > #slide4:checked~.thumb > label.pic4>.anker, 
 .articlepics.galerie > #slide5:checked~.thumb > label.pic5>.anker, .articlepics.galerie > #slide6:checked~.thumb > label.pic6>.anker, 
 .articlepics.galerie > #slide7:checked~.thumb > label.pic7>.anker, .articlepics.galerie > #slide8:checked~.thumb > label.pic8>.anker, 
 .articlepics.galerie > #slide9:checked~.thumb > label.pic9>.anker, .articlepics.galerie > #slide10:checked~.thumb > label.pic10>.anker, 
 .articlepics.galerie > #slide11:checked~.thumb > label.pic11>.anker, .articlepics.galerie > #slide12:checked~.thumb > label.pic12>.anker, 
 .articlepics.galerie > #slide13:checked~.thumb > label.pic13>.anker, .articlepics.galerie > #slide14:checked~.thumb > label.pic14>.anker, 
 .articlepics.galerie > #slide15:checked~.thumb > label.pic15>.anker, .articlepics.galerie > #slide16:checked~.thumb > label.pic16>.anker {background:none;}
 .articlepics.galerie {height: auto; max-height: auto; margin-bottom:0; text-align: center;}
 .articlepics.galerie img {border-radius: 3px;}
 /*.articlepics.galerie .thumb {position:relative; width: 100%; text-align: left; margin-bottom:-75px; margin-bottom: calc(-20px - 5vw); margin-top: 10px;}*/
 .articlepics.galerie .thumb {position:relative; width: 100%; text-align: left; margin-top: 10px;}
 .articlepics.galerie > .thumb > label {box-sizing: border-box; border-radius: none; margin: 0 auto; padding:5px; background: none; text-align: center;}
 .articlepics.galerie > .thumb > label img {margin:0 auto; max-height:115px; width:auto; border:2px solid #ddd}
 .articlepics.galerie > #slide1:checked~.thumb > label.pic1> img, .articlepics.galerie > #slide2:checked~.thumb > label.pic2> img,
 .articlepics.galerie > #slide3:checked~.thumb > label.pic3> img, .articlepics.galerie > #slide4:checked~.thumb > label.pic4> img, 
 .articlepics.galerie > #slide5:checked~.thumb > label.pic5> img, .articlepics.galerie > #slide6:checked~.thumb > label.pic6> img, 
 .articlepics.galerie > #slide7:checked~.thumb > label.pic7> img, .articlepics.galerie > #slide8:checked~.thumb > label.pic8> img, 
 .articlepics.galerie > #slide9:checked~.thumb > label.pic9> img, .articlepics.galerie > #slide10:checked~.thumb > label.pic10> img, 
 .articlepics.galerie > #slide11:checked~.thumb > label.pic11> img, .articlepics.galerie > #slide12:checked~.thumb > label.pic12> img {border:2px solid #666;}
 .articlepics.galerie > ul > .slide.img img {width: auto; max-width: 100%; max-height: 100%; margin:0 auto;}
 .articlepics.galerie > ul > .slide {text-align:center;}
 .articlepics.galerie img {box-shadow: none; width:100%; height:auto; max-width:100%;}
 /* Original-Bild */ 
 .articlepics.galerie > #slide1:checked~ul > .slide.pic1, .articlepics.galerie > #slide2:checked~ul > .slide.pic2,
 .articlepics.galerie > #slide3:checked~ul > .slide.pic3, .articlepics.galerie > #slide4:checked~ul > .slide.pic4, 
 .articlepics.galerie > #slide5:checked~ul > .slide.pic5, .articlepics.galerie > #slide6:checked~ul > .slide.pic6, 
 .articlepics.galerie > #slide7:checked~ul > .slide.pic7, .articlepics.galerie > #slide8:checked~ul > .slide.pic8, 
 .articlepics.galerie > #slide9:checked~ul > .slide.pic9, .articlepics.galerie > #slide10:checked~ul > .slide.pic10, 
 .articlepics.galerie > #slide11:checked~ul > .slide.pic11, .articlepics.galerie > #slide12:checked~ul > .slide.pic12, 
 .articlepics.galerie > #slide13:checked~ul > .slide.pic13, .articlepics.galerie > #slide14:checked~ul > .slide.pic14, 
 .articlepics.galerie > #slide15:checked~ul > .slide.pic15, .articlepics.galerie > #slide16:checked~ul > .slide.pic16 {opacity:1; z-index:2;}
 /* Animations */
 .articlepics.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 */
 .articlepics.galerie {max-width:500px;}
 .articlepics.galerie > ul {height:500px;}
 .articlepics.galerie > ul > .slide.img img {max-height:500px; width:100%; margin:0 auto;}
 .articlepics.galerie > .thumb > label img {max-height:75px; width:auto; margin:0 auto;}
 
 @media (min-width:992px) and (max-width: 1200px) {
     .articlepics.galerie {max-width:400px;}
     .articlepics.galerie > ul {height:400px;}
     .articlepics.galerie > ul > .slide.img img {max-height:400px; width:auto; margin:0 auto;}
     .articlepics.galerie > .thumb > label img {max-height:60px; width:auto; margin:0 auto;}
 }
 @media (min-width:768px) and (max-width: 992px) {
     .articlepics.galerie {max-width:500px;}
     .articlepics.galerie > ul {height:500px;}
     .articlepics.galerie > ul > .slide.img img {max-height:500px; width:auto; margin:0 auto;}
     .articlepics.galerie > .thumb > label img {max-height:75px; width:auto; margin:0 auto;}
 }
 @media (max-width: 768px) { 
     .articlepics.galerie {max-width:300px;}
     .articlepics.galerie > ul {height:300px;}
     .articlepics.galerie > ul > .slide.img img {max-height:300px; width:auto; margin:0 auto;}
     .articlepics.galerie > .thumb > label img {max-height:50px; width:auto; margin:0 auto;}
 }
 
 /* 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-galerie {display:none !important; 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:#e8850d; color:#fff;}
 .variants:after {content:''; display:table; clear:both}
 #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;}
 #variant2:checked ~ #variant-galerie2 {display:block;}
 .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: #e8850d; text-decoration: none}
 
 /* TEXT & ÜBERSCHRIFTEN */
 .article h1, .container h1 {margin:15px; padding:15px 30px; width:100%; font-size:20px; font-weight:700;}
 /*.article h1, .container h1 {line-height:30px; margin:15px; padding:15px 30px; width:100%; background: #f8f9fa!important; color:#3f3f3f; font-size:20px; font-weight:700; text-align: center;}*/
 /*.article h1:before, .container h1:before {float:left; font-family: 'Open Sans', serif; content: '['; padding:0; font-size:70px; color:#343a40; position: relative; top:-8px; left:-40px;}*/
 /*.article h1:after, .container h1:after {float:right; font-family: 'Open Sans', serif; content: ']'; padding:0; font-size:70px; color:#343a40; position: relative; top:-8px; right:-40px;}*/
 
 /* Remove Open Sans
 blockquote {display:block; margin:20px 0; padding:20px; font-family: 'Open Sans', serif; font-size: 0.9rem !important;; color:#3f3f3f; background: #f8f9fa!important; border-left:3px solid #e8850d;}
 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 #e8850d;}
 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; background-color: #212529;}
  */
 blockquote {display:block; margin:20px 0; padding:20px; font-size: 0.9rem !important;; color:#3f3f3f; background: #f8f9fa!important; border-left:3px solid #e8850d;}
 code {display:block; margin:20px 0; padding:20px; font-size:14px; color:#fff; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); border-left:3px solid #e8850d;}
 mark {font-size:14px; color:#3f3f3f; background:#fff0ce;}
 small {font-size:12px; color:#999;}
 kbd {font-size:14px; box-shadow:none; background-color: #212529; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
 
 /* ARTIKELBESCHREIBUNG */
 .artpic {padding:0 40px;}
 .desc 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 #E8E8E8;}
 .desc h3 {display: block; padding: 0; margin: 20px 0; font-size: 20px; color: #3f3f3f; font-weight: 300;}
 
 .desc ul {margin:15px 0; padding:0;}
 .desc ul li {list-style-type: none; color:#3f3f3f; padding:7px; border-bottom:1px dotted #ddd; text-indent:-1em; padding-left:1.6em;}
 .desc ul li:last-child {border-bottom:1px dotted #ddd;}
 .desc ul li:before {font-family: 'Font Awesome 5 Free'; content: '\f054'; font-size:10px; padding-right:10px; color:#666; font-weight: 900;}
/* OLD
 .desc ul, .tab-content ul {margin:15px 0; padding:0;}
 .desc 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;}
 .desc ul li:last-child, .tab-content ul li:last-child {border-bottom:1px dotted #ddd;}
 .desc ul li:before, .tab-content ul li:before {font-family: 'Font Awesome 5 Free'; content: '\f054'; font-size:10px; padding-right:10px; color:#666; font-weight: 900;}
 */
 .desc 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: #f8f9fa!important;}    
 .desc span.var:hover {border:1px solid #ddd;}
 .desc .deliver-details {font-size: 18px; font-weight: 600; padding: 9px 10px 7px 5px; border-top: 1px solid #999; border-bottom: 1px solid #999;}
 
 /* BUTTONS */
 .buynowbox {margin-top:30px; padding:25px 20px; background: #f8f9fa!important;}
 .price {margin:0; padding:0 20px; cursor:default;}
 .price h3 {margin:0; padding:0; color:#3f3f3f; font-size:30px; font-weight:700; text-align:left;}
 .price h4 {margin:0; padding:5px 0 0 0; color:#999; font-size:14px; font-weight:400; text-align:left;}
 .desc h3 span:hover {background:none;}
 a.bnb {display:block; margin:0 0 10px 0; line-height:40px; color:#fff; text-align:center; background:#e8850d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:700; text-decoration:none!important;}
 a.bnb:hover {background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px);color:white;}
 a.bnb:before {font-family: 'Font Awesome 5 Free'; 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:#666; padding-right:10px;}
 a.beo:hover, a.fsb:hover {color:#666;}
 
 /* TABS */
 .tabs {margin:40px 0; padding:0; background:none}
 .tabs input[type=radio] {display:none}
 .tabs label {display:block; float:left; width:33.333333%; color:#fff; font-size:16px; font-weight:700; text-decoration: none; text-align:center; cursor:pointer; background: #333; padding:20px 0 15px 0; margin:0; overflow: hidden; text-transform: uppercase;}
 .tabs label span {display:inline-block}
 .tabs label:hover {background:#666;}
 .tab-content {display:none; width:100%; float:left; padding:10px 20px 20px 20px; box-sizing:border-box; background:#fff; border-top:3px solid #666666; margin-top:0; text-align:left; font-size: 0.9rem; }
 .tab-content h2 {font-size:18px; font-weight:700; color:#3f3f3f;}
 .tab-content h3 {display: block; padding: 0; margin: 20px 0; font-size: 20px; color: #3f3f3f; font-weight: 300;}
 .tabs [id^="tab"]:checked + label {background:#e8850d; 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: #3f3f3f; font-weight:700; text-decoration: none}
 .tab-content a:hover {color: #666666; text-decoration: none}
 
 /* TABLE */
 /*.tab-content table {margin:20px 0; cursor: default; font-family: 'Open Sans', serif; color:#3f3f3f; font-size:14px;}*/
 .tab-content table {margin:20px 0; cursor: default; color:#3f3f3f; font-size:14px;}
 .tab-content table tr {border-bottom:1px solid #ddd;}
 .tab-content table tr:nth-child(odd) {background: #f8f9fa!important;}
 .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: #e8850d; -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:#e8850d; 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 {background: #f8f9fa!important;}
 div.xsell h4 {margin:0; padding:15px; text-align: center; font-weight:700; font-size:16px; color:#3f3f3f; background: #f8f9fa!important;}
 div.xsell span {display:block; margin:0; padding:5px 0 0 0; color:#e8850d; font-weight:700; font-size:14px; text-align: center;}   
 div.xsell:hover {background: #f8f9fa!important;}  
 div.xsell:hover h4 {background:none;}   
 
 /* NEWSLETTER */
 .newsletter {background:#e8850d; padding:35px 0 !important;}
 .newsletter div {text-align:right; color:#fff; font-weight:700; font-size:30px;} 
 a.nlb {display:block; max-width:250px; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); color:#fff; text-align: center; font-size:16px; padding:13px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
 a.nlb:hover {text-decoration: none; background:#fff; color:#3f3f3f;}
 
 /* FOOTER */
 .footer {background:#333; padding:0 0 20px 0;}
 .footer h6 {margin:20px 0; padding:10px 0; text-align:center; background:#e8850d; color:#fff; font-weight:700; font-size:16px;}    
 .footer ul {margin:0; padding:0;}    
 .footer ul li {list-style-type: none; text-align: center; padding:5px 0; border-top:1px solid #d7d7d7;}
 .footer ul li:first-child {border:none;}
 .footer ul li a {color:#e8850d;}
 .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; text-align:left; padding:0 50px;}
 .footer p.zvb i {color:#888; font-weight:400; font-size:20px;}
 .footer a.contact {display:block; max-width:220px; padding:0; line-height:40px; margin:20px auto!important; font-size:1rem; font-weight:700; background:#e8850d; color:#fff; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none!important; border:2px solid #e8850d;}
 .footer a.contact:hover {background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); color:#fff;}
 .footer a.contact:before {font-family: 'Font Awesome 5 Free'; content: '\f075'; font-size:1.5rem; padding:0; margin:0; display:block; color: #fff; 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 100px;}*/
     div.info {font-size:12px;}
     .desc {float:none;}
     a.nlb {font-size:14px; padding:10px;}
     div.nlb 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.bnb {margin:10px 0;}
     .logo img {margin:0 auto; padding:0;}
     div.categories {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;}
     .desc {float:none; margin-top:0; padding:0 20px;}
     .desc h2 {font-size:18px;}
     .tabs label {width:100%}
     .tabs label span {display:inline-block}
     div.xsell {margin:20px;}
     div.nlb {margin:0; padding:30px 0 10px 0;}
     .nlb div div:first-child {padding:0 0 20px 0; font-size:14px; text-align: center; float:none;}
     a.nlb {margin:0 auto; font-size:14px; text-align: center;}
 }