@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
    url('../fonts/OpenSans-Bold.woff') format('woff');
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
    url('../fonts/OpenSans-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
    url('../fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
    url('../fonts/OpenSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
    url('../fonts/glyphicons-halflings-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background-color: #f5f5f5;
    font-family:'OpenSans-Regular';
    font-size: 12px;
    color: #000000;
    padding: 0;
    margin: 0;
}

.background_lightgrey {background:#e0e0da;}

/*-------------------------------- aus kn_custom_all_pages ---------------------------------------------------*/

#point{
    font-family:'OpenSans-Regular';
    font-weight: 400;
    border-left:1px solid grey;
    padding-left:2px;
}
#content{
    min-height:700px;
    margin-top:0px;
    display: flex;
    flex-wrap: wrap;
}
.iconbar{
    display: none;
}
.iconmenue{
    margin-bottom:3px;
}
.mainbild{
    width:100%;
    height:87px;
}

h3.ablaufhead{font-size:32px;font-family: "Playfair Display Medium";color:white;text-align:left;text-transform: uppercase; width:257px; line-height: 1.5;padding-top: 11px;}
h2.ablaufhead2{margin:2px 0 3px;font-size:18px;font-family:'OpenSans-Regular'; font-weight: 400; color:white;text-align:left;padding-top: 37px;width:462px;line-height: 1.5;}
h2.qualihead2{margin:2px 0 3px;font-size:18px;font-family:'OpenSans-Regular'; font-weight: 400; color:white;text-align:left;padding-top: 37px;width:309px;line-height: 1.5;}
h2.linkpoint{margin:2px 0 3px;font-size:18px;font-family:'OpenSans-Regular'; font-weight: 400; color:white;text-align:left;padding:30px 55px 30px 54px;width:313px;line-height: 1.5;background-color: #3a3a3a;opacity:0.75;position: absolute;margin-top: 305px;}
.linkfeld{width:434px;background-color:#3a3a3a;opacity:0.75;height:266px;}
.preis_bild > u > li  {font-size: 13px;font-family:'OpenSans-Regular'; font-weight: 400;
    color:white;text-align:left;line-height: 1.5;padding-left:4px;margin-left:13px;width:187px;list-style-position: outside;}
.preis_bild2 > u > li  {font-size: 13px;font-family:'OpenSans-Regular'; font-weight: 400;
    color:white;text-align:left;line-height: 1.5;padding-left:4px;margin-left:13px;width:316px;list-style-position: outside;}
.outside {list-style-position: outside;}
.inside  {list-style-position: inside;}
::marker {font-size:10px;}

.slideLeftReturn {
    -webkit-animation-name: slideLeftReturn;
    animation-name: slideLeftReturn;
}
h3.pfeilhead{
    font-size:30px;
    font-family:'OpenSans-Regular';
    color:white;
    text-align:left;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 20px 0;
}
h2.pfeilhead2{
    font-size:16px;
    font-family:'OpenSans-Regular';
    font-weight: 300;
    color:white;
    text-align:left;
    line-height: 1.4;
    margin: 0;
}

.mainback{
    width:1920px;
    height:814px;
    background-position: center;
}
.slideLeftReturn{animation-name:slideLeftReturn;}
.content_4_25{display: flex;flex-wrap: wrap;align-content: flex-start;width: 100%;}
.produktuebersicht {
    width:630px;
    /*border-bottom: 3px solid white;*/
    margin-right:1px;
    margin-bottom: 1px;
}
.menuleiste{width:45px;float:right;margin-bottom:2px;}

@keyframes example {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-webkit-keyframes example {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
.move2 img{
    animation-name: example;
    opacity: 0;
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 40px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}
/* Modal Content */
.modal-content {
    position: relative;
    /*background-color: #fefefe;*/
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 960px;
    margin-top:164px;

}
.modal-content2 {
    position: relative;
    /*background-color: #fefefe;*/
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 668px;
    margin-top:164px;

}
.modal-content_2 {
    position: relative;
    /*background-color: #fefefe;*/
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1500px;

}

/* The Close Button */
.close {
    font-family: "Playfair Display Medium";
    color: white;
    z-index: 2;
    position: absolute;
    padding: 10px;
    top: 5%;
    line-height: 0.6;
    text-shadow: 0 0px 0 #fff;
    transition: 0.3s ease;
    right:3%;
    font-size: 43px;
    font-weight: normal;
    background-color: rgb(57,57,57);
    opacity:1;
}
.close:hover,
.close:focus {
    color: #b9ab9a;
    text-decoration: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.8);
    opacity:1;
}

/* Hide the slides by default */
.mySlides {
    display: none;
}
.mySlides img {
    width:100%;
}

/* Next & previous buttons */
.prev,
.next {
    font-family: "Open Sans regular";
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 20px;
    margin-top: -40px;
    color: white;
    font-weight: normal;
    font-size: 36px;
    transition: 0.3s ease;
    border-radius: 0 3px 3px 0;
    background-color: rgba(0, 0, 0, 0.25);
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: #b9ab9a;
    text-decoration: none;
}

/* Number text (1/3 etc) */
.numbertext {
    font-family: "Playfair Display Medium";
    color: white;
    font-size: 14px;
    line-height: 0.6;
    padding: 12px 10px;
    position: absolute;
    top: 0;
    background-color: rgb(57,57,57);
    box-shadow: 0px 2px 4px 0px rgb(0, 0, 0);

}

/* Caption text */
.caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
}
img.demo {
    opacity: 0.6;
}
.active, .demo:hover {
    opacity: 1;
}
img.hover-shadow {
    transition: 0.3s;
}
.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mySlides video{
    width: 100%;
}

.swap {
    -webkit-animation-name: swap;
    animation-name: swap;
}
@-webkit-keyframes swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) translate(-700px, 0px);
        transform: scale(0, 0) translate(-700px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) translate(0px, 0px);
        transform: scale(1, 1) translate(0px, 0px);
    }
}
@keyframes swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) translate(-700px, 0px);
        transform: scale(0, 0) translate(-700px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) translate(0px, 0px);
        transform: scale(1, 1) translate(0px, 0px);
    }
}
.swap img{
    animation-name: swap;
    animation-duration: 0.5s;
    float: right;
}

.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%);
    }
}

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

    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

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

    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

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

.swiper-wrapper{padding-bottom:0px;transition-duration: 1ms;}
.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;}
.swiper-slide{-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.viererholder{
    display: flex;
    flex-wrap:wrap;
    margin-top: 1px;
    margin-bottom:1px;
    background-color: #3a3a3a;
}
.viererholder3{
    display: flex;
    flex-wrap:wrap;
    margin-top: 1px;
    margin-bottom:1px;
    background-color: #3a3a3a;
}
.viererholder1{
    display: flex;
    flex-wrap:wrap;
    margin-top: 1px;
    background-color: #3a3a3a;

}
.viererholder2{
    display: flex;
    margin-top: 1px;
    background-color: #3a3a3a;

}

.holder{display: flex; flex-wrap:wrap;}
.dreierholder{
    display: flex;
    flex-wrap:wrap;
    /*justify-content: space-between;*/
    margin:63px 0px 0px 1px;

}
.massholder{display: flex; flex-wrap:wrap;   justify-content: space-between;margin-top:29px;max-width:579px;
}
.kleinerdreier{flex:1;min-width:400px}
.swiper-container{margin-left: auto;
    margin-right: auto;position: relative;overflow:hidden;z-index:1;
}
.preisberechnung{
    background-color: #3a3a3a;
    padding: 20px 20px 50px 20px;
    /* height: 506px; */
    width: 474px;
    /* margin-bottom: 1px; */
    /* margin-right: 1px; */
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.kontakt{background-color: #3a3a3a;margin:81px 20px 81px 313px;border-left:5px solid #ee733e;padding-left:44px;}
.kontakthead{margin-top: 120px;background-color:#3a3a3a;display:flex;width:100%;}
.qualiberechnung{background-color: #3a3a3a;margin-bottom:1px;}
.preiselberechnung{
    background-color: #3a3a3a;
    padding:25px 20px 30px 30px;
    /*height:420px;*/
    width:475px;
    /* margin-bottom: 1px; */
    /* margin-right: 1px; */
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.preisberechnung2{background-color: #3a3a3a;}
.footerlow{justify-content: space-around;background-color: #3a3a3a;}
.footerstyle{
    display: flex;
    justify-content: space-between;
    margin: 20px 0 20px 0;
}
.footer_col{
    idth: 320px;
    min-width: 280px;
}
.uploadkasten{background-color: #3a3a3a;padding:20px 20px 50px 30px;height:auto;width:951px;margin-bottom:1px;}
.ausstattungskasten{background-color: #3a3a3a;height:392px;width:475px;margin-bottom:1px;}
.qualikasten{
    background-color: #3a3a3a;
    height:410px;
    width:474px;
    margin-bottom:1px;
    margin-right: 1px;
}
.qualikasten img{

    max-width:474px;

}
.mainiback{
    /*width:1920px;*/
    /*height:814px;*/

}
.mainiback img{
    width: 100%;
}
.markenhinweis{
    background-color: #3a3a3a;
    padding:10px 0 15px;
    width:100%;
    /*margin-right: 4px;*/
}
.preis_bild{
    width:50%;
    list-style-type: disc;
    list-style-position: outside;
}
.upload_bild{width:25%;padding-left:10px;}
.uploadfeld{margin-top:51px;}
.uploadfeld2{margin-top:58px;}
h3.preishead{font-size:24px;font-family: "Playfair Display Medium";color:white;text-align:left;line-height: 1.5;padding-top: 11px;padding-bottom:27px;}
h3.kontaktme{font-size:24px;font-family: "Playfair Display Medium";color:white;text-align:left;line-height: 1.5;padding-bottom:27px;margin-top:0px;}
h3.elektrohead{
    font-size:24px;
    font-family: "Playfair Display Medium";
    color:white;text-align:left;
    line-height: 1.5;
    padding: 10px 0 30px 0px;
}
h3.preishead2{
    font-size: 24px;
    font-family: "Playfair Display Medium";
    color: white;
    text-align: left;
    line-height: 1.5;
    padding-bottom: 20px;
    margin-top: 0px;
}
h3.linkhead{background-color:#3a3a3a;font-size:24px;color:white;font-family: "Playfair Display Medium";color:white;line-height: 1.5;padding: 39px 60px;top:100px;position: absolute;width:313px;}
h3.ausstattungshead{font-size:24px;font-family: "Playfair Display Medium";color:white;text-align:left;line-height: 1.5;padding:15px 0 25px 50px;}
h3.qualihead{font-size:24px;font-family: "Playfair Display Medium";color:white;text-align:left;line-height: 1.5;padding:15px 0 35px 30px;}
h3.ausstattungshead2{font-size:24px;font-family: "Playfair Display Medium";color:white;text-align:left;line-height: 1.5;padding:2px 0 9px 50px;}
h3.preistext {
    font-family:'OpenSans-Regular';
    font-weight: 400;
    font-size: 12px;
    color:white;
    text-align:left;
    line-height: 1.5;
    width:197px;
    display: table-cell;
    vertical-align: bottom;

}
h3.kontakttext{font-size:13px;font-family:'OpenSans-Regular'; font-weight: 400;color:white;text-align:left;line-height: 1.5;}
h3.uploadtext{font-size:13px;font-family:'OpenSans-Regular'; font-weight: 400;color:white;text-align:left;line-height: 1.5;width:553px;margin-top:62px;
    word-break:break-word;}
h3.uploadtext2{font-size:13px;font-family:'OpenSans-Regular'; font-weight: 400;color:white;text-align:left;line-height: 1.5;width:553px;margin-top:31px;
    word-break:break-word;}
h3.masse_text{font-size:13px;font-family:'OpenSans-Regular'; font-weight: 400;color:white;text-align:left;line-height: 1.5;padding:8px 99px 8px 10px;background-color: #595959;border:1px solid white;opacity:0.7;}
.upload_info{width:75%;}
h3.ausstattungstext{font-size:13px;font-family:'OpenSans-Regular'; font-weight: 400;color:white;text-align:left;line-height: 1.5;padding: 6px 0 0 50px;width:297px;margin-top:71px; display: table-cell;
    vertical-align: bottom;}
h3.logotext
{
    font-size:13px;
    font-family:'OpenSans-Regular';
    font-weight: 400;
    color:white;
    text-align:left;
    line-height: 1.5;
    /*padding-left: 10px;*/
    /*width:357px;*/
    /*margin-top:71px;*/
    display: table-cell;
    vertical-align: bottom;
}
h3.hinweistext{font-size:13px;font-family:'OpenSans-Regular'; font-weight: 400;color:white;line-height: 1.5;padding-left: 10px;text-align: center;text-transform: uppercase;}
h3.footertext{font-size:13px;font-family:'OpenSans-Regular'; font-weight: 300;
    color:white;line-height: 1.5;text-transform: uppercase;}
.dk_footer{
    /*float: right;*/
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-end;*/
    z-index: 10;
    width: 100%;
    height: 50px;
    /* background-color: #E0DFDA; *//*#2b2b2b;*/
    justify-content: space-between;
}
.favorite_button {
    width: 30px !important;
    z-index: 100;
    margin-top: -35px;
    margin-left: 10px;
}
.copyright{
    /* display: flex; */
    /* padding: 10px 10px 10px 10px; */
    padding-top: 5px;
    width: 100%;
    height: 30px;
    position: absolute;
    position: fixed;
    bottom: 0px;
    /* text-align: right; */
    background-color: #ffffff;
    display: inline-block;
    padding-left: 20px;
    z-index: 100;
    /*box-shadow: 0px -2px 2px rgb(0 0 0 / 10%);*/
    border-top: 1px solid #dedede;
}
#copyright_img {
    position: absolute;
    bottom: 5px;
    right: 10px;
    height: 25px;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 20px;
    height: 20px;
}
.legal_urls {
    padding-top:20px;
    padding-left:20px;
    position: fixed;
    bottom: 45px;
    z-index: 70;
}
.legal_urls a {
    color: black;
    text-decoration: none;
}
.legal_urls a:hover {
    color: #888;
    text-decoration: none;
}
.legal_urls br {
    display: block;
}
.copy{margin:22px 10px 0 6px;}
.preisinfo {
    display: flex;
    flex-wrap:wrap;
    /*justify-content: space-between;*/
}
.ablaufkasten {
    background-color: #3a3a3a;
    padding: 0px 20px 20px 20px;
    height: auto;
    width: 380px;
    /* margin-bottom: 1px; */
    /* margin-right: 1px; */
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.startkasten{
    background-color: #3a3a3a;
    padding:5px 10px 20px 20px;
    height:auto;
    width:633px;
    margin-bottom:1px;
    margin-right: 1px;
}
.step_kasten{background-color:#ee733e;border-radius:3px;width: max-content;box-shadow:1px 2px 10px #292929}
.steptext{font-size:22px;font-family:'OpenSans-Regular'; font-weight: 400;
    color:white;padding:10px 15px;}
.ablauftexte {
    /*margin-left:20px;*/
    margin-top:30px;
    min-height: 220px;

}
h3.ablaufinfo {
    font-size:13px;
    font-family:'OpenSans-Regular';
    font-weight: 400;
    color:white;
    text-align:left;
    line-height: 1.5;
    /*width:244px;*/
    /*margin-top:71px;*/
    display: table-cell;
    /*vertical-align: bottom;*/
}
h3.startinfo{font-size:13px;font-family:'OpenSans-Regular'; font-weight: 400;
    color:white;text-align:left;line-height: 1.5;width:324px;margin-top:71px; display: table-cell;
    vertical-align: bottom;}
.doppelpfeile {
    margin-top: 20px;
    /*text-align: end;
    margin-right:10px;*/
}
.doppelpfeile2 {
    margin-top: 20px;
    /*text-align:inherit;
    margin-right:10px;
    transform: rotate(180deg)*/
}
h3.steppibuu {
    font-size:24px;
    font-family: "Playfair Display Medium";
    color:white;
    text-align:left;
    line-height: 1.3;
    padding-bottom:20px;
    text-transform: uppercase;
    min-height: 110px;
}
.headline_steps{
    margin-left: auto;
    margin-right: auto;
}
h3.headline{
    font-size: 30px;
    font-family: "Playfair Display Medium";
    color: #ee733e;
    text-transform: uppercase;
    margin-bottom: 20px;

}
.logoshow{
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 30px;
    padding-left: 0px;

}
.filter{font-size:18px;font-family: "Playfair Display Medium";font-weight:normal;color:white;text-align:left;line-height: 1.5;text-transform: uppercase;width:50%;}
.filterli{
    /*width:11%;*/
    margin-left: 0px;
}
.pfeili{
    margin-top:20px;
    margin-left: auto;
    transition:rotate 500ms;
    width:20px;
}
.trying{
    background-color:#ee733e;
    padding:0px 20px 5px 20px;
    /*margin-left:20px;*/
    width:474px;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:1px;
}
.elektrobutton {
    background-color:#3a3a3a;
    padding:20px 20px;
    font-family: "Playfair Display Medium";
    color:white;
    font-size: 18px;
    width:474px;
    margin:0 0 1px 0px;
    text-transform:uppercase;}
.elektrobutton2 {
    background-color:rgba(57,57,57,0.75);
    padding:20px 20px;
    font-family: "Playfair Display Medium";
    color:white;
    font-size: 18px;
    width:474px;
    margin:0 0 1px 0px;
    text-transform:uppercase;}
.elektrobutton3 {
    background-color:rgba(57,57,57,0.5);
    padding:20px 20px;
    font-family: "Playfair Display Medium";
    color:white;
    font-size: 18px;
    width:474px;
    margin:0 0 1px 0px;
    text-transform:uppercase;}
.elektrobutton4 {
    background-color:rgba(57,57,57,0.75);
    padding:10px 30px 30px;
    font-family: "Playfair Display Medium";
    color:white;
    font-size: 18px;
    width:474px;
    margin:0 0 1px 1px;
}
.elektrobutton3:hover{
    background-color: rgb(238,115,62);
}
.elektrobutton3.active{
    background-color: #3a3a3a;
    opacity:0.75 ;
}
.abstand_20 {
    margin-top: 20px;
}
:focus {
    outline: none;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.column {
    float: left;
    width: 50%;
    display: none; /* Hide columns by default */
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.show {
    display: block;
}
.btn {
    border: none;
    outline: none;
    padding: 12px 16px;
    background-color: white;
    cursor: pointer;
}
.btn:hover {
    background-color: #ddd;
}
ol, ul {
    font-family:'OpenSans-Regular';
    font-weight: 400;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #ffffff;
    line-height: 1.5;
    padding-bottom: 10px;
    padding-inline-start: 20px;
}
li{
    padding-bottom: 5px;
}
.navbar-brand {
    float: left;
    height: 100px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 0px; /*20*/
    padding-left: 0px;
    font-size: 18px;
    line-height: 20px;
}
.twoface{

    width:474px;
}
.text_twoface{
    font-family:'OpenSans-Regular';
    font-weight: 400;
    font-size: 12px;
    color:white;
    text-align:left;
    line-height: 1.5;


}

.f1_container.flipped .f1_card {
    transform: rotateY(180deg);
    box-shadow: 0 0 0 #fff;
}
.f1_face.f1_back {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 0;
    text-align: left;background-color: unset;

}
.f1_face {
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    backface-visibility: hidden;
}
.shadow {
    box-shadow: 0 0 0 #fff;
    margin: 0;
}
.f1_container {
    margin: 0;
    perspective: 1000px;
    /*width: 300px;*/
}
.f1_card {
    width: 100%;
    /*height: 100%;*/
    position: relative;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
.fu{
    font-family: "Open Sans Italic";
    color:#a8936c;
    font-size: 15px;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 16px;
    margin-left: 52px;
    margin-right: 40px;
    line-height:1.4;
}
.subfu{
    font-family: "Open Sans Italic";
    color:  #636363;
    font-size: 15px;
    text-align: left;
    margin-bottom: 25px;
    margin-left: 52px;
    margin-right: 38px;
    line-height:1.4;
}

@keyframes example {
    from { opacity: 0; }
    to { opacity: 1;}
}
.move img{
    animation-name: example;animation-duration: 1.5s; object-fit: unset;
}

.info_position{
    position:absolute;
    top:633px;
    z-index:1200;
}
.infobox_head{
    font-family: OpenSans-Regular;
    color: #7da850;
    font-size: 36px;
    text-transform: uppercase;
    padding-bottom: 3px;
    position:absolute;
    top: 18px;
    left:40px;
    width:580px;
    z-index:1300;
}
.infobox_info{
    font-family:Soho Gothic Light;
    color: #666666;
    font-size: 18px;
    line-height: 1.5;
    position:absolute;
    top: 101px;
    left:40px;
    width:580px;
    height:190px;
    z-index:1300;

}
.infobox_img{
    z-index:1300;

}

/* small screen */
@media (max-width: 768px) {
    .side-menu {
        position: relative;
        width: 100%;
        height: 0;
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
    }
}

.greencheck{
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background: #FFFFFF;
    border:2px solid black;
    border-radius: 6px;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box ;
    width: 30px;
    height: 30px;
    transition: all .3s linear;
}
.greencheck:checked{
    background-color: #2ECC71;
}

.navbar-nav > li > a{
    font-family:'OpenSans-Regular'; font-weight: 400;

}
.panel{background:unset}
.panel-default{border:0;box-shadow:unset}
.navbar-nav{width:80%}
.navbar .navbar-nav>li>a {
    color: #000000;
    font-size: 20px;
    padding: 40px;
}
.navbar-nav>li.active {
    background-color: #FFFFFF;
}
.subnavhighlight{font-weight:bold;}
a:hover{text-decoration: underline;color:black;}
#ampnav a.navwl:hover,#mobnavdix .mobnh > a:hover{
    color:#ee753f;
    text-decoration: none;
}
.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;
    margin-bottom:10px;
    text-decoration: none;
    color: #777;
}
.header {
    height: 80px;
    position: fixed;
    width: 100%;
    background: white;
    z-index: 100;
    top: 0px;
    left: 0px;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
    padding-left: 10px;
    padding-right: 40px;
}
h3.pfeilhead {
    font-size: 20px;
    margin: 0 0 10px 0;
}
h2.pfeilhead2 {
    font-size: 14px;
}
.versprechen_startseite {
    max-width: 350px;
    padding: 20px 20px;
    margin-left: 50px;
}
.versprechen_qualitaet {
    margin-left: 400px;
    padding: 20px 20px;
    margin-top: 550px;
    margin-bottom: unset;
}
.versprechen_elektro {
    margin-left: 400px;
    padding: 20px 20px;
    margin-bottom: unset;
    margin-top: 500px;
}
.versprechen_ablauf {
    padding: 20px 20px;
    margin-left: 800px;
    margin-top: -300px;
    margin-bottom: unset;
}

.wrapper_imprint_privacy_statement {
    width: 100%;
    background-color: #fff;
    border: solid 1px grey;
    margin-bottom: 10px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    min-height: 300px;
    padding: 10px;
}

@media (min-width:800px){
    #closemenu{display:none}
    #ampnav{
        min-width:auto;
        /*position:absolute;*/
        /* right: 10px; */
        margin-top: -35px;
    }
    #mobnav{height:38px; max-width:100%; background-image:none }
    #ampnav > ul > li > ul > li > ul{display:none;margin: -5px 0 0 -5px;} /* margin: 30px 0 0 -5px;} */
    #ampnav > ul > li > ul > li:hover > ul{display:block;background-color:#000;min-width:auto;position:absolute;top:60px;box-shadow: 0px 4px 6px rgba(0,0,0,0.3);}
    #ampnav > ul > li > ul > li > ul > li{font-size:13px;/*line-height:1.2;*/padding:10px 20px 10px 20px;border-bottom:1px solid #fbfbfb;min-height:24px;background-color:#fff;width:100%;position: relative;z-index: 5000;font-family:'OpenSans-SemiBold'; font-weight: 400;
        text-transform:uppercase;}
    #mobnavdix{display:inline-flex;}

    #mobnavdix .mobnh > a{
        position:relative;
        z-index:500;
        min-width:60px;
        max-width:250px;
        white-space:nowrap;
        padding-left:10px;
        margin:65px 5px 0;
        float:right;
        font-size:13px;
        color:#3a3a3a;
        text-transform: uppercase;
        font-family:'OpenSans-Regular';
        font-weight: 400;
        border-left: 1px solid #3a3a3a;
        padding-bottom:3px;
        text-decoration: none;
    }

    .smbl.mobnh{border-left: 1px solid #3a3a3a margin:69px 15px 0;}
    #mobnavdix .mobnh > a:hover, .mobnh > a:focus, .mobnh > a:active{
        color:#ee753f;
        text-decoration: none;
    }

    .navwl a:hover, .navwl a:focus, .navwl a:active,{
        color:#ee753f;
        text-decoration: none;
    }


    #ampnav > ul > li > ul > li > ul > li >a>div.f{width:60px;height:60px}
    .mobnh wl-nav-link
}

@media (max-width:799px){

    a div#subnavi_button_next {
        color: white;
        font-size: 18px;
    } /*  22.5.  */

    li.smsh{display:none}
    #mobnav{/*background: url('/img/burger_icon.png');*/ width: 30px;height: 25px;background-size: contain; margin-right: 10px; margin-top: 20px;}
    #mobnav:after { content:"\e236"; }
    #mobnavdix .mobnh > a{margin-left:10px; text-decoration:none; text-transform: uppercase; color: #fff; }
    #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:0px;top:5px;z-index:991;line-height:40px}
    #ampnav > ul > li > ul{position:fixed;top:0;right:-350px;width:300px;bottom:0;background:#74746C;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:#74746C;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 10px;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; text-transform: uppercase; color: #fff; padding:10px 0; margin-bottom: 0px}
    #ampnav > ul > li > ul > li > ul > li >a>div.f{width:40px;height:40px; text-decoration:none; }
    #ampnav > ul > li > ul > li > ul > li >a>div.wl-fx1{width:55%;float:left; text-decoration:none; }
    #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 )}
    .footerstyle { display: block; }
}

.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;}

a.footertelefon, .footertelefon {
    font-size: 24px;
    color: #ee733e;
    font-weight: normal;
    text-decoration: none;
}

.pagecontent { margin-top: 150px; }

.swiper-container_placeholder, .ersatznavi_mobil { display: none;}

#formular1, #formular2 { display: none; }

.obenrechts {
    font-size: 30px;
    text-align: right;
    cursor : pointer;
}
buton.contact_button {
    background-color: #373737;
    padding: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    font-family: 'Open Sans regular';
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
}
buton.contact_button:hover {
    background-color: #ee753f;

}

.contact_form, label {
    font-family: 'Open Sans regular';
    font-size: 18px;
    font-weight: 400;
}
#contact_form_text, .contact_form_abstand {
    margin-bottom: 20px;
    margin-top: 5px;
}
.contact_form textarea {
    width: 600px;
    height: 120px;
}
.contact_checkbox {
    margin: 10px;
}
.flex-column {font-size: 16px;}
.finalcolumn {
    max-height: 600px;
    overflow: auto;
}
.preiselberechnung a {
    color: white;
    text-decoration: underline;
    cursor : pointer;
    font-weight: 300;
}
.preiselberechnung a:hover {
    color: #ee753f;
}

.modalinnerinner ul, .modalinnerinner ol {
    color: black;
}
#modalinner {
    background: #3a3a3a;
    width: 80%;
    height: unset;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;

}
.modalcloseer {
    background-color: #3a3a3a;
    color: #ffffff;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border: none;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    top: 50px;
    right: 50px;

}

.container2 {

    display: inline-block;
    width: 474px;
    /*background-color: #d7d7d7;*/
    /*margin-left: -5px;*/
    /*margin-bottom: -5px;*//*RH*/
    background-color: #3a3a3a;
    /*border: 1px solid #fff;*//*RH*/
    border-right: 1px solid #fff;/*RH*/
    border-bottom: 1px solid #fff;/*RH*/
}
.container {
    width: 474px;
    height: 294px;/*RH*/
    position: relative;
    /*border: 1px solid #fff;*//*RH*/
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    padding: 0px;/*RH*/
    /*border-left: 1px solid #fff; RH*/
    /*border-bottom: 1px solid #fff; RH*/

}
.card {
    margin-top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 260px;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 140px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.card .front {
    /* background: #4c4d4d; */
}
.card .back {
    background: #3a3a3a; /*#e56f3c;*/
    color: white;
    text-align: left;
    padding: 10px;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
    height: 294px;/*RH*/
    background-image: url(/images/2020/texte_bg.jpg);
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.arrow_turn_around {
    position:absolute;
    left: 193px;
    top: 237px;
}
.back ul {
    font-size:11px;
    line-height: 15px;
    font-weight: 100; /*300 */
    font-family:'OpenSans-Regular';
}
.back li {
    margin-bottom: 11px;
}
.li_without {
    list-style-type: none;
}

.container2 { width: 474px; }
.container_ablauf {
    display: inline-flex; /*inline-block;*/
    width: 630px;
    background-color: #3a3a3a; /* green; */
    margin-bottom: 1px;
    margin-right: 1px;
    height: 405px;
    /*border-right: solid 1px #fff;
    border-bottom: solid 4px #fff;*/
}
.container_ablauf_bild, .container_ablauf_text {
    display: inline-block;
    width:315px;
    overflow: hidden;
    padding: 0px;
    /*height: 100%;*/
    /*height: 405px;*/

}
.container_ablauf_text {
    /*width:260px;*/
    padding-top: 100px;
    padding-left:30px;
    padding-right:30px;
    /*height: 305px;*/
    color: white;
    font-size: 18px;
    line-height: 22px;
    font-family:'OpenSans-Regular';
    font-weight: 300;
}
.container_ablauf_text h3 {
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: "Playfair Display Medium";
}

.modalinnerinnerinner {
    width: 900px;
    padding: 20px;
    overflow: auto;
}
.modalinner_h2 {
    margin-top: 0px;
}
#modalinner img.inmodalimg, img.inmodalimg {
    max-width: 474px;
    margin-right: 40px;
    clear: both;
    float: left;
    width: unset;
}
.modalinner_details {
    padding: 30px;
}

.extrabox, .extrabox2 {
    display: none;
}
.filtertrying {
    width: 240px;
}
.filter_button {
    width: 100%; /*160px;*/
}

.data_display_none {
    display: none;
}
.pro100 {
    width: 100%;
    margin-bottom: 5px;
}
.inspiration_3 {
    width: 25%;
    display: none; /*inline-block;*/
    padding: 0px 30px 30px 30px;
    font-size:14px;
    font-family:'OpenSans-Regular';
    font-weight: 300;
    color:white;
    text-align:left;
    line-height: 1.4;
}
.inspiration_2 {
    width: 95%;
    display: inline-block;
    overflow: hidden;
    margin: 0px auto 0px auto;
}
.inspiration_1 {
    /*width: 95%;*/
    display: flex;
    /*padding: 25px; */
}

.additional_info_3 {
    width: auto;
    display: inline-block;
    padding: 0 30px 30px 30px;
    color:  white;
}
.additional_info_3 li{
    font-size:14px;
    font-family:'OpenSans-Regular';
    font-weight: 300;
    color:white;
    text-align:left;
    line-height: 1.4;
}
.additional_info_3 h2{
    font-size: 25px;
    line-height: 30px;
    font-family: "Playfair Display Medium";
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
}
.additional_info_2 {
    display: inline-block;
    overflow: hidden;
    max-width: 474px;
    min-width: 474px;
}
.additional_info_2 .inmodalimg{
    width: 100%;
}
.additional_info_1 {
    width: 100%;
    display: flex;
}
.backend_display_data {
    width: 500px;
    height: 150px;
    overflow: auto;
}
.spacer_admin {
    height: 110px;
}
a.backend_button_link {
    font-size: 12px;
    color: #fff;
    background-color: #877c6c;
    display: inline-block;
    height: 30px;
    min-width: 120px;
    padding: 7px 10px 5px 10px;
    margin: 10px 0px 10px 0px;
    font-weight: unset;
    text-align: left;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid rgb(0 0 0 / 0);
    border-radius: 0px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 30%), 0px 15px 10px rgb(255 255 255 / 20%) inset;
    /*float: right;*/
    text-decoration: none;
}
a:hover.backend_button_link {
    background-color: #54442e;
}

.btn {
    font-size: 12px;
    color: #fff;
    background-color: #877c6c;
    display: inline-block;
    height: 30px;
    min-width: 120px;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 5px 0px;
    font-weight: unset;
    text-align: left;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid rgb(0 0 0 / 0);
    border-radius: 0px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 30%), 0px 15px 10px rgb(255 255 255 / 20%) inset;
    line-height: 1.5;
}
.form-group label {
    font-family: 'Roboto-Regular';
    font-size: 12px;
    color: #000000;
    max-width: 200px;
    font-weight: unset;
    padding: 0px;
    height: 30px;
    min-width: 120px;
    background-color: #dddad5;
    padding: 7px 10px 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.backend .form-control, .backend select {
    margin: 0px 5px 10px 0px;
    font-size: 12px;
    font-weight: unset;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(0 0 0 / 0.1);
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
.backend input[type=text], .backend input[type=password], .backend input[type=search], .backend input[type=submit] {
    height: 30px;
    width: 200px;
    border-radius: 0px;
    border: 1px solid rgb(0 0 0 / 0.1);
    padding: 5px 10px 5px 10px;
    margin-right: 10px;
}
.pagination_ {
    background-color: #54442e;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding: 10px;
    color: #ddd;
}
.pagination_ a {
    color: white;
    font-weight: bold;
}

.spacer_r {
    margin-right: 20px;
}

#ulist .table>thead>tr>th {
    padding: 5px 10px 2px 20px;
    vertical-align: middle;
    font-family: 'Roboto-Regular';
    font-size: 12px;
    color: #000000;
    background-color: #eeecea;
    border-top: 1px solid rgb(0 0 0 / 0.1);
    border-bottom: 1px solid rgb(0 0 0 / 0.1);
    min-width: 150px;
    height: 30px;
    /* max-width: 300px; */
    font-weight: normal;
}

.lightbox_form {
    color: white;
    padding: 15px;
    height: 200px;
    background-color: #777;
}

/** LIGHTBOX MARKUP **/
.lightbox {
    /* legt sich ueber den gesammten bildschirm - schwarz, transparent*/
    /** Default lightbox to hidden */
    display: none;
    /** Position and style */
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    /*text-align: left;*/
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}
.lightbox .text {
    /* textdarstellung innerhalb der lightbox - sehr hell */
    position: fixed;
    top: 5%;
    left: 5%;
    right: 5%;
    overflow: auto;
    /* height: 100%; */
    scroll-behavior: auto;
    margin: auto;
    width: 90%;
    max-width: 1280px;
    box-shadow: 0 4px 20px 0 rgb(0 0 0), 0 4px 20px 0 rgb(0 0 0);
}
.lightbox img {
    width: 100%;
}
.lightbox .image180px {
    max-width: 150px;
}
.lightbox:target {
    /** Remove default browser outline */
    outline: none;
    /** Unhide lightbox **/
    display: block;
}
.lightbox .closebutton {

    line-height: 15px;
    position : fixed;
    text-align: center;
    /*padding: 10px;*/
    min-width: 30px;
    /*background-color: rgba(0, 0, 0, 0.25);*/
    color: white;
    right: 20px;
    top:20px;
    font-weight: bold;
    font-size: 32px;

}
.lightbox .closebutton a {
    color: white;
    text-decoration: none;
}
#xlbildiframe .text {
    position : fixed;
    top: 1%;
    height: 98%;
    max-width: 100%;
    overflow: auto;
    scroll-behavior: auto;
    /*background-color: #f1eeeb;*/
    padding: 0px;
    box-shadow: 0 4px 20px 0 rgb(0 0 0), 0 4px 20px 0 rgb(0 0 0);
}
/** / LIGHTBOX MARKUP **/

.textmarker {
    background-color: #ee733e;
    padding: 5px;
}

.info_text_special {
    color:#ee733e;font-weight: bold;
    cursor: pointer;
}

a.info_text_special {
    color:#ee733e;
    font-weight: bold;
    cursor: pointer;
}
a.info_text_special:hover {
    color:#ee733e;font-weight: bold;
}
.kuechen_details {
    color: white;
    font-size: 14px;
    padding: 20px;
}

.info_text {
    font-family:'OpenSans-Regular';
    font-size: 12px;
    /*color: white;*/
    /*font-weight: 200;*/
    color:#ee733e;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
    display: table-cell;
    vertical-align: bottom;
}
.info_text_start {
    padding: 10px;
    margin-top: 20px;
    font-family:'OpenSans-Regular';
    font-size: 12px;
    color:#ee733e;
    text-align: left;
    line-height: 1.5;
    /*    display: table-cell;
        vertical-align: bottom;*/
}
.content2 {
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 20px;
    color: black;
    font-size: 13px;
    font-family:'OpenSans-Regular';
    font-weight: 300;
    line-height: 1.5;

}
.content2 ul {
    color: black;
    font-size: 13px;
    font-family:'OpenSans-Regular';
    font-weight: 300;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 20px;
}
.content2 h1 {
    margin-bottom: 10px;
}
.preis_bild3 {
    width: unset;
}
.preisinfo2 {
    color: white;
    font-size: 12px;
}

.content2 a, .kontakttext a { color: #ee733e; }
a.kontakttext {
    color: #ee733e !important;
}
.highlight_product { color: #ee733e; font-weight: bold;}
.highlight_product_border { border: solid 3px #ee733e; }
.widerrufsformular {
    background-color: #ddd;
    padding: 15px;
}

/* kuechennavigator mobile .... */

.start_page img {
    margin-bottom: 10px;
    width: 100%;
}

.inspirationen_data {
    margin-right:0px; /*10px*/
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; /*99%*/
}
.inspirationen_navi {
    /*background-color: #eee;*/
    /*height: 315px;*/
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.inspirationen_wrapper {
    display: block;
    width: 100%;
}
.inspirationen_data img {
    margin-bottom: 0px;
    width: 100%;
}

h1 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
}

.logo_big img {
    width: 220px;
}
img#mainlogo {
    max-height: 60px;
    max-width: 200px;
    height: unset;
}

.side-body {
    margin-top: 90px;
}

.sogehts_wrapper {
    width: 100%;
    display: flex;
    background-color: #fff;
    /*border: solid 1px grey;*/
    margin-bottom: 10px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
}
.sogehts_picture {
    min-width: 33%;
    min-width:85px;
    margin-right: 10px;
}
.sogehts_picture img {
    width: 99%;
    min-width: 80px;
    border: 1px solid #707070;
    margin: 10px;
}
.sogehts_text {
    font-size: 12px;
    padding: 10px;
    width: 66%;
}
.sogehts_text h3 {
    font-size: 12px;
    font-weight: 600;
}
.array_x {
    font-size: 40px;
    margin-right: 20px;
}
.kuechenbild {
    width: 100%;
    margin-bottom: 15px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
}
.f_reset {
    /*width: 100%;*/
    margin-top: 0px;
    /*width: calc(98% + 6px);*/
}
footer {
    padding: 0px;
    z-index: 50;
    /*position: fixed;*/
    bottom: 0px;
    width: 100%;
    padding-left: 0px !important;
}
footer img {
    max-width: 160px;
    float: right;
    margin-top: 2px;
    margin-right: 20px;
}

button.btn.btn-primary.button_login {
    margin-top: 15px;
}
.loginklasse .form-group {
    margin-top: 10px;
}

.body_wrapper {
    width: calc(100% - 15px);
    margin-left: 10px;
    margin-right: 5px;
}
.body_wrapper h1 {
    margin-left: 1%;
}

/* startpage */

.desktop {
    display: none;
}
.mobile {
    display: block;
}
.startpage_wrapper {
    padding: 0px;
}
.startpage_picture {
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}
.startpage_picture img {
    width: 100%;
}
.startpage_text {
    padding: 20px;
    color: black;
    font-size: 14px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    background-color: #fff;
}
.startpage_text h2 {
    font-size: 18px;
    text-transform: uppercase;
}

/* / startpage */

img#button_cart, span#button_cart {
    width: 30px;
}

.header #button_cart {
    position: absolute;
    right: 155px; /*115*/
    top: 31px;
}

img#button_login, span#button_login {
    position: absolute;
    top: 31px;
    right: 110px; /*70*/
    width: 30px;
}

.subnavigation2 {
    height: 40px;
    background-color: #565656;
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 0px;
    position: fixed;
    /*margin-left: -10px;*/
    width: 100%;
    z-index: 60;

    /*margin-left: calc(var(--bs-gutter-x)/ 2 * -1); */
}
.subnavigation2_link, .subnavigation2_active, .subnavigation2_link2 {
    /*width: calc(25% - 1px);*/
    width: 25%;
    border-right: solid 1px white;
    color: white;
    padding-top: 10px;
    /*padding-left: 8px;*/
    font-size: 13px;
    text-align: center;
    font-family: 'OpenSans-SemiBold';
}
.subnavigation2_link2 {
    width: 25%;
    border-right: none;
    display: flex; /*22.5.*/
    font-size: 18px; /*22.5.*/

}
.subnavigation2_active {
    background-color: #FECE3E;
    color: #000000;
}
.subnavigation2_inactive {
    background-color: #565656;
    color: black;
}
.subnavigation {
    position: absolute;
    display: none; /*flex;*/
    justify-content: flex-end;
    position: fixed;
    bottom: 70px;
    z-index: 70;
    width: 100%;
    padding-right: 20px;
    margin-bottom: 10px;
    width: calc(100% - 21px) !important;
}
.subnavigation button {
    background-color: #888888;
    width: 28px;
    font-size: 18px;
    height: 28px;
}
.subnavigation div {
    font-size: 27px;
    /*margin-right: 2px;*/
    margin-top: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #74746c;
    color: white;
}
.subnavigation_button_back {
    color: white;
}
.subnavigation_button_next {
    color: #FDCE3C;
}

.legal_urls_seperator {
    display: none;
}

.container-fluid {
    margin-bottom: 90px;
    padding-left:10px;
    padding-right:10px;
}

.footer2 {
    position: fixed;
    z-index: 69;
    background-color: #888 !important;
    bottom: 40px;
    width: 100%;
    margin-left: -10px;
    height: 45px;
    display: none;
}

.legal_urls_desktop {
    display: none;
}

.wrapper_imprint_privacy_statement input {
    width: 250px;
    margin-top:10px;
}
.enter_new_password {
    margin-top: 20px;
}
.pw_wrapper {
    /*    display: flex;*/
}
.pw_left, .pw_right {
    /*width: 250px;*/
    margin-top: 10px;
}


/* glyphicon */

.glyphicon{
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size: 24px;
    color: black;
}
.glyphicon-shopping-cart-active:before {
    color: #FECE3E;
    content:"\e116";
}
.glyphicon_active {
    color: #FECE3E;
}
.glyphicon-user-active:before {
    color: #FECE3E;
    content: "\e008";
}
h1 {
    color: #000000;
}
.glyphicon-shopping-cart:before {
    content:"\e116";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-login:before {
    content: "\e161";
}
.glyphicon-logout:before {
    content: "\e163";
}
.glyphicon-arrow-up:before {
    content:"\e093";
    color: red;
}
.glyphicon-arrow-down:before {
    content:"\e252";
    color: #74746C;
}
.glyphicon-arrow-left:before {
    content:""; /*"\e251"; 22.5. */
    color: #74746C;
}
.glyphicon-arrow-left-active:before {
    content:""; /* 22.5. "\e251"; */
    color: #fff;
}
.glyphicon-arrow-right:before {
    content:"\e250";
    color: #74746C;
}
.glyphicon-arrow-right-active:before {
    content:"\e250";
    color: #fff;
}


.glyphicon-burgericon:before {
    content:"\e236";
    color: #74746C;
}

.glyphicon-heart-active:before {
    content: "\e005";
    color: #565656;
    background-color: #FECE3E;
    padding: 3px 6px 3px 4px;
    font-size: 20px;
}


.glyphicon-heart:before {
    content: "\e005";
    color: #ffffff;
    background-color: #565656;
    padding: 3px 6px 3px 4px;
    font-size: 20px;
}


.glyphicon-info:before {
    content:"\e086";
    color: #ffffff;
    background-color: #565656;
    padding: 3px 5px 3px 5px;
    font-size: 20px;
}
.glyphicon-info-aktiv:before {
    content:"\e086";
    color: #565656;
    background-color: #FECE3E;
    padding: 3px 5px 3px 5px;
    font-size: 20px;
}





/*auswahl seite*/

.body_wrapper_x{
    margin-top: 90px;
}

/* bigger screen */

@media only screen and (max-width: 401px) {

    .subnavigation2_link, .subnavigation2_active, .subnavigation2_link2 {
        padding-top: 10px;
        font-size: 11px;
    }

}
@media only screen and (min-width: 1001px) {

    .copyright{
        padding-top: 5px;
    }

    .product_wrapper_edit_button {
        margin-bottom: 10px;
        margin-top: 10px;
    }


    .header {
        height: 80px;
        position: fixed;
        width: 100%;
        background: white;
        z-index: 100;
        top: 0px;
        left: 0px;
        box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
        padding-left: 20px;
        padding-right: 40px;
    }

    .wrapper_imprint_privacy_statement input
    {
        width: 250px;
        margin-top:10px;
    }
    .pw_wrapper
    {
        display: flex;
    }
    .pw_left, .pw_right
    {
        width: 250px;
    }


    .legal_urls_desktop
    {
        display: contents;
    }

    .legal_urls_desktop a
    {
        color: black;
        text-decoration: none;
        /*position: absolute;*/
        left: 20px;
        bottom: 8px;
    }
    .legal_urls_desktop a:hover
    {
        color:#ee753f;
        text-decoration: underline;
    }
    .legal_urls_mobile
    {
        display: none;
    }

    .footer2
    {
        display: none;
    }
    footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
    }

    .legal_urls
    {
        position: unset;
    }
    .container-fluid {
        margin-bottom: 30px;
    }

    .legal_urls br
    {
        display: none;
    }
    .legal_urls_seperator
    {
        display: inline;
    }

    img#button_cart {
        position: absolute;
        right: 60px;
        top: 40px;
        width: 41px;
    }

    img#button_login {
        position: absolute;
        top: 40px;
        right: 10px;
        width: 40px;
    }

    .subnavigation2
    {
        display: none;
    }

    #mobnavdix .mobnh .active > a {
        color: red;
        font-weight: bold;
    }
    .header {
        height: 80px;
    }
    .sogehts_wrapper {
        width: calc(33% - 20px);
        margin-right:20px;
        margin-bottom:20px;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    }

    .sogehts_wrapper:nth-child(3n) {
        width: 33%;
        margin-right:0px;
    }

    .sogehts_wrapper_wrapper
    {
        display: flex;
        flex-wrap: wrap;
    }

    .side-body {
        margin-top: 90px;
    }

    .start_page
    {
        width: 33%;
    }
    .kuechenbild
    {
        width: calc(25% - 20px); /*33% -20px*/
        margin-bottom: 20px; /*1%;*/
        margin-right: 0px; /*1%;*/
        margin-left: 20px;
    }
    /*
        .kuechenbild:nth-child(3n) {
            width: calc(33% - 10px);
            margin-right: 10px;
        }
    */
    /*
        img#mainlogo {
            height: 50px;
        }
    */
    .start_wrapper
    {
        display: flex;

    }
    .start_page img
    {
        width: 99%;
        margin-bottom: 0px;
    }
    .spacer_
    {
        /*margin-right: 10px;*/
    }
    .inspirationen_navi
    {
        width: 22%;
        margin-right: 1%; /*10px*/
    }
    .inspirationen_data
    {
        width: 78%;
        flex-wrap: wrap;
    }

    .inspirationen_kitchen
    {
        width: 33%;
    }

    .inspirationen_data img
    {
        /*margin-right: 10px;*/
        margin-bottom: 0px;
        max-width: 100%;
    }
    .inspirationen_wrapper
    {
        display: flex;
        width: 100%;
    }

    .container-fluid
    {
        min-height: 600px;
        padding-left: 20px;
        padding-right: 20px;

    }

    .f_reset {
        /*width: calc(98% + 4px);*/
    }

    /* startpage */

    .desktop
    {
        display: block;
    }
    .mobile
    {
        display: none;
    }
    .content_login {
        background-image: url(/img/placeholder/bild_startseite.jpg);
        background-repeat: no-repeat, repeat;
        background-size: contain;
        background-position-y: center;
        /*        background-color: #18191a;*/
        margin: 0px;
        padding: 0px;
        display: flex;
        z-index: 1;
        width: 100%;
        min-height: 692px;
        overflow: auto;
        scroll-behavior: auto;
    }
    .content_login_center {
        font-size: 14px;
        line-height: 20px;
        color: black;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        margin-top: 0px;
        margin-right: 20px;
        margin-bottom: 0px;
        margin-left: 20%;
        padding-top: 80px;
        padding-right: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        position: relative;
        width: 400px;
        height: 760px;
        background: rgba(224, 224, 218, 0.9);
        z-index: 10;
        opacity: 0.95;
    }

    /* / startpage */

    .subnavigation {
        height: 40px;
        display: flex;
    }

    .body_wrapper
    {
        margin-bottom: 60px;
    }

}
@media only screen and (min-width: 1280px) {
    /*
    .sogehts_wrapper {
        width: 25%;
    }
*/
    .sogehts_wrapper
    {
        width: calc(25% - 20px);
    }

    .sogehts_wrapper:nth-child(3n) {
        width: calc(25% - 20px);
        margin-right: 20px;
    }

    .sogehts_wrapper:nth-child(4n) {
        width: 25%;
        margin-right: 0px;
    }


}

/*-------------------------------- aus kn_custom_all_pages -- ende  ------------------------------------------*/


img.slides{width:100%;}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-space-between {
    justify-content: space-between;
}

.flex-row-end {
    justify-content: flex-end;
}

.display-inline {
    display: inline-block;
}

.clear {
    clear: both;
}

.shadow {
    box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.75);
}

.c-gray {
    color: #777777;
}
.c-white {
    color: white;
}

.w-20 {
    width: 20%;
}
.w-15 {
    width: 13%;
}
.w-65 {
    width: 63%;
}

.p-relative {
    position: relative;
}

header {
    display: flex;
    flex-direction: column;
    font-size: 1.8em;
}
header .logo {
    height: 78px;
}
header .logo img {
    height: 100%;
}
header .box {
    width: 78px;
    height: 78px;
    display: none;
    margin-left: 10px;
}
header .box--active {
    display: block;
}
header .step-number {
    display: none;
}
header .step-number.show {
    display: inline-block;
}
header .step-title {
    text-transform: uppercase;
}
header h1 {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: inherit;
}
header .menu-button {
    width: 78px;
    height: 78px;
}
header .menu-button img {
    width: 100%;
    height: 100%;
}

.step {
    display: none;
}
.step.step-current {
    display: block;
    padding-bottom:90px;
}

.form-container {
    height: 50%;
}
.frontenwechseler-container {
    height: 60%;
}

.price-container {
    display: none;
    text-transform: uppercase;
}
.price-container.show {
    display: block;
    /*padding:45px 120px 0 0;*/
}

.btn-next {
    border: 0;
    padding: 10px 16px;
    height: 100%;
    max-height:85px;
    display: inline-flex;
    /* keep the inline nature of buttons */
    align-items: flex-start;
}
.btn-prev {
    border: 0;
    padding: 10px 16px;
    height: 100%;
    max-height:85px;
    display: inline-flex;
    /* keep the inline nature of buttons */
    align-items: flex-start;
    max-width: 83px;
    background: #FFF;
    margin-right: 20px;
}
.btn-next img,.btn-prev img {
    margin-right: 10px;
}
.btn-prev img {
    transform:rotate(180deg);
}
.btn-next span,.btn-prev span {
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
}
.btn-next .next-step-number {
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 5px;
    padding-bottom: 5px;
}
.btn-next.big {
    width: 83px;
}
.btn-next.full {
    width: 83px;
}
.btn-next.small {
    width: 120px;
}
.btn-next.small img {
    width: 40px;
}

.step[data-step="0"] .btn-container {
    width: calc(20% - 10px);
}
.step[data-step="0"] .image-box {
    width: calc(20% - 10px);
    border: 1px solid black;
    border-radius: 1px;
}
.step[data-step="0"] .image-box img {
    width: 100%;
}
.step[data-step="0"] .start-text {
    text-transform: uppercase;
    text-align: right;
    font-size: 2.5em;
    line-height: 40px;
    color: #777777;
    margin-right: 20px;
}
.step[data-step="0"] .image-row {
    margin-bottom: 20px;
}
.step[data-step="1"] .form-container {

    margin: 30px;
    flex-wrap: wrap;
    height:230px;
}
.step[data-step="1"] .form-box {
    padding: 10px;
    width: 18%;
}
.step[data-step="1"] .form-box.form-box--btn {
    width: 120px;
    padding: 0;
    max-height:85px;
    margin-top:150px;
    min-width:200px;
}
.step[data-step="1"] .form-box.form-box--btn img {
    width: 40px;
}
.step[data-step="1"] .form-box:first-of-type {
    margin: 0;
}
.step[data-step="1"] .form-box img {
    width: 100%;
    margin-top: 5px;
}
.step[data-step="1"] .form-box label {

    text-transform: uppercase;
}
.step[data-step="1"] .form-box input[type=radio] {
    -moz-appearance: None;
    -webkit-appearance: none;
    background-image: url("../img/buttons/option.png");
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin-top: -2px;
}
.step[data-step="1"] .form-box input[type=radio]:checked {
    background-image: url("../img/buttons/option-selected.png");
}
.step[data-step="2"] .size-selector-row {
    width: 100%;
}
.step[data-step="2"] .size-selector-row .size-first {
    width: 18%;
    height: 200px;
    padding: 15px;
}
.step[data-step="2"] .size-selector-row .size-first h2 {
    text-transform: uppercase;
}
.step[data-step="2"] .size-selector-row .size-first .description {
    margin-top: 10px;
    font-size: 0.8em;
}
.step[data-step="2"] .size-selector-row .size-middle {
    padding: 15px;
    max-height: 200px;
    overflow: hidden
}
.step[data-step="2"] .size-selector-row .size-middle .arrow-small {
    width: 15px;
}
.step[data-step="2"] .size-selector-row .size-right {
    height: 200px;
}
.step[data-step="2"] .size-selector-row.slided {
    position: absolute;
    top: 20px;
    background: rgba(245, 245, 245, 0.9);
    height: calc(130% - 10px);
}
.step[data-step="2"] .size-selector-row.slided .arrow {
    transform: rotate(180deg);
}
.step[data-step="2"] .size-selector-button {
    margin-top: -15px;
    margin-right: -15px;
    position: relative;
    padding: 10px;
    height: 35px;
}
.step[data-step="2"] .size-selector-button img {
    height: 100%;
}
.step[data-step="2"] .size-selector-button .arrow {
    position: absolute;
    bottom: 10px;
    left: 50%;
    height: 15px;
}
.step[data-step="2"] .size-selector-button .arrow .to-bottom {
    transform: rotate(180deg);
}
.step[data-step="2"] .form-size {
    display: flex;
    align-items: flex-start;
    height: 40px;
    margin-bottom: 15px;
}
.step[data-step="2"] .form-size .length {
    font-size: 0.8em;
    margin-left: 5px;
    margin-right: 5px;
}
.step[data-step="2"] .form-size .arrow-small {
    margin-right: 5px;
}
.step[data-step="2"] .length-sum {
    margin-top: 1em;
}
.step[data-step="2"] .length-input {
    margin-right: 1em;
    margin-left: 1em;
}
.step[data-step="2"] .length-input input {
    width: 100%;
    max-width: 75px;
}
.step[data-step="2"] .form-subtitle {
    font-size: .8em;
    max-width: 100px;
    margin-right: 30px;
}
.step[data-step="2"] .btn-next {
    margin-top: 15px;
    margin-left:15px;
}
.step[data-step="2"] .w-15 {
    width: 222px;
    margin-right:0;
    right:89px;
    position: absolute;
    bottom:20px;
}
.step[data-step="2"] .w-65 {
    width: 69%;
}
.step[data-step="3"] .option-container {
    margin-bottom: 10px;
    flex-wrap: wrap;
    padding-bottom:80px;
}
.step[data-step="3"] .option-container .option {
    width: calc(25% - 50px);
    padding: 15px;
    margin: 10px 20px 10px 0;
    max-width:320px;
    min-height:320px;
}
.step[data-step="3"] .option-container .option .option-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-height: 52px;
}
.step[data-step="3"] .option-container .option .option-head label {

    font-size: 18px;
    text-transform: uppercase;
}
.step[data-step="3"] .option-container .option .option-head input {
    padding: 0;
    margin: 4px 0 0;
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    background: #f5f5f5 no-repeat 2px;
}
.step[data-step="3"] .option-container .option .option-head input:checked {
    background: #f5f5f5 url("../img/buttons/option-selected-2.png") no-repeat 2px;
}
.step[data-step="3"] .option-container .option img {
    margin-top: 5px;
    width: 100%;
}
.step[data-step="3"] div.flex-row-end{
    position: absolute;
    bottom: 80px;
    right: 89px;
    width: 320px;
}
.step[data-step="3"] #option_subtitle{font-size:14px}
#nextonoptions{
    display:none;
    /*
        width: 83px;min-width: 83px;position: absolute;right: 2px;bottom: 13px;height: 80px;
     */
}
#nextonoptions span{}
#nextonoptions img{width: unset;margin: unset;}
.step[data-step="3"] .btn-next,.step[data-step="3"] .btn-prev{max-width:83px;margin:-120px 30px 0 0;}
.step[data-step="4"] .btn-next,.step[data-step="4"] .btn-prev{max-width:83px;margin:-120px 122px 0 0;}
.step[data-step="5"] .btn-next,.step[data-step="5"] .btn-prev{max-width:83px;margin:-120px 122px 0 0;}

.title{
    padding:40px 12px;
}
#kitchenback{
    z-index: 5;
}

#whatsincluded,#pricemeters {
    font-size:10px;
    /*font-weight:bold;*/
    margin-bottom: 5px;
}
.finalcolumn img#r-griff-image {
    margin:unset;
}
#alllength {
    font-size:14px;
}
.instore_websumbmit_fieldset {
    margin-right: 20px;
    margin-top: 30px;
}
#websubmit_instore {
    padding-bottom:200px
}
#front_details {
    font-size: 10px;
}
.startseite {
    margin-top:40px;
    border: solid 1px #777777;
    background-color: #eee;
    padding:30px;
}
.subnavigation button {
    background-color: #888888;
    width: 50px;
    font-size: 30px;
    height: 50px;
}
.subnavigation_button_next2 {
    color: #FDCE3C;
    text-decoration: none;
}
.subnavigation_button_next2:hover {
    color: #FDCE3C;
    text-decoration: none;
}

.subnavigation2 {
    /*margin-left: unset !important;*/
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 5px;

}

#navi_left {
    border: solid 1px grey;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
}
#navi_right {
    border: solid 1px grey;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
}

#navi_left_noborder {
    margin-bottom: 10px;
}
#navi_right_noborder {
    margin-bottom: 10px;
}
.spacer_kuechenplanung {
    height: 0px;
}

.kn_header {
    display: flex;
    /*   height: 110px;
    */
}
.kn_header_headline {
    width: 49%;
}
.kn_header_price {
    width: 50%;
    text-align: right;
}

.your_wrapper {
    display: flex;
}
#your_form, .your_pricetext {
    width: 49%;
    font-weight: bold;
}
.your_pricetext {
    font-size: 16px;
    text-align: right;
}
#your_price {
    color: red;
}

.data_display_none, .display_none {
    display: none;
}
#button_delete_account, #template_product, #template_introduction, #newsizeselector, #template_product_list, #template_milieupicture, #template_contactform, #template_registerform, #template_login, #template_forgot_password {
    display: none;
}

#your_products {
    /*border: solid 1px grey;*/
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    width: calc(100% - 20px); /*100%;*/
    padding: 10px;
}

.c-red {
    margin-left: 5px;
}

.kitchen_picture img {
    width: 100%;
    height: unset !important;
}

img.product_picture {
    width: 50px;
    height: 50px;
    margin: 5px;
}

.frontenwechsler_products img {
    /*
    width: 60px !important;
    height: unset !important;
*/
    /*width: 100%;
    height: 100%;*/
    object-fit: scale-down;
    background-color: #fff;
    padding: 5px;
}

.kitchen_form_wrapper {
    display: flex;
    flex-wrap: wrap;
}
.kitchen_form {
    background-color: #C2C0B4;
    width: 45%;
    margin-right:15px;
    margin-bottom:15px;
    text-align: center;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
}
.kitchen_form img {
    width: 75%;
    /*margin-top: 8%;*/
    /*margin-bottom: 8%;*/
}

.kitchen_form_ {
    background-color: #74746C;
    text-align: left;
    color: white;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    display: flex;
}

.kitchen_form_left {
    width: 90%;
}
.kitchen_form_right {
    width: 10%;
    text-align: right;
    padding-top: 3px;
}

#form_gerade, #form_l-form, #form_u-form, #form_insel {
    display: none;
}

#your_products {
    margin-bottom: 5px;
}

.selection_left {
    margin-right: 0px;
}

.selection_right {
    display: flex;
    flex-wrap: wrap;
}

.navi_button2 {
    width: calc(50% - 20px) !important;
    margin-right: 0px !important;
}

.product_wrapper.product_wrapper_edit {
    width: calc(100% - 10px);
}
.product_wrapper {
    width: 100%;
    display: flex !important;
    /*border: solid 1px grey;*/
    border-bottom: 0px;
    background-color: #fff;

}
.product_wrapper_edit {
    display: flex;
    /*margin-bottom: 5px;*/
    padding: 0px 5px 5px 5px;
    /*border: solid 1px grey;*/
    border-top: 0px;

}
.product_wrapper_edit_button {
    width:30%;
    margin-left: 5px;
    margin-bottom: 10px;
    display: flex;
    margin-top: 2px;
}

.product_wrapper_edit_button .glyphicon
{
    color: red;
    padding-right: 5px;
    padding-top: 10px;
}

.product_wrapper_edit_text {
    text-align: right;
    width:70%;
    padding-top: 5px;
    padding-right: 5px;
    font-weight: bold;
}
.product_picture {
    /*width: 33%;*/
    /*height: 160px;*/
    width: 160px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}


.selection_right .product_picture {
    height: 120px;
    /*width: 120px;*/
}

#modal2innerinner hr{
    max-width: 280px;
    margin-left: 0px;
}

#picture {
    border: solid 1px #777777;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #fff;
    padding: 5px;
    max-height: 160px;
}
/*
.milieupicture_wrapper_ #picture {
    padding: 10px;
    border : unset;
    width: auto;
}*/

.product_wrapper > #picture{
    max-height: unset;
}

.milieupicture_wrapper_ img {
    padding: 10px !important;
    border: unset !important;
    width: calc(100% - 20px) !important;
    object-fit: unset !important;
    margin-top: 0px !important;
}

.milieupicture_wrapper_ .product_wrapper_edit_button
{
    margin-left: 0px;
    margin-top: 0px;
}

.product_wrapper_edit_button img {
    width: 30px !important;
    /*margin-top: 0px !important;*/
    /*margin-top: 0px !important;
    padding-top: -10px !important;*/
}

.milieupicture_wrapper_ .product_wrapper_edit_button img {
    padding-top: 0px !important;
    padding-left: 6px !important;
    padding-bottom: 0px !important;
}

.product_text {
    width: calc(100% - 40px); /*66%;*/
    margin-left: 10px;
    padding-top: 10px;
}
.product_text hr {
    margin: 0px;
    width: calc(100% - 12px);
}
.product_text .headline {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    border-bottom: solid 1px black;
    margin-right: 10px;
}
.product_text .content_description {
    padding: 5px 5px 5px 0px;
    height: 95px;
    font-size: 12px;
    overflow: auto;
}
.selection_buttons {
    display: flex;
    flex-wrap: wrap;
}

.product_wrapper_ {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 5px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
}

.warenkorbtext {
    margin-top: 10px;
    margin-bottom: 10px;
}

.newsizeselector_center {
    background-color: #C2C0B4;
    /* width: 48%; */
    margin-right: 20px;
    height: fit-content;
    margin-bottom: 15px;
}
.newsizeselector_right {
    /*padding-left: 20px;*/
    width: 48%;
    margin-right: 9px;
}

#newsizeselector{
    display: flex;
    flex-wrap: wrap;
    display: none; /* will be displayed after user chose a kitchen layout */
}

.form_beschreibungstext {
    margin-bottom: 10px;
}
.sizefield_box {
    margin-bottom: 15px;
    font-weight: bold;
}

.input_size {
    width: 50px;
    height: 30px;
}

.layout_picture {
    width: 100%;
}

.ganzklein {
    font-size: 8px;
}

.frontenwechsler {
    border: none  !important;
    box-shadow: none  !important;
    background-color: unset !important;
}
.frontenwechsler_display_kitchen_yesno {
    display: none;
}
.frontenwechsler_navi {
    display: flex;
    flex-wrap: wrap;
    with: 100%;
    text-transform: uppercase;
}
.step4_products {
    display: block !important;
    height: 550px !important;
}
.choosen_products_headline {
    font-weight: bold;
    /*margin-bottom: 5px;*/
    /*height: unset;*/
    height: 15px !important;
    /*margin-bottom: -20px !important;*/
}
.frontenwechsler_products {
    width: unset; /*100%*/
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
    padding: 5px 10px 10px 10px;
    font-size: 14px;
    display: flex;
    /*flex-wrap: wrap;*/
    overflow-x: auto;
}
.frontenwechsler_navi_button {
    width: calc(50% - 25px);
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 6px 10px;
    background-color: #fff;
    text-transform: uppercase;
    /*min-height: 35px;*/
    font-family: OpenSans-Semibold;
    font-size: 11px;
}

.frontenwechsler_navi_button.active {
    background-color: #777;
    color: white;
}
.frontenwechsler_navi_button_2, .frontenwechsler_navi_button_3 {
    margin-right: 0px;
    width: calc(50% - 20px);
}

.form_length {
    background-color: #c2c0b4;
    color: black;
    padding: 7px 10px 7px 10px;
    margin-right: 5px;
    height: 30px;
    width: 30px;
}
.form_length_ {
    margin-left: 5px;
}

#baseinfo {
    width: 100%;
}
.kitchen_picture {
    /*height: 400px;*/
    /*background-color: #777;*/
    /*color: #fff;*/
}
.kitchen_picture > img {
    width: 93.5%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    /*border: 1px solid #777777;*/
}
.fe1 {
    filter: unset;
    z-index: 44;
}
.fe2 {
    filter: unset;
    z-index: 44;
}
.fe3 {
    filter: unset;
    z-index: 44;
}
.fe4 {
    filter: unset;
    z-index: 44;
}

.kitchen_yourchoice {
    height: 220px; /*170px; 210px;*/
    overflow-y: hidden;
    margin-top: 15px; /*300px;*/
    /*padding-left: 20px;*/
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    margin-top: 0px;
    width: calc(100% - 62px);
    position: absolute;
    top: 520px; /* 318px + kitchen picture height - changed by javascript function kitchen_picture_resize*/
    overflow-y: hidden;
}

.frontenwechsler_products_ {
    display: flex;
    flex-wrap: wrap;
    margin-top:10px;
}
.frontenwechsler_products_ div, .choosen_products {
    /*width: 200px;*/
    height: 80px;
    margin-right: 7px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    width: 31%;
}
.frontenwechsler_products_ div {
    /*    border: solid 1px #777777;*/
    margin-bottom: 5px;
}

#product_1_, #product_2_, #product_3_ {
    display: none;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.choosen_products .noborder img {
    border: unset !important;
}
#product_1_text, #product_2_text, #product_3_text {
    /*width: 95px;*/
    font-size: 12px;
    height: fit-content;

}

img.product_picture.active {
    border: solid 4px #FDCE3E;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
}

.choosen_products_picture {
    width: 85px !important;
}

.choosen_products_picture img {
    border: solid 1px #777777;
    padding: 3px;
    object-fit: scale-down;
    object-position: center;
}

.subheadline {
    text-transform: uppercase;
}

.form_beschreibungstext_included {
    margin-top: 15px;
}

.headerpreis {
    flex-direction:column;
}

#modal {
    display: none;
}

/* modal2 */
#modal2 {
    background: unset;
    display: none;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    background: rgb(0,0,0,0.6);
}
#modal2inner {
    background-color: #888888;
    margin: auto;
    padding: 20px;
    overflow: auto;
    top: 80px;
    position: absolute;
    width: 100%;
    height: calc(100% - 150px);
}
#modal2innerinner {
    width: 100%;
    max-width: min-content;
}
/*
#modal2innerinner div, #modal2innerinner hr {
    width: 100%;
    max-width: 280px;
    float: left;
}
*/
#modal2innerinner h2
{
    color: white;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px;
}

.modal2closeer {
    font-family: 'OpenSans-Bold';
    float: right;
    display: none;
    border: none;
    height: 35px;
    position: fixed;
    top: 80px;
    right: 20px;
    font-size: 12px;
    cursor: pointer;
    background-color: white;
    padding: 3px 5px 3px 5px;
    /*margin-top: 5px;*/
    box-shadow: 1px 1px 1px 0px rgb(0 0 0 / 50%);
    width: fit-content;
}

/* / modal2 */


.geraete_liste_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.geraet_wrapper {
    display: flex;
    /*width: 49%;*/
    margin-right: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 10px;
    min-width: 45%;
}

.geraet_picture img {
    /*width: 70px;*/
}

.geraete_liste_wrapper .geraet_picture img, .geraet_wrapper .geraet_picture img {
    width: 100%; /*70px;*/
    /*border: solid 1px #707070;*/
    width: calc(100% - 10px); /*100%;*/
    height: calc(100% - 10px); /*100%;*/
    object-fit: scale-down;
    background-color: #fff;
    padding: 5px;
}

.geraet_text {
    display: block;
}
.geraet_text_headline {
    font-size: 12px;
    font-weight: bold;
}
.geraet_text_ {
    font-size: 12px;
    cursor: pointer;
    background-color: white;
    padding: 3px 5px 3px 5px;
    border: 1px solid #bfbdbd;
    margin-top: 5px;
    font-family: 'OpenSans-SemiBold';
    box-shadow: 1px 1px 1px 0px rgb(0 0 0 / 50%);
    width: fit-content;
    border-radius: 3px;
}
.geraet_picture {
    border: solid 1px #707070;
    /*padding: 5px;*/
    margin-right: 10px;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
}
.product_wrapper_edit_button img {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-bottom: -5px;
}
img#product_1, img#product_2 {
    /*width: 80px;*/
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    background-color: #fff;
    padding: 5px;
}
img#product_1, img#product_2, img#product_3 {
    /*width: 80px;*/
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    background-color: #fff;
    padding: 5px;
}

.navi_right_design {
    border: none !important;
    box-shadow: none !important;
    background-color: unset !important;
}

.list_wrapper {
    width: 75px; /*50px;*/
    height: 75px; /*50px;*/
    border: solid 1px #707070;
    margin-right: 10px;
    margin-bottom: 10px;
}
.list_wrapper img {
    width: calc(100% - 12px); /*  calc(100% - 10px);*/ /*100*/
    height: calc(100% - 12px); /* calc(100% - 10px);*/ /*100*/
    object-fit: scale-down;
    background-color: #fff;
    padding: 5px;
    margin: 0px;
}

.content_description ul {
    color: #000000;
    padding: 5px 5px 5px 10px;
    font-size: 13px;
    list-style-position: inside;
    margin-left: -9px;
    line-height: 1.2;
}

.product_wrapper_2 {

    margin-bottom: 5px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
    width: calc(100% - 20px);
}
.product_wrapper_2 .product_info {
    height: 225px; /*252*/
    /*border: solid 1px grey;*/
    border-bottom: 0px;
    /*margin-bottom: 5px;*/
    background-color: #efefef;
    color: #000000;
    display: none;
    /*margin-top:-230px;*/
    z-index: 100;
    padding: 10px;
    margin-top: 1px;
}
.align_right {
    float: right;
    margin-right: 10px;
}
a.align_right, a.align_right:hover {
    text-decoration: none;
    font-weight: bold;
    color: black;
}
.product_description ul {
    color: black;
}
.product_info .product_description {
    height: 160px;
    overflow-y: auto;
}
.product_info img {
    height: 30px;
    margin-top: 0px; /*5*/
    margin-right: 5px;
}

.product_info .product_name {
    font-weight: bold;
    color: black;
}
.product_info hr {
    margin-top: 11px;
    margin-bottom: 10px;
}
.modal2inner_configuration {
    color: white;
    font-family: 'OpenSans-SemiBold';
}
.load_configuration {
    width: 80%;
    margin-left: 10%;
    border: solid 1px white;
    background-color: #eee;
    color: black;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#list_configuration {
    display: flex;
    margin-top: 10px;
}

#configuration_input {
    width: 240px;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #E0DFDA;
    color: black;
}
/*.popup_form textarea
{
    width: 240px;
    height: 200px;
    background-color: #E0DFDA;
    color: black;
}*/

.popup_form {
    /*margin-top: 10px;*/
}

.popup_form span{
    margin-left: 3px;
}

.popup_form input {
    width: 280px;
    color: black;
    background-color: #ffffff;
    margin-top: 10px;
    height: 30px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #000000;
    font-family: 'OpenSans-SemiBold';
}
.popup_form textarea {
    width: 280px;
    height: 200px;
    margin-top: 10px;
    color: black;
    background-color: #ffffff;
    padding: 10px;
}

input#selection_name {
    width: 240px;
}

.symbol_text {
    font-size: 8px;
    font-family: 'OpenSans-Regular';
    color: #ffffff;
    background-color: rgba(0, 0, 0, 1);
    z-index: 5;
    margin-top: -70px;
    opacity: 0.8;
    padding: 5px;
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.text_symbolic_representation {
    font-size: 10px;
    font-family: 'OpenSans-Regular';
    color: #7c7c7c;
    /*margin-bottom: 5px;*/
    padding-top: 5px;
}
.geraete_liste_wrapper .symbol_text {
    margin-top: -52px;
    font-size: 8px;
}

.red_note {
    color: #ff0000;
}

.inselhinweis{
    margin-top: 10px;
}

.design_wrapper_wrapper {
    display: flex;
    flex-wrap: wrap;
    height: 270px;
}

.startpage_text2 {
    margin-top: 10px;
    margin-bottom: 15px;
}

.form_gerade, .form_l-form, .form_u-form, .form_insel, .leftsize_form, .islandsize_form, .rightsize_form, .form_beschreibungstext, .sizefield_box {
    /*display: none;*/
}

.list_config {
    display: flex;
}
.list_config img {
    margin-left: 10px;
    width: 25px;
    height: 25px;
    margin-top: 8px;
}

span.choosen_products_headline2 {
    min-width: 60px;
}
.wrapper_sticky {
    /*position: sticky;*/
    /*top: 120px;*/
}
.millieu_picture_wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#subnavi_button_prev {
    /*margin-left: 10px;*/
    margin-top: -3px;
    /*width: 48%; 22.5.*/
    margin-left: 20px; /*22.5.*/
}
#subnavi_button_next {
    /*margin-left: 10px;*/
    margin-top: -3px;
    /*width: 48%; 22.5.*/
    margin-left: 20px; /*22.5.*/
}

/* beginn: kuechennavigator 2021 */
.fe1 {filter: url(#fecolor1);}
.fe2 {filter: url(#fecolor2);}
.fe3 {filter: url(#fecolor3);}
.fe4 {filter: url(#fecolor4);}
.fe1_e {filter: url(#fecolor1_e);}
.fe2_e {filter: url(#fecolor2_e);}
.fe3_e {filter: url(#fecolor3_e);}
.fe4_e {filter: url(#fecolor4_e);}
/*  end: kuechennavigator 2021 */

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3)
{
}

@media only screen and (min-width: 1001px) {

    img#mainlogo {
        max-height: unset;
        max-width: unset;
        height: 60px;
    }

    .text_symbolic_representation {
        padding-top: 10px;
    }


    footer {
        /*position: fixed;*/
        /*bottom: 0px;*/
        width: 100%;
    }

    .product_text hr
    {
        /*width: unset;*/
    }

    .product_text .content_description {
        height: 120px;
    }

    .product_wrapper_edit {
        padding-top: 0px;
       /* margin-top: -5px;*/
    }

    .product_wrapper_edit_button img {
        /*margin-top: 10px;*/
        /*margin-bottom: -5px;*/
    }

    .load_configuration {
        width: 180px;
        margin-left: 5px;
    }

    .list_wrapper {
        width: 125px;
        height: 125px;
    }

    .step4_products {
        display: block !important;
        /*height: unset !important;*/
    }

    .frontenwechsler_display_kitchen_yesno {
        display: block;
    }

    .frontenwechsler_navi_button, .frontenwechsler_navi_button_2 {
        /*width: calc(25% - 5px) !important;*/
    }

    .navi_button2 {
        /*width: calc(50% - 4px) !important;*/
    }

    .frontenwechsler_navi_button_3 {
        /*width: calc(25% - 4px) !important;*/
    }

    .frontenwechsler_products {
        /*min-height: 490px;*/
        overflow-x: unset;
        overflow-y: auto;
        flex-wrap: wrap;
    }

    .list_wrapper {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .subnavigation2 {
        display: none;
    }

    img.product_picture {
        width: 104px; /*108*/
        height: 104px; /*108*/
        margin: 5px;
    }

    img.product_picture.active
    {
        width: calc(100% - 28px);
        height: calc(100% - 28px);
    }

    .product_text {
        width: calc(100% - 160px);
        margin-left: 20px;
    }

    .frontenwechsler_products img {
        /*width: 100px !important;*/
    }

    .geraete_liste_wrapper .frontenwechsler_products img {
        width: 100px !important;
    }

    .spacer_kuechenplanung {
        /*height: 60px;*/
        display: none;
    }

    .subnavigation {
        /*top:110px;*/
        bottom: 26px; /*70px;*/
        right:0px;
        background-color: #f5f5f5;
        box-shadow: 0px -2px 2px rgb(0 0 0 / 10%);
    }

    #whatsincluded br {
        display: none;
    }

    .frontenwechsler_products_2 {

    }

    div#preise1 {
        font-size: 18px;
    }

    #navi_left {
        border: solid 1px grey;
        background-color: #fff;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
        margin-right: 19px;
        width: 49%;
    }

    #navi_right {
        border: solid 1px grey;
        background-color: #fff;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
        /*width: 49%;*/
        width: calc(49% + 40px);
    }

    #navi_left_noborder {
        margin-right: 10px;
        width: 49%;
    }

    #navi_right_noborder {
        width: 50%;
    }

    .kn_header_price {
        width: 100%;
        padding-right: 0px;
    }

    .navigator_wrapper {
        display: flex;
    }

    #whatsincluded br, .legal_urls br {
        display: none;
    }

    #your_products {
        /*width:25%;*/
    }

    .selection_buttons {
        display: flex;
        flex-wrap: wrap;
    }

    .selection_wrapper {
        display: flex;
    }

    .selection_left {
        width: 35%;
        margin-left: 0%;
        /*max-width: 445px; */
        margin-right: 20px;
    }

    .selection_right {
        width: 65%;
        margin-left: 0%;
        margin-bottom: 100px; /*  required to make sure that last row of options can be clicked */
    }

    .product_wrapper_ {
        width: calc(50% - 13px); /*48px*/
        margin-right: 0px;
        margin-left: 13px;
        margin-bottom: 10px;
    }

    .selection_buttons .frontenwechsler_navi_button {
        width: calc(50% - 25px);
        font-size: 12px;
    }

    .kitchen_picture {
        height: unset;
        min-height: unset;
        /*border: solid 1px grey;*/
        /*background-color: #fff;*/
        /*box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
    }

    .kitchen_yourchoice {
        /*margin-top: 550px;*/
        margin-top: 0px; /*20*/
        /*padding-bottom: 44px;*/
        height: 185px;
        position: unset;
        margin-top: 15px;
        width: unset;
        top: unset;
    }

    .kitchen_picture > img {
        width: calc(50% - 22px);
    }

    .geraet_picture {
        width: 100px;
        height: 100px;
    }

    .geraet_wrapper {
        min-width: 40%;
    }

    .popup_wrapper {
        display: flex;
        flex-wrap: wrap;
        width: calc(100vw - 10px);
    }

    .popup_wrapper .product_picture {
        height: 140px;
        width: 160px;
    }

    .selection_right .product_picture {
        height: 160px;
        /*width: 160px;*/
    }


    .product_wrapper_2 {
        /*width: 24%;*/
        /*width: calc(25% - 5px) !important;*/
        width: 445px;
        margin-right: 20px;
        margin-bottom: 20px;
        box-shadow: none;
        width: unset;
    }

    .kn_header {
        display: flex;
    }

    .kn_header_headline {
        width: 400px;
    }

    #whatsincluded {
        /*margin-right: 20px;*/
        font-size: 10px;
        margin-top: 10px;
        font-weight: normal;
        line-height: 1.2;
    }

    .headerpreis {
        float: right;
        flex-direction: unset;
    }

    #modal2inner {
        top: 80px;
        height: calc(100% - 80px);
    }

    .modal2closeer {
        top: 80px;
        right: 20px;
    }


    .modal2inner_configuration .modal2closeer {
        right: unset !important;
        /* left: 55%; */
        left: unset;
        margin-left: 290px;
        height: 35px;
        width: 30px;
    }



    .modal2inner_configuration {
        width: 320px !important;
        /*margin-left: 40% !important;*/
        height: 540px !important;
    }

    .impressions_mobile {
        display: block;
    }

    .frontenwechsler_navi_button {
        padding: 10px;
    }

    .symbol_text, .geraete_liste_wrapper .symbol_text {
        margin-top: -63px;
        font-size: 8px;
    }

    .geraet_text_headline {
        font-size: 14px;
    }

    #modal2innerinner h2
    {
        font-size: 18px;
    }

}
@media only screen and (min-width: 1368px) {
    .kitchen_yourchoice {
        height: 135px; /*160*/
    }

    .frontenwechsler_navi_button_4x, .frontenwechsler_navi_button_4x2 {
        /*    width: calc(25% - 5px);*/
    }
    .frontenwechsler_navi_button_4x2 {
        margin-right: 5px;
    }

    .frontenwechsler_navi_button_4x3
    {
        width: calc(25% - 0px);
        margin-right: 0px;
    }


    .frontenwechsler_navi_button_4x, .frontenwechsler_navi_button_4x2 {
        width: calc(25% - 32px);
    }
    .frontenwechsler_navi_button_2, .frontenwechsler_navi_button_3 {
        width: calc(25% - 16px);
    }

}


@media only screen and (min-width: 1280px) {
    .selection_left
    {
        width: 445px;
    }
    .selection_right
    {
        width: calc(100% - 445px);
    }
}
@media only screen and (min-width: 1600px) {

    .geraet_wrapper {
        width: 32%;
    }

    .product_wrapper_ {
        width: calc(33% - 10px); /*48px*/
    }

}
@media only screen and (min-width: 1024px) {

    .product_wrapper_2 {
        /*width: 24%;*/
        width: 445px !important;
        margin-right: 20px;
        margin-bottom: 20px;
        box-shadow: none;
    }

    .selection_right .product_picture {
        height: 160px;
        width: 160px;
    }

}

@media only screen and (min-width: 1920px)
{

    .list_wrapper {
        width: 122px;
        height: 122px;
    }

}


/*-------------------------------- aus kn_custom ---------------------------------------------------*/

/*Base styles alle Seiten*/

header{padding:10px}

.background_darkgrey,.slothead,.slottogbut,.slothidden,.step[data-step="1"] .form-box,.step[data-step="2"] .size-selector-button,.step[data-step="3"] .option-container .option{background:#424242;color:#fff}
.background_darkgrey h3 {
    color: #858585;
}
.background_mediumgrey,.slotrabatt td.rabattselect,.bg-gray,.step[data-step="2"] .size-selector-row{
    background:#777777
}
.custom_highlight_color,.slottogbut.togout,#slot_totalpricetag,.btn-next .next-step-number,header .step-number,.c-red{
    color:#ff0000;
    font-family: 'OpenSans-SemiBold';
}
.custom_highlight_color_bg, .btn-next span {background:#ff0000}
.btn-prev span {background: rgba(255, 0, 0, 0.31)
}
header .box.box-step-1 {
    background-color: #D3D3D3;
}
header .box.box-step-1.box-step-0 {
    background-image: linear-gradient(to bottom, #D3D3D3 0%, whitesmoke 50%);
}
header .box.box-step-2 {
    background-color: #B0B0B0;
}
header .box.box-step-2.box-step-0 {
    background-image: linear-gradient(to bottom, #B0B0B0 0%, whitesmoke 50%);
}
header .box.box-step-3 {
    background-color: #8C8C8C;
}
header .box.box-step-3.box-step-0 {
    background-image: linear-gradient(to bottom, #8C8C8C 0%, whitesmoke 50%);
}
header .box.box-step-4 {
    background-color: #676767;
}
header .box.box-step-4.box-step-0 {
    background-image: linear-gradient(to bottom, #676767 0%, whitesmoke 50%);
}
header .box.box-step-5 {
    background-color: #424242;
}
header .box.box-step-5.box-step-0 {
    background-image: linear-gradient(to bottom, #424242 0%, whitesmoke 50%);
}

.btn-next,.step[data-step="1"] .form-box.form-box--btn{
    background: white;
}

.slottogbut.togout{border:1px solid #424242;background: #fff;}
.slottogbut.choosematerial{color:#777777;background: unset;}

h2{font-weight: normal;font-size: 20px;margin: 0; text-transform: uppercase}
h3 {font-weight: normal;margin: 10px 0 5px;font-size: 16px;}

/*bitte diese Klassen konsequent verwenden für Headlines, sonst haben wir 1001 Schriften am Ende...*/

.uppercased_hugeheadline{text-transform: uppercase;    font-size: 2.5em;line-height: 40px;color: #777777;margin-bottom: 30px;}
#modal{background:rgba(0,0,0,0.4);display:none;justify-content: center;flex-direction:column;width:100%;height:100%;position:fixed;top:0;left:0;z-index:110}
#modalinner{
    background-color:#fff;
    /*border:2px solid #ff0000;*/
    width:70%;
    margin:auto;
    min-height:600px;
    padding:2em;
    max-height:800px;
    overflow: auto;
}
#modalinnerinner{width:100%}

.margin_30{margin:30px;}

option,select{
    text-transform: capitalize;
}
.oben{
    width:100%;
    height:10%;
    position:relative;
}
.mitte{
    width:100%;
    height:70%;
    max-height:70%;
    overflow:hidden;
    position:relative;
    white-space: nowrap;
}
.mittelinks{
    overflow: hidden;
    height: 70%;
    width: 20%;
    position: relative;
    white-space: normal;
    float: left;
}

.sidebox{
    padding:10px;
    /*max-width: 250px;*/
    margin:0 0 10px;
}
.sidebox:last-child {
    margin-bottom: 0;
}

.mittemitte{
    height:100%;
    width:65%;
    position:relative;
    float: left;
}
.mitterechts{
    height:100%;
    width:15%;
    position:relative;
    float: left;
}
.unten{
    width:100%;
    height:15%;
    position:relative;
}
.frontenwechsler_farbbox_smoother{
    opacity:0.0;
    transition: opacity 0.05s ease-in-out;
}

/*transitions / states*/
.akkordeon{max-height:0;transition:max-height .5s;overflow:hidden}
.akkordeon_open{
    max-height:400px;
    min-height: 400px;
    transition:max-height .5s;
    overflow-y:auto;
    margin-top:10px;
}
.akkordeon_arrow{float:right;}
.akkordeon_arrow_open{transform:rotate(180deg);}
.modalcloseer{float:right;margin:0;font-size: 22px;font-weight:bold;padding:0 8px 4px;display:none}
.inmodalimg {
    clear: both;
    float: left;
    margin-right: 40px;
    max-width: 500px;
}
.lightboximg{    object-fit: scale-down;
    width: 100%;
    max-height: 725px;}
/*Frontenwechsler*/
.frontenwechsel_frontenheadline{margin:0}
.frontenwechsler_frontenimgs{}
.frontenwechsler_frontenimgs select{margin-bottom:10px;}
.frontenwechsel_infobox{clear:both;}
.frontenwechseler-container{display:none; /*flex;*/}
.frontenwechseler-container .mittelinks{height:96%;padding-bottom:1%;min-width:265px;flex:1}
.frontenwechseler-container .mittelinks > div{min-width:20px;}
.frontenwechseler-container .mittemitte{float:unset;flex:5;}
.frontenwechseler-container .mitterechts{flex:1;float:unset;position:unset;}
.frontenwechseler-container .mitterechts > div{min-width:200px;height: 96.9%;}
/* aenderungen jerome */
.frontenwechsel_infobox img{float:left;margin-right:10px;}
.frontenwechsel_infobox .image-box{float: left;white-space: normal;max-width: 100px;}
#imgC,#imgB{object-fit: scale-down;object-position: left;}
.flexcol{display:flex;flex-direction:column}
.mittemitte > img , #mainsvg > img{width: 100%;height: 100%;position: absolute;object-fit: cover;}
.mitterechts .sidebox{height:100%}
.griffimg{width:90px;}
.detimg{height: 90px;width: 90px;object-fit: cover;}
.frontimg ,.plattenimg,.griffimg,.korpusimg{margin:0 5px 5px 0}
.frontimg{height: 109px;width: 70px;}
/*griffpreview*/

/*Slotmachine I, egeräte*/
.slotmaschine-container .mittelinks{width:22%;max-width: 300px;}
.slotmaschine-container .mittemitte{width:78%;height:610px}

.slot_leftheadbox{margin:0 11px 15px;padding: 20px;}
.slot_leftprehead{text-transform: uppercase;}
.slot_lefthead{text-transform: uppercase;margin: 0;font-size: 26px;}
.slot_leftsubhead{margin:10px 0 0;}

#slotbrandtogglerbox{display:flex;justify-content: space-between;margin-bottom:20px}
.slotmachine_brandswitch{display:none;border:1px solid #000;}
.slotmachine_brandswitch img{
    width:60px;
    height:60px;

}
.slotmachine_brandswitch_active{border:1px solid #ee753f;}
.slotmachine_brandswitch_active img{filter: unset;-webkit-filter: unset;}
#slot_pricedisplay{position:absolute;top:0;right:33px;color:#fff;font-size:24px}
#slot_pricedisplay h1{font-size:24px;margin-bottom:5px}
.slotlogo h2{font-size: 26px;margin-top: 3px;}
#slotstripholder{display:flex;width:85%;padding:5px 0 0 10px}
/*box, in der die Items gelistet sind*/
.slotwrap{
    width: 170px;
    padding-left: 10px;
    height: 334px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top:60px;
    z-index:2;
}
.slotwrap_small{
    width: 110px;
    padding-left: 10px;
    height: 334px;
}
.slotmachine_eicon{max-width:60px;object-fit:scale-down;position: absolute;right: 0;}
.aufpreisbubble,.aufpreisbubble_blue{
    background: red;
    border-radius: 40px;
    width:39px;
    font-size: 12px;
    max-height: 69px;
    /* display: flex; */
    min-height: 31px;
    padding: 14px 4px 0 4px;
    font-weight: bold;
    position: absolute;
    margin: -75px 0 0 -4px;
    left: 100px;
    top:110px;
    white-space: nowrap;
}
.aufpreisbubble_blue{background: #fff;border:1px solid red;color:#000}

/*Rahmen-Box & Schatten auf Rädchen*/

.slotwrap > .item{
    position: absolute;
    width: 75%;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
    padding: 5px;
    background-color: #f9f9f9;
    transform-origin: 50% 0;
    border: 5px solid rgba(234, 234, 234, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform .5s,opacity .6s,top .65s,transform-origin .5s;
}
.slotwrap_small > .item{
    width: 80px;
    height: 80px;
}
.slotwrap > .item >img{
    width: 100%;
    max-width: 200px;
    margin:auto;
    overflow: hidden;
    object-fit: contain;
    transition: opacity 0.5s ease-in-out;
}
.slotstrip{}
/*Preisberechnungs-Anzeige*/
#pricetag,#extratag,#totalpricetag{
    font-size:18px;
    font-weight:bold;
    /*background-color:#eaeaea;*/
    padding: 5px 5px 5px 5px;
}
.pricewrap{
    position:absolute;
    left:1646px;
    top:881px;
    width: 123px;
    height: 33px;
    text-align: right;
}
.extrawrap{
    position:absolute;
    left:1646px;
    top:915px;
    text-align: right;
    width: 123px;
}
.totalpricewrap{
    position:absolute;
    left:1646px;
    top:947px;
    text-align: right;
    width: 123px;
    color:#00b5e2;
}
/*Info-Felder zum gewählten Gerät*/
.slotinfo{position:absolute;height:135px;width:160px;overflow:hidden;top:406px;padding:6px;padding-top:25px;font-size:12px;color:#fff;z-index:1}
.slotinfo_small{width:105px;}

.slotback{background:#fff;flex:1;height:404px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);border:1px solid #777777;z-index:0;overflow:hidden;visibility:visible;opacity:1;transition:visibility .5s linear .3s,opacity .5s linear .3s,background .5s linear .3s;    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;}
.wrapslotback{flex:1;transition: max-width .3s ease-in-out;margin: 10px 5px;max-width:224px;}
.wrapslotback_hidden{flex:1;max-width:0px;transition: max-width .3s ease-in-out .3s}
.slothead{padding: .5em 1em;font-size: 16px;min-height: 60px;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 50;box-shadow: #555 1px 1px 12px 0px;    text-align: center;width:100%}
.interliving_divisionline{width:2px; height:875px;position:absolute;top:87px;left:959px;background:#555}
#slottogglerbox,#slottogglerbox_sink{display: flex;flex-wrap: wrap;justify-content: center;}
#slotsinktogglerbox{display:flex;flex-wrap: wrap;margin:0 5px 15px;border-bottom:1px solid #777777}
.slottogbut{border:1px solid #fff;padding:10px;box-shadow: #d6d4d4 3px 3px 10px 2px;margin: 0 4px 1em;height: 28px;max-width: 111px;text-align: center;justify-content: center;align-items: center;display: flex;flex:1;font-size:14px;min-width:100px;}

.slotrabatt{border-collapse: collapse;position:absolute;top:887px; left:531px;}
.slotrabatt td{border:1px solid #555555;padding:.5em;text-align: center;min-width: 65px;}
.slotrabatt td.rabattselect{font-weight:bold;color:#fff;}
.slotrabatt .tablehead{font-weight:bold}
.vme_infohead{font-weight:bold;text-align: LEFT;}
/*floating photo box*/
.photo{background-color:#fff}
/*floating photo box photo*/
.photo .mainimg{flex:1;object-fit:scale-down}
/*text in floating box*/
.floatcaption{width:500px;position:unset;flex:1;order:2;text-align:left;font-size:14px}
/*headline in floating box*/
.floatcaphead{font-weight:bold}
.slothidden{visibility:hidden;opacity:0;transition:visibility .3s linear,opacity .3s linear,background .3s linear;}

.dklogo h2{font-family:Neuropol;font-size:10px}
/*End Slotmachine*/

/*finale listenansicht*/
#finalstep{}
.finalcolumn{flex:1;max-width:25%;padding: 0 20px;margin: 0 20px 0 0;}
.finalcolumn h3{text-transform: uppercase;font-size: 20px;letter-spacing: 1px;margin-bottom:10px;}

.finalcolumn img{width: 100%;object-fit: scale-down;max-height: 90px;object-position: left;}
#r-griff-image{margin-left:-15px;}

.final_onefeature{margin-bottom:120px;}
.finalcolumn .keywords{font-size: 10px;margin: 10px 0;max-height: 58px;overflow: hidden;min-height: 58px;width: 80%;min-width: 190px;}
.finalcolumn .name{margin: 10px 0 0;display:block;max-width:100px}
#final_egeraet{flex:2;max-width:40%}

.final_infoitem{min-height:60px;max-height:120px;margin-bottom:30px;}
.final_infoitem_label{width:120px;font-size:14px;}
#r-devices-list{display:flex;flex-wrap:wrap;}
.final_oneedevice{max-width:197px;flex:1;margin:10px 20px 0 0;}

/*finale, web-checkout*/
#finalstep_web{font-size:20px;}
#finalstep_web #customermessage{width:400px;height:200px}
#finalstep_web fieldset{margin-bottom:20px;}
#finalstep_web .finalstep_confirm{font-size:50px;margin:100px 30px;}

.option-mehrpreis{
    margin-top: -68px;
    padding: 0 10px;
    background: rgba(255,255,255,0.7);
    position: relative;
    color:#000;
}
.options-explanation{font-size: 20px;margin:0 20px 20px 0}
#webcheckout_overview{display:none}

.footbar {
    z-index:5;
    background: #1f1f1f;
    display: flex;
    justify-content: space-between;
    height: 60px;
    width: 100%;
    align-items: center;
    position: fixed;
    bottom: 0;
    left:0;
}
.footbar_logo{padding:0 10px;}

.preload_picture {
    width:1px;
    height:1px;
}