/* Typografische Verfeinerung des Magazins (14.11.2026): Newsreader NUR fuer Artikelueberschriften und den Serienkopf "Der Tag in der Pflege".
   Fliesstext, Teaser/Vorspann, Zwischenueberschriften, Navigation, Metadaten, Bilder und Werbung bleiben unveraendert.
   Alle Regeln sind auf Magazin-Komponenten begrenzt (main[data-seite=...]); keine globalen h1/h2/h3-Regeln.
   Rollback: Datei storage/magazin-schalter/TYPO_AUS anlegen (dann wird weder CSS noch Schrift geladen). */

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("/assets/magazin/fonts/newsreader-latin-400-500.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Ersatzschrift bis Newsreader geladen ist: die bereits geladene Source Serif 4, auf die Laufweite von Newsreader skaliert (kaum Umbruch-Verschiebung) */
@font-face {
  font-family: "Newsreader Fallback";
  font-style: normal;
  font-weight: 200 900;
  src: url("/assets/magazin/fonts/source-serif-4-latin-opsz-normal.woff2") format("woff2");
  size-adjust: 90.2%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root { --nr: "Newsreader", "Newsreader Fallback", "Source Serif 4", Georgia, "Times New Roman", serif; }

/* ---- gemeinsame Eigenschaften aller Artikelueberschriften ------------------------------------------------------------------------------ */
main:is([data-seite="artikel"], [data-seite="start"], [data-seite="liste"]) article :is(h1.hl-lg, h1.hl-xl, h2.hl-xl, h3.hl-lg, h3.hl-md, h3.hl-sm) {
  font-family: var(--nr);
  font-weight: 400;
  font-optical-sizing: auto;
  letter-spacing: 0;
  text-align: left;
  text-wrap: balance;
  hyphens: manual;
  overflow-wrap: break-word;
}
/* ---- Artikelseite: News ------------------------------------------------------------------------------------------------------------------- */
main[data-seite="artikel"] article h1.hl-lg { font-size: 2.1rem; line-height: 1.15; }
@media (min-width: 640px) { main[data-seite="artikel"] article h1.hl-lg { font-size: 2.5rem; } }

/* ---- Artikelseite: Hintergrund (bestehende Kennzeichnung und Linie .hg-bar bleiben): etwas groesser, mehr Luft ------------------------------- */
main[data-seite="artikel"] .hg-bar h1.hl-lg { font-size: 2.25rem; line-height: 1.15; margin-top: 1rem; padding-bottom: .3rem; }
@media (min-width: 640px) { main[data-seite="artikel"] .hg-bar h1.hl-lg { font-size: 2.75rem; } }

/* ---- Startseite und Uebersichten: Hierarchie bleibt (Leitartikel > Feature/Zeile > kleine Karte) ------------------------------------------- */
main[data-seite="start"] article h1.hl-xl, main[data-seite="liste"] article h2.hl-xl { font-size: 2.3rem; line-height: 1.12; }
@media (min-width: 640px) { main[data-seite="start"] article h1.hl-xl, main[data-seite="liste"] article h2.hl-xl { font-size: 3.1rem; } }
main[data-seite="liste"] article h3.hl-lg { font-size: 2.1rem; line-height: 1.15; }
@media (min-width: 640px) { main[data-seite="liste"] article h3.hl-lg { font-size: 2.4rem; } }
main:is([data-seite="artikel"], [data-seite="start"], [data-seite="liste"]) article h3.hl-md { font-size: 1.65rem; line-height: 1.16; }
main:is([data-seite="artikel"], [data-seite="start"], [data-seite="liste"]) article h3.hl-sm { font-size: 1.5rem; line-height: 1.18; }
/* Hintergrund-Karten: bei gleicher Kartengroesse etwas groesser; Umbruch und Silbentrennung verhindern gesprengte Karten */
main:is([data-seite="artikel"], [data-seite="start"], [data-seite="liste"]) .hg-bar h3.hl-md { font-size: 1.75rem; line-height: 1.15; }
main:is([data-seite="artikel"], [data-seite="start"], [data-seite="liste"]) .hg-bar h3.hl-sm { font-size: 1.62rem; line-height: 1.16; }
main:is([data-seite="artikel"], [data-seite="start"], [data-seite="liste"]) article h3 { min-width: 0; }

/* ---- Serienkopf "Der Tag in der Pflege" -------------------------------------------------------------------------------------------------- */
/* Artikelseite: Der vorhandene Ressortname ueber der Ueberschrift wird zum zentrierten Formatnamen zwischen zwei feinen Linien (Datum, Vorspann und Reihenfolge unveraendert) */
main[data-seite="artikel"] article:has(.kicker a[href$="/der-tag-in-der-pflege"]) .kicker {
  display: block;
  margin: 0 0 .45rem;
  padding: .55rem 0 .6rem;
  border-top: 1px solid var(--color-rule);
  border-bottom: 1px solid var(--color-rule);
  text-align: center;
  font-family: var(--nr);
  font-weight: 400;
  font-size: clamp(1.35rem, 1.05rem + 1.1vw, 1.75rem);
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-ink);
}
main[data-seite="artikel"] article:has(.kicker a[href$="/der-tag-in-der-pflege"]) .kicker a { color: inherit; }

/* Startseite: Ausgabe-Box (gleicher Inhalt und gleiche Reihenfolge); die seitliche Akzentlinie und der Rahmen entfallen, da der Serienkopf selbst durch Linien gefasst ist */
.tk-box { display: block; margin: 0 0 1rem; padding: .35rem .8rem .75rem; background: #faf6ee; color: inherit; text-decoration: none; }
.tk-name { display: block; padding: .5rem 0 .55rem; border-top: 1px solid var(--color-rule); border-bottom: 1px solid var(--color-rule); text-align: center; font-family: var(--nr); font-weight: 400; font-size: 1.35rem; line-height: 1.2; letter-spacing: 0; color: var(--color-ink); }
.tk-hl { display: block; margin-top: .7rem; font-family: var(--nr); font-weight: 400; font-size: 1.4rem; line-height: 1.18; letter-spacing: 0; text-align: left; text-wrap: balance; hyphens: manual; overflow-wrap: break-word; }

/* "Aktuell"-Liste der Startseite: gleiche Schrift wie die uebrigen Artikelueberschriften (Groesse unveraendert klein) */
main[data-seite="start"] aside li > a.headline-link { font-family: var(--nr); font-weight: 400; font-size: 1.2rem; line-height: 1.22; letter-spacing: 0; hyphens: manual; overflow-wrap: break-word; }

/* ---- Artikelkoerper (redaktionelle Artikel): kompakte Absatz- und Ueberschriftenskala (14.11.2026) --------------------------------------------
   Basis: Fliesstext 1,2rem / 1,62 (unveraendert). Absatzabstand 0,7em; Zwischenueberschrift 1,4rem, Gewicht 600, mehr Abstand davor (1,5em) als danach (0,3em),
   damit sie optisch zum folgenden Absatz gehoert. Vorher wirkten Absatzabstand 1,15em, Ueberschrift 1,55rem/620 mit 1,6em/0,6em zu gross und uneinheitlich. */
main[data-seite="artikel"] article .body-text p { margin: 0 0 .7em; }
main[data-seite="artikel"] article .body-text :is(h2, h3) { text-wrap: balance; letter-spacing: 0; hyphens: manual; overflow-wrap: break-word; }
main[data-seite="artikel"] article .body-text h2 { font-size: 1.3rem; font-weight: 600; line-height: 1.25; margin: 1.5em 0 .3em; }
main[data-seite="artikel"] article .body-text h3 { font-size: 1.12rem; font-weight: 600; line-height: 1.3; margin: 1.3em 0 .25em; }
main[data-seite="artikel"] article .body-text > :is(h2, h3):first-child { margin-top: 0; }
@media (min-width: 640px) { main[data-seite="artikel"] article .body-text h2 { font-size: 1.4rem; } main[data-seite="artikel"] article .body-text h3 { font-size: 1.2rem; } }
/* Artikelkopf: Hauptueberschrift, Vorspann, Datum und Textbeginn dichter und gleichmaessig gestaffelt */
main[data-seite="artikel"] article h1.hl-lg + .dek-lg { margin-top: .9rem; }
main[data-seite="artikel"] article .dek-lg + .byline { margin-top: 1rem; }
main[data-seite="artikel"] article .body-text { margin-top: 1.5rem; }