/* Auftragsvermittlung.de – Design-Tokens 2026 (Paket 6, Konzept Kapitel 7).
   Einzige Quelle für Farben, Schrift, Abstände, Radien, Schatten und Fokus.
   Alte Variablen (--ava-*, --avb-*, --avd-*, --primary-color, --main-color-one, --scolor* …) verweisen nur noch hierauf.
   Schriften lokal (OFL), keine Verbindung zu Google. Wird in jedem Layout als erstes Stylesheet geladen. */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(homepage/fonts/dm-sans/dm-sans-latin-wght-normal.woff2) format("woff2");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";font-style:normal;font-weight:100 1000;font-display:swap;src:url(homepage/fonts/dm-sans/dm-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(homepage/fonts/manrope/manrope-latin-wght-normal.woff2) format("woff2");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:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(homepage/fonts/manrope/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* ---------- Farben (7.1) ---------- */
  --av-navy-900:#0b2f50;        /* Footer, dunkelste Flächen */
  --av-navy-800:#0e4169;        /* Hero, Seitenkopf, aktive Chips */
  --av-ink:#0d416b;             /* Überschriften auf Hell */
  --av-text:#26445d;            /* Fließtext */
  --av-muted:#56697d;           /* Hilfstexte: 5,7:1 auf Weiß, 5,3:1 auf --av-bg */
  --av-line:#dce7ef;
  --av-line-strong:#c9d8e5;
  --av-bg:#f3f8fc;
  --av-surface:#fff;
  --av-surface-alt:#f8fbfd;
  --av-green-600:#17883b;       /* Primäraktion, weiße Schrift 4,54:1 */
  --av-green-700:#136f30;       /* Hover, grüne Schrift auf Hell */
  --av-green-500:#35b34a;       /* Akzent (Rahmen, Hover-Linien), keine Fläche mit weißer Schrift */
  --av-green-400:#6cd24e;       /* nur Akzent auf Navy */
  --av-green-50:#e6f6e9;
  --av-green-text:#146b30;      /* Tag-Text: 5,9:1 auf --av-green-50, 6,6:1 auf Weiß */
  --av-blue-600:#0b6fe0;        /* nur Links und Info */
  --av-blue-50:#e6f1fb;
  --av-amber-700:#8a5200;--av-amber-50:#fdf2df;
  --av-red-700:#b3330a;--av-red-50:#fdece4;
  --av-teal-700:#0f7f7b;--av-teal-50:#e2f5f4;

  /* ---------- Fokus ---------- */
  --av-focus-color:#0e4169;
  --av-focus-color-dark:#a0ee85;  /* auf Navy-Flächen */
  --av-focus-width:3px;
  --av-focus-offset:2px;

  /* ---------- Buttons ---------- */
  --av-btn-primary-bg:var(--av-green-600);
  --av-btn-primary-hover:var(--av-green-700);
  --av-btn-primary-fg:#fff;

  /* ---------- Schrift (7.2) ---------- */
  --av-font-head:"Manrope","DM Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --av-font-text:"DM Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --av-fs-display:clamp(36px,5vw,60px);
  --av-fs-h1:clamp(30px,4vw,44px);
  --av-fs-h2:28px;
  --av-fs-h3:18px;
  --av-fs-base:16px;
  --av-fs-sm:13px;
  --av-fs-label:12px;
  --av-fs-min:12px;

  /* ---------- Abstände, Container ---------- */
  --av-space-1:4px;--av-space-2:8px;--av-space-3:12px;--av-space-4:16px;
  --av-space-5:24px;--av-space-6:32px;--av-space-7:48px;--av-space-8:64px;
  --av-container:1240px;--av-gutter:30px;

  /* ---------- Radien ---------- */
  --av-radius-sm:8px;--av-radius-md:12px;--av-radius-lg:16px;--av-radius-xl:24px;--av-radius-pill:999px;

  /* ---------- Schatten (Navy-Basis) ---------- */
  --av-shadow-sm:0 2px 8px rgba(14,65,105,.06);
  --av-shadow-md:0 10px 30px rgba(14,65,105,.08);
  --av-shadow-lg:0 18px 45px rgba(14,65,105,.14);

  /* ---------- Altwerte ----------
     Farben der alten Vorlagen, die sichtbar vom neuen Satz abweichen. Sie bleiben hier gebündelt,
     bis die jeweilige Seite migriert ist; neue Bausteine nutzen sie nicht. */
  --av-legacy-blue:#0a4bb0;
  --av-legacy-blue-dark:#083b8a;
  --av-legacy-blue-soft:#e8f1fa;
  --av-legacy-green-bright:#5bbd1f;
  --av-legacy-green-light:#a3dc63;
  --av-legacy-ink:#14324b;
  --av-legacy-slate:#475569;
  --av-legacy-amber:#9a5a00;
  --av-legacy-amber-bright:#b86e00;
  --av-legacy-red-bright:#c2410c;
  --av-legacy-teal-bright:#0f8a86;
  --av-legacy-boerse-ink:#0b2160;
  --av-legacy-boerse-muted:#4a5d7e;
}
@media(max-width:575.98px){:root{--av-gutter:16px;--av-fs-h2:24px}}