/* ============================================================
   TWGA Reskin „Die prüfbare Seite" — gemeinsames Stylesheet (2026-09-11)
   Creme/Grün, Spectral + IBM Plex Mono, Dokument-Charakter.
   Wird NACH dem seiteneigenen <style> eingebunden und gewinnt daher
   im Cascade. Familiennamen bleiben, damit alle Komponenten ohne
   Umbau die neuen Schriften nutzen. Inhalt bleibt unverändert.
   ============================================================ */

/* --- Schriften: Familiennamen umgeleitet auf die neuen WOFF2 --- */
@font-face{font-family:'Petrona';src:url('/fonts/spectral-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Petrona';src:url('/fonts/spectral-500.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap;}
@font-face{font-family:'Petrona';src:url('/fonts/spectral-600.woff2') format('woff2');font-weight:601 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Petrona';src:url('/fonts/spectral-400i.woff2') format('woff2');font-weight:300 700;font-style:italic;font-display:swap;}
@font-face{font-family:'Space Mono';src:url('/fonts/plexmono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Space Mono';src:url('/fonts/plexmono-500.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap;}
@font-face{font-family:'Space Mono';src:url('/fonts/plexmono-600.woff2') format('woff2');font-weight:601 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('/fonts/spectral-400.woff2') format('woff2');font-weight:100 400;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('/fonts/spectral-500.woff2') format('woff2');font-weight:500 900;font-style:normal;font-display:swap;}

/* --- Farb-Tokens: Creme + Dunkelgrün statt Sand/Gold --- */
:root{
  --sand-1:#F4F0E6; --sand-2:#E9E3D2; --ink:#201D15;
  --ink-70:rgba(32,29,21,.74); --ink-55:rgba(32,29,21,.56); --ink-45:rgba(32,29,21,.44);
  --line:rgba(32,29,21,.14); --line-strong:rgba(32,29,21,.26);
  --gold:#2C4A38; --gold-ink:#294636; --paper:#FAF7EF;
}

/* --- Basis: Dokument-Charakter --- */
body{font-weight:400; letter-spacing:.002em;}
em{font-style:normal; color:var(--gold-ink);}
h1{font-size:clamp(31px,4.7vw,55px); font-weight:500; line-height:1.07; letter-spacing:-.012em;}
h2{font-size:clamp(25px,3.1vw,39px); font-weight:500; line-height:1.13; letter-spacing:-.008em;}
h3{font-weight:500; letter-spacing:-.005em;}
.lead{font-size:clamp(16px,1.35vw,18px); line-height:1.6;}

/* --- Kanten statt Pillen, grüner Akzent --- */
.btn{border-radius:2px;}
.btn--primary{background:var(--gold-ink); color:#F4EFE2; border-color:var(--gold-ink);}
.btn--primary:hover{background:#1f382a; box-shadow:none; transform:translateY(-1px);}
.btn--primary.btn--hero{background:var(--gold-ink); color:#F4EFE2;}
.btn--primary.btn--hero:hover{background:#1f382a;}
.btn--ghost{border-color:var(--line-strong); color:var(--ink);}
.btn--ghost:hover{border-color:var(--gold-ink); background:rgba(41,70,54,.06);}
.site__cta{border-radius:2px;}
.news__field input{border-radius:2px;}
.news__form{border-radius:3px;}
.book__cover{border-radius:3px;}
@media(max-width:640px){ .site__cta{display:none;} }

/* --- Laufband anhalten (KI-Signatur raus) --- */
.marquee__track{animation:none !important; transform:none !important; flex-wrap:wrap;}
.marquee__set[aria-hidden="true"]{display:none;}
.marquee__set{gap:0 22px; flex-wrap:wrap;}

/* --- Navy-Flächen -> Dunkelgrün (falls auf Unterseiten vorhanden) --- */
.whatsapp-fab{background:#22392C; border-color:rgba(199,169,138,.5);}
.whatsapp-fab:hover{background:#1c3024;}

/* ============================================================
   Unterseiten-Vokabular: eigenes Token-Set + Instrument Serif
   (Überschriften) auf Spectral umgeleitet, Header Navy -> Dunkelgrün.
   ============================================================ */
@font-face{font-family:'Instrument Serif';src:url('/fonts/spectral-500.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:'Instrument Serif';src:url('/fonts/spectral-400i.woff2') format('woff2');font-weight:400 700;font-style:italic;font-display:swap;}
:root{
  --navy:#22392C; --navy-mid:#2C4A38;
  --gold-deep:#294636; --gold-light:#C7A98A;
  --cream:#F4F0E6; --text:#201D15; --text-mid:#4A4634;
  --border:rgba(32,29,21,0.12);
}
/* Wortmarke „TWGA" hell statt grün-auf-grün auf dem dunklen Header */
header logo span, header .logo span, .logo span{ color:#C7A98A !important; }
header__nav a:hover, .header__nav a:hover{ color:#C7A98A; }