/* ci.css · Pferdegold-CI fürs KPI-Board (seit 10.11.2026, Guideline „Vorläufige Fassung“ vom 10.11.2026)
   Wird auf jeder Board-Seite als LETZTES Stylesheet geladen (<link rel="stylesheet" href="ci.css"> vor </head>).
   - Farben: die alten Werte wurden in allen Dateien durch die CI-Werte ersetzt (Bordeaux #3B0211, PG Gold #C59A3D,
     Sand #F2EDE5, Stein #E8E3DA, Taupe #C7B7A3, PG Schwarz #1A1A1A, PG Weiß #FFFCF8). Hier nur, was darüber hinausgeht.
   - Schrift: Text in Montserrat (CI-Copy-Schrift). Ziffern bleiben „clean“: Die Familie „PG Ziffern“ ist Inter, aber nur
     für 0–9 (unicode-range). Vorangestellt sorgt sie dafür, dass jede Zahl im Board in Inter mit gleich breiten Ziffern steht,
     auch in Seitentiteln.
   - Seitentitel (h1) seit 11.11.2026 in Montserrat Bold. Die Headline-Schrift Ivy Presto (Adobe Font, Ersatz Cormorant
     Garamond) steht nur noch auf der CI-Seite als Muster.
   - CI-Regel: Text nie in Bordeaux. Links stehen in PG Schwarz mit Unterstrich.
*/
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@300;400;500;600;700;800&display=swap");

@font-face {
  font-family: "PG Ziffern";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format("woff2");
  /* Ziffern plus Zeichen, die in Zahlen stehen: % + , - . € − und schmale Leerzeichen */
  unicode-range: U+0030-0039, U+0025, U+002B-002E, U+20AC, U+2212, U+00A0, U+2009, U+202F;
}
/* dieselben Ziffern für Seitentitel, etwas kleiner, damit sie neben der Serifenschrift nicht zu wuchtig wirken */
@font-face {
  font-family: "PG Ziffern Titel";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format("woff2");
  unicode-range: U+0030-0039, U+0025, U+002B-002E, U+20AC, U+2212, U+00A0, U+2009, U+202F;
  size-adjust: 88%;
}

html:root {
  --sans: "PG Ziffern", "Montserrat", -apple-system, system-ui, sans-serif;
  --serif: "PG Ziffern Titel", "ivypresto-display", "Ivy Presto Display", "ivypresto-headline", "Ivy Presto Headline", "Cormorant Garamond", Georgia, serif;
  --ink: #1A1A1A;            /* einige Seiten hatten --ink in Bordeaux: Text nie in Bordeaux */
}
html body { font-family: var(--sans); font-variant-numeric: tabular-nums; }
html body input, html body select, html body textarea, html body button { font-family: inherit; }

/* Seitentitel (11.11.2026): Montserrat Bold statt Ivy Presto/Cormorant. Julius: Serifen und Schwünge passen nicht zu
   einem Arbeitswerkzeug. Die Headline-Schrift bleibt der CI-Seite (ci-bereich.css) als Muster vorbehalten. */
html body h1 { font-family: var(--sans); font-weight: 700; letter-spacing: -.025em; font-variant-numeric: lining-nums tabular-nums; }
html body .wrap > h1, html body .wrap h1:first-child { font-size: 30px; line-height: 1.15; }

/* Kachel-Titel wie „Titel“ in der Guideline: Montserrat Semibold, Versalien, gesperrt */
html body .t .lbl { text-transform: uppercase; letter-spacing: .07em; font-size: 10.5px; }
html body .t .lbl .src { text-transform: none; letter-spacing: 0; }

/* Text nie in Bordeaux: Links in PG Schwarz, unterstrichen */
html body .sub a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #C7B7A3; }
html body .sub a:hover { text-decoration-color: currentColor; }

/* Kopfzeile: echter Schriftzug mit Pferd statt „PG“-Kachel */
html body .brand { gap: 12px; }
html body .brand .brand-logo { height: 22px; width: auto; display: block; flex: none; }
html body .brand small { font-size: 13px; }
@media (max-width: 640px) { html body .brand .brand-logo { height: 17px; } }