/*
 * Feuerwehr Herrschaft – responsive Feinschliff 0.3.0
 *
 * Review-Korrekturen für Header-Schutzzone, mobile Hero-Komposition und
 * kompaktere Unterseiten. Diese Datei wird zuletzt geladen, damit die
 * bestehenden Komponenten ohne !important sauber verfeinert werden können.
 */

/* Mehr Schutzzone für die Wortmarke im fixierten Header. */
.fw-header-inner {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.fw-brand {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 47.999rem) {
    .fw-header-inner {
        padding-top: 0.85rem;
        padding-bottom: 0.85rem;
    }

    /* Hohe Smartphones nicht künstlich auf volle Viewport-Höhe strecken. */
    .fw-hero,
    .fw-hero__inner {
        min-height: clamp(42rem, 86svh, 50rem);
    }

    .fw-hero {
        background-position: 68% 56%;
    }

    /* Die bisherige asymmetrische Innenhöhe schob den Claim optisch nach unten. */
    .fw-hero__inner {
        padding-top: 7.5rem;
        padding-bottom: 6.5rem;
    }

    /* Unterseiten-Hero trotz höherem Header etwas kompakter halten. */
    .fw-subpage-hero {
        padding-top: 8.5rem;
        padding-bottom: 3rem;
    }

    .fw-editorial-section {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }

    .fw-editorial-heading {
        margin-bottom: 1.75rem;
    }
}

/* Auf hohen Smartphones den Hero-Inhalt bewusst früher beginnen lassen. */
@media (max-width: 47.999rem) and (min-height: 45rem) {
    .fw-hero,
    .fw-hero__inner {
        min-height: clamp(44rem, 82svh, 48rem);
    }

    .fw-hero__inner {
        justify-content: flex-start;
        padding-top: clamp(11rem, 22svh, 12.5rem);
        padding-bottom: 6.5rem;
    }
}

@media (max-width: 22rem) {
    /* Auf sehr kleinen Geräten bleibt genügend Raum für Inhalt und Scroll-Cue. */
    .fw-hero,
    .fw-hero__inner {
        min-height: 42rem;
    }

    .fw-hero__inner {
        padding-top: 7rem;
        padding-bottom: 5.75rem;
    }
}