/* ###############
##### Basic ######
############### */
@media all {
    body,
    .page {
        overflow-x: clip;
    }
}


/* ################
##### Header ######
################ */
@media all {

    .page-header {
        /*! min-height: var(--page-header-sticky-height); */
    }

    .page-header-bg {
        background: var(--header-background);
    }

    .page-scrolled .page-header-bg {
        background: var(--header-background-scrolled);
        backdrop-filter: var(--backdrop-blur);
    }

    .page-header-logo {
        height: var(--logo-height);
        padding: var(--logo-padding) 0;
        box-sizing: content-box;
        align-self: center;
        transition: var(--transition-default);
        transition-property: height;
    }

    .page-scrolled .page-header-logo {
        /*! height: var(--logo-height-scrolled); */
    }

    .page-header-logo-link,
    .page-header-logo-img {
        display: block;
        height: 100%;
        width: auto;
    }

    .page-header-searchbox .input-group {
        width: var(--page-header-searchbox-width);
        height: var(--page-header-searchbox-height)
    }

    .search-list-item .hit {
        background-color: #ffff80
    }

    .page-header-sticky .page-header {
        position: sticky;
        top: 0;
        z-index: 1030
    }

    .page-header-topbar {
        background-color: var(--bs-gray-100)
    }

}

@media(min-width: 48rem) {

}

@media(min-width: 62rem) {

    .page-header-overlay-section > div {
        justify-self: end;
        grid-row: 1 / -1;
        grid-column: 1 / -1;
        align-self: center;
    }

    .page-header-overlay-section > .page-header-navigation {
        transition: var(--transition-default);
        transition-property: opacity;
    }

    .page-header-overlay-section.show-overlay > .page-header-navigation {
        opacity: 0;
        pointer-events: none;
    }
}

/* ##############
##### Page ######
############## */
@media all {
    .pagination .page-item.disabled .page-link {
        padding-left: .25em;
        padding-right: .25em
    }
}

/* ###############
##### Stage ######
############### */
@media all {
    .page-stage .ce-element {
        margin-top: 0
    }

    .page-stage .ce-textmedia.ce-below .ce-gallery,
    .page-stage .ce-textmedia.ce-above .ce-gallery {
        margin: 0
    }
}

/* #################
##### Content ######
################# */
@media all {

    .page-to-top-link {
        position: fixed;
        right: .625rem;
        bottom: .625rem;
        z-index: 1030;
        width: 2.5rem;
        height: 2.5rem;
        opacity: .4
    }
}

/* ################
##### Footer ######
################ */
@media all {

    .page-footer {
        background-color: var(--color-gray-middark);
    }
    
    .page-footer-top {
        display: grid;
    }

    .page-footer-bottom {
        background-color: rgba(0,0,0,.25);
        padding-bottom: calc(var(--page-gap) * 1.5);
        padding-top: calc(var(--page-gap) / 2);
    }

    .footer-menu .nav-link {
        display: inline-block
    }

    .werbelink {
        font-weight: normal;
        text-decoration: none;
        opacity: .125;
    }

    .werbelink:hover {
        opacity: 1;
    }

    .werbelink span {
        background: #6c757d;
        color: #fff;
        padding: .25em;
        border-radius: .25em;
        font-size: .5em;
        line-height: 1;
        vertical-align: top;
        display: inline-block
    }
}