/* Leapway Serif-Typografie (Design-Update Juni 2026)
   Zentrale Override-Datei für alle Content-/Service-/Check-Seiten im Startseiten-Design.
   Eingebunden per <link rel="stylesheet" href="/leapway-serif.css"> direkt vor </head>
   (nach dem seiteneigenen <style>, damit die Kaskade greift; !important schlägt die
   seiteneigenen Klassen-Regeln). Aquarell-Seiten (podcast.html, podcast-quiz-souveraenitaet*)
   binden sie bewusst NICHT ein. index.html hat die Serif-Logik bespoke im Haupt-<style>. */

:root{ --ph-serif:'Source Serif 4', Georgia, 'Times New Roman', serif; }

/* Alle Überschriften auf Serif, etwas kräftiger (durchgängige Anmutung) */
h1, h2, h3, .hero-h1, .section-title, h2.section-title{
  font-family: var(--ph-serif) !important; font-weight: 700 !important; letter-spacing: -0.01em;
}
h1, .hero-h1{ text-wrap: balance; }

/* Überschriften in Marken-Navy statt Schwarz (wie Startseite) */
h1, h2, h3, .display, .section-title{ color: #15306B !important; }
/* Ausnahme: Titel auf dunklen Abschnitten bleiben weiß */
section.cta h1, section.cta h2, section.cta h3,
section.stage h1, section.stage h2, section.stage h3{ color: #fff !important; }

/* Akzentwörter in Überschriften: kursiv + Akzentfarbe (einheitlich wie Hero der Startseite, #1F66D0) */
h1 em, h2 em, h3 em, .section-title em,
h1 .accent, h2 .accent, h3 .accent, .display .accent, .section-title .accent{ font-style: italic !important; font-weight: 700 !important; color: #1F66D0 !important; }

/* Oberüberschriften (Overline) im Hero-Stil: Navy, ohne Punkt, etwas größer */
.overline{ display: inline-block; font-weight: 600; font-size: 1rem; letter-spacing: .01em; text-transform: none; color: #15306B; }
.overline::before{ content: none !important; display: none !important; }