/* =====================================================================
   Hilfebereich - Tokens, Fonts, Reset
   EIGENE KOPIE. Das Original liegt in pom-demo (p/shared/tokens.css)
   und gehoert dort zur Briefkampagne. Bewusst kopiert statt von der
   Demo-Domain nachgeladen: Diese Seiten laden nichts von fremden
   Servern - genau deshalb brauchen sie keinen Cookie-Banner.
   Wenn sich Markenfarbe oder Logo aendern, sind es zwei Stellen.
   ===================================================================== */

/* ---------- Fonts (self-hosted woff2) ---------- */
@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/outfit-600.woff2) format('woff2')}
@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/outfit-700.woff2) format('woff2')}
@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/outfit-800.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700.woff2) format('woff2')}

/* ---------- Tokens (identisch zur 90s-Demo) ---------- */
:root{
  --olive:#8BA83A; --olive-d:#7a9633; --olive-dd:#69822b;
  --navy:#0F172A;
  --bg:#F8FAFC; --bg2:#FDFDFD;
  --s100:#F1F5F9; --s200:#E2E8F0; --s300:#CBD5E1; --s400:#94A3B8; --s500:#64748B; --s600:#475569;
  --ink:#0F172A;
  --display:Outfit, ui-sans-serif, system-ui, sans-serif;
  --body:Inter, ui-sans-serif, system-ui, sans-serif;
  --shadow-card:0 1px 2px rgba(15,23,42,.04), 0 12px 30px -12px rgba(15,23,42,.18);
  --shadow-frame:0 30px 70px -28px rgba(15,23,42,.45), 0 8px 24px -12px rgba(15,23,42,.30);
  --shadow-olive:0 10px 22px -8px rgba(139,168,58,.55);
  --cam-ease:cubic-bezier(.45,.05,.2,1);

  /* Praxis-Akzent - NUR im Landing-Wrapper verwendet (Entscheidung 2:
     Viewer + PDF bleiben produkt-treu POM-Olive). Von config.js gesetzt. */
  --brand:#8BA83A;
  --brand-ink:#ffffff;
  /* Die Markenfarbe als VORDERGRUND auf Weiss (Text, duenne Marken, kleine
     Flaechen). --brand selbst ist die ungebremste Praxisfarbe und nur dort
     richtig, wo sie Flaeche ist und --brand-ink die Schrift darauf regelt.
     Wird pro Lead von landing.js/landing-brief.js ueberschrieben; der
     Vorgabewert hier ist das POM-Olive, das auf Weiss bereits reicht. */
  --brand-text:#8BA83A;
}

*{box-sizing:border-box}
html,body{margin:0}
img{max-width:100%}