/* OLENOR Design – gemeinsame Grundlage aller Seiten
   Quelle: Design-System „OLENOR Design“ (tokens.json, Stand 15.10.2026)
   Schrift Prompt lokal (SIL Open Font License, siehe fonts/LICENSE.txt) */

@font-face{font-family:'Prompt';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/Prompt-300.woff2') format('woff2')}
@font-face{font-family:'Prompt';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Prompt-400.woff2') format('woff2')}
@font-face{font-family:'Prompt';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/Prompt-500.woff2') format('woff2')}
@font-face{font-family:'Prompt';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/Prompt-600.woff2') format('woff2')}
@font-face{font-family:'Prompt';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Prompt-700.woff2') format('woff2')}

:root{
  /* Farbe */
  --orange:#e88103;        /* Primär- und Logofarbe */
  --orange-burnt:#c96a1a;  /* Hover primärer Button, Eyebrow */
  --petrol:#2f5d62;        /* Sekundärfarbe, Links, Strang Biodiversität */
  --sand:#f3c89b;
  --blue:#3a6ea5;          /* Strang Künstliche Intelligenz */
  --brown:#a65400;         /* besuchte Links */
  --heading:#2b2b2b;
  --text:#4a4a4a;
  --text-muted:#5c574e;
  --text-subtle:#9c968c;   /* nur auf --footer */
  --surface:#ffffff;
  --surface-cream:#fbf8f3;
  --surface-sand:#f1ece3;
  --surface-tint:#fff7ef;
  --petrol-tint:#e8f0f0;
  --line:#ece7de;
  --line-input:#ddd6ca;
  --footer:#252525;
  --footer-line:#3a3a3a;
  --footer-text:#c9c4bb;
  --selection-ink:#3a2a10;

  /* Typografie */
  --font-sans:"Prompt",system-ui,sans-serif;

  /* Abstände */
  --space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;
  --space-32:32px;--space-40:40px;--space-64:64px;--space-88:88px;

  /* Radien */
  --radius-sm:8px;--radius-md:9px;--radius-logo:10px;--radius-lg:14px;
  --radius-xl:16px;--radius-2xl:18px;--radius-pill:999px;

  /* Schatten */
  --shadow-lift:0 20px 44px -22px rgba(47,93,98,.5);
  --shadow-card:0 18px 40px -22px rgba(47,93,98,.45);
  --shadow-image:0 24px 50px -34px rgba(47,93,98,.4);
  --shadow-cta:0 12px 26px -10px rgba(232,129,3,.5);
  --focus-ring:0 0 0 3px rgba(232,129,3,.15);

  /* Layout */
  --container-max:1180px;
  --header-height:74px;
}

body{font-family:var(--font-sans);color:var(--text);background:var(--surface)}
a:visited{color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}