@font-face {
    font-family: "AvenirNextLTW01 Light Light";
    src: url('images/fonts/SourceSansPro-Light.ttf') format("truetype");
}
@font-face {
    font-family: "AvenirNextLTW01 Light";
    src: url('images/fonts/SourceSansPro-Regular.ttf')  format("truetype");
}

@font-face {
    font-family: "AvenirNextLTW01 Light SemiBold";
    src: url('images/fonts/SourceSansPro-Bold.ttf')  format("truetype");
}
@font-face {
    font-family: "AvenirNextLTW01 Light Italic";
    src: url('images/fonts/SourceSansPro-Italic.ttf')  format("truetype");
}

@font-face {
    font-family: "Gotham Bold";
    src: url('images/fonts/GothamBold.ttf')  format("truetype");
}

@font-face {
    font-family: "Gotham Bold";
    src: url('images/fonts/GothamBold.ttf')  format("truetype");
}

@font-face {
    font-family: "AvenirNextLTW01 Light";
    src: url('images/fonts/AvenirNextLTW01-Light.ttf')  format("truetype");
}

@font-face {
    font-family: "AvenirNextLTW01 Regular";
    src: url('images/fonts/AvenirNextLTW01-Regular.ttf')  format("truetype");
}

@font-face {
    font-family: "AvenirNextLTW01 Medium";
    src: url('images/fonts/AvenirNextLTW01-Medium.ttf')  format("truetype");
}

@font-face {
    font-family: "AvenirNextLTW01 Bold";
    src: url('images/fonts/AvenirNextLTW01-Bold.ttf')  format("truetype");
}



  .userdiv{
    width: 100%;
}
.btnSaveJson{
    margin-bottom: 12px;
}
#choosen {
    background-color: grey;
    height:100%;
    position:relative;
}
#main{
    clear:both;
}
.left{
    float:left;
}
.right{
    float:right;
}
.logo{
    width: 50px;
    heigth: 50px;
}
ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
.logosort{
    width: 80px;
    heigth: 80px;
    margin:10px;
}
ul.astable {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 306px; /* account for borders */
    width: 200px;
    list-style-type:none;
}
ul.astable>li {
    width: 100px;
    height: 100px;
}


/*add-on R.Kaiser*/

#content{padding:1em;min-height:700px}

#mainlogo{}
.navbar-brand{padding:19px 20px}
.panel{background:unset}
.panel-default{border:0;box-shadow:unset}


@media (min-width: 768px) {
    .panel-collapse{flex-direction:column;}
    .panel-body{padding:0}
}

div.collapse.in, div.collapsing {
    display: block;
    position:absolute;
    background:#f8f8f8;
    left:4px;
    width:360px;
    border:1px solid #e7e7e7;
    top:52px;
    z-index:101
}

#bread{padding:30px 0 20px 30px;}
#breads_detail{padding:30px 0 20px 30px;}

#bread.breadonhead{ position: absolute;z-index: 100;width:100%;color:black;margin-left:-13px;}
#bread.breadonhead a{color:black}

.verzeichnisblock a{color:white;text-decoration: none;}
.verzeichnisblock a:hover{
    color: white;
}

#text{font-family: "AvenirNextLTW01 Light";color:black;font-weight: bold;text-transform:uppercase;}
.breads{font-family: "AvenirNextLTW01 Light";color:black;font-weight: bold;text-transform:uppercase;white-space:nowrap}
.description{font-family: "AvenirNextLTW01 Light";color:black;}
.iconblock{display:flex;flex-wrap: wrap;margin: auto;width:208px;justify-content: center;}
.listenicon{width:37px;object-fit: scale-down;margin: 5px 5px 0 0;}
.beschreibungstext {    margin-top: 10px;padding-left: 40px;padding-right: 40px;text-transform:unset;color: #009fe3;overflow:hidden;max-height:160px}
#catnav {margin: auto;width: 82%;min-width: 400px;max-width:1080px}
#catnav a{height:100%}
#catnav h3{text-align:center}
div.catnavimgho{flex:2;min-height:260px;min-width:260px;flex-direction:column}
div.catnavimghoB{flex:2;min-height:200px;min-width:260px;flex-direction:column}

div.catnavoverlay{background:#fff;opacity:.7;position:relative;bottom:0}
div.catnavtext{opacity:1;color:#000;font-weight:bold;font-size:1.4em;margin:.5em}

img.catnavimg{max-width:300px;margin:auto}

.dk_kat_banner{max-height:300px;object-fit:scale-down;width:100%;margin:auto;}
#content.dk_idxp{background:#555;color:#fff;margin-top:-20px;padding-bottom:4em}
#dk_list{display: flex;flex-wrap: wrap;max-width: 1236px;background-color: white;text-align: center;margin-right:31px;box-shadow: 2px 2px 10px grey;}

#dk_list li{border-bottom: 1px dashed grey;max-width: 300px;margin: 20px 10px;flex: 1;display:flex;flex-direction:column;padding:2px 10px;}
#dk_list .beschreibungstext li{border-right: 0;border-bottom:unset;max-width: 300px;margin:0;padding:0;min-width:195px;}

#dk_list a{display:flex;flex-direction:column;font-family: "AvenirNextLTW01 Light";}
#dk_list img{margin-bottom:8px;object-fit:scale-down;max-height: 170px;min-height:170px;}
#dk_list .iconblock img{margin-bottom:8px;object-fit:scale-down;max-height: 170px;min-height:30px;}
#dk_itempics{display:flex;max-height:207px;margin:20px 2em 70px 0;min-width:292px;}
#dk_itemdata{display:flex;max-height: 613px;overflow-y: auto;    font-family: 'AvenirNextLTW01 Light';font-size: 17px;min-width: 300px;margin-top:33px;margin-bottom:45px;padding-right:25px;}
#dk_itempics div{    padding: 10px 5px;}

#dk_itempics img.mainimg{width:100%;object-fit:scale-down;max-height:440px;margin:auto;padding: 10px;}

#dk_itempics img.sideimg{width:100%;object-fit:scale-down;max-height:150px;cursor:zoom-in;margin:0.2em 0 .5em;}
#dk_iconholder{padding:30px 0 0;display:flex;}
#dk_iconholder img{float:right}

.rk_fx1{flex:1}
.rk_fx2{flex:2}
.rk_fx3{flex:3}
.rk_fx4{flex:4}
.rk_fx5{flex:5}
.rk_fbc{display:flex;flex-direction:column;display:flex;align-items:center;justify-content:center;margin-top: 22px;margin-bottom: 168px;}
.rk_fbc2{display:flex;flex-direction:column;display:flex;align-items:unset;justify-content:unset;margin-top: 3px;}
.rk_fbd{display:flex;}
.rk_ffw{flex-flow:row wrap;padding-left:30px;background-color:#e1e1e1;justify-content: center;flex:4}
.rk_ffw2{flex-flow:row wrap;padding-left:30px;box-shadow: 2px 2px 15px black;background-color: gainsboro;margin-top: 14px;}
.rk_ffw3{flex-flow:row wrap;padding-left:30px; margin-top: 14px;background-color:#e1e1e1;}
.navbar-nav{width:80%}

div .navtile{width:260px;max-height:290px;padding:.5em;margin:1em 1.5em}

div .navtile_old{width:260px;max-height:260px;padding:.5em;margin:1em 1.5em}
div .navtile_old .rk_fbc{margin:0}
.swiper-slide{}

/*filter css by blaupunkt*/
.filtername{font-size: 22px;font-family: "AvenirNextLTW01 Light";font-weight: bold;margin-bottom: 18px;}
.filters {margin-top: -5em;display:flex}

.filters button.is-checked, .filters button:hover {background-color: #fff; color: #009fe3;font-weight:900;}
.filters button{background: #009fe3;border: 2px solid #009fe3;color: #fff;padding: .5em .8em;margin-bottom:14px;box-shadow: 2px 2px 5px darkslategrey;text-transform: uppercase;font-family: "AvenirNextLTW01 Light";position: relative;}
.filterbox{margin: 60px 30px 30px 0px;}



/*modal overlay*/
.product-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
}

.product-image-overlay .product-image-overlay-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 0px solid #eee;
    line-height: 35px;
    font-size: 30px;
    color: #eee;
    text-align: center;
    cursor: pointer;
}

.product-image-overlay img {
    width: auto;
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#modalback{display:none;width:100%;height:100%;z-index:100;top:0;left:0;position:fixed;background-color:rgb(0,0,0,.88)}
#modalinner{
    width: 100%;
    height: 100%;
    display:flex;
    margin:auto;
    margin-top:66px;
    max-width:1266px;
    max-height:779px;
    padding:10px;
    display: flex;
    justify-content: center;
}
#modalcloser{position: fixed;
    top: 5%;
    right: 5%;
    color: #1d9dd9;
    cursor: pointer;
    pointer-events: all;
    font-size:29px;
    font-weight:bold;
    font-family:"AvenirNextLTW01 Light";
}
.modalimage{max-height: 645px;width: 100%;object-fit: contain;}
.modalbox h3{color:#1d9dd9;display: flex;justify-content: center;margin-bottom:62px;  font-weight:bold;font-size:21px;font-family:"AvenirNextLTW01 Light";}
.videoplay{height:609px;width:943px;}



/*START RECODE 2020*/
.flex{display:flex;}

.rahmenkiste{}
.dreierholder{display: flex; flex-wrap:wrap;   justify-content: space-between;}
.kochfeld_highlight{padding-right: 10px;}
.mikro_highlight{padding-right: 10px;padding-bottom:133px; }
.kleinerdreier{flex:1;min-width:100%;}
.kleinerdreier_mikro{flex:1;min-width:100%;display:none}
.breadspace{}
.drittespalte{min-width: 310px;max-width: 600px;padding-left: 10px;}
.drittespalte2{min-width: 310px;max-width: 600px;}
.dreierbild{width:100%;object-fit: scale-down;margin-right:18px;}

.haubenbilder{padding-left: 38px;}
.grauebox > ul,.grauebox1 > ul,.grauebox2 > ul,.grauebox3 > ul,.grauebox4 > ul,.grauebox5 > ul,.mikrobox > ul,.kategoriebox > ul,.kategoriebox2 > ul{list-style: unset;margin-left: 15px;font-size:15px;font-family: "AvenirNextLTW01 Light";margin-bottom:unset;}

.kategorie{color:white;font-size: 16px;font-family: "AvenirNextLTW01 Light";display: grid;text-align: center;padding:0 20px;border-right: 1px solid white;object-fit: scale-down;width:100%;min-height:99px;}
.kbild > img {width:93%;}
.produkt-button{width:150px;height:150px;vertical-align: middle;}
.pfeilimg{flex:1;max-width: 81px;}
.video_but{margin-left: 16px;margin-top: 5px;margin-right: 10px;cursor: pointer;}
.pfeilimg_img{margin-left: 16px;margin-top: 5px;margin-right: 10px;}
.highlight_kasten{margin-top: 20px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right:73px;}
.highlight_kasten2{margin-top: 20px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right:73px;}
.hightlight_kasten3{margin-top: 13px;margin-left: 29px;margin-right: 10px;margin-bottom: 64px;    margin-left: 7px;}
.highlight_kasten5{margin-top: 20px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 64px;margin-right:73px;    margin-left: 7px;}
.highlight_kasten6{margin-top: 20px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 81px;margin-right:73px;    margin-left: 7px;}
.highlight_kasten7{margin-top: 20px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right:73px;}
.pfeiltext{flex:7;line-height: 1.3;font-family: "AvenirNextLTW01 Light";margin-top:13px;max-width:315px;padding-right: 15px;}
.iconbox{margin-right: 24px;width:40px;margin-top:10px;}
.iconbox1{margin-right: 8px;width:40px;margin-top:10px;}
.pikto{width:57px;cursor: pointer;}
.pikto2{width:52px;cursor: pointer;}
.icontext{flex:7;font-family: "AvenirNextLTW01 Light";font-size: 11px;    padding-left: 2px;}
h3.pfeilhead{margin: 2px 0 3px;font-size:16px;font-family: "AvenirNextLTW01 Regular";}
h3.pfeilhead3{margin: 2px 0 3px;font-size:25px;font-family: "AvenirNextLTW01 Regular";}
h3.pfeilhead2{font-size: 1em;margin: 6px 0 0;font-size:16px;}
.video{margin-top: -417px;}
.videoX{margin-top:-446px;}
.video2{margin-top: -662px;}
.video3{margin-top: -219px;}
.video4{margin-top: -245px;min-width:100%;}
.navbar{margin-bottom: unset}
#content{padding: unset;margin-top:72px;}
.before::before, .after::after {
    content: "\A";
    white-space: pre;
}
.testlink{background-color:yellow;padding:10px;border-radius: 12px;border:2px solid brown;}
.testlink2{max-height:294px;margin-right:6px;padding-bottom:10px;}
.testlink2{max-height:398px;}
.testlink3{max-height:398px;color:white;line-height: 2;margin-right:6px;padding-bottom:10px;}
.testlink4{max-height:398px;color:black;line-height: 2.5;text-align: center;min-width:177px;font-family: "AvenirNextLTW01 Light";}

.swiper-wrapper{padding-bottom:45px;}
.swiper-pagination{top:unset;}
.swiper-pagination-bullet-active{background:#e6007e}
.swiper-pagination-bullet{opacity:0.5;width:10px;height:10px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width:100%;justify-content: center;bottom:15px;}

.headtopic{font-family:"AvenirNextLTW01 Light";color:white;font-size:14px;flex:1;padding-right: 12px;margin-top: 2px;text-transform: uppercase}
.verzeichnisblock{max-height:200px;max-width: 420px;margin-top: 21px;line-height:1.8;background-color:#009fe3;padding:1em 1.7em; z-index: 10;  box-shadow:2px 2px 5px darkslategray;  font-family: 'AvenirNextLTW01 Bold';}
.headcategory{font-family:"AvenirNextLTW01 Light";font-size: 14px;padding-top: 8px;border-top:1px solid white;white-space: nowrap;}

.text_box{font-family: "AvenirNextLTW01 Light";}

.misterweiss{background-color:white;
    width: 10%;height:100%;display:flex;justify-content: right;}


/*......................*/
.spaceInUp img{
    animation-name: spaceInUp;
    animation-duration: 1.5s;
    object-fit: unset;
    background: none;
}

.spaceInUp {
    -webkit-animation-name: spaceInUp;
    animation-name: spaceInUp;
}
@-webkit-keyframes spaceInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(0.2) translate(0%, -200%);
        transform: scale(0.2) translate(0%, -200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}
@keyframes spaceInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(0.2) translate(0%, -200%);
        transform: scale(0.2) translate(0%, -200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

/*......................*/

.spaceInDown img{
    animation-name: spaceInDown;
    animation-duration: 0.7s;
    object-fit: unset;
    background: none;
}
.spaceInDown {
    -webkit-animation-name: spaceInDown;
    animation-name: spaceInDown;
}
@-webkit-keyframes spaceInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.2) translate(0%, 200%);
        transform: scale(0.2) translate(0%, 200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}
@keyframes spaceInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.2) translate(0%, 200%);
        transform: scale(0.2) translate(0%, 200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.h1{font-family: "AvenirNextLTW01 Bold"}



.h1, h1{font-family: "AvenirNextLTW01 Bold";font-size: 32px;padding-bottom:19px;margin-top:10px;}
.h2, h2{font-family: "AvenirNextLTW01 Bold";font-size: 28px;padding-bottom:4px;}

/*handybreite hier */
.grauebox{background-color:#575756; color:#fff;margin-bottom:4px;font-size:16px;padding: 15px 30px;
    margin-right: 18px;margin-left: 18px;font-family: "AvenirNextLTW01 Light";max-width:560px;}
.kategoriebox{color:black;margin-bottom:4px;font-size:16px;padding: 45px 0px 30px;font-family: "AvenirNextLTW01 Light";display:flex;width:100%;overflow:auto;justify-content: unset;box-shadow:0 15px 15px rgba(0,0,0,0.1);margin-bottom:43px;}
.kategoriebox2{color:#fff;margin-bottom:4px;font-size:16px;padding: 45px 0px 30px;font-family: "AvenirNextLTW01 Light";display:flex;width:100%;overflow:auto;justify-content: unset;box-shadow:0 15px 15px rgba(0,0,0,0.1);margin-bottom:43px;}
.grauebox1{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:16px;padding: 15px 30px;
    margin-right: 11px;margin-left: 7px;font-family: "AvenirNextLTW01 Light";max-width:560px;}
.grauebox2{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:16px;padding: 15px 30px;
    margin-right: 18px;margin-left: 18px;font-family: "AvenirNextLTW01 Light";max-width:560px;}
.grauebox3{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:16px;padding: 15px 30px;
    margin-right: 18px;margin-left: 7px;font-family: "AvenirNextLTW01 Light";max-width:560px;}
.grauebox4{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:13px;padding: 15px 30px;
    margin-right: 18px;margin-left: 7px;font-family: "AvenirNextLTW01 Light";max-width:560px;}
.grauebox5{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:13px;padding: 15px 30px;
    margin-right: 18px;margin-left: 7px;font-family: "AvenirNextLTW01 Light";max-width:560px;}
.mikrobox{background-color:#575756; color:#fff;margin-bottom:4px;font-size:16px;padding: 15px 30px;
    margin-right: 18px;margin-left: 18px;font-family: "AvenirNextLTW01 Light";max-width:560px;}
.videobox{margin-bottom:4px;font-size:16px;padding: 15px 30px;
    margin-right: 18px;margin-left: 18px;font-family: "AvenirNextLTW01 Light";max-width:560px;background-video:url('../../css/images/2020/backen.mp4')}
.mehrwerte{border:1px solid #009fe3;padding: 10px 7px 20px 7px;margin-right: 18px;margin-left: 18px; max-width: 560px;}
.mehrwerte2{border:1px solid #009fe3;padding: 10px 7px 20px 7px;margin-right: 18px;margin-left: 18px; max-width: 560px;}

.weissebox{background-color:rgb(255,255,255);color:black;font-size:13px;padding: 25px 30px;font-family: "AvenirNextLTW01 Light";max-width:383px; margin-left:52px;margin-right:52px;}
.weissebox2{background-color:rgb(255,255,255);color:black;font-size:16px;padding: 25px 48px;font-family: "AvenirNextLTW01 Medium";max-height: 75px;margin: -235px 28px;}
.weissebox3{background-color:rgb(255,255,255);color:black;font-size:13px;padding: 25px 30px;font-family: "AvenirNextLTW01 Light";margin-left:52px;margin-right:14px;max-height: 233px;}
.impressumbox{background-color:rgb(255,255,255);color:black;font-size:13px;padding: 25px 30px;font-family: "AvenirNextLTW01 Light";margin:0 28px;max-height: 199px;}
.weissebox4{background-color:rgb(255,255,255);color:black;font-size:12px;padding: 25px 30px;font-family: "AvenirNextLTW01 Light";margin-left:25px;margin-right:14px;max-width:311px;max-height: 754px;overflow-y: auto;    word-wrap: break-word;}
.box{color:white;font-size:13px;font-family: "AvenirNextLTW01 Light";margin-left:52px;margin-right:52px;}

.impbild{min-height:773px;background-size:100%;background-repeat: no-repeat;padding-top: 52px;width:100%;background-image:url('../../css/images/2020/impressum2.jpg');flex-wrap: wrap;}
.impbild8{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/back_start_klein2.png')}
.impbild3{min-height:unset;background-size:100%;background-repeat: no-repeat;width:100%;    border-top: 2px dotted black;background-image:url('../../css/images/2020/back_uebersicht2.jpg')}
.impbild1{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/hauben_back2.jpg')}
.impbild2{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/kochfeld_back2.jpg')}
.impbild4{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/kuehlschrank_back2.jpg')}
.impbild5{background-size:100%;background-repeat: no-repeat;width:100%;}
.impbild6{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/geschirrspueler_back2.jpg')}
.impbild7{background-size:100%;background-repeat: no-repeat;width:100%;}
.impbild9{padding-top: 52px;min-height:773px;background-size:100%;background-repeat: no-repeat;padding-bottom: 62px;width:100%;background-image:url('../../css/images/2020/back_datenschutz2.jpg')}

.mikrobild {background-size:100%;background-repeat: no-repeat;padding-bottom: 62px;width:100%;background-image:url('../../css/images/2020/kreis.png')}

.jump{margin-top:54px;}
.prodis{margin-top: 43px;text-align: center;}

#vs-iframeapp__container{position:relative;width:100%;max-width:1036px;height:100vh;overflow-y:auto;overflow-x:hidden;    margin-bottom: 34px;max-height: 670px;}
#vs-iframeapp__container iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding: 28px;}

.category_schrift{color:white;font-family: "AvenirNextLTW01 Light";font-size:16px;}
.highlightondesktop > .highlightondesktop2 > .highlightondesktop3 > .highlightondesktop4 > .highlightondesktop5{margin-left:7px;margin-right:18px;}

.highlight_haube{margin-left:7px;}
.highlight_kuehlschrank{margin-left:7px;margin-top:4px;}
.dontshowonmobile{display:none;}
.wraponmobile{flex-wrap: wrap;}
.side-menu-container{border-bottom:1px solid blue;}
.fresh{margin-top:33px;}
.fresh2{margin-top:33px;    border: 1px solid #009fe3;    margin-left: 11px;margin-bottom: 11px;}
.fresh3{margin-top:19px;margin-left: 11px;margin-bottom: 11px;}
.plus{font-family: "AvenirNextLTW01 Light";font-size:19px;color:#e6007e;font-weight:bold;margin-left:5px;}
.plus{font-family: "AvenirNextLTW01 Light";font-size:19px;color:#e6007e;font-weight:bold;margin-left:5px;}
.start{display: flex;flex-wrap: wrap;padding: 0px 0px 60px 0px;justify-content: center;}
.start_bild{flex-wrap: wrap;}
.marketingheadlinekasten{padding:0 30px 0px;}
.marketingheadline{text-transform: uppercase;font-size:21px;padding:8px 20px;font-family: 'AvenirNextLTW01 Light';display:flex;justify-content: center;}
.marketingtextkasten{}
.marketingtext{line-height: 1.3;font-size:17px;font-family: 'AvenirNextLTW01 Light';border-bottom:1px solid rgba(0,0,0,0.2);margin:20px 30px 32px 30px; padding-bottom:32px;text-align: center;}
.uebersicht_bild{flex-wrap: wrap;margin-bottom: -2px;}
.uebersicht{display:flex;flex-wrap:wrap; padding: 30px 0px 60px 0px;justify-content: center;}
img.slides{width:141%;box-shadow:0 15px 15px rgba(0,0,0,0.1);}
.produktuebersicht{min-height:unset;background:unset;border-bottom:1px solid rgba(0,0,0,0.2);display:flex;justify-content: center;margin:0 50px;padding-bottom:16px;}
.produktueberschrift{font-family:'AvenirNextLTW01 Light';text-transform:uppercase;font-size: 25px;margin-top: 39px;}
.wraponmobile2{flex-wrap: wrap;}

.auslaufen{padding: 20px 0px 0px 0px;text-align: center;display:flex;justify-content: center;}
.auslaufhead{color:#575756;font-family:'AvenirNextLTW01 Light';text-transform:uppercase;font-size:25px;border-bottom:1px solid rgba(0,0,0,0.2);padding:10px 20px 20px;width:77%}
.kochfeld_slide{margin-top: 24px;   margin-left:19px; width: 87%;margin-bottom: 17px;}
.mikrowelle_slide{margin-top: 24px; margin-left:19px; width: 87%;margin-bottom: 17px;}


.hintergrund{margin: -117px auto 0;}

/*Suchfeld im head*/
#finder{ width:230px;font-size: 1em;
    line-height: 1.2;
    letter-spacing: 0.05em;
    padding: .4em 0 .4em .6em;
    border: unset;
    min-height: 25px;
    background-color: #323131;}
#loope{width: 15px;position: relative;margin: -3px 0 0 -22px;}


/* Style the video: 100% width and height to cover the entire window */
#myVideo {position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;}


/* Add some content at the bottom of the video/page */
.content {position: fixed;bottom: 0;background: rgba(0, 0, 0, 0.5);color: #f1f1f1;width: 100%;padding: 20px;}


/* Style the button used to pause/play the video */
#myBtn {width: 200px;font-size: 18px;padding: 10px;border: none;background: #000;color: #fff;cursor: pointer;}
#myBtn:hover {background: #ddd;color: black;}


#detailverzeichnisblock{display:none}


@media (min-width: 500px){
#dk_iconholder{margin-top:150px;}
}

@media (min-width: 820px) {
    .wraponmobile{flex-wrap: unset;}
    .kleinerdreier{flex:1;min-width:400px}
    .kleinerdreier_mikro{flex:1;min-width:100%px;display:inline-block;}
    .dontshowonmobile{display:block;}
    .side-menu-container{border-bottom:1px solid red;}
    .fresh{margin-top:15px;margin-left:-15px;}
    .fresh2{margin-top:69px;margin-left:18px;    border: 1px solid #009fe3;}
    .verzeichnisblock{max-height:200px;max-width: 420px;margin-top: 21px;line-height:1.8;background-color:#009fe3;padding:1em 1.7em; z-index: 10;  box-shadow:2px 2px 5px darkslategray;  font-family: 'AvenirNextLTW01 Bold';}
    #detailverzeichnisblock{display:block}
    .testlink3{max-height:398px;color:white;line-height: unset;}
    .video{margin: -417px auto 0;max-width: 1920px;min-width:100%;}
    .video2{margin: -662px auto 0;max-width:1920px;min-width:100%;}
    .video3{margin: -219px auto 0;max-width:1920px;min-width:100%;}
    .video4{margin-top: -219px;min-width:100%;}
    #finder{width: 229px;margin: 15px 0 0 18px;border:2px solid #009fe3;border-radius: 4px;padding: 5px 10px;box-shadow:inset 0 0 2px #009fe3;background-color:white}
    #dk_list{display: flex;flex-wrap: wrap;max-width: 1236px;background-color: white;text-align: center;box-shadow: 2px 2px 10px grey;}
    #dk_list li{border-right: 1px solid grey;border-bottom:unset;max-width: 300px;margin: 20px 2px;flex: 1;display:flex;flex-direction:column;padding:2px 10px;min-width:295px;}
    .rk_ffw{flex-flow:row wrap;padding-left:30px; padding-bottom: 59px;    display: flex;flex:4}
    .rk_ffw2{flex-flow:row wrap;padding-left:30px; box-shadow: unset;background-color: gainsboro;margin-top: unset;}
    .rk_ffw3{flex-flow:row wrap;padding-left:30px;padding-top: 22px;padding-bottom: 59px;margin-top: unset;display: flex;justify-content: center;}
    .produkt-button{width:258px;height:unset;vertical-align: middle;}
    .auslaufen{padding: 60px 0 0;margin:0 251px 27px;}
    .auslaufhead{color:#575756;font-family:'AvenirNextLTW01 Light';text-transform:uppercase;margin:unset;font-size:50px;border-bottom:1px solid rgba(0,0,0,0.2);padding:10px 0 67px;width:unset;}
    .prodis{padding: 50px 30px 10px 0px;margin-top: 14px;}
    #bread.breadonhead{position: absolute;z-index: 100;width: 67%;top: 225px;color: #fff;}
    #bread.breadonhead a{color:#fff}
    #breads_detail{ padding: 54px 0 5px 30px;}
    .jump{margin-top:unset;}
    img.slides{width:100%;}
}


@media (min-width: 1024px) {
    #dk_iconholder{padding:30px 24px 80px;display:flex;justify-content:flex-start;margin-top:unset}

    /*desktop*/
    .kleinerdreier{flex:1;min-width:400px}
    .kleinerdreier_mikro{flex:1;}
    .drittespalte{min-width: 600px;max-width: 600px;padding-left: 10px;}
    .impbild{min-height:773px;background-size:100%;background-repeat: no-repeat;padding-top: 52px;width:100%;background-image:url('../../css/images/2020/impressum.jpg');flex-wrap: wrap;}
    .impbild9{margin-bottom:7px;padding-top: 52px;min-height:773px;background-size:100%;background-repeat: no-repeat;padding-bottom: 62px;width:100%;background-image:url('../../css/images/2020/back_datenschutz.jpg')}
    .grauebox{background-color:#575756; color:#fff;margin-bottom:4px;font-size:16px;padding: 25px 30px;margin-right: 18px;margin-left: 18px;font-family: "AvenirNextLTW01 Light";max-width:4000px}
    .kategoriebox{color:#fff;margin-bottom:1px;font-size:16px;font-family: "AvenirNextLTW01 Light";margin-top:-4px;justify-content: center;margin-bottom: 45px;}
    .kategoriebox2{color:#fff;margin-bottom:1px;font-size:16px;font-family: "AvenirNextLTW01 Light";margin-top:1px;justify-content: center;margin-bottom: 45px;}

    .grauebox1{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:16px;padding: 25px 30px;margin-right: 11px;margin-left: 18px;font-family: "AvenirNextLTW01 Light";max-width:4000px}
    .grauebox2{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:16px;padding: 25px 30px;margin-right: 18px;margin-left: 18px;font-family: "AvenirNextLTW01 Light";max-width:4000px}
    .grauebox3{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:16px;padding: 25px 30px;margin-right: 11px;margin-left: 7px;font-family: "AvenirNextLTW01 Light";max-width:4000px}
    .grauebox4{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:16px;padding: 25px 38px;margin-right: 47px;font-family: "AvenirNextLTW01 Light";max-width:4000px}
    .grauebox5{background-color:rgb(0,159,227); color:#fff;margin-bottom:4px;font-size:16px;padding: 25px 38px;font-family: "AvenirNextLTW01 Light";}

    .mikrobox{background-color:#575756; color:#fff;margin-bottom:4px;font-size:16px;padding: 25px 30px;margin-right: 18px;margin-left: 18px;font-family: "AvenirNextLTW01 Light";max-width:4000px;margin-right:74px;}

    .mehrwerte{border:1px solid #009fe3;padding: 10px 7px 20px 7px;margin-right: 18px;margin-left: 18px; max-width: 4000px;}
    .mehrwerte2{border:1px solid #009fe3;padding: 10px 7px 20px 7px;margin-right: 18px;margin-left: 18px; max-width: 465px;}
    .weissebox3{background-color:rgb(255,255,255); color:black;font-size:13px;padding: 25px 30px;font-family: "AvenirNextLTW01 Light";max-width:324px; margin-left:52px;max-height: 185px;}
    .impressumbox{background-color:rgb(255,255,255); color:black;font-size:15px;padding: 25px 30px;font-family: "AvenirNextLTW01 Light";max-width:386px; margin-left:52px;max-height: 199px;}
    .weissebox2{background-color:rgb(255,255,255); color:black;font-size:16px;padding: 25px 30px;font-family: "AvenirNextLTW01 Medium";margin-left:10px;max-height: 74px;margin-right: 25px;margin-top: 0px;}
    .weissebox4{background-color:rgb(255,255,255);color:black;font-size:13px;padding: 25px 30px;font-family: "AvenirNextLTW01 Light";margin-left:52px;margin-right:14px;max-width:1000px;max-height: 708px;overflow-y: auto;}
    .side-menu-container{border-bottom:1px solid green;}
    #vs-iframeapp__container {padding:unset;margin-left:22px;}

    #dk_itempics{display:flex;min-height:400px;max-height:460px;margin:20px 2em 0 0;min-width:450px;}
    .downloads{margin-top:-67px;margin-bottom:22px;margin-left:23px;}
    .detailssss{background-color: white;display: flex;box-shadow:1px 1px 7px grey;margin-top: 32px;margin-right: 29px;}
    .kochfeld_slide{margin-left:29px; width: 87%;}
    .mikrowelle_slide{margin-top: 72px;   margin-left:29px; width: 87%;}
    .haubenbilder{padding-left:unset;}
    .breadspace{margin-top: unset;}
    .kochfeld_highlight{padding-right: unset;}
    .kategorie{color:white;font-size: 16px;font-family: "AvenirNextLTW01 Light";display: grid;text-align: center;padding:0 40px;border-right: 1px solid black; height: 134px;}
}




@media (min-width: 1417px) {
    #dk_itemdata{display:flex;max-width:519px;max-height: 613px;overflow-y: auto;font-family: 'AvenirNextLTW01 Light';font-size: 17px;margin-top: 45px;}
    #dk_iconholder{padding:30px 24px 80px;display:flex;justify-content:flex-start;margin-top:unset}
    .highlightondesktop{margin-left:-8px;    margin-top: 13px;}
    .highlightondesktop2{margin-left:-94px;margin-top:-81px;}
    .highlightondesktop3{margin-left:-107px;margin-top:-81px;}
    .highlightondesktop4{margin-left:0px;margin-top:91px;}
    .highlightondesktop5{margin-left:-24px;}
    .highlight_haube{margin-left:7px; margin-top: 61px;}
    .highlight_kuehlschrank{margin-top:-31px;}
    .highlight_geschirrspueler{margin-left:0px;margin-top:0px;}
    .highlight_kasten2{margin-top: 9px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right:73px;}
    .highlight_kasten6{margin-top: 9px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right:55px;}
    .highlight_kasten3{margin-top: 49px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right:15px;}
    .highlight_kasten4{margin-top: 49px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right:111px;}
    .highlight_kasten5{margin-top: 20px; flex: 1;min-width: 300px;max-width: 300px;margin-right:11px;    margin-bottom: 64px;}
    .highlight_kasten7{margin-top: 20px; flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right:73px;margin-left:89px;}
    .kasten_blau{ margin-left: 97px;}
    .start{display:flex;flex-wrap:wrap;padding:40px 0px 120px 0px;justify-content: center;}
    .marketingheadlinekasten{padding:60px 50px 0px 50px}
    .marketingheadline{text-transform: uppercase;font-size:50px;font-family: 'AvenirNextLTW01 Light';display:flex;justify-content: center;}
    .marketingtextkasten{margin-bottom:27px;display:flex;justify-content:center;}
    .marketingtext{line-height: 1.3;font-size:20px;text-align: center;font-family: 'AvenirNextLTW01 Light';width:1577px;padding:10px 0 117px;}
    .produktuebersicht{min-height:unset;background:unset;border-bottom:1px solid rgba(0,0,0,0.2);display:flex;justify-content: center;margin:40px 170px;padding-bottom:51px;}
    .produktueberschrift{font-family:'AvenirNextLTW01 Light';text-transform:uppercase;font-size: 50px;}
    .uebersicht{display: flex;flex-wrap: wrap;}
    .searching{padding: 4px 20px;font-size: 1em;
        line-height: 1.2;
        letter-spacing: 0.05em;
        padding: .4em 0 .4em .6em;
        border-bottom: 1px solid #464646;
        min-height: 25px;
        background-color: #323131;
        margin-top: 46px;
        width:325px;
    }
    div#sideimges {
        padding-right: 15px;
        max-height: 613px;
        overflow-y: auto;
    }
}




@media (min-width: 1440px) {

    #vs-iframeapp__container {padding:unset;margin-left:unset;}
    #vs-iframeapp__container iframe{    padding: 0 28px 35px;}
}

@media (min-width: 1740px) {

    .impbild3 {min-height: 773px;background-size: 100%;background-repeat: no-repeat;width: 100%;    border-top: 2px dotted black;background-image: url('../../css/images/2020/bback_uebersicht.jpg')}
    .highlight_haube {margin-left: 332px;margin-top: 61px;margin-top: -37px;}
    .highlight_geschirrspueler{margin-left: 379px;margin-top: 145px;}
    .highlight_kasten6 {margin-top: 9px;flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right: 55px;margin-left:-156px;}
    .highlight_kasten7 {margin-top: 99px;flex: 1;min-width: 300px;max-width: 300px;margin-bottom: 73px;margin-right: 73px;margin-left: 5px;}
    .kasten_blau{ margin-left: 0;}
    .impbild1{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/hauben_back.jpg')}
    .impbild2{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/kochfeld_back.jpg')}
    .impbild8{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/back_start.png')}
    .impbild4{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/kuehlschrank_back.jpg')}
    .impbild5{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/backofen_back.jpg')}
    .impbild6{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/geschirrspueler_back.jpg')}
    .impbild7{background-size:100%;background-repeat: no-repeat;width:100%;background-image:url('../../css/images/2020/backofen_back.jpg')}
    .impbild9{margin-bottom:0px;padding-top: 52px;min-height:773px;background-size:100%;background-repeat: no-repeat;padding-bottom: 62px;width:100%;background-image:url('../../css/images/2020/back_datenschutz.jpg')}
}


/*ergänzt von Richard am 19.02.2020*/
.subnavhighlight{font-weight:bold;}
/*darstellung by mouseover über links, habe underline überschrieben, farbe machst du ;) */
a:hover{text-decoration: underline;color:black;}
#ampnav a.navwl:hover,#mobnavdix .mobnh > a:hover{color:#009fe3}

/*setze navigations-Links of ALL-CAPS by CSS - besser als ALL CAPS original Text wegen google*/
.verzeichnisblock .testlink3{text-transform:uppercase}
.greyback{background-color:#e1e1e1}


/*----Richard's wikiloops nav yeah----*/
#ampnav{}
#ampnav ul{list-style:none;margin:0;padding:0}
a.navwl{padding:0}


.header{height:72px;position: fixed;
    width: 100%;
    background: white;
    z-index: 100;
    top: 0px;}

@media (min-width:800px){
    #closemenu{display:none}
    #ampnav{min-width:300px;position:absolute;left:170px;}
    #mobnav{height:38px; max-width:100%; background-image:none }
    #ampnav > ul > li > ul > li > ul{display:none}
    #ampnav > ul > li > ul > li:hover > ul{display:block;background-color:#000;min-width:300px;position:absolute;top:58px;box-shadow:5px 2px 5px #000}
    #ampnav > ul > li > ul > li > ul > li{font-size:1.1em;line-height:1.2;letter-spacing: 0.05em; padding:.4em 0 .4em 12px;border-bottom:1px solid #fbfbfb;min-height:24px;background-color:#fff;width:100%;position: relative;z-index: 5000;}
    #mobnavdix{display:inline-flex;}
    #mobnavdix .mobnh > a{position:relative;z-index:500;min-width:60px;max-width:250px;white-space:nowrap;letter-spacing:1px;font-weight:normal;padding:26px 12px 18px;float:left;margin:0;font-size:1.2em;color:rgb(52,52,52);text-align:center;text-decoration:none;}
    #mobnavdix .mobnh > a:hover{color:#009fe3}
    #ampnav > ul > li > ul > li > ul > li >a>div.f{width:60px;height:60px}
}



@media (max-width:899px) {

    #mainlogo {
        flex: 1;
        max-width: 194px;
        padding-right: 20px;
        max-height: 40px;
    }


    .container-fluid{
        display:flex;
        flex:1;
        margin-top: 80px;
    }

}


@media (max-width:799px){

    li.smsh{display:none}
    #mobnav{background: url('../../../img/burger_50_dark.png');width: 25px;height: 25px;background-size: contain;}
    #mobnavdix .mobnh > a{margin-left:.5em}

    #ampnav{z-index:990;max-width:50px;color:#fff}
    #mobnav{cursor:pointer}
    #ampnav ul{transition:transform .75s ease-in-out; -webkit-transition:transform .75s ease-in-out}
    #ampnav > ul >li{position:fixed;right:8px;top:9px;z-index:991;line-height:40px}
    #ampnav > ul > li > ul{position:fixed;top:0;right:-350px;width:300px;bottom:0;background:#000;z-index:990;box-shadow:1px 1px 0 1px #000 inset}
    #ampnav > ul > li:hover > ul{transform:translate3d( -300px, 0, 0 );-webkit-transform:translate3d( -300px, 0, 0 )}
    #ampnav > ul > li > ul > li > ul{display:block}
    #mobnavdix{overflow-y:scroll}
    #ampnav > ul > li > ul > li.mobnh{min-height:16px;line-height:3;background:#000;padding:0;font-size:1.2em;    border-bottom: 1px solid #464646;}
    #ampnav a{color:#999999}
    #ampnav > ul > li > ul > li > ul > li{font-size:1em;line-height:1.2;letter-spacing: 0.05em;padding:.4em 0 .4em .6em;border-bottom:1px solid #464646;min-height:25px;background-color:#323131}
    #ampnav > ul > li > ul > li > ul > li.smli{padding-right:5%;width:41%;float:left}
    #ampnav > ul > li > ul > li > ul > li.smri{padding-left:5%;width:45%;float:right}
    #ampnav > ul > li > ul > li.smbl{float:none;clear:both}
    #ampnav > ul > li >ul > li > ul > li:hover,
    #ampnav > ul > li > ul > li >ul > li.smhi{background-color:rgba(0, 0, 0, 0.7) ;}
    #ampnav > ul > li > ul > li > ul > li >a{display:block; text-decoration:none;padding:4px 0}
    #ampnav > ul > li > ul > li > ul > li >a>div.f{width:40px;height:40px}
    #ampnav > ul > li > ul > li > ul > li >a>div.wl-fx1{width:55%;float:left}
    #closemenu{position:fixed;top:-36px;right:10px;height:40px; z-index:999; line-height:40px;font-size:36px; transition:transform .05s ease-in-out;-webkit-transition:transform .05s ease-in-out; -webkit-transition-delay:0.70s;transition-delay:0.70s}
    #ampnav ul:hover ~ #closemenu{transform:translate3d( 0, 40px, 0 );-webkit-transform:translate3d( 0, 40px, 0 )}

}


.searching{padding: 4px 20px;font-size: 1em;
    line-height: 1.2;
    letter-spacing: 0.05em;
    padding: .4em 0 .4em .6em;
    border-bottom: unset;
    min-height: unset;
    background-color:unset;
    margin-top: 2px;}

/*footer*/
footer{margin:0;padding:10px;border-top:1px solid rgba(0,0,0,0.2);}
footer .col-lg-12{text-align:center;    font-size: 12px;}
.footerlinks a{color:#000;margin:0 10px}

img.video_button_1 {
    left: 80px;
    position: relative;
    top: -300px;
    width: 50px;
}
img.article_video {
    width: 40px;
    min-height: 40px !important;
    max-height: 40px !important;
    height: 40px;
}