#ds_div {display:grid}
/* Normalize & Reset */
html{line-height:1.6;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:16px}
*{margin:0;padding:0;border:0;outline:none;font-weight:normal}
*,*:before,*:after{box-sizing:inherit}
h1{font-size:32px;font-size:2rem;margin:.625rem 0}
a{background-color:transparent}
img{border-style:none;max-width:100%;height:auto}
ol,ul{list-style:none}
.end {margin:0;padding:0;height:1px;line-height:1px}
.end + div{display:none}
.extra {display:inline-block;padding:24px}


/* Older Browser & IE Desktop */
#content{width:80%;float:left;margin-left:20%}
#aside{width:20%;float:left;margin-left:-100%}
.mobile{display:none}
.trust {width:31%;float:left;padding:0 1%;background:#fff;margin:1%}

/* Mobile first older Browser */
@media only screen and (max-width:1023px) {
.desktop,.kurzbeschreibung,.extra {display:none}
.mobile {display:block}
#content,#aside{width:100%;clear:both;margin:0}
ul.children li.ukat {display:none}
#aside > .texte {margin-top:0}
}

/* Global Styles */
body{font-family:'Cabin',sans-serif;background:#f9f8fb;color:#333;font-size:100%;}
.wrapper {display:block}
#header{width:100%;height:50px;height:3.125rem;padding:0;background:#160a89;border-top:1px solid #0654ba;border-bottom:2px solid #0044cc;z-index:1}
.container{width:100%;max-width:1200px;margin:0 auto}
.horizontal{float:left}
ul.desktop,ul.mobile {width:100%;height:50px;list-style-type:none;z-index:4}
ul.desktop li,ul.mobile li{width:20%;float:left;font-size:16px;font-size:1rem;line-height:50px;line-height:3.125rem}
ul.desktop li a,ul.mobile li a{color:#fff;text-decoration:none;display:block;text-align: center}
ul.desktop li a:hover,ul.mobile li a:hover{text-decoration:none;border-bottom:2px solid #e5f844;color:#e5f844}
i.fa{font-size:32px;font-size:2rem;line-height:50px;line-height:3.125rem;color:#fff;text-decoration:none}
ul.mobile li a:hover i{color:#e5f844}
li.logo img {margin-left:4px;margin-left:.25rem;margin-top:2px;margin-top:.125rem} 
#main{width:100%;height:auto;display:block}
.texte{margin:16px;margin:.75rem;padding:16px;padding:1.5rem;background:#fff;border-top:1px solid #dbe3ff;box-shadow:1px 1px 7px #d5dcff}
.box {margin:16px 16px 16px 12px;padding:16px;background:#fff;border-top:1px solid #dbe3ff;box-shadow:1px 1px 7px #d5dcff}
.box-2 {margin:16px 12px 16px 16px;padding:16px;background:#fff;border-top:1px solid #dbe3ff;box-shadow:1px 1px 7px #d5dcff}
.top-shadow {border-top:1px solid #f9f8fb;width: 100%;height: 4px;background: #fff;border-bottom:1px solid #ddd;   }
.bottom-shadow {margin-top:24px;width: 100%;height: 8px;height: .5rem;background: #d5dcff;background: -moz-linear-gradient(top, #888 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #888 0%,#f2f2f2 100%);background: linear-gradient(to bottom, #888 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#f2f2f2',GradientType=0 );
}
.beschreibung {padding:24px 32px;padding:1.5rem 2rem}
.center-block {text-align:center;margin:0 auto}
h1 {line-height:32px;line-height:2rem}
.infos {margin: 10px 5px;border-bottom: 1px solid #ddd;text-align: left}

.crosselling {margin:0;padding:0;max-width:25%;float:left}
.crosselling > img {max-height:200px;}
.img-responsive {padding:10px}
.img-responsive:hover {padding:0}
a.knopf {display: block;font-weight: bold;text-transform: uppercase;background: #2aa43e;margin: 0; color: #fff;text-decoration: none;text-align: center;margin-top:1.5rem}
a.knopf i {padding-right: 7px;color: #fff;font-size:16px}
a.schrift, a.schrift2 {width: 50%;display: inline-block;text-decoration: none;color: #160a89;padding: 5px 0;margin: 0;font-size: 13px;text-align: center;font-weight: bold}
a.knopf2 {margin: 20px 0;display: block;background: #160a89;padding: 0;font-size: 14px;color: #fff !important;text-decoration: none;text-align: center;}
a.knopf:hover, a.knopf2:hover {background:#e3680d;}
.knopf2 i {font-size:14px}
.sidebar h3{margin-top:0}
ul.kategorien {}
ul.kategorien li{margin:0;padding:0;list-style-type:none;font-family:'Cabin',sans-serif}
ul.kategorien li a{color:#555;text-decoration:none;line-height:16px;font-size:12px}
ul.kategorien li a:hover{color:#160a89;font-weight:700}
ul.kategorien li a:before{font-family:'FontAwesome';content:'\f00c';font-size:13px;padding:0 10px 0 0;color:#160a89}
ul.kategorien li.navi a{font-size:12px}
ul.children {margin-left:1rem}
ul.children li a:before{font-family:FontAwesome;content:'\f105';font-size:12px;margin-left:-1.3em;width:1.3em}
ul.children li.ukat{margin-left:1rem;padding:0;font-size:12px;}
#footer {background:#fff} 
#footer li {list-style:square;margin-left:24px}
#footer a {color: #555;text-decoration: none;}
#footer a:hover, a.schrift:hover, a.schrift2:hover {color:#e3680d;}

/* Mobile Browser Overrides */
@media only screen and (max-width:1023px) {
.box {margin:16px}
.sidebar {padding:24px 32px}
}
@media only screen and (max-width:1279px) {
ul.kategorien li.navi a{line-height:24px;font-size:16px}
}

/* Modern Browser */
@supports (display:grid) {
.wrapper {display:grid}
.kurzbeschreibung {display:grid;grid-template-columns:100%;margin-bottom:1.5rem}
.kurzbeschreibung h5 {font-size: 21px}
.special, .special-price, .norm, .pricing, .preisinfo h3 {margin-left:2rem}
.special {font-size: 24px;color: #000;font-weight: bold;margin-top:2rem}
.special-price {font-size: 32px;color: #ff0100;font-weight: bold}
.norm, .pricing {font-size: 12px;line-height: 12px}
.artikelbilder {display:grid;padding:12px}
.galerie{display:inline-block}
.galerie > .anker{display:none}
.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}
.galerie > ul > .slide.img img{width:100%;height:auto}
.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)}
.galerie > .thumb{position:absolute;left:0;width:100%;height:auto;z-index:6;text-align:center}
.galerie > .thumb > div{margin-left:-50%;width:100%}
.galerie > .thumb > label{position:relative;display:inline-block;cursor:pointer}
.galerie > .thumb{bottom:5px;margin-bottom:5px}
.galerie > .thumb > label{border-radius:50%;margin:0 5px;padding:9px;background:none}
.galerie > .thumb > label > .anker{position:absolute;left:50%;top:50%;margin-left:-2px;margin-top:-2px;background:transparent;border-radius:50%;padding:2px}
.galerie > .thumb > label:hover > .anker,.galerie > #slide1:checked~.thumb > label.image1>.anker,.galerie > #slide2:checked~.thumb > label.image2>.anker,.galerie > #slide3:checked~.thumb > label.image3>.anker,.galerie > #slide4:checked~.thumb > label.image4>.anker,.galerie > #slide5:checked~.thumb > label.image5>.anker,.galerie > #slide6:checked~.thumb > label.image6>.anker,.galerie > #slide7:checked~.thumb > label.image7>.anker,.galerie > #slide8:checked~.thumb > label.image8>.anker,.galerie > #slide9:checked~.thumb > label.image9>.anker,.galerie > #slide10:checked~.thumb > label.image10>.anker,.galerie > #slide11:checked~.thumb > label.image11>.anker,.galerie > #slide12:checked~.thumb > label.image12>.anker,.galerie > #slide13:checked~.thumb > label.image13>.anker,.galerie > #slide14:checked~.thumb > label.image14>.anker,.galerie > #slide15:checked~.thumb > label.image15>.anker,.galerie > #slide16:checked~.thumb > label.image16>.anker{background:none}
.galerie {height:auto;max-height:auto;margin-bottom:0;text-align:center}
.galerie img {border-radius:3px}
.galerie .thumb{position:relative;width:100%;text-align:left;margin-top:10px}
.galerie > .thumb > label{box-sizing:border-box;border-radius:none;margin:0 auto;padding:2px;background:none;text-align:center}
.galerie > .thumb > label img{margin:0 auto}
.galerie > ul > .slide.img img{width:auto;max-width:100%;max-height:100%;margin:0 auto}
.galerie > ul > .slide{text-align:center}
.galerie img{box-shadow:none;width:100%;height:auto;max-width:100%}
.galerie > ul > .slide{position:relative;opacity:0;display:inline-block;z-index:1;-webkit-transition:opacity 1250ms ease;transition:opacity 1250ms ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
.galerie > #slide1:checked~ul > .slide.image1,.galerie > #slide2:checked~ul > .slide.image2,.galerie > #slide3:checked~ul > .slide.image3,.galerie > #slide4:checked~ul > .slide.image4,.galerie > #slide5:checked~ul > .slide.image5,.galerie > #slide6:checked~ul > .slide.image6,.galerie > #slide7:checked~ul > .slide.image7,.galerie > #slide8:checked~ul > .slide.image8,.galerie > #slide9:checked~ul > .slide.image9,.galerie > #slide10:checked~ul > .slide.image10,.galerie > #slide11:checked~ul > .slide.image11,.galerie > #slide12:checked~ul > .slide.image12,.galerie > #slide13:checked~ul > .slide.image13,.galerie > #slide14:checked~ul > .slide.image14,.galerie > #slide15:checked~ul > .slide.image15,.galerie > #slide16:checked~ul > .slide.image16{opacity:1;z-index:2;position:absolute;top:0;display:block}
.konditionen {margin-bottom:24px}

@media only screen and (min-width:1024px) {
.kurzbeschreibung {grid-template-columns:61.7% 38.3%}
.preisinfo {padding:12px}
}

strong, b {font-weight: bold!important;}
ul {  list-style-type: circle;}
hr {border: 0;height: 3px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc);}
.between {height:12px;width:100%;display:block}
.copyright {margin:10px auto -20px auto;text-align:center; font-size:14px;line-height:20px; color:#0040FF}

@media only screen and (max-width:1023px) {
.desktop,.kurzbeschreibung,.extra {display:none}
}