/*

    01 -- nav
    02 -- form
    03 -- btn
    04 -- spacing
    05 -- medien
    06 -- width
    07 -- font
    08 -- bg
    09 -- circle

*/

/* [start] 01 -- nav */

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

        header .nav-content .level_1 li:not(:hover) .level_2 {
            opacity: 0;
            pointer-events: none;
        }
        
        header .nav-content .level_2 {
            padding: 15px;
            position: absolute;
        }
        
        header .nav-content .level_2 li {
            margin-bottom: 5px;
        }
        
        .body--scrolled header .nav-content .level_2,
        body:not(.home) header .nav-content .level_2 {
            background-color: #213d3d;
        }
        

    
    }
    
    @media screen and ( max-width:1200px ) {
        
        header .nav-content .level_1 li a:not(.open) + .level_2 {
            display: none;
        }
    
        header .nav-content .level_1 {
            width: 100%;
            text-align: center;
        }
        
        header .nav-content .level_2 {
            margin-top: 10px;
        }
    
    }
    
    .level_1 > li.submenu > a::after {
        content: url('/files/custom/icons/angle-down-solid.svg');
        display: inline-block;
        width: 13px;
        margin: 0 10px 0 5px;
    }
    
    
    .mod_changelanguage {
        display:none;
    }

/* [end] 01 -- nav */

/* [start] 02 -- form */

    .ce_form .widget label {
        display: block;
        font-weight: bold;
        margin: 10px 0 5px;
    }
    
    .ce_form .widget select, 
    .ce_form .widget input[type="text"], 
    .ce_form .widget textarea {
        background-color: white;
        border: 1px solid #ddd;
        padding: 5px 15px;
        font-size: 1.2em;
        border-radius: 5px;
        width: 100%;
    }   
    
    .ce_form .widget-checkbox input[type="checkbox"] {
        -webkit-appearance: auto;
    }   
    
    .ce_form .widget-checkbox label {
        display: inline;
    }    
    
    .widget.widget-checkbox {
        margin: 15px 0;
    }
    
    .ce_form .widget-submit button {
        background-color: #213d3d;
        font-size: clamp(1.125rem, 0.5625rem + 0.75vw, 1.6875rem);
        line-height: 140%;
        letter-spacing: 0.75px;
        font-family: "Literata", aria;
        padding: 10px 25px;
        border-radius: 64px;
        color: white;
        border: unset;
    }
    
    .widget.widget-checkbox label {
        font-weight: 300;
    }
    
    .accordion-headline-span {
        text-align: left;
    }
    
    .checkbox_container > span {
        display: block;
    }
    
    .kontaktformular {
        background: #1e6065;
    }
    
    .kontaktformular form {
        max-width: 1200px;
        margin: auto;
        padding: 60px 20px;
        color: white;
    }
    
    @media screen and (min-width: 800px) {
        fieldset.grid2ColFieldset, 
        .grid2Col {
            display: grid;
            grid-template-columns: calc(50% - 15px) calc(50% - 15px);
            grid-column-gap: 30px;
            width: 100%;
        } 
    }
    
    .formbody * {
        font-size: clamp(1.125rem, 0.5625rem + 0.75vw, 1.6875rem);
    }
    
    .kontaktformular a {
        color: white;
    }
    
/* [end] 02 -- form */


/* [start] 03 -- btn */

    .contact-cta-links a:last-child,
    .ce_text_with_cta .cta a:last-child,
    .banner-cta a:last-child,
    .ce_textsliderwithcta .cta a:last-child{
        font-size: 16px!important;
        width: 20em!important;
        color:#FDD9B7!important;
    }
    
    .ce_textsliderwithcta .cta a:last-child {
        width: 19em !important;    
    }
    
    .contact-cta-links {
        margin-top: 2.5em;
    }
    
/* [end] 03 -- btn */

/* [start] 04 -- spacing */


    .pb0 {
        padding-bottom: 0;
    }
    
    .pt0 {
        padding-top: 0;
    }
    
    .pb5em {
        padding-bottom: 5em;
    }
    
    .lessMarginBot .text-illustration-content p {
        margin-bottom: 2rem;
    }
    
    .h2smallmb h2 {
        margin-bottom: 1em;
    }
    
    .headlineMB0 {
        padding-bottom: 0;
    }

    .headlineMB0 h2 {
        margin-bottom:0;
    }
    
    .ptS {
        padding-top: 20px;
    }

/* [end] 04 -- spacing */


/* [start] 05 -- medien */

    .illustrations-container .image_container img {
        width: auto!important;
        margin: auto!important;
    }
    
    .logoSmall .illustrations-item img {
        height:55px!important;
    }
    
    .logoMedium   .illustrations-item img {
        height:100px!important;
    }
  
    .noImage .text-illustration-img {
        display: none;
    } 
    
    .thirdLogoSmaller .illustrations-container .illustrations-item:nth-child(3) img {
        max-width: 170px;
        object-fit: contain;
    }
    
    .textVisible .illustrations-desc {
        position: relative;
        max-height: unset;
        opacity: 1;
        text-align: left;
    }    
    
    
    .textVisible .illustrations-item {
        cursor: unset;
    }
    
    
    .textVisible .illustrations-item:hover {
        margin-top: unset!important;
    }
    
    @media (min-width: 1201px) {
        
        .gallery_6col ul li {
            width: calc(100% / 6 - 4em) !important;
        }
        
    }
    
/* [end] 05 -- medien */

/* [start] 06 -- width */

    .smallLogoList ul {
        max-width:800px;
    }

/* [end] 06 -- width */

/* [start] 07 -- font */

    strong {
        font-family: "Literata", aria;
    }
    
    .ce_textsliderwithcta h2, .ce_textsliderwithcta p {
        margin-bottom: 30px;
    }   
    
    em {
        font-family: "Literata", aria;
        font-style: italic;
    }    
    
    .testimonial-text h2 {
        font-size: 2em;
        margin-bottom: 10px;
    }
    
/* [end] 07 -- font */

/* [start] 08 -- bg */

.bg-mint {
    background-color: #1E6065;
    color: #F2EEE5!important;
}

.bg-mint h2, .bg-mint p {

    color: #F2EEE5!important;
}

.sand-bg {
    background-color: #F2EEE5;
}

.sand-bg p,
.sand-bg h2 {
    color: #213d3d !important;
}


/* [end] 08 -- bg */

/* [start] 09 -- circle */
    
    .circle_01 .highlight::after {
        width: 113%!important;
        height: 103%!important;
        top: 65%!important;
        background-image: url("../../bundles/tbutbasic/img/circle.svg")!important;
    }

/* [start] 09 -- circle */