/* =====================================================================
   Forum Demokratie Österreich – gemeinsames Schrift-/Design-Fundament
   Selbst gehostet (keine externen CDNs, DSGVO-konform).
   Fraunces  = Display-Serif (Überschriften, editorial, charaktervoll)
   Instrument Sans = Grotesk (Fließtext, UI)
   Beide sind Variable Fonts – eine Datei deckt alle Schnitte ab.
   ===================================================================== */

@font-face{
  font-family:'Fraunces';
  src:url(/assets/fonts/fraunces-normal.woff2) format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Fraunces';
  src:url(/assets/fonts/fraunces-italic.woff2) format('woff2');
  font-weight:100 900; font-style:italic; font-display:swap;
}
@font-face{
  font-family:'Instrument Sans';
  src:url(/assets/fonts/instrument-normal.woff2) format('woff2');
  font-weight:100 800; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Instrument Sans';
  src:url(/assets/fonts/instrument-italic.woff2) format('woff2');
  font-weight:100 800; font-style:italic; font-display:swap;
}

/* Optische Größen automatisch nutzen (Fraunces skaliert Details je Größe) */
html,body{ font-optical-sizing:auto; }

/* -----------------------------------------------------------------
   Basis-Typografie – gilt automatisch auf jeder Seite, die theme.css
   einbindet. Etwas höhere Spezifität (html body / body h1) übersteuert
   die alten Inline-Systemschrift-Regeln, ohne jede Seite einzeln zu
   ändern. Seiten-eigene Klassen-Regeln (z. B. .hero h1) gewinnen weiter.
   ----------------------------------------------------------------- */
html body{
  font-family:'Instrument Sans', -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body h1, body h2{
  font-family:'Fraunces', Georgia, "Times New Roman", serif;
  font-weight:590;
  letter-spacing:-0.018em;
}

/* Kopf-Navigation robust: in einer Zeile, kein Umbruch (egal ob .menu
   oder .links). Beim schmalen Desktop übernimmt das Hamburger-Menü. */
header nav.menu, header nav.links{
  display:flex; align-items:center; flex-wrap:nowrap;
}
/* Einzelne Menüpunkte nie mitten im Wort umbrechen ("7 Grundsätze") */
header nav.menu a, header nav.links a{ white-space:nowrap; }
/* Marke: Logo + Wortmarke bleiben kompakt, Untertitel in einer Zeile */
header .brand, header .logo{ flex:none; }
header .brand .wm span, header .logo .wortmarke span{ white-space:nowrap; }