/* Block: Einleitungstext (Überschrift + Absätze)
   Sollwerte (User, 2026-08-07):
   Überschrift  Desktop 40px (groß) bzw. 32px (klein) · Tablet/Mobil 25px
                Zeilenhöhen wie Sprint 1: 40→normal · 32→48px · 25→35px
   Fließtext    16px, var(--color-text), max. 1092px breit (nur Desktop)
   Abstände     80/48/48px oben+unten (Sprint-1-Standard)
   Keine clamp()-Größen – feste Stufen je Breakpoint. */

/* Abstand oberhalb/unterhalb der Sektion: assets/css/section-spacing.css */

/* ── Überschrift ─────────────────────────────────────────── */
.page-intro-headline {
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    color: var(--color-dark);
    font-size: 25px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: var(--space-md);            /* 32px */
}

/* ── Fließtext ───────────────────────────────────────────── */
.page-intro-text {
    font-family: var(--font-body);
    font-weight: var(--fw-normal);
    font-size: var(--fs-copy-s);               /* 16px */
    line-height: 1.6;
    color: var(--color-text);                  /* var(--color-text) */
}

.page-intro-text > *:first-child { margin-top: 0; }
.page-intro-text > *:last-child  { margin-bottom: 0; }

.page-intro-text p {
    margin-bottom: var(--space-sm);            /* 16px zwischen den Absätzen */
}

.page-intro-text strong,
.page-intro-text b {
    font-weight: var(--fw-bold);
}

/* ── Variante: zentriert ─────────────────────────────────── */
.page-intro--center {
    text-align: center;
}

.page-intro--center .page-intro-text {
    margin-left: auto;
    margin-right: auto;
}

/* ── Desktop (≥1200px) ───────────────────────────────────── */
@media (min-width: 1200px) {
    .page-intro-headline--large {
        font-size: 40px;
        line-height: normal;
    }

    .page-intro-headline--small {
        font-size: 32px;
        line-height: 48px;
    }

    /* Textspalte nur auf Desktop begrenzt; darunter volle Breite. */
    .page-intro-text {
        max-width: 1092px;
    }
}

/* ---- Zwischenzeile (Startseite, Sprint 3) --------------------------------
   Gemessen aus `.figma-ref/Sprint 3/Weserwaben_Startseite.png`:
   Poppins SemiBold, Versalhöhe 14px → 20px, Farbe var(--color-dark).
   Abstand zur Überschrift ist eng (sie gehört optisch zur Überschrift),
   zum Fließtext darunter 27px. */
.page-intro-subline {
    font-family: var(--font-body);
    font-weight: var(--fw-semibold);
    font-size: 20px;
    line-height: 30px;
    color: var(--color-dark);
    /* Die Zwischenzeile gehört optisch zur Überschrift und sitzt dicht
       darunter: Grundlinie der H2 auf 1191, Versalie der Zeile auf 1204.
       Der negative Wert holt den margin-bottom der H2 wieder herein –
       ein eigener Wert an der H2 würde alle Seiten ohne Zwischenzeile
       mitverändern. */
    margin: -24px 0 20px;
}

@media (max-width: 1199.98px) {
    .page-intro-subline {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 16px;
    }
}