/* ==========================================================================
   lesbar.css — einheitliche, gut lesbare Schriftgrößen (Punkt 8).
   Additiv: ändert style.css NICHT, hebt nur zu kleine Schriften an.
   Auf ALLEN Seiten geladen.

   Brand-kohärente Skala (nicht zu viele Größen):
     Mini-Label (uppercase):   13px   (vorher 10–12)
     Sekundärtext / Teaser:    15px   (vorher 13)
     Fließtext:                16–17px
     Sektion-/Karten-Titel:    via style.css (bereits groß genug)
   Kinder 5–11 und Eltern lesen so deutlich komfortabler.
   ========================================================================== */

/* Mini-Labels & Auszeichnungen: nie unter 13px */
.abschnitt-label,
.nf-label,
.ep-nummer,
.akte .ep-nummer,
.folge-status,
.menu-badge,
.tag,
.stat-label,
.v-legende,
.spoiler-audio-label,
.story-dauer,
.akte .ep-dauer {
  font-size: 13px !important;
  letter-spacing: .04em;
}

/* Sekundärtexte / Teaser / Footer: 15px statt 13 */
.folge-teaser,
.nf-text,
.admin-zeile .az-info span,
.seiten-footer p,
.footer-admin,
.admin-hinweis,
.erz-text {
  font-size: 15px !important;
  line-height: 1.5;
}

/* Karten-/Folgen-Teaser etwas luftiger */
.folge-teaser { line-height: 1.45; }

/* Verlauf-Diagramm-Labels lesbarer (waren 10px) */
.v-label { font-size: 12px !important; }

/* Hero-Lead: angenehme Lesegröße */
.hero-lead {
  font-size: clamp(16px, 4vw, 18px);
  line-height: 1.5;
}

/* Episoden-Beschreibung & Story-Text */
.ep-text,
.story-text {
  font-size: clamp(15px, 3.6vw, 17px);
  line-height: 1.55;
}

/* Buttons gut greif- und lesbar */
.knopf-gross,
.btn-stream,
.btn-play,
.knopf-text {
  font-size: clamp(16px, 4vw, 18px);
}

/* Menü-Links komfortabel */
.menu-link { font-size: clamp(16px, 4vw, 18px); }

/* Steckbrief-Texte auf der Benji-Seite */
.brief-zeile span { font-size: 15px; line-height: 1.5; }