/*
 * STIERS – gemeinsame Tablet-/Desktop-Basis
 *
 * Die Datei wird per media-Attribut erst ab 768 px geladen. Sie enthält nur
 * gemeinsame Seitenchrome und Layout-Utilities; Seitensektionen bleiben in
 * ihren eigenen Responsive-Dateien.
 */

body {
    background: #010101;
}

main.rw-page,
main.sx-page {
    width: 100%;
    overflow: clip;
}

.rw-inner {
    width: 100%;
    max-width: 1280px;
    padding-right: clamp(32px, 5vw, 72px);
    padding-left: clamp(32px, 5vw, 72px);
}

.rw-h2 {
    margin: 0;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 300;
    line-height: 1.22;
    letter-spacing: .055em;
}

.rw-h2 .rw-hspan {
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.5;
}

/* Tablet nutzt weiterhin den Menüknopf; ab 1100 px folgt die Hauptnavigation. */
.site-header.sx-header {
    height: 80px;
    padding: 0 clamp(32px, 5vw, 72px);
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(1,1,1,.58), rgba(1,1,1,.08));
}

.site-header.sx-header.is-scrolled {
    background: rgba(1,1,1,.9);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.sx-header-logo {
    top: 29px;
    left: clamp(32px, 5vw, 72px);
}

.sx-header .stiers-hamburger {
    top: 20px;
    right: clamp(24px, 4vw, 64px);
}

footer.wp-block-group,
main.rw-page + div,
main.sx-page + div {
    margin-block-start: 0 !important;
}

.rw-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "logo links"
        "claim links"
        "copy links";
    align-content: center;
    width: 100%;
    height: auto;
    min-height: 190px;
    padding: 38px clamp(40px, 6vw, 92px);
}

.rw-footer-logo {
    grid-area: logo;
    width: auto;
    height: auto;
    padding: 0;
}

.rw-footer-logo img {
    width: 88px;
}

.rw-footer-claim {
    grid-area: claim;
    height: auto;
    margin: 16px 0 0;
}

.rw-footer-copy {
    grid-area: copy;
    height: auto;
    margin: 8px 0 0;
    font-size: 11px;
}

.rw-footer-links {
    grid-area: links;
    align-self: center;
    height: auto;
    margin: 0;
    gap: clamp(20px, 3vw, 48px);
}

.rw-footer-links a {
    height: auto;
    padding: 14px 0;
}

.stiers-cart {
    right: 0 !important;
    width: 67px !important;
    height: 55px !important;
    border-radius: 50px 0 0 50px !important;
}

@media (min-width: 1100px) {
    .sx-desktop-nav {
        position: absolute;
        top: 50%;
        right: clamp(42px, 6vw, 92px);
        display: flex;
        align-items: center;
        height: auto;
        gap: clamp(28px, 3vw, 48px);
        margin: 0;
        transform: translateY(-50%);
    }

    .sx-desktop-nav a {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 44px;
        color: rgba(255,255,255,.76);
        font-size: 13px;
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: .14em;
        text-decoration: none;
        text-transform: uppercase;
        transition: color .2s ease;
    }

    .sx-desktop-nav a:hover,
    .sx-desktop-nav a[aria-current="page"] {
        color: #fff;
    }

    .sx-desktop-nav a[aria-current="page"]::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 5px;
        left: 0;
        height: 1px;
        background: #b05848;
    }

    .sx-header .stiers-hamburger {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sx-desktop-nav a {
        transition: none;
    }
}