/* Förderschmiede v2, gemeinsame Tokens. Von allen Teilen geladen, nur der Knoten regie darf sie erweitern (nie Markenfarben ändern). */
/* 1 Schriften: selbst gehostet, kein Fremdserver */
@font-face{font-family:"Russo One";src:url("../fonts/russo-one.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* Montserrat für Fließtext, Knöpfe, Formulare und Kleinschrift (Entscheidung 01.10.2026), aus github.com/google/fonts,
   Herkunft und Umwandlung in V2/umbau2/schrift/HERKUNFT.txt, Lizenz fonts/OFL-Montserrat.txt */
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
/* Montserrat Alternates nur noch für Kicker in Großbuchstaben, ein Schnitt */
@font-face{font-family:"Montserrat Alternates";src:url("../fonts/montserrat-alternates-semibold.woff2") format("woff2");font-weight:600 700;font-style:normal;font-display:swap}

/* 2 Variablen */
:root{
  /* Markenfarben, keine weiteren erfinden */
  --signal:#11768C;          /* Akzent, CTA. Weiß darauf 5,3:1 */
  --deep:#031926;            /* große dunkle Flächen */
  --silver:#BDBFBF;          /* Nebentext auf Dunkel, 9,4:1 auf Deep Blue */
  --grau:#1B2426;            /* Fließtext auf Hell */
  --weiss:#FFFFFF;
  --hell:#F5F8F9;            /* Hintergrund heller Sektionen, wie im Rechner */
  /* Abstufungen der vier Farben (Tints, Shades, Transparenz) */
  --signal-dunkel:#0D5D6F;   /* Hover auf Signal Blue */
  --signal-hell:#7CB4C0;     /* Signal Blue mit 45 % Weiß: Akzenttext auf Deep Blue, 7,8:1 */
  --signal-10:#E7F1F4;
  --signal-20:#CFE4E8;
  --deep-80:rgba(3,25,38,.8);
  --deep-2:#0A2433;          /* Deep Blue, minimal aufgehellt, für Karten auf Deep Blue */
  --linie-dunkel:rgba(189,191,191,.22);
  --linie-hell:rgba(27,36,38,.14);
  --linie-feld:rgba(27,36,38,.62); /* Grenzen von Bedienelementen, auf Weiß gemischt #72777A, 4,5:1 */
  --grau-leise:#4A585C;      /* Dark Grey aufgehellt, Nebentext auf Hell, 7,1:1 auf Weiß */

  /* Schriften: Überschriften Russo One, Text Montserrat, Kicker in Großbuchstaben Montserrat Alternates (01.10.2026) */
  --f-marke:"Russo One",system-ui,sans-serif;
  --f-text:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-kicker:"Montserrat Alternates","Montserrat",system-ui,sans-serif;

  /* Typo-Skala, fließend von 320 bis 1440 px */
  --t-mega:clamp(2.5rem,1.1rem + 6.4vw,6.75rem);
  --t-h2:clamp(1.875rem,1.25rem + 3.1vw,4rem);
  --t-h3:clamp(1.1875rem,1.02rem + .8vw,1.625rem);
  --t-lead:clamp(1.0625rem,.98rem + .42vw,1.375rem);
  --t-text:clamp(1rem,.97rem + .15vw,1.0625rem);
  --t-klein:.875rem;
  --t-kicker:clamp(.75rem,.72rem + .15vw,.8125rem);
  --t-zahl:clamp(3.5rem,1.9rem + 7.2vw,8.5rem);

  /* Abstände */
  --rand:clamp(20px,5vw,64px);
  --breite:1280px;
  --sektion:clamp(56px,2rem + 3.4vw,88px);   /* Umbau 30.09.2026: kürzer, die Seite bleibt bei 1440x900 unter 9.000 px */
  --luft-1:8px; --luft-2:16px; --luft-3:24px; --luft-4:32px; --luft-5:48px; --luft-6:64px; --luft-7:96px;

  /* Schnittkante: Steigung tan(37,5°) = 0,767, gemessen an den Flügeln des Logos */
  --steigung:.767;
  --ecke:clamp(40px,7vw,112px);
  --ecke-x:calc(var(--ecke) * var(--steigung));

  --radius:0;                /* die Marke ist kantig, Radien nur, wo die Bedienung sie braucht */
  --schatten:0 24px 60px -30px rgba(3,25,38,.45);
  --nav-hoehe:72px;
  --sat:env(safe-area-inset-top,0px); /* oberer Einzug (Notch), kommt zur Leistenhöhe dazu */
  --dauer:.7s;
  --kurve:cubic-bezier(.2,.7,.2,1);

  /* v2: Glut nur als Licht (Glühen, Funken, Schrift-Animation), nie als Fläche, Text oder Knopf */
  --glut:#FF7A1A;
  --glut-hell:#FFC27A;
  --glut-weiss:#FFF1D6;

  /* v2: Höhe der Navigation beim Scrollen (seit dem Umbau vom 30.09.2026 wie v1 unverändert 72 px) und Startwert der mobilen
     CTA-Leiste, seite.js setzt --leiste-hoehe auf die gemessene Höhe (Teile können fixierte Knöpfe darauf ausrichten) */
  --nav-kompakt:var(--nav-hoehe);
  --leiste-hoehe:72px;
  /* v2, Knoten rahmen: Silver zu 75 % auf Deep Blue, Grundfarbe der Manifest-Wörter vor dem Schmieden (kaltes Metall), 6,0:1 auf Deep Blue */
  --stahl-kalt:#8F9699;
}