/*!
 * JTL-Software Corporate Styles v1.0.0 (https://www.jtl-software.de)
 * Copyright 2017 JTL-Software-GmbH
 * Author: Thorsten Besancon, Tim Töws
 */

/*                              */
/*      start color change      */
/*                              */

/* logo styles */

header .logo img {
    width: 100%;
    max-width: 1280px;
}
h2 {
    font-size: 170% !IMPORTANT;
}
h3 {
    font-size: 140% !IMPORTANT;
}
li {
    list-style-type: circle;
}

/* section color */

.bg-ebaygray {
    background-color: #F2F2F2 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-ebayfooter {
    background-color: #344350 !important;
}
.bg-ebaydarkfooter {
    background-color: #212B34 !important;
}

/* Artikelnummer */

.articlenr{
margin-top: 25px;
font-size: 14px;
color: #435a6b
}

/* text color */

span.color {
    color: #435a6b;
}
.text-white {
    color: #fff !important;
}
.text-gray {
    color: #888 !important;
}
.text-rysywhite {
    color: #f5f7fa !important;
}
.text-schachtblau {
    color: #435a6b !important;
}
b,
strong {
    color: #435a6b;
    font-weight: 600;
}
*[style*="color"] > b,
*[style*="color"] > strong {
    color: inherit !important;
}
.hl-schachtblau {
    color: #324350;
}
.hl-schachtblau:before {
    border-color: #435a6b;
}
.hl-white {
    color: #324350;
}
.hl-white:before {
    border-color: #fff;
}
.hl-black {
    color: #324350;
}
.hl-black:before {
    border-color: #000;
}

/* button color */

.btn.btn-outline {
    border-color: #435a6b;
    color: #435a6b;
    text-decoration: none;
    padding: 8px 15px;
    -webkit-transition: 0.1s ease;
    -o-transition: 0.1s ease;
    transition: 0.1s ease;
}
.btn.btn-outline:hover {
    border-color: #8ea7b9;
    color: #8ea7b9;
}

/* tab color */

#content .tabs label {
    color: #435a6b !important;
    background: #ccc !important;
    border-color: #dddddd !important;
}
#content #tab1:checked + label {
    background: #fff !important;
    border-color: #dddddd !important;
    border-bottom-color: transparent !important;
}
#content .tabcontent {
    border-color: #dddddd !important;
}

/* navigation color */

header nav ul li a {
    color: #435a6b;
}
header nav ul li a:hover,
header nav ul li a:focus {
    color:#60829a;
}


/*                              */
/*      template foundation     */
/*                              */
.container,.container .row [class*=col-]{
padding-left:17px;
padding-right:17px
}

.border,.tab-content{
border:1px 
solid #ddd
}

#content .gallery>div.item img,.fixed-center{
-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)
}

.default-space,.default-space-top{
margin-top:20px
}
#content .tabs:after,#content .well .headline:after,.tab-content:after{
clear:both
}

#content .cross-selling a,#content .tabs label,header nav ul li{
text-decoration:none
}

#content .cross-selling,#content .footer-small,#content ul li svg,header{
text-align:center
}

.container .row{
margin-left:-(34px / 2);margin-right:-(34px / 2)
}

.border-top{
border-top:1px solid #ddd
}

.border-bottom{
border-bottom:1px solid #ddd
}

.border-left{
border-left:1px solid #ddd
}

.border-right{
border-right:1px solid #ddd
}

ol.no-list,ul.no-list{
padding-left:0;list-style:none
}

.fixed-center{
position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)
}

.default-space{
margin-bottom:27.5px;margin-bottom:calc(25px + 5 * ((100vw - 480px)/ 720))
}

@media (max-width:479px){.default-space{margin-bottom:25px}}
@media (min-width:1200px){.default-space{margin-bottom:30px}}

.default-space-bottom{
margin-bottom:27.5px;
margin-bottom:calc(25px + 5 * ((100vw - 480px)/ 720))
}

@media (max-width:479px){.default-space-bottom{margin-bottom:25px}}
@media (min-width:1200px){.default-space-bottom{margin-bottom:30px}}

.default-space-small{
margin-top:5px;
margin-bottom:12.5px;
margin-bottom:calc(10px + 5 * ((100vw - 480px)/ 720))}

@media (max-width:479px){.default-space-small{margin-bottom:10px}}
@media (min-width:1200px){.default-space-small{margin-bottom:15px}}

.paragraph-space{
margin-top:10px;margin-bottom:17.5px;margin-bottom:calc(15px + 5 * ((100vw - 480px)/ 720))}

@media (max-width:479px){.paragraph-space{margin-bottom:15px}}
@media (min-width:1200px){.paragraph-space{margin-bottom:20px}}

.no-default-space:first-child{margin-top:0}
.no-default-space:last-child{margin-bottom:0}
.no-margin,.no-padding{margin:0!important}
.text-space-left{padding-left:30px}
.text-space-right{padding-right:30px}section{background:#fff;position:relative;z-index:1}

section:not(.full):nth-child(2n){
background:#F2F2F2
}
section .container{
padding-top:70px;padding-bottom:70px;position:relative
}

section .container>.row>[class*=col-] .fix-bottom{
position:relative;bottom:-100px}section .container>.row>[class*=col-] .fix-top{position:relative;top:-100px
}

@media (max-width:768px){section .container{padding-top:30px;padding-bottom:30px}section .container>.row>[class*=col-] 
.fix-bottom{bottom:-30px}section .container>.row>[class*=col-] 
.fix-top{top:-30px}}

.tab-wrapper{
margin-top:20px;
margin-bottom:27.5px;
margin-bottom:calc(25px + 5 * ((100vw - 480px)/ 720))}

@media (max-width:479px){.tab-wrapper{margin-bottom:25px}}
@media (min-width:1200px){.tab-wrapper{margin-bottom:30px}}

.nav-tabs{
border:0;
margin-bottom:-1px
}

.nav-tabs li,.tab-content .tab-pane>:last-child{
margin-bottom:0
}

.nav-tabs li{
margin-right:1px
}

.nav-tabs .tabdrop .dropdown-menu li,.nav-tabs li:last-child{margin-right:0}
.nav-tabs .tabdrop .dropdown-toggle .caret{border-top-width:7px;border-right-width:7px;border-left-width:7px}
.nav-tabs .tabdrop .dropdown-menu{
border-radius:0;
box-shadow:none;
border:1px solid #ddd;
padding:4px
}
.nav-tabs .tabdrop .dropdown-menu li+li{
border-top:1px solid #c4c4c4
}

.nav-tabs .tabdrop .dropdown-menu li.active>a{cursor:default}
.nav-tabs .tabdrop .dropdown-menu li:not(.active)>a{background:#ddd!important;color:#435a6b}
.nav-tabs .tabdrop .dropdown-menu li:not(.active)>a:hover{background:#c4c4c4}
.nav-tabs .tabdrop.open>a:focus{background:#ddd;border-color:transparent}
.tab-content{padding:30px;padding:calc(20px + 20 * ((100vw - 480px)/ 720));background:#fff;border-radius:0 5px 5px}

@media (max-width:479px){.tab-content{padding:20px}}
@media (min-width:1200px){.tab-content{padding:40px}}

.tab-content:after,.tab-content:before{content:" ";display:table}
.tab-content .tab-pane .panel-body{padding:0}
.tab-content .tab-pane>:first-child{margin-top:0}

.nav-pills,.nav-tabs{
position:relative
}

p{
margin-top:10px;
margin-bottom:17.5px;
margin-bottom:calc(15px + 5 * ((100vw - 480px)/ 720));color:#888}

@media (max-width:479px){p{margin-bottom:15px}}
@media (min-width:1200px){p{margin-bottom:20px}}

p.introduction{
color:#435a6b;font-weight:600
}

p.annotation{
padding-left:10px
}

p.annotation:before{
content:"*";
float:left;
margin-left:-10px
}

p a{
display:inline-block;
color:#435a6b;
padding:0 2px
}

.h3,.h4,.h5,.h6,h3,h4,h5,h6{
padding-bottom:0
}

p a:hover{
color:#60829a
}

p+a{
margin-top:20px;
margin-bottom:27.5px;
margin-bottom:calc(25px + 5 * ((100vw - 480px)/ 720))}

@media (max-width:479px){p+a{margin-bottom:25px}}
@media (min-width:1200px){p+a{margin-bottom:30px}}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{display:block}
.h3:before,.h4:before,.h5:before,.h6:before,h3:before,h4:before,h5:before,h6:before{display:none}
.h1:first-child,.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:15px}
.h1.thin,.h2.thin,.h3.thin,.h4.thin,.h5.thin,.h6.thin,h1.thin,h2.thin,h3.thin,h4.thin,h5.thin,h6.thin{font-weight:300}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:600;color:#324350}
.h1,h1{
font-size:41px;
font-size:calc(36px + 10 * ((100vw - 480px)/ 512));line-height:51px;line-height:calc(46px + 10 * ((100vw - 480px)/ 512));
margin-bottom:30px;
margin-bottom:calc(50px + 10 * ((100vw - 480px)/ 512));
margin-top:75px;
margin-top:calc(50px + 50 * ((100vw - 480px)/ 512));
position:relative}

@media (max-width:479px){.h1,h1{font-size:36px;line-height:46px}}
@media (max-width:479px){.h1,h1{margin-bottom:50px;margin-top:50px}}
@media (min-width:992px){.h1,h1{font-size:46px;line-height:56px;margin-bottom:60px;margin-top:100px}}

.h2,h2{
font-size:36px;
font-size:calc(32px + 8 * ((100vw - 480px)/ 512));
line-height:42px;line-height:calc(36px + 12 * ((100vw - 480px)/ 512));
margin-bottom:30px;
margin-bottom:calc(40px + 10 * ((100vw - 480px)/ 512));
margin-top:55px;margin-top:calc(40px + 30 * ((100vw - 480px)/ 512));
position:relative
}

@media (max-width:479px){.h2,h2{font-size:32px;line-height:36px}}
@media (max-width:479px){.h2,h2{margin-bottom:40px;margin-top:40px}}
@media (min-width:992px){.h2,h2{font-size:40px;line-height:48px;margin-bottom:50px;margin-top:70px}}

.h3,h3{
font-size:31px;
font-size:calc(28px + 6 * ((100vw - 480px)/ 512));
line-height:36px;
line-height:calc(32px + 8 * ((100vw - 480px)/ 512));
margin:30px 0}

@media (max-width:479px){.h3,h3{font-size:28px;line-height:32px}}
@media (min-width:992px){.h3,h3{font-size:34px;line-height:40px}}

.h4,h4{
font-size:26px;font-size:calc(24px + 4 * ((100vw - 480px)/ 512));
line-height:31px;line-height:calc(28px + 6 * ((100vw - 480px)/ 512));
margin:20px 0}

@media (max-width:479px){.h4,h4{font-size:24px;line-height:28px}}
@media (min-width:992px){.h4,h4{font-size:28px;line-height:34px}}

.h5,h5{
font-size:20px;
font-size:calc(18px + 4 * ((100vw - 480px)/ 512));
line-height:26px;
line-height:calc(24px + 4 * ((100vw - 480px)/ 512));
margin:10px 0}

@media (max-width:479px){.h5,h5{font-size:18px;line-height:24px}}
@media (min-width:992px){.h5,h5{font-size:22px;line-height:28px}}

.h6,h6{
font-size:18px;
font-size:calc(17px + 2 * ((100vw - 480px)/ 512));line-height:22px;line-height:calc(20px + 4 * ((100vw - 480px)/ 512))}
@media (max-width:479px){.h6,h6{font-size:17px;line-height:20px}}
@media (min-width:992px){.h6,h6{font-size:19px;line-height:24px}}

.well>*,body,html{
line-height:28px
}

.well{
background:#fff;
-webkit-box-shadow:none;
box-shadow:none;
border:1px solid #ddd;
padding:40px 35px;
margin-top:20px;
margin-bottom:27.5px;
margin-bottom:calc(25px + 5 * ((100vw - 480px)/ 720))}

.mrg-null,.well>:first-child{
margin-top:0
}

@media (max-width:479px){.well{margin-bottom:25px}}
@media (min-width:1200px){.well{margin-bottom:30px}}
@media (max-width:480px){.well{padding:20px 15px}}

.well>:last-child{margin-bottom:0}
.well.well-small{
padding:20px
}

body,html{
font-family:'Open Sans',sans-serif;
font-size:16px;
color:#888;
letter-spacing:-.1px
}

header .logo{
padding-top: 10px 0
}

header nav{
background:#FBFBFB;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd
}

header nav ul{
list-style:none;
padding:0;
margin:0
}

header nav ul li{
display:inline-block;
}

header nav ul li a:hover,header nav ul li a:focus,header nav ul li a:active{
color:#60829a;
text-decoration:none;
}

header nav ul li a{
font-size:20px;
padding:20px 15px;
display:block;
color:#435a6b
}
@media (max-width:768px){header nav ul{margin:0 -15px}header nav ul li{width:100%;margin:0;border-bottom:1px solid #ddd;height:auto}header nav ul li:last-child{border:0}}#content ul{padding-left:20px;list-style:none;margin-bottom:40px}#content ul li{line-height:27px}#content ul.small-list li img{margin:8px 0 0 -20px;float:left;vertical-align:middle;width:10px;height:10px;}#content .banner .h1,#content .banner .h2,#content .banner .h3,#content .banner .h4,#content .banner .h5,#content .banner .h6,#content .banner h1,#content .banner h2,#content .banner h3,#content .banner h4,#content .banner h5,#content .banner h6{padding:0;text-shadow:0 1px 2px #969696}#content .banner .sliderControls,#content .banner .sliderElements,#content .banner .sliderElements figure{margin:0;padding:0}#content .banner .sliderElements:after{content:".";display:block;height:.1px;clear:both;visibility:hidden;font-size:0;overflow:hidden}#content .banner .cssSlider{overflow-x:hidden}#content .banner .sliderElements{list-style:none;position:relative;left:0;width:400%;-webkit-transition:left .8s ease-in-out;-o-transition:left .8s ease-in-out;transition:left .8s ease-in-out;-webkit-animation:10s autoplay infinite;animation:10s autoplay infinite}#content .banner .sliderElements>li{float:left;width:25%;position:relative}#content .banner .sliderElements img{width:100%;height:auto}#content .banner #slide02:checked~.sliderElements{left:-100%}#content .banner #slide03:checked~.sliderElements{left:-200%}#content .banner #slide04:checked~.sliderElements{left:-300%}#content .banner .cssSlider input{position:absolute;left:-99999px}@-webkit-keyframes autoplay{0%,100%,11%,22%{left:0}33%,44%,55%{left:-100%}66%,77%,88%{left:-200%}}@keyframes autoplay{0%,100%,11%,22%{left:0}33%,44%,55%{left:-100%}66%,77%,88%{left:-200%}}#content .gallery{width:100%;border:1px solid #ddd;margin:15px 0;position:relative;-webkit-transition:border .2s;-o-transition:border .2s;transition:border .2s}#content .gallery:after{content:"";display:block;padding-bottom:70%}#content .gallery input[name=gallery_switch]{display:none}#content .gallery input[name=gallery_switch]:checked+div.item{opacity:1}#content .gallery>div.item{opacity:0;width:100%;height:100%;display:block;position:absolute;overflow:hidden;padding:15px;-webkit-transition:padding .2s;-o-transition:padding .2s;transition:padding .2s}#content .gallery>div.item img{display:block;left:50%;top:50%;transform:translate(-50%,-50%);position:relative;height:auto;width:auto;max-width:100%;max-height:100%}#content .thumbnails{margin:0 -10px;overflow:hidden}#content .thumbnails .thumbnail-wrapper{width:20%;float:left;padding:0 10px 15px}#content .thumbnails .thumbnail-wrapper .thumbnail-item{margin:0;position:relative;-webkit-transition:border .2s;-o-transition:border .2s;transition:border .2s}#content .thumbnails .thumbnail-wrapper .thumbnail-item:after{content:"";display:block;padding-bottom:80%}@media (max-width:768px){#content .thumbnails .thumbnail-wrapper .thumbnail-item:after{content:"";display:block;padding-bottom:100%}}#content .thumbnails .thumbnail-wrapper .thumbnail-item>label{border:1px solid #ddd;width:100%;height:100%;position:absolute;overflow:hidden;padding:7px;-webkit-transition:padding .2s;-o-transition:padding .2s;transition:padding .2s}#content .thumbnails .thumbnail-wrapper .thumbnail-item>label img{display:block;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:relative;height:auto;width:auto;max-width:100%;max-height:100%}#content .price span{color:#435a6b;font-size:28px}#content .tabs{max-width:100%;float:none;list-style:none;padding:32px 0 0;margin:0 auto 2em}#content .tabs:first-child{padding:0}#content .tabs:after{content:'';display:table}#content .tabs input[type=radio]{display:none}#content .tabs label{display:block;display:inline-block;color:#435a6b;font-size:16px;font-weight:400;text-align:center;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;background:#ccc;border-radius:6px 6px 0 0;padding:8px 15px 9px;margin:0 5px -1px 0;border:1px solid #ccc;z-index:100;position:relative}#content .tabs label span{display:inline-block}#content .tabs label:hover{color:#666}#content #tab-content2,#content #tab-content3,#content #tab-content4,#content #tab-content5{display:none}#content .tabcontent{width:100%;float:left;padding:25px;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:0 6px 6px}#content #tab1:checked+label,#content #tab2:checked+label,#content #tab3:checked+label,#content #tab4:checked+label,#content #tab5:checked+label{background:#fff !important;border-color:#ddd !important;border-bottom-color:transparent !important;}#content #tab1:checked~#tab-content1,#content #tab2:checked~#tab-content2,#content #tab3:checked~#tab-content3,#content #tab4:checked~#tab-content4,#content #tab5:checked~#tab-content5{display:block}#content #tab1:checked~#tab-content2,#content #tab1:checked~#tab-content3,#content #tab1:checked~#tab-content4,#content #tab1:checked~#tab-content5,#content #tab2:checked~#tab-content1,#content #tab2:checked~#tab-content3,#content #tab2:checked~#tab-content4,#content #tab2:checked~#tab-content5,#content #tab3:checked~#tab-content1,#content #tab3:checked~#tab-content2,#content #tab3:checked~#tab-content4,#content #tab3:checked~#tab-content5,#content #tab4:checked~#tab-content1,#content #tab4:checked~#tab-content2,#content #tab4:checked~#tab-content3,#content #tab4:checked~#tab-content5,#content #tab5:checked~#tab-content1,#content #tab5:checked~#tab-content2,#content #tab5:checked~#tab-content3,#content #tab5:checked~#tab-content4{display:none}#content .cross-selling a img{width:100%;border:1px solid #ddd;margin-bottom:15px}#content .cross-selling a p{margin:0}#content .cross-selling a span{color:#435a6b}@media (max-width:1200px){#content .cross-selling a{margin-bottom:30px}}#content .well .headline:after,#content .well .headline:before{content:" ";display:table}#content .well .headline h1,#content .well .headline h2,#content .well .headline h3,#content .well .headline h4,#content .well .headline h5,#content .well .headline h6{float:left;margin:0}#content .well .headline span.icon-wrapper{float:right;width:35px;height:35px;line-height:1.9;position:relative;border-radius:50px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;overflow:hidden}#content .well .headline span.icon-wrapper:before{content:'';position:absolute;width:100%;height:100%;background-color:#435a6b}#content .well .headline span.icon-wrapper svg{fill:#fff;position:relative;width:35px;height:35px;padding:7px}#content .well .headline span.icon-wrapper img {position: relative;z-index: 1; display: inline-block; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);}#content .well .headline > img { float:right; margin-top:7px; }#content .well .headline .advantages{margin:5px 0 0;float:right;color:#435a6b;width:20px;height: 20px;}#content .well .shop-category{margin-bottom:0;padding-left:22px}#content .well .shop-category li a{color:#888;text-decoration:none}#content .footer .h1,#content .footer .h2,#content .footer .h3,#content .footer .h4,#content .footer .h5,#content .footer .h6,#content .footer h1,#content .footer h2,#content .footer h3,#content .footer h4,#content .footer h5,#content .footer h6,#content .footer p,#content .footer strong,#content .footer-small .h1,#content .footer-small .h2,#content .footer-small .h3,#content .footer-small .h4,#content .footer-small .h5,#content .footer-small .h6,#content .footer-small h1,#content .footer-small h2,#content .footer-small h3,#content .footer-small h4,#content .footer-small h5,#content .footer-small h6,#content .footer-small p,#content .footer-small strong{color:#fff}#content .well .shop-category li img{margin:-4px 5px 0 -22px;width:15px;height:15px;float:none;}#content .well .shop-category li ul{margin-bottom:0;padding-bottom:0;padding-left:17px}#content .well .advantages-list{margin-bottom:0;padding-left:22px}#content .well .advantages-list li img{margin:0 5px 0 -22px;width:13px;height:13px;float:none;}#content .footer .container{padding-top:30px;padding-bottom:30px}#content .footer .logo-list{list-style:none;padding:0;margin:0}#content .footer .logo-list li{display:inline-block;margin-bottom:5px}#content .footer-small .container{padding-top:15px;padding-bottom:15px}#content .footer-small .logo-list{list-style:none;padding:0;margin:0}#content .footer-small .logo-list li{display:inline-block;margin:0 25px}