/* Typografie-Verbesserung für die Journal-Seite.
   Ersetzt nur die Schriftarten (die Original-Seite nutzt die kondensierte
   Gotham XNarrow / Gotham Cond). Aufbau, Farben, Bilder und Inhalte bleiben
   unverändert. Schriften liegen lokal, beide OFL. */

@font-face {
  font-family: "Public Sans";
  src: url("./fonts/publicsans-var.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("./fonts/newsreader-var.woff2") format("woff2-variations");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --body-font: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --headline-font: "Newsreader", Georgia, "Times New Roman", serif;
  --button-font: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --body-font-size: 19px;
  --body-line-height-sm: 1.7;
  --body-line-height-md: 1.7;
  --body-line-height-lg: 1.7;
}

/* Die Seite enthält späte <style>-Blöcke im Body, die die Variablen erneut
   setzen. Deshalb hier explizit mit Priorität arbeiten. */
body,
.article-body,
.article-body p,
.article-body > p,
.article-body li,
.article-body a,
.article-body strong,
.article-body em,
.article-body span,
.info__important,
summary,
details,
figcaption,
.article-author,
.textabsatz {
  font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Fließtext: ruhigere Größe und Zeilenhöhe als die kondensierte Original-Schrift */
.article-body > p,
.article-body p {
  font-size: 19px !important;
  line-height: 1.68 !important;
}

.article-body li {
  font-size: 18px !important;
  line-height: 1.68 !important;
}

h1, h2, h3, h4, h5, h6,
.article-title,
.article-title__headline,
.seitenkopf__headline,
.seitenkopf__headline--text,
.main-title,
.headline {
  font-family: "Newsreader", Georgia, "Times New Roman", serif !important;
  letter-spacing: -.01em;
}

h1 { line-height: 1.15; }
h2 { line-height: 1.22; }
h3 { line-height: 1.3; }

/* Lesbarkeit: etwas ruhigere Zeilenlänge im Fließtext */
.article-body > p { max-width: 68ch; }