html,
body {
    height: 100%;
}

*,
*::before,
*::after {
    font-family: 'Barlow', sans-serif !important;
}

#page {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

#primary {
    flex: 1;
}

body.home #masthead {
    display: none;
}

.headerPictureDesktop {
    height: 100vh !important;
}

body.error404 #headerbanner,
body.error404 #headerbanner .headerPictureDesktop,
body.error404 #headerbanner .headerPictureMobile,
body.error404 #headerbanner .swiper-container,
body.error404 #headerbanner .swiper-wrapper,
body.error404 #headerbanner .swiper-slide {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

body.error404 #masthead {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

main .entry-content .sectionContainer h1,
main .entry-content .sectionContainer h2,
main .entry-content .sectionContainer h3 {
    color: var(--color-white) !important;
}

.delta-heading--visual-h1 {
    font-size: var(--fontsize-h1-mobile) !important;
    font-family: var(--font-family-h1) !important;
    font-weight: var(--font-weight-h1) !important;
    font-style: var(--font-style-h1) !important;
}

.delta-heading--visual-h2 {
    font-size: var(--fontsize-h2-mobile) !important;
    font-family: var(--font-family-h2) !important;
    font-weight: var(--font-weight-h2) !important;
    font-style: var(--font-style-h2) !important;
}

.delta-heading--visual-h3 {
    font-size: var(--fontsize-h3-mobile) !important;
    font-family: var(--font-family-h3) !important;
    font-weight: var(--font-weight-h3) !important;
    font-style: var(--font-style-h3) !important;
}

@media only screen and (min-width: 992px) {
    .delta-heading--visual-h1 {
        font-size: var(--fontsize-h1-desktop) !important;
    }

    .delta-heading--visual-h2 {
        font-size: var(--fontsize-h2-desktop) !important;
    }

    .delta-heading--visual-h3 {
        font-size: var(--fontsize-h3-desktop) !important;
    }
}

/* Keep WP admin bar clickable above fixed frontend navigation. */
#wpadminbar {
    position: fixed !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
}



.twoColImg {
    border-radius: 15px !important;
}

.twoColImg:hover {
    border-radius: 15px !important;
}

.zweispaltenContainer .bildSpalte.singleImg .bildspalteInner {
    border-radius: 15px !important;
    overflow: hidden !important;
}

.zweispaltenContainer .bildSpalte.singleImg .bildspalteInner img {
    border-radius: 15px !important;
    transition: transform 0.3s ease-in-out !important;
}

.zweispaltenContainer .bildSpalte.singleImg .bildspalteInner.hover-ein:hover img {
    transform: scale(1.05) !important;
}

.subLine {
    text-align: left !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.text-center .subLine {
    text-align: center !important;
}

@media (min-width: 992px) {
    .sectionEinspaltig .contentCol.col-12.col-lg-6 {
        flex: 0 0 75% !important;
        max-width: 75% !important;
        width: 75% !important;
    }
}

strong {
    font-weight: var(--font-weight-bold) !important;
}

#headerTextOuter .containerOuter {
    margin-top: 10%;
}

/* hide scroll to button */
#masthead.vollbildHeader.videoHeaderOuter .jumpToContentVideo.jumpToContent {
    display: none;
}

#fabPopup {
    height: auto;
}

#headerTextOuter {
    align-items: center;
}

@media only screen and (min-width: 575px) and (max-width: 767px) {
    #headerTextOuter {
        width: 540px !important;
        max-width: 540px !important;
        left: calc(50vw - 270px) !important;
        padding-right: var(--bs-gutter-x, 20px) !important;
        padding-left: var(--bs-gutter-x, 20px) !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #headerTextOuter {
        width: 720px !important;
        max-width: 720px !important;
        left: calc(50vw - 360px) !important;
        padding-right: var(--bs-gutter-x, 20px) !important;
        padding-left: var(--bs-gutter-x, 20px) !important;
    }
}

.jumpToContentbuttonInner:hover,
.jumpToContentbuttonInner:focus,
.jumpToContentbuttonInner:active {
    outline: none !important;
    box-shadow: none !important;
}

.jumpToContentbuttonInner .arrow {
    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.95312 19.7266L0.390625 13.1641C0 12.8125 0 12.2266 0.390625 11.8359C0.742188 11.4844 1.32812 11.4844 1.71875 11.8359L6.67969 16.7969V0.9375C6.67969 0.429688 7.07031 0 7.61719 0C8.125 0 8.55469 0.429688 8.55469 0.9375V16.7969L13.5156 11.8359C13.8672 11.4844 14.4531 11.4844 14.8047 11.8359C15.1953 12.1875 15.1953 12.8125 14.8047 13.1641L8.24219 19.7266C7.89062 20.0781 7.30469 20.0781 6.95312 19.7266Z' fill='black'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.95312 19.7266L0.390625 13.1641C0 12.8125 0 12.2266 0.390625 11.8359C0.742188 11.4844 1.32812 11.4844 1.71875 11.8359L6.67969 16.7969V0.9375C6.67969 0.429688 7.07031 0 7.61719 0C8.125 0 8.55469 0.429688 8.55469 0.9375V16.7969L13.5156 11.8359C13.8672 11.4844 14.4531 11.4844 14.8047 11.8359C15.1953 12.1875 15.1953 12.8125 14.8047 13.1641L8.24219 19.7266C7.89062 20.0781 7.30469 20.0781 6.95312 19.7266Z' fill='black'/%3E%3C/svg%3E") !important;
    background-color: #000 !important;
}

@media (max-width: 1024px) {
    .trenner-4 .trenner-video-desktop {
        display: block !important;
    }

    .sectionContainer .highlightBox .highlightContainer .highlightContainerContent {
        padding: 20px !important;
    }

}

#masthead.alwaysFixed.vollbildHeader .slick-dots, #masthead.alwaysFixed.vollbildHeader .swiper-pagination {
    bottom: 120px;
}

#masthead.vollbildHeader .jumpToContent {
    bottom: 50px !important;
}