/* ==========================================================
   BACKGROUND SYSTEM
========================================================== */

body {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@media (max-width: 900px) {
    body {
        background-attachment: scroll;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }
}

body::before {
    content: "";
    position: fixed;
    inset: 0;

    background: rgba(255, 255, 255, .18);

    pointer-events: none;
    z-index: 0;
}

@media (max-width:900px) {
    body::before {
        background:
            linear-gradient(rgba(255, 255, 255, .22),
                rgba(255, 255, 255, .22));
        backdrop-filter: blur(1px) saturate(.9);
        -webkit-backdrop-filter: blur(1px) saturate(.9);
    }
}

.wp-site-blocks {
    position: relative;

    z-index: 1;

    min-height: 100vh;

    display: flex;
    flex-direction: column;

    padding-top: var(--header-height);

    overflow: visible;
}

/* ==========================================================
   Sticky Footer
========================================================== */

/* Nur main soll wachsen */
.wp-site-blocks>main,
.wp-site-blocks>.site-main {
    flex: 1 0 auto;
}

/* Footer nach unten */
.wp-site-blocks>.site-footer {
    margin-top: auto;
}