@charset "UTF-8";p{margin-bottom:0}.login-side > h4,.private-modal-content h4{color:#a5d832}.register-side h4{color:orange}.attrfilter > span{background:#ccc}.color_5e96bf62b9b2c18fdb65564b4a18fd1f{background:#F5F5F5}.color_9d56f8d5611bc53fa1b652cb83345e21{background:#A2A2A2}.color_48302a02dded67da9cf1527e47b1164c{background:#C5C7C4}.color_bc97a7800921a178103c0bb21be01e17{background:#E6D2B5}.color_0ac878a9040d72a04f34d15482a0f2a4{background:#004F7C}.color_b402aaa17455edc20c1d5abf9e63f082{background:#00387B}.color_b153f22d480241c6008d73a89de4928a{background:#442F29}.color_e139a67b987bb28a8fee4a3776e176ed{background:#000}.color_041335990e1db2c133ab0e8667ae005a{background:#114232}.color_4ee870687d848f358a9f01c62d14d98c{background:#325928}.color_b221e9eeca3783d7176a032d8447fda8{background:#A72920}.color_5fb6e179825c6ebd7c4e5df721a1a515{background:#7E4B26}.variantcol{margin:0 0 7px;display:table}.cboxen{border:1px solid #ccc;margin:2px;padding:0 7px;display:inline-block}.color_aeda1301434fcaa10544f5e4a33ecace a,.color_bc97a7800921a178103c0bb21be01e17 a,.color_48302a02dded67da9cf1527e47b1164c a,.color_bc97a7800921a178103c0bb21be01e17 a,.color_0ac878a9040d72a04f34d15482a0f2a4 a,.color_b402aaa17455edc20c1d5abf9e63f082 a,.color_b153f22d480241c6008d73a89de4928a a,.color_e139a67b987bb28a8fee4a3776e176ed a,.color_041335990e1db2c133ab0e8667ae005a a,.color_4ee870687d848f358a9f01c62d14d98c a,.color_b221e9eeca3783d7176a032d8447fda8 a,.color_5fb6e179825c6ebd7c4e5df721a1a515 a{color:transparent!important;width:0}#lean_overlay{position:fixed;z-index:9999;top:0;left:0;height:100%;width:100%;background:#000;display:none}.attrfilter > a:hover{background:#ccc}.fooinfo a:hover{color:#3d3d3d}.servb2b{width:105px!important}.servb2b > a:hover{background:orange}#navri{float:right;padding:0 27px}.basketitems .amount-for-basket-less,.basketitems .amount-for-basket-more{height:22px;width:32px}.jobs h1{font-size:20px;padding:5px 0 20px}.jobs{font-size:14px}.jobs a:hover{text-decoration:underline}.navigation-column.nav-col4{margin-right:44px;width:223px}.nav-col5{width:200px;margin-right:33px}.nav-col6{width:190px}.nav-m5a{width:569px}.nav-m8{width:743px}.jobs h2{color:#87ac20;font-size:15px;padding:20px 0 0;font-weight:400}.jobs ul,ol{padding:0}.bullets{background:url(sprites/sprites_graybox.jpg) no-repeat scroll -198px -47px rgba(0,0,0,0);float:left;height:7px;margin-top:5px;width:7px}#category-about{border:1px solid #ccc;padding:4px}.cmscontent h1{color:#87AC20;font-size:22px;margin:2px 0 10px}.payment ul{margin:0}.cmscontent .payment li{border-top:1px solid #ccc;padding:10px 0;list-style:none}.cmscontent .payment .paytext .rechleft{float:left;width:120px}.cmscontent .payment .paytext{float:left;font-size:12px;line-height:16px;width:350px}.cmscontent .payment .paytext li{border:medium none;padding:0 0 4px;width:400px}.payment span{font-size:18px;width:50px;line-height:18px}.paybig{color:#656565;font-size:18px;width:150px;float:left;line-height:21px}.paytext{font-size:12px;line-height:16px;float:left}.r_box{background-color:#F5F5F5;margin:0 0 15px;padding:13px 10px 5px;width:150px}#head_vorteile{color:#656565;font-size:16px}.r_box ul{margin:10px 0 0;padding:0}.r_box li{border-top:1px solid #CCC;padding:7px 0 5px;list-style-type:none}.r_box a{color:#6F7C70;font-size:13px;text-decoration:none}.r_box a:hover{color:#000;text-decoration:none}.cmscontent2 h1{color:#87AC20;font-size:22px;margin:2px 0 10px}.faqh2{color:#666;margin:10px 0 5px}.fett{font-weight:700}.cmshori{border-bottom:1px solid #CCC;margin-bottom:10px}.backgray{background-color:#F5F5F5}.oranger{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fd9928),color-stop(1,#f08000));background:-moz-linear-gradient(top,#fd9928 5%,#f08000 100%);background:-webkit-linear-gradient(top,#fd9928 5%,#f08000 100%);background:-o-linear-gradient(top,#fd9928 5%,#f08000 100%);background:-ms-linear-gradient(top,#fd9928 5%,#f08000 100%);background:linear-gradient(to bottom,#fd9928 5%,#f08000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9928',endColorstr='#f08000',GradientType=0);background-color:#fd9928;border:1px solid #f18102;cursor:pointer}.oranger:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f08000),color-stop(1,#fd9928));background:-moz-linear-gradient(top,#f08000 5%,#fd9928 100%);background:-webkit-linear-gradient(top,#f08000 5%,#fd9928 100%);background:-o-linear-gradient(top,#f08000 5%,#fd9928 100%);background:-ms-linear-gradient(top,#f08000 5%,#fd9928 100%);background:linear-gradient(to bottom,#f08000 5%,#fd9928 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08000',endColorstr='#fd9928',GradientType=0);background-color:#f08000}.oranger:active{position:relative;top:1px}.pfeilbut{background:url(/out/b2b/img/sprites.png) -38px -72px;margin:0 4px;padding:0 7px}.checkoutbut{font-size:14px;padding:8px 5px 8px 12px}.back2shop{background:#CCC;cursor:pointer;margin-left:-20px;padding:7px 10px;border-radius:2px;color:#666}.back2shop:hover{color:#fff}.borderaround{border:1px solid #ccc;padding:0 25px 25px}.butfeel{border-radius:2px;cursor:pointer}.subbmit{font-size:14px!important;padding:15px 11px!important}.white{color:#606060;border:solid 1px #b7b7b7;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');cursor:pointer}.white:hover{background:#ededed;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));background:-moz-linear-gradient(top,#fff,#dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dcdcdc')}.xxs{font-size: 12px;font-weight: 400 !important;padding: 6px 12px;border-radius: 3px;margin: 0 10px;}

#shipping .lineBlock{border:0 none}#userBackStepBottom,#userBackStepTop,#paymentBackStepBottom{display:none}#orderpayment,#orderEditCart{float:left;margin:0;width:200px}#orderpayment{margin:0 80px}#orderEditCart{color:#3d3d3d}#orderShipping{display:none}.checkoutbox{padding:0!important;background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 18%,rgba(237,237,237,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(18%,rgba(246,246,246,1)),color-stop(100%,rgba(237,237,237,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 18%,rgba(237,237,237,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 18%,rgba(237,237,237,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 18%,rgba(237,237,237,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 18%,rgba(237,237,237,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0)}.checkouthead{font-size:22px;padding:10px 15px 5px;color:#3d3d3d;float:left}.checkoutship{background:none repeat scroll 0 0 #EFEFEF;border:1px solid #E8E8E8!important;font-size:16px;padding:10px 20px!important}.paytextbox{border:1px solid #CCC;margin:-21px 0 25px;padding:20px 25px}.paytextbox label{font-weight:400}.checkoutagb{padding:10px;font-size:10px}.agb .section{display:none}.clearboth{clear:both}#orderConfirmAgbBottom .prevStep{display:none}.fooinfo{background:#E7E7E7;padding:20px;border-top:1px solid #ccc;font-weight:400;display:flex}.footel,.foofax,.foocon{float:left;width:33.33%}.fooinfo h3{font-size:17px;font-weight:400;margin:0 0 5px;color:#525252}.fooinfo p{padding:0;margin:0 20px}.fooinfo a{cursor:ponter;color:#989898}.ficon{background:url(/out/b2b/img/sprites.png);display:inline-block;height:19px;margin-right:6px;width:15px;float:left}.foofax .ficon{background-position:0 -128px}.footel .ficon{background-position:-12px -127px}.foocon .ficon{background-position:-29px -128px}#amountToBasket{font-size:16px;height:30px}#toBasket{padding:7px 0;width:230px;font-size:14px}#rabatte td{font-size:11px}#bottom_icon ul{margin:0;padding:0}#bottom_icon li{list-style:none;padding:10px 0 8px;border-bottom:1px solid #ccc;font-size:14px}#bottom_icon li p{font-size:12px;margin:0;color:gray;padding:2px 0}.lfloat{float:left}.spriter{background:url(/out/b2b/img/sprites.png)}.rbpos1{background-position:-45px -128px;height:20px;margin-right:5px;width:25px}.rbpos2{background-position:0 -170px;height:38px;margin-right:5px;width:25px}.rbpos3{background-position:-69px -171px;height:24px;margin:0 5px 0 5px;width:30px}.rbpos4{background-position:47px -70px;height:21px;margin:0 5px 0 5px;width:21px}.rbpos5{background-position:245px -125px;height:21px;margin:0 5px 0 5px;width:18px}.rbpos6{background-position:-13px -127px;height:19px;margin:0 5px 0 5px;width:16px}.rbpos7{background-position:-115px -127px;height:19px;margin:0 5px 0 5px;width:24px}.attributes strong{font-weight:400}#description div{margin:20px 0}#bottom_tabs a:hover{background:#ccc}.nav-subup{margin-bottom:0!important;margin-top:20px!important}.rboxtxt p{padding:0}.rboxtxtbold{font-weight:700;font-size:14px}.navigation-level2 p{padding:5px 0}#loginmodal{min-width:640px}#loginmodal .login-modal-inner{background-color:#656565;min-height:50px;border:none;color:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;text-transform:none;text-align:left;z-index:9999;font-size:13px;margin-top:-1px!important}#loginmodal .login-modal-inner .login-modal-content{padding:35px 40px}#loginmodal .login-modal-inner .close-bar{text-align:right;background:#4b4b4b;font-size:16px;padding:10px}#loginmodal .login-modal-inner .close-bar > a:hover{color:#fff}#loginmodal .login-modal-inner .login-modal-content .login-side{border-right:1px solid #d6d6d6;padding:0 60px 30px 0;float:left}#loginmodal .login-modal-inner .login-modal-content .register-side{float:left;padding:0 20px 0 40px}#loginmodal .login-modal-inner .login-modal-content .register-side p{color:#cacaca}#loginmodal .login-modal-inner .login-modal-content h4{font-size:16px;margin-bottom:17px}#loginmodal .login-modal-inner .login-modal-content > div:before,#loginmodal .login-modal-inner .login-modal-content > div:after{display:table;content:" ";clear:both}.close-bar a{color:#ccc;font-family:Comic Sans MS;font-size:20px}#loginmodal .login-modal-inner .login-modal-content .login-side .input-box{width:260px;border:1px solid #ccc;background:#fff;padding:11px 8px 8px;border-radius:3px;font-size:14px}#loginEmail{margin:0 0 13px}.register-side > ul{color:#ccc}.errorMsg{color:orange}.login-side .button{margin:25px 0 0}.input-box:focus{border-color:orange!important}.bprice{float:left;margin:0 9px 0 0}.nprice{border-left:1px solid #ccc;float:left;padding:13px 7px 0;width:45px}.old-price del{font-size:20px;font-weight: bold;}.save{color:#fff;background:orange;padding:3px 8px;display:inline-block;font-size: 17px;}#privatemodal{min-width:640px}#privatemodal .private-modal-inner{background-color:#656565;min-height:50px;border:none;color:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;text-transform:none;text-align:left;z-index:9999;font-size:13px;margin-top:-1px!important}#privatemodal .private-modal-inner .private-modal-content{padding:35px 40px}#privatemodal .private-modal-inner .close-bar{text-align:right;background:#4b4b4b;font-size:16px;padding:10px}#privatemodal .private-modal-inner .close-bar > a:hover{color:#fff}#privatemodal .private-modal-inner .private-modal-content .private-left-side{border-right:1px solid #d6d6d6;padding:0 60px 30px 0;float:left}#privatemodal .private-modal-inner .private-modal-content .private-right-side{float:left;padding:0 20px 0 40px}#privatemodal .private-modal-inner .private-modal-content .private-right-side p{color:#cacaca}#privatemodal .private-modal-inner .private-modal-content h4{font-size:16px;margin-bottom:17px}#privatemodal .private-modal-inner .private-modal-content > div:before,#privatemodal .private-modal-inner .private-modal-content > div:after{display:table;content:" ";clear:both}#privatemodal .private-modal-inner .private-modal-content .private-left-side .input-box{width:200px;border:1px solid #ccc;background:#fff;padding:6px 8px 2px;border-radius:3px}.orangeText{color:orange}.next-prev-block{float:left;margin-left:530px}.next-prev-block a{border:none}.next-prev-block a:hover{border:none;background:transparent;color:#fff;text-decoration:none}.next-prev-block > .prev{background:url(../../img/arrow-left.png) center center no-repeat}.next-prev-block > .prev:hover{background:url(../../img/arrow-left.png) center center no-repeat}.next-prev-block > .next{background:url(../../img/arrow-right.png) center center no-repeat}.next-prev-block > .next:hover{background:url(../../img/arrow-right.png) center center no-repeat}

#ho_teaser_list li {list-style: none; ;float: left;}
#ho_teaser_list {width:100%;margin:0; display:flex;flex-flow:row wrap;justify-content:space-between;}
#ho_teaser_list li, #ho_teaser_list a {
    height:96px;
    display: block;
}


.hellgrau {background:#babab8;}
.sanitaergrau {background:#babab8;}
.silbergrau {background:#989887;} .silbergrau a{color:#ccc !important;}
.manhattan {background:#c9c8c5;}
.sandgrau {background:#b3a998;}
.staubgrau {background:#908e86;}.staubgrau a{color:#ccc !important;}
.betongrau {background:#7b7972;}.betongrau a{color:#ccc !important;}
.dunkelgrau {background:#666665;}.dunkelgrau a{color:#ccc !important;}
.anthrazit {background:#505050;}.anthrazit a{color:#ccc !important;}
.schwarz {background:#191a1b;}.schwarz a{color:#ccc !important;}
.kastanie {background:#a7724c;} .kastanie a{color:#ccc !important;}
.mooreiche {background:#473526;} .mooreiche a{color:#ccc !important;}
.sandbeige {background:#dbcdad;}
.seidengrau {background:#d2d1c8;}
.braun {background:#603b25;} .braun a{color:#ccc !important;}
.oregon {background:#745127;} .oregon a{color:#ccc !important;}
.eiche {background:#be844c;} .eiche a{color:#ccc !important;}
.kiefer {background:#d5ac73;}
.buche {background:#d2a68f;}
.jasmin {background:#e5dac5;}
.caramel {background:#a78064;} .caramel a{color:#ccc !important;}
.basaltgrau {background:#7c7c7b;} .basaltgrau a{color:#ccc !important;}
.bahamabeige {background:#d4c0a5;}
.grau {background:#babab8;}
.dunkelbraun {background:#36332d;} .dunkelbraun a {color:#ccc !important;}
.hellfugengrau {background:#d3d3cf;}
.manhattandunkel {background:#a6a4a2;}
.jasminpergamon {background:#f3ede5;}
.mittelgrau {background:#b3b8ba;}



#ho_teas_1 {width: 227px;background: url('/out/b2b/img/startseite-teaser-small-2019-3.gif') 0 0;}
#ho_teas_2{width: 232px;background: url('/out/b2b/img/startseite-teaser-small-2019-3.gif') -252px 0;}
#ho_teas_3{width: 231px;background: url('/out/b2b/img/startseite-teaser-small-2019-3.gif') -505px 0;}
#ho_teas_4{width: 228px;background: url('/out/b2b/img/startseite-teaser-small-2019-3.gif') -758px 0;}
@media (max-width: 815px) {#accountmenu-kontakt-flyout { width:100%;height: 510px}

    .kontatspacer {
        height: 72px;
        width: 40%
    }

    .kontakt-col1 h4 {
        margin-top: 30px
    }

    h4.enss {
        margin-top: 0
    }

    .kontakt-col1 {
        float: left!important;
        text-align: left;
        width: auto
    }

    .kontakt-col1 h4 {
        margin-bottom: 10px
    }

    .kontakt-col1 .kontatspacer {
        margin: 15px 0;
        width: auto;
        height: auto
    }
}
#mySecondDiv {
    color: #ccc;
    font-family: Comic Sans MS;
    font-size: 20px;
    float: right;
    cursor: pointer;
}

#mySecondDiv:hover {
    color: #fff
}

@media (min-width: 320px) and (max-width: 480px) {
    .fooinfo {
        display:inline-block;
        padding: 15px
    }

    .footel,.foofax,.foocon {
        margin-bottom: 10px;
        width: unset;
        padding: unset
    }

    span.ficon.icon {
        margin-top: 10px
    }

    .fooinfo h3 {
        font-size: 16px;
        font-weight: 400;
        margin: 10px 0;
        color: #525252;
        display: -webkit-box
    }

    #loginmodal .login-modal-inner .login-modal-content .register-side {
        padding: unset
    }

    #loginmodal .login-modal-inner .login-modal-content .login-side .input-box {
        width: auto;
        padding: 8px 20px;
        border-radius: 5px;
        margin: 10px 0
    }

    #loginmodal .login-modal-inner .login-modal-content .login-side {
        border-right: none
    }
}

@media (min-width : 481px) and (max-width : 768px) {
    .footel,.foofax,.foocon {
        float:left;
        width: 100%;
        margin: 8px 0
    }

    .fooinfo {
        padding: 10px 20px;
        display: flow-root
    }

    #loginmodal .login-modal-inner .login-modal-content .login-side .input-box {
        width: auto;
        padding: 8px 20px;
        border-radius: 5px;
        margin: 10px 0
    }

    #loginmodal .login-modal-inner .login-modal-content {
        padding: 30px 15px
    }

    #loginmodal .login-modal-inner .login-modal-content .login-side {
        border-right: 1px solid #d6d6d6;
        padding: 0 15px 0 0;
        float: left;
        margin-right: 15px
    }

    #loginmodal .login-modal-inner .login-modal-content .register-side {
        float: left;
        padding: unset
    }

    #loginmodal .login-modal-inner .login-modal-content .login-side .input-box {
        width: auto;
        padding: 8px 20px;
        border-radius: 5px;
        margin: 10px 0
    }
}

@media (max-width: 768px) {
    #loginmodal {
        min-width:unset
    }
}
li#accountmenu-menuitem-basket {
    padding-right: 0;
    position: relative

}
#description h3 {

    margin: 15px 0 6px;
    font-size: 16px;

}
.hovery a {

    color: orange !important;

}
.hovery a:hover {

    color: white !important;

}
.corona {

    height: 25px;
    font-size: 17px;
    background: orange;
    padding: 5px 0;

}
.corona p {

    color: black;
    padding: 4px 25px;

}

/* Container für die Boxen */
.startpage-boxes .custom-slick-slider-item-img {
    height: 120px;
}

.startpage-boxes .startpage-box img, .custom-slick-slider img {
    max-width: 300px;
    max-height: 120px;
    display: block;
    object-fit: cover;
}

.startpage-boxes {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.startpage-boxes .slick-prev, .startpage-boxes .slick-next {
    top: 50% !important;
    margin-top: -10px !important;
    position: absolute !important;
}

.startpage-boxes .slick-prev:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHBhdGggaWQ9Imljb25zLWRlZmF1bHQtYXJyb3ctaGVhZC1sZWZ0IiBkPSJtMTIuNSA3LjkxNDIgMTAuMjkyOSAxMC4yOTNjLjM5MDUuMzkwNCAxLjAyMzcuMzkwNCAxLjQxNDIgMCAuMzkwNS0uMzkwNi4zOTA1LTEuMDIzOCAwLTEuNDE0M2wtMTEtMTFjLS4zOTA1LS4zOTA1LTEuMDIzNy0uMzkwNS0xLjQxNDIgMGwtMTEgMTFjLS4zOTA1LjM5MDUtLjM5MDUgMS4wMjM3IDAgMS40MTQyLjM5MDUuMzkwNSAxLjAyMzcuMzkwNSAxLjQxNDIgMEwxMi41IDcuOTE0MnoiIC8+PC9kZWZzPjx1c2UgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIDEgMCAuNSAtLjUpIiB4bGluazpocmVmPSIjaWNvbnMtZGVmYXVsdC1hcnJvdy1oZWFkLWxlZnQiIGZpbGw9IiM3NThDQTMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz48L3N2Zz4=");
}

.startpage-boxes .slick-next:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHBhdGggaWQ9Imljb25zLWRlZmF1bHQtYXJyb3ctaGVhZC1yaWdodCIgZD0ibTExLjUgNy45MTQyIDEwLjI5MjkgMTAuMjkzYy4zOTA1LjM5MDQgMS4wMjM3LjM5MDQgMS40MTQyIDAgLjM5MDUtLjM5MDYuMzkwNS0xLjAyMzggMC0xLjQxNDNsLTExLTExYy0uMzkwNS0uMzkwNS0xLjAyMzctLjM5MDUtMS40MTQyIDBsLTExIDExYy0uMzkwNS4zOTA1LS4zOTA1IDEuMDIzNyAwIDEuNDE0Mi4zOTA1LjM5MDUgMS4wMjM3LjM5MDUgMS40MTQyIDBMMTEuNSA3LjkxNDJ6IiAvPjwvZGVmcz48dXNlIHRyYW5zZm9ybT0icm90YXRlKDkwIDExLjUgMTIpIiB4bGluazpocmVmPSIjaWNvbnMtZGVmYXVsdC1hcnJvdy1oZWFkLXJpZ2h0IiBmaWxsPSIjNzU4Q0EzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+PC9zdmc+");
}

.startpage-boxes .startpage-image-box-slider .slick-slide {
    margin: 10px !important;
}

.startpage-boxes .startpage-image-boxes .custom-image-box {
    margin-bottom: 30px;
    border: 1px solid #D3D9DC;
}

.custom-slick-slider-container .slick-slide {
    border: 1px solid #D3D9DC;
}

.custom-slick-slider-container .custom-slick-slider-title {
    font-size: 16px;
    color: #50504e;
    font-weight: 600;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    text-decoration: none;
    overflow: hidden;
    height: 40px;
}

.custom-slick-slider-container .custom-slick-slider-sort-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    text-decoration: none;
    overflow: hidden;
    height: 65px;
}

.custom-slick-slider-container .custom-slick-slider-no-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    margin: 5px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.custom-slick-slider-container .custom-slick-slider-product-data {
    padding-top: 10px;
    margin: 10px;
}

.custom-slick-slider-container .custom-slick-slider-price {
    font-weight: 600;
    font-size: 16px;
}

.custom-slick-slider-container .custom-slick-slider-artno {
    font-size: 14px;
}

.custom-slick-slider-container .custom-slick-slider-item .custom-slick-slider-item-img {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
}


/* Container für die Boxen */
.startpage-top-boxes .startpage-top-box img, .custom-slick-top-slider img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.startpage-top-boxes {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.startpage-top-boxes .startpage-image-box-slider {
    order: 1;
}

.startpage-top-boxes .startpage-image-box-slider .slick-slide:nth-child(odd) {
    margin-right: unset!important
}

.startpage-top-boxes .startpage-image-box-slider  .slick-slide:nth-child(even) {
    margin-left: unset!important
}

.startpage-top-boxes .startpage-image-boxes {
    order: 2;
}

.startpage-top-boxes .startpage-image-boxes .custom-image-box {
    margin-bottom: 30px;
    border: 1px solid #D3D9DC;
}

.custom-image-box img, .custom-slick-top-slider .slick-slide {
    aspect-ratio: 85 / 33;
}

.custom-slick-top-slider .slick-slide {
    border: 1px solid #D3D9DC;
}

.custom-slick-top-slider .custom-slick-top-slider-title {
    font-size: 18px;
    color: #50504e;
    font-weight: 600;
    line-height: normal;
}

.custom-slick-top-slider .custom-slick-top-slider-artno {
    font-size: 14px;
}

.custom-slick-top-slider .custom-slick-top-slider-item {
    padding: 20px;
    display: flex;
}
.custom-slick-top-slider .custom-slick-top-slider-item .custom-slick-top-slider-item-img {
    width: 100%;
    max-width: 14em;
}

@media only screen and (min-width: 481px) {
    .startpage-top-boxes .startpage-image-boxes {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .startpage-top-boxes {
        display: grid;
        grid-template-columns: 2fr 1fr;
        justify-items: end;
    }

    .startpage-top-boxes .startpage-image-boxes {
        order: 1;
        padding-right: 5px;
    }

    .startpage-top-boxes .startpage-image-box-slider {
        order: 2;
        max-width: calc(94vw / 3 - 16px);
        width: calc(100vw / 3);
    }
}

@media only screen and (min-width: 1300px) {
    .startpage-top-boxes .startpage-image-box-slider {
        max-width: calc(80vw / 3 - 14px);
    }
}

@media only screen and (min-width: 1988px) {
    .startpage-top-boxes .startpage-image-box-slider {
        max-width: calc(1590px / 3 - 14px);
    }
}

/*@media screen and (max-width: 1180px) {*/
    .header-service-hide,
    .header-search-hide,
    .container:has(.checkoutSteps) #footer .foofax,
    .container:has(.checkoutSteps) #footer .foocon,
    .container:has(.checkoutSteps) #footer .services,
    .container:has(.checkoutSteps) #footer #footerInformation {
        display: none;
    }

    .container:has(.checkoutSteps) .paytextbox {
        display: grid;
        width: 100%;
    }

    .container:has(.checkoutSteps) .paytextbox #orderAddress,
    .container:has(.checkoutSteps) .paytextbox #orderPayment,
    .container:has(.checkoutSteps) .paytextbox #orderAddress dl {
        width: 100%;
    }

    .container:has(.checkoutSteps) .paytextbox #orderAddress .shippingAddress {
        padding-left: 0;
        width: 100%;
        padding-top: 20px;
    }
/*}*/

.checkoutCollumns {
    h3.blockHead {
        height: 40px;
        margin-bottom: 14px;
    }
}