/* ============================================================
   ATOM: Headline — EINZIGE Quelle der Headline-Styles
   Datei: page-builder/components/atoms/headline/headline.css
   Größen: md (Standard), lg (Hero), sm (CTA) — Modifier-Klassen
   ============================================================ */
@import "../../../assets/tokens.css" layer(sdc-tokens);



.as-headline {
    font-family: var(--as-font-sans);
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 0.6rem;
    color: var(--as-color-navy);
}

/* md = Molecule-Standard (section-head) */
.as-headline--md {
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
}

/* lg = Hero (Startbereich) */
.as-headline--lg {
    font-size: clamp(2.2rem, 5.5vw, 3.8rem);
    line-height: 1.08;
    margin: 0 0 1.2rem;
}

/* sm = CTA / kompakte Kontexte */
.as-headline--sm {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    margin: 0 0 0.5rem;
}

/* Farb-Modifier (2026-08-20): default = navy (wie bisher). Für helle
   Hintergründe (weiß/grau) wählbar: schwarz ODER Schöndienst-Blau. */
.as-headline--color-black {
    color: var(--as-color-text); /* #1e293b — Anthrazit-Schwarz */
}
.as-headline--color-blue {
    color: var(--as-color-accent-brand); /* #056ab4 — Schöndienst-Blau */
}

/* Kontext-Overrides (liegen in den Block-Styles, greifen über Spezifität):
   - .as-text--bg-dark .as-headline { color: white; }
   - .as-hero .as-headline { color: inherit; }
   (bewusst NICHT hier — Atom bleibt kontextfrei) */

@media (max-width: 767.98px) {
    .as-headline--lg {
        font-size: 2rem;
    }
}