/* ACTIVATED — Werte. Erzeugt aus brand.json, nicht von Hand ändern. */

@font-face { font-family: "Bebas Neue Pro"; src: url("fonts/BebasNeuePro-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Book.woff2") format("woff2"); font-weight: 350; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Roman.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Oblique.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Heavy.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir LT Pro"; src: url("fonts/AvenirLTPro-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root, [data-theme="dark"] {
  color-scheme: dark;
  --bg: #030604;
  --bg-deep: #000000;
  --surface: #06100c;
  --surface-raised: #111a13;
  --surface-hover: #163426;
  --surface-glass: #041009e8;
  --scrim: #0208066b;
  --panel-start: #0b1716ee;
  --panel-end: #020805f5;
  --dialog-start: #12251ff0;
  --dialog-end: #030a08ed;
  --nav-shade: #0205049c;
  --media-shade-strong: #00000088;
  --media-shade-soft: #00000033;
  --text: #ffffff;
  --text-soft: #edf3ef;
  --text-muted: #bac5bf;
  --text-dim: #90a19a;
  --on-accent: #000000;
  --accent: #12ff00;
  --accent-hover: #9cff00;
  --accent-alt: #bfff3d;
  --accent-text: #12ff00;
  --accent-tint: #b8ffb1;
  --accent-soft: #12ff001e;
  --accent-line: #12ff0080;
  --line: #c8f2d126;
  --line-strong: #92dfa250;
  --line-control: #9cbea5;
  --danger: #ff6a7c;
  --danger-soft: #7b17233d;
  --warning: #ffc53d;
  --success: var(--accent-text);
  --focus: #12ff00;
  --shadow-card: 0 3px 9px #00000044;
  --shadow-float: 0 14px 35px #00000055;
  --shadow-panel: 0 0 0 5px #090f0c25, 0 0 55px #12ff0012, 0 25px 90px #00000099, inset 0 1px #c6ffd859;
  --shadow-dialog: 0 0 90px #12ff0020, 0 30px 90px #00000088, inset 0 1px #effff333;
  --glow-hover: 0 0 24px #12ff0020;
  --glow-sm: 0 0 12px #12ff0066;
  --glow-md: 0 0 14px 2px #12ff0080;
  --glow-lg: 0 0 70px #12ff0022, 0 0 160px #12ff0012, 0 56px 110px -34px #12ff0066, 0 30px 80px #000000cc;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f5ef;
  --bg-deep: #ffffff;
  --surface: #ffffff;
  --surface-raised: #eef4f0;
  --surface-hover: #e4eee7;
  --surface-glass: #ffffffe0;
  --scrim: #0304034d;
  --panel-start: #ffffff;
  --panel-end: #f4f5ef;
  --dialog-start: #ffffff;
  --dialog-end: #eef4f0;
  --nav-shade: #f4f5efcc;
  --media-shade-strong: #00000088;
  --media-shade-soft: #00000033;
  --text: #030403;
  --text-soft: #163426;
  --text-muted: #3d4d43;
  --text-dim: #536559;
  --on-accent: #000000;
  --accent: #12ff00;
  --accent-hover: #9cff00;
  --accent-alt: #bfff3d;
  --accent-text: #125321;
  --accent-tint: #183c24;
  --accent-soft: #12ff0030;
  --accent-line: #125321;
  --line: #03040326;
  --line-strong: #0304034d;
  --line-control: #536559;
  --danger: #a3142a;
  --danger-soft: #ffdbe1;
  --warning: #7a4d00;
  --success: var(--accent-text);
  --focus: #125321;
  --shadow-card: 0 3px 9px #00000044;
  --shadow-float: 0 14px 35px #00000055;
  --shadow-panel: 0 0 0 1px #0304031a, 0 25px 60px #03040326;
  --shadow-dialog: 0 30px 90px #03040333;
  --glow-hover: 0 6px 18px #03040326;
  --glow-sm: none;
  --glow-md: 0 0 0 3px #12532133;
  --glow-lg: 0 30px 80px #03040333;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;
  --blur-sm: 6px;
  --blur-md: 12px;
  --blur-lg: 22px;
  --duration-fast: 180ms;
  --duration-base: 200ms;
  --duration-slow: 550ms;
  --duration-scene: 1100ms;
  --ease-standard: cubic-bezier(.2,.7,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.3,0,.2,1);
  --content-max: 1200px;
  --measure: 62ch;
  --gutter: 3.5vw;
  --gutter-narrow: 20px;
  --bp-narrow: 650px;
  --bp-wide: 1000px;
  --target-min: 44px;
  --font-display: "Bebas Neue Pro", "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --font-sans: "Avenir LT Pro", "Avenir Next", Avenir, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.display-hero { font-family: var(--font-display); font-size: 78px; line-height: 0.96; font-weight: 700; letter-spacing: 0.015em; }
.display-1 { font-family: var(--font-display); font-size: 60px; line-height: 1.02; font-weight: 700; letter-spacing: 0.01em; }
.display-2 { font-family: var(--font-display); font-size: 48px; line-height: 1.04; font-weight: 700; letter-spacing: 0.015em; }
.display-3 { font-family: var(--font-display); font-size: 38px; line-height: 1.06; font-weight: 700; letter-spacing: 0.015em; }
.display-4 { font-family: var(--font-display); font-size: 30px; line-height: 1.1; font-weight: 700; letter-spacing: 0.015em; }
.display-5 { font-family: var(--font-display); font-size: 24px; line-height: 1.12; font-weight: 700; letter-spacing: 0.02em; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.5; font-weight: 400; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 1.6; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.7; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 15px; line-height: 1.6; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 1.6; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.6; font-weight: 400; letter-spacing: 0.04em; }
.eyebrow { font-family: var(--font-sans); font-size: 10px; line-height: 1.5; font-weight: 700; letter-spacing: 0.18em; }
.eyebrow-lg { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: 0.12em; }
.button-lg { font-family: var(--font-sans); font-size: 15px; line-height: 1; font-weight: 700; }
.button { font-family: var(--font-sans); font-size: 13px; line-height: 1; font-weight: 700; }
.button-sm { font-family: var(--font-sans); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: 0.1em; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 1.6; font-weight: 400; letter-spacing: 0.15em; }
.micro { font-family: var(--font-sans); font-size: 10px; line-height: 1.6; font-weight: 400; letter-spacing: 0.1em; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 1.5; font-weight: 500; letter-spacing: 0.02em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 1.6; font-weight: 400; }