/* Magazin-Design (Redesign Schritt 1, 18.10.2026): wird nach base.css geladen und setzt die Grundwerte neu.
   Vorlage ist die Frankreich-Seite: Inter überall, Farben aus dem Corporate Design Karbach.Digital
   (~/kontor/design/karbach-cd/VORGABE.md), viel Luft, abgerundete Rechtecke. Seiten übernehmen das über ihre
   Variablen; seitenspezifische Feinheiten folgen in den nächsten Schritten (Startseite, Wahlseiten, ...). */

@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext-var.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}

/* html:root schlägt die :root-Werte aus relaunch-tokens.css und Seiten-Styles, egal in welcher Reihenfolge sie laden */
html:root{
  /* Schrift: eine Familie, Ziffern tabellarisch */
  --font-s:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-d:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-serif:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ink:#18181b;
  --ink-2:#52525b;
  --ink-3:#5b5b63;
  --ink-4:#68686f;
  --ink-5:#8a8a92;

  /* Neutrale Töne aus dem CD (Tinte, Text 2/3, Linie, Grund) */
  --black:#18181b;
  --gray-50:#fafafa;
  --gray-100:#f6f6f7;
  --gray-200:#e4e4e7;
  --gray-300:#d4d4d8;
  --gray-400:#71717a;
  --gray-500:#68686f;
  --gray-600:#5b5b63;
  --gray-700:#52525b;
  --gray-800:#27272a;
  --gray-900:#18181b;

  /* Akzent: Mitternachtsblau für Links und Interaktion, Koralle als Hauptakzent in Dachzeilen */
  --accent:#2d3a66;
  --accent-ink:#232d52;
  --accent-soft:rgba(45,58,102,.08);
  --koralle:#e8715a;
  --nebel:#5b6f99;
  --track:#f6f6f7;
  --band:#e9ecf5;

  --radius:10px;
  --radius-md:18px;
}

html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-s);color:var(--black);letter-spacing:-.003em}
/* Gleich breite Ziffern nur, wo Zahlen untereinander stehen: in Inter macht „tnum“ sonst auch den Bindestrich breit */
table,td,th,.rl-num,[class*="num"],[class*="wert"],[class*="pct"],[class*="value"]{font-variant-numeric:tabular-nums}

h1,h2,h3{font-family:var(--font-s);letter-spacing:-.02em;text-wrap:balance}
h1{font-weight:750;letter-spacing:-.03em}
h2{font-weight:700}

/* Dachzeilen: Koralle, gesperrt, wie auf der Frankreich-Seite */
.u-kicker,.in-kicker,.kicker{font-family:var(--font-s);color:var(--koralle);letter-spacing:.12em;font-weight:650}

/* Kopf */
.pk-topbar{border-bottom:1px solid var(--gray-200)}
.pk-topbar-inner{padding:.9rem 1.25rem}
.pk-brand{font-family:var(--font-s);font-size:1rem;font-weight:700;letter-spacing:-.01em}
.pk-brand .pk-brand-dot{color:var(--gray-500);font-weight:500}
.pk-nav a{font-size:.92rem;font-weight:550;color:var(--gray-700)}
.pk-nav a:hover{color:var(--black)}
.pk-nav a.active{font-weight:700;border-bottom-color:var(--koralle)}
.pk-burger{font-family:var(--font-s);border-radius:12px;letter-spacing:.06em}

/* Fuß */
.pk-footer{font-family:var(--font-s);background:#fff;border-top:1px solid var(--gray-200);padding:2rem 1.25rem 1.6rem}
.pk-footer-nav a{color:var(--gray-700);letter-spacing:0;font-size:.9rem}
.pk-footer-meta{color:var(--gray-500);letter-spacing:0}
.pk-footer-projekt{letter-spacing:0;color:var(--gray-700)}

/* Formularfelder und Knöpfe: abgerundete Rechtecke statt Pillen */
button,.btn,input[type=submit]{border-radius:12px}
input[type=email],input[type=text],input[type=search]{border-radius:12px}

/* Code und Zahlen behalten die Familie, keine Schreibmaschine mehr */
code,pre,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* Überschriften der Relaunch-Komponenten: Inter statt Serife, etwas kräftiger */
.rl-h1,.rl-h2{font-weight:750;letter-spacing:-.025em}
.rl-kicker{color:var(--koralle);letter-spacing:.12em;font-weight:650}

/* Fuß schlanker (Max, 18.10.: „im Footer wird es voll“): Newsletter nur mit Mailadresse, Namen und Probezeile weg */
#nl-fuss-host .nl-namen,#nl-fuss-host .nl-probe{display:none}
.pk-footer-inner{gap:.4rem}

/* Newsletter im Fuß als ruhige Fläche (Max, 18.10. nachts: Position und Doppelstrich): eine Kante statt zwei,
   Text links bündig neben dem Formular, gleiche Schrift und Dachzeile wie die Seiten */
#nl-fuss-host{width:100%;max-width:1040px;margin:0 auto 1.2rem}
#nl-fuss-host .nl-fuss{border-top:0;background:var(--gray-100);border-radius:var(--radius-md);padding:34px 38px;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center;text-align:left}
#nl-fuss-host .nl-kick{font-family:var(--font-s);color:var(--koralle);font-weight:650;letter-spacing:.12em;font-size:12px}
#nl-fuss-host .nl-h{font-family:var(--font-s);font-weight:720;font-size:clamp(22px,2.4vw,27px);letter-spacing:-.02em;margin:.45rem 0 .5rem}
#nl-fuss-host .nl-t{font-size:15px;line-height:1.55;margin:0;max-width:40ch}
#nl-fuss-host .nl-check{text-align:left}
#nl-fuss-host .nl-fein{text-align:left;margin-bottom:0}
#nl-fuss-host .nl-in{background:#fff}
@media (max-width:760px){#nl-fuss-host .nl-fuss{grid-template-columns:1fr;gap:20px;padding:24px 22px}}
/* Fuß ohne Trennlinie, mehr Luft zwischen Seite und Newsletter (Max, 19.10.) */
.pk-footer{border-top:0;margin-top:72px;padding-top:0}
#nl-fuss-host{margin-bottom:2.4rem}
/* Mehr Luft zwischen Newsletter und Fußmenü (Max, 19.10.) */
#nl-fuss-host{margin-bottom:64px}