/* ------------------------------ */
/* ----------- Header ----------- */
/* ------------------------------ */

header {
    min-height: var(--height-header); 
}
 
.site_header {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--height-header);
    background-color: var(--brand-white);
    border-bottom: 1px solid transparent;
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}
 
.page-scrolled .site_header {
    top: calc(-1* var(--height-header));
    background-color: var(--brand-white);
    -webkit-box-shadow: var(--box-shadow-2);
    box-shadow: var(--box-shadow-2);
}

.logged-in.page-scrolled .site_header {
    top: calc(-1* var(--height-header));
}

.page-scrolled.header-fixed .site_header, .page-scrolled.menu-open .site_header  {
    top: 0;
}

.page-scrolled.header-fixed .site_header {
    border-color: var(--brand-black);
}

.logged-in .site_header, .logged-in.page-scrolled.header-fixed .site_header {
    top: 50px;
}
 
.site_header__inside {
     width: 100%;
}
 
.site_header__row {
     margin-left: 0;
     margin-right: 0;
}

.site_logo {
    line-height: 1;
}
   
.site_logo a {
     display: inline-block;
}



/* ------------------------------ */
/* ---- Headerimage / -video ---- */
/* ------------------------------ */

.site_cover {
    position: relative;
    z-index: 1;
    margin-top: var(--height-header);
    margin-bottom: -1px; /* Bugfix Safari */
}

.site_cover__container {
   position: relative;
   height: 100%;
   width: 100%;
}

.header--cover-big .site_cover {
    height: 90vh;
    min-height: 650px;
}

.header--cover-small .site_cover {
    height: 55vh;
    min-height: 400px;
}


/* Headline */
.site_cover__headline {
    position: relative;
    z-index: 1;
}

.site_cover__headline h1 {
    font-size: var(--font-size-5);
    font-weight: 600;
    font-style: italic;
    margin-bottom: 0;
}

.site_cover__headline span {
    font-weight: 500;
}


/* Box */
.site_cover__box__container {
    position: relative;
    z-index: 2;
    background-color: var(--brand-color);
}

.site_cover__box__container .box__content {
    max-width: var(--width-content-small);
    margin: 0 auto;
}

.site_cover__box__container .box__content, .site_cover__box__container .box__content a {
    color: var(--brand-white);
}


/* Bottom */
.site_cover__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 992px) {

    .site_logo {
        position: relative;
        top: -3px;
    }

}


@media all and (min-width: 992px) {

    .header--extended .site_cover__container {
        padding-top: calc(var(--spacing-11) * 1.5);
    }

}


@media all and (min-width: 1240px) {

    .header--extended .site_cover__container {
        padding-top: calc(var(--spacing-11) * 1.75);
    }

}


@media all and (min-height: 1100px) and (min-width: 1240px) {

    .header--extended .site_cover__container {
        padding-top: calc(var(--spacing-11) * 2);
    }

}


@media all and (max-height: 899.99px) and (min-width: 1240px) {

    .header--extended .site_cover__container {
        padding-top: calc(var(--spacing-11) * 1.5);
    }

}


@media all and (min-width: 992px) {

    .site_cover--big {
        height: calc(80vh - var(--height-header));
    }
    
    .site_cover--small {
        height: calc(65vh - var(--height-header));
    }

    .site_cover__box {
        margin-top: calc(-1 * var(--spacing-11));
        -webkit-transform: translateY(var(--spacing-11));
        -ms-transform: translateY(var(--spacing-11));
        transform: translateY(var(--spacing-11));
    }

    .site_cover--content {
        margin-bottom: var(--spacing-11);
    }

    .site_cover__box__container {
        width: 45%;
        min-width: calc(var(--width-content-small) + var(--spacing-6) * 2);
        
    }

}


@media all and (min-width: 1600px) {

    .site_header {
        padding: var(--spacing-6) 0;
    }

    .site_cover__headline {
        padding-bottom: var(--spacing-7);
        min-height: 300px;
    }

    .site_cover__box__container {
        min-width: calc(var(--width-content-small) + (var(--spacing-6) + 3px) * 2);
    }

    .site_cover__box__container .box__row {
        padding: var(--spacing-10) calc(var(--spacing-6) + 3px);
    }

}


@media all and (min-width: 1921px) {

    .site_cover--big {
        min-height: 500px;
        max-height: 930px;
    }
    
    .site_cover--small {
        min-height: 400px;
        max-height: 730px;
    }

}



@media all and (max-width: 1920px) and (min-width: 1441px) {

    .site_cover--big {
        min-height: 480px;
        max-height: 700px;
    }
    
    .site_cover--small {
        min-height: 380px;
        max-height: 548px;
    }

}


@media all and (max-width: 1440px) and (min-width: 992px) {

    .site_cover--big {
        min-height: 430px;
        max-height: 520px;
    }
    
    .site_cover--small {
        min-height: 360px;
        max-height: 410px;
    }

}


@media all and (max-width: 1599.98px) and (min-width: 1400px) {

    .site_cover__headline {
        min-height: 260px;
    }

    .site_cover__box__container .box__row {
        padding: var(--spacing-9) calc(var(--spacing-6) + 3px);
    }

}



@media all and (max-width: 1599.98px) and (min-width: 992px) {

    .site_header {
        padding: var(--spacing-5) 0;
    }

    .site_cover__headline {
        padding-bottom: var(--spacing-6);
    }

}


@media all and (max-width: 1399.98px) and (min-width: 992px) {

    .site_cover__headline {
        min-height: 232px;
    }

    .site_cover__box__container .box__row {
        padding: var(--spacing-8) calc(var(--spacing-7) + 3px);
    }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

    .site_cover__box__container .box__row {
        padding: var(--spacing-7) calc(var(--spacing-6) + 3px);
    }

}


@media all and (max-width: 991.98px) {

    .menu-open .site_header {
        border-color: transparent !important;
    }

    .site_cover .picture_container--cover, .site_cover .picture_container--cover picture {
        position: relative;
    }

    .site_cover--content {
        margin-bottom: var(--spacing-2);
    }

    .site_cover__box {
        margin-top: -1px;
    }

    .site_cover__box__container .box__row {
        padding: var(--spacing-7) var(--spacing-5);
    }

}


@media all and (max-width: 991.98px) and (min-width: 768px) {

    .site_logo {
        padding: var(--spacing-5) 0;
    }

    .site_cover__headline .site_cover__headline__inside {
        padding-top: var(--spacing-6);
        padding-bottom: var(--spacing-6);
    }

}


@media all and (max-width: 767.98px) {

    .site_logo {
        padding: var(--spacing-6) 0;
    }

    .site_logo img {
        width: 163px;
        position: relative;
        top: -2px;
    }

    .site_cover__headline .site_cover__headline__inside {
        padding-top: var(--spacing-7);
        padding-bottom: var(--spacing-7);
    }

}