/* Aus NEUE-SEITE/assets/mep.css exportiert. Änderungen dort vornehmen. */
@font-face{font-family:'Outfit';src:url('../website-formular/schriften/outfit-var.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Outfit';src:url('../website-formular/schriften/outfit-var-ext.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';src:url('../website-formular/schriften/dmsans-var.woff2') format('woff2');
  font-weight:100 1000;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';src:url('../website-formular/schriften/dmsans-var-ext.woff2') format('woff2');
  font-weight:100 1000;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  /* Marke */
  --svw-blau:#075387;
  --svw-blau-licht:#0a6aad;
  --svw-violett:#00AD79;        /* Altname, traegt Mittelgruen */
  --svw-gruen-mittel:#00AD79;
  --svw-blau-hell:#5CEE9C;      /* Altname, traegt Hellgruen  */
  --svw-gruen-hell:#5CEE9C;
  --svw-gruen:#00DA72;
  --svw-neon:#00DA72;
  --svw-gruen-text:#00734F;     /* gruener Text auf Weiss, 4,9:1 */
  --svw-badge:#00795A;          /* gefuellter Badge, Weiss darauf 4,6:1 */
  --svw-gruen-dunkel:#00563E;   /* Kicker-Text in V2c, auf Glas 7,4:1 */

  /* Nachtblau */
  --svw-dunkel:#0A0F1A;
  --svw-dunkel-alt:#0E1626;
  --svw-dunkel-linie:#1A2947;

  /* Text — V2c setzt die Ueberschrift auf #141d33 und den Fliesstext auf
     #5A6378. Beide sind gegen den hellen Grund geprueft (14,6:1 und 5,8:1). */
  --svw-text:#141d33;
  --svw-text-mittel:#28324d;    /* Zeilen im Baustein-Waehler, 11,6:1 */
  --svw-text-weich:#5A6378;
  --svw-text-leise:#6B7280;
  --svw-text-hell:#FFFFFF;
  --svw-text-hell-weich:#C3D0E2;
  --svw-text-hell-leise:#8FA3BF;

  /* Flaechen */
  --svw-grund:#FFFFFF;
  --svw-grund-alt:#F5F7FA;
  --svw-karte:#FFFFFF;
  --svw-linie:rgba(18,40,70,.09);
  --svw-linie-fein:rgba(18,40,70,.06);

  /* Verlaeufe */
  --svw-verlauf:linear-gradient(160deg,#0d74b8,#06507f);
  --svw-verlauf-text:linear-gradient(104deg,#075387 6%,#00AD79 48%,#00DA72 92%);
  --svw-verlauf-neon:linear-gradient(135deg,#00AD79,#00DA72);

  /* Die vier Kachel-Verlaeufe aus V2c. Mehr gibt es nicht: jede farbige
     Objekt-Kachel nimmt genau einen davon, damit die Seite nicht in
     zwanzig Gruentoenen auseinanderlaeuft. Darueber liegt immer derselbe
     Glanz (--svw-kachel-glanz) — das ist der weiche Lichtpunkt oben. */
  --svw-kachel-gruen:linear-gradient(150deg,#00c98a,#00714e);
  --svw-kachel-blau:linear-gradient(150deg,#1287d0,#06507f);
  --svw-kachel-misch:linear-gradient(150deg,#3fd6a0,#0a5f92);
  --svw-kachel-nacht:linear-gradient(150deg,#31456e,#0E1626);
  --svw-kachel-glanz:radial-gradient(115% 78% at 50% -22%,rgba(255,255,255,.62),rgba(255,255,255,0) 62%);
  --svw-kachel-schatten:0 4px 10px rgba(10,30,58,.20),inset 0 1.4px 0 rgba(255,255,255,.55),inset 0 -7px 12px rgba(4,24,44,.16);

  /* Schriften — V2c. Outfit traegt alles Ausgezeichnete, DM Sans den Text.
     --svw-font-display heisst weiter so, damit die Bestandsregeln greifen; es
     ist jetzt aber dieselbe Familie wie in den Ueberschriften. */
  --svw-font-display:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;
  --svw-font-titel:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;
  --svw-font-text:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* --- Glas-Rezept ------------------------------------------------------
     Vier Stufen. Je hoeher die Deckung, desto weiter vorn liegt die Flaeche.
     Die Fuellung ist nie voll transparent: faellt der Blur weg, traegt sie
     den Kontrast allein. Werte wortgleich aus V2c. */
  --svw-glas-fuell:linear-gradient(155deg,rgba(255,255,255,.90),rgba(255,255,255,.62));
  --svw-glas-fuell-weich:linear-gradient(155deg,rgba(255,255,255,.74),rgba(255,255,255,.46));
  --svw-glas-fuell-fest:linear-gradient(155deg,rgba(255,255,255,.94),rgba(255,255,255,.72));
  --svw-glas-fuell-dunkel:linear-gradient(155deg,rgba(26,41,71,.80),rgba(10,15,26,.66));
  --svw-glas-kante:1px solid rgba(255,255,255,.96);
  --svw-glas-kante-dunkel:1px solid rgba(255,255,255,.16);
  --svw-glas-blur:blur(20px) saturate(1.55);
  --svw-glas-blur-fest:blur(26px) saturate(1.55);
  --svw-glas-blur-weich:blur(14px) saturate(1.55);
  --svw-glas-schatten:0 24px 60px rgba(18,40,70,.10),0 2px 8px rgba(18,40,70,.05),inset 0 1px 0 rgba(255,255,255,1);
  --svw-glas-schatten-weich:0 10px 26px rgba(18,40,70,.07),inset 0 1px 0 rgba(255,255,255,1);
  --svw-glas-schatten-zart:0 5px 12px rgba(18,40,70,.055),inset 0 1px 0 rgba(255,255,255,1);
  --svw-glas-schatten-hoch:0 50px 100px rgba(18,40,70,.14),0 10px 26px rgba(18,40,70,.07),inset 0 1px 0 rgba(255,255,255,1);
  --svw-glas-schatten-dunkel:0 34px 80px rgba(3,9,20,.50),0 4px 14px rgba(3,9,20,.32),inset 0 1px 0 rgba(255,255,255,.22);

  /* Raster */
  --svw-breite:1180px;
  --svw-breit-panel:1340px;     /* V2c: die grossen Panels stehen breiter als der Satz */
  --svw-schmal:900px;
  --svw-lese:720px;
  --svw-rand:clamp(18px,5vw,40px);
  --svw-abstand-sektion:clamp(64px,8vw,104px);
  --svw-kopfhoehe:86px;

  /* Radien aus V2c: Zeilen 15, kleine Kacheln 8–13, Karten 17–22,
     Panels 30–34, Pillen 999. */
  --svw-radius-mini:8px;
  --svw-radius-zeile:15px;
  --svw-radius-klein:17px;
  --svw-radius:22px;
  --svw-radius-gross:30px;
  --svw-radius-panel:34px;
  --svw-radius-pille:999px;

  /* Das Haekchen. Einmal als Maske (nimmt currentcolor bzw. background) und
     einmal als weisses Bild fuer gefuellte Punkte. Vorher stand dieselbe
     data:-URL viermal im Stylesheet. */
  --svw-haken-maske:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.6 4.6 4.6L19 6.6'/%3E%3C/svg%3E");
  --svw-haken-weiss:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");

  /* Altnamen */
  --svw-karte-radius:var(--svw-radius);
  --svw-schatten:var(--svw-glas-schatten-weich);
  --svw-bg:var(--svw-grund);
  --svw-bg-alt:var(--svw-grund-alt);
  --svw-muted:var(--svw-text-weich);
  --svw-container:var(--svw-breite);
  --svw-breite-schmal:var(--svw-schmal);
}