/* Dropdownmenü - Menüpunkte nicht zweizeilig */
.et-menu li li a {
    width: 100% !important;
    white-space: nowrap;
}

.nav li ul{
    width: auto !important;
}

.et-menu li{
    display:block;
}

/* Styling Slider "Kundenstimmen" */
.slider-kundenstimmen{}
.slider-kundenstimmen-slide{
    display: flex !important;
    flex-direction: row;
}
.slider-kundenstimmen-bild{
    flex: 2;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: visible !important;
}
.slider-kundenstimmen-bild img {
    border: 20px solid #fff;
    box-shadow: 0px 20px 50px -8px rgba(0,37,64,0.25);
}
.slick-list.draggable {
    overflow: visible !important;
}
.slider-kundenstimmen-content{
    flex: 3;
}
.slider-kundenstimmen-thumb{}
.slider-kundenstimmen-thumb-bild{
    max-width: 100px;
}
.slider-kundenstimmen-thumb-bild img{
    border-radius: 90px;
    border: solid #fff;
}
.et_pb_slide_description {
    padding: 0px 0px 40px 80px !important;
}
.slider-kundenstimmen-thumb .slick-slide{
    opacity: 0.6;
    transition-duration: 0.5s;
}
.slider-kundenstimmen-thumb-bild {
    width: 120px;
    height: 120px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
.slider-kundenstimmen-thumb .slick-current{
    opacity: 1;
    transition-duration: 0.5s;
}
.slider-kundenstimmen-thumb .slick-current .slider-kundenstimmen-thumb-bild{
    max-width: 120px;
}


/* Styling Slider Kundenstimmen Typo */
.et_pb_slide_title {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: #002540!important;
    line-height: 1.8em !important;
}
.et_pb_slide_content {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #002540 !important;
    line-height: 2em !important;
}

.slider-kundenstimmen-thumb .slick-slide > div {
    line-height: 0;
}

/* Styling Cookie-Banner */
.cn-text-container {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #fff !important;
    letter-spacing: 0px !important;
    line-height: 2em !important;
}

.cn-text-container a {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #fff !important;
    letter-spacing: 0px !important;
    line-height: 2em !important;
    text-decoration: underline !important;
}

.cn-buttons-container #cn-accept-cookie {
    color: #fff !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #f2bc27 !important;
    border-radius: 0px !important;
    background-color: #f2bc27 !important;
    letter-spacing: 0px !important;
    font-size: 16px !important;
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 500 !important;
    padding: .6em 2em !important;
}

.cn-buttons-container #cn-refuse-cookie {
    /*color: #f2bc27 !important;*/
    color: #fff !important;
    border-style: solid !important;
    border-width: 1px !important;
    /*border-color: #f2bc27 !important;*/
    border-color: #fff !important;
    border-radius: 0px !important;
    letter-spacing: 0px !important;
    font-size: 16px !important;
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 500 !important;
    padding: .6em 2em !important;
}


/*------------------------- AUSSCHLIEßLICH kleine Desktops bis Tablet -------------------------*/

@media only screen and (min-width: 981px) and (max-width: 1130px) {

    /* Anpassung Optik Nav */
    .et_mobile_menu .menu-item-object-custom {
        list-style-type: none !important;
        padding: 0 !important;
        line-height: 26px !important;
    }

    .et_mobile_menu .menu-item-object-page {
        list-style-type: none !important;
    }

    .et_mobile_menu .sub-menu {
        padding: 0 0 0 1em !important;
    }

    .et_mobile_menu {
        padding: 20px !important;
        text-align: left !important;
    }

    .et_mobile_menu li li {
        padding-left: 0 !important;
    }

}

/*------------------------- kleine Desktops bis Tablet -------------------------*/


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

    a .cta-stoerer{
        padding: 15px 4vw 15px 20px !important;
        bottom: 5vh !important;
    }

    /* Dropdownmenü bei Burger-Nav nicht standardmäßig ausgeklappt */
    .et_pb_section .et_pb_menu_0_tb_header.et_pb_menu ul li:hover a{
        color: #004678!important;
    }
    .et_pb_section .et_pb_menu_0_tb_header.et_pb_menu ul li.first-level:hover a{
        color: #f2bc27!important;
    }

    .et_pb_section .et_pb_menu_0_tb_header.et_pb_menu ul li.first-level:hover ul.sub-menu a{
        color: #004678!important;
    }

    /* Hebt die 80% width im Hero-Header auf */
    .et_pb_fullwidth_header_container.left {
        width: 100% !important;
        height: 100% !important;
        padding: 0 5vw 0 5vw !important;
    }

    /* Höhenanpassung Nav durch Reduzierung padding beim Burgermenü */
    .et_pb_menu_0_tb_header {
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }

    /* Kundenstimmen - Slider Adaption */
    .et_pb_slide_description {
        padding: 0px 0px 40px 40px !important;
    }

    .slider-kundenstimmen-thumb{}
    .slider-kundenstimmen-thumb-bild{
        max-width: 80px;
    }

    .slider-kundenstimmen-thumb-bild img{
        border-radius: 90px;
        border: solid #fff;
    }

    .slider-kundenstimmen-thumb-bild {
        width: 100px;
        height: 100px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding: 0 5px;
    }

    .slider-kundenstimmen-thumb .slick-current .slider-kundenstimmen-thumb-bild{
        max-width: 100px;
    }
}


/*------------------------- Tablet und kleiner -------------------------*/


/* Anpassung prevent Column-Stacking in der Navigation */
@media only screen and (max-width: 980px) {
    .nav-two-column.et_pb_column {
        width: 50% !important;
        margin-bottom: 0px;
    }

    .slider-kundenstimmen-slide{
        flex-direction: column;
    }

    /* Kundenstimmen - Slider Adaption */
    .slider-kundenstimmen-bild {
        margin: 0 110px 40px 110px;
    }

    .et_pb_slide_description {
        padding: 0px 0px 40px 0px !important;
        text-align: left;
    }

    /*------------------------- Mobile -------------------------*/

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

        /* Styling Slider Kundenstimmen Typo */
        .et_pb_slide_title {
            font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
            font-weight: 700 !important;
            font-size: 22px !important;
            color: #002540!important;
            line-height: 1.5em !important;
        }
        .et_pb_slide_content {
            font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
            font-weight: 500 !important;
            font-size: 15px !important;
            color: #002540 !important;
            line-height: 1.8em !important;
        }
        /* Kundenstimmen - Slider Adaption - Bild */
        .slider-kundenstimmen-bild {
            margin: 0 0px 40px 0px;
        }
        /* Kundenstimmen - Slider Adaption - Thumb */
        .slider-kundenstimmen-thumb{}
        .slider-kundenstimmen-thumb-bild{
            max-width: 60px;
        }

        .slider-kundenstimmen-thumb-bild {
            width: 80px;
            height: 80px;
        }

        .slider-kundenstimmen-thumb .slick-current .slider-kundenstimmen-thumb-bild{
            max-width: 80px;
        }

    }


}