/* Shirtschleuder CI – generiert aus tokens/tokens.json. Nicht von Hand ändern. */
@font-face{font-family:Outfit;font-weight:300;font-display:swap;src:url("../fonts/Outfit-Light.woff2") format("woff2"),url("../fonts/Outfit-Light.ttf") format("truetype")}
@font-face{font-family:Outfit;font-weight:400;font-display:swap;src:url("../fonts/Outfit-Regular.woff2") format("woff2"),url("../fonts/Outfit-Regular.ttf") format("truetype")}
@font-face{font-family:Outfit;font-weight:600;font-display:swap;src:url("../fonts/Outfit-SemiBold.woff2") format("woff2"),url("../fonts/Outfit-SemiBold.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url("../fonts/Montserrat-Medium.woff2") format("woff2"),url("../fonts/Montserrat-Medium.ttf") format("truetype")}
:root,[data-theme="light"]{
  --petrol:#1C4945;
  --petrol-tief:#0E2725;
  --petrol-mittel:#163A37;
  --petrol-hell:#E4ECEA;
  --petrol-nebel:#F4F6F5;
  --anthrazit:#3F3F3F;
  --orange:#EF7E07;
  --orange-tief:#A85400;
  --orange-hell:#FDEBD6;
  --grau:#7F7F7F;
  --grau-dunkel:#666666;
  --grau-hell:#D9DCDB;
  --weiss:#FFFFFF;
  --schwarz:#000000;
  --bg:#FFFFFF;
  --surface:#F4F6F5;
  --surface-brand:#1C4945;
  --text:#3F3F3F;
  --text-strong:#1C4945;
  --text-muted:#666666;
  --on-brand:#FFFFFF;
  --accent:#EF7E07;
  --on-accent:#0E2725;
  --link:#A85400;
  --border:#D9DCDB;
  --border-strong:#7F7F7F;
  --focus:#A85400;
  --success:#1E7A4C;
  --danger:#B3261E;
}
[data-theme="dark"]{
  --bg:#0E2725;
  --surface:#163A37;
  --surface-brand:#1C4945;
  --text:#FFFFFF;
  --text-strong:#FFFFFF;
  --text-muted:#B7C9C6;
  --on-brand:#FFFFFF;
  --accent:#EF7E07;
  --on-accent:#0E2725;
  --link:#F5A24B;
  --border:#2A524E;
  --border-strong:#8FB3AE;
  --focus:#F5A24B;
  --success:#6FD3A0;
  --danger:#FF9B93;
}
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --space-24:96px;
  --radius-none:0;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-pill:999px;
  --shadow-card:0 1px 2px rgba(14,39,37,0.08), 0 8px 24px rgba(14,39,37,0.08);
  --font-sans:Outfit, "Segoe UI", system-ui, sans-serif;
  --font-label:Montserrat, "Segoe UI", system-ui, sans-serif;
}
.ss-display{font-family:var(--font-sans);font-size:56px;line-height:60px;font-weight:600;letter-spacing:-0.02em;}
.ss-h1{font-family:var(--font-sans);font-size:40px;line-height:46px;font-weight:600;letter-spacing:-0.015em;}
.ss-h2{font-family:var(--font-sans);font-size:30px;line-height:36px;font-weight:600;letter-spacing:-0.01em;}
.ss-h3{font-family:var(--font-sans);font-size:22px;line-height:28px;font-weight:600;}
.ss-lead{font-family:var(--font-sans);font-size:20px;line-height:30px;font-weight:300;}
.ss-body{font-family:var(--font-sans);font-size:16px;line-height:26px;font-weight:400;}
.ss-small{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400;}
.ss-overline{font-family:var(--font-label);font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;}
.ss-label{font-family:var(--font-label);font-size:14px;line-height:20px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;}