/* Generiert aus handover/styleguide/tokens.yaml – nicht von Hand bearbeiten. */
:root {
  --c-marke-navy: #131d30;
  --c-marke-blau: #4eabd7;
  --c-marke-blau-hell: #5ebeed;
  --c-marke-blau-text: #2e6e9b;
  --c-light-bg: #fcfdfe;
  --c-light-surface: #ffffff;
  --c-light-surface-2: #f4f7fa;
  --c-light-ink: #1b2638;
  --c-light-ink-strong: #131d30;
  --c-light-muted: #5d6b7a;
  --c-light-line: #e2e7ee;
  --c-light-accent-ink: #2e6e9b;
  --c-light-on-navy: #ffffff;
  --c-light-on-navy-lead: #b9c7d6;
  --c-light-on-navy-meta: #93a4b6;
  --c-light-danger: #7f2018;
  --c-light-danger-bg: #fdecea;
  --c-light-info: #1d4d7c;
  --c-light-info-bg: #e9f2fa;
  --c-dark-bg: #0b0f14;
  --c-dark-surface: #131a22;
  --c-dark-ink: #e6edf5;
  --c-dark-muted: #a4b0bd;
  --c-dark-accent-ink: #5ebeed;
  --c-dark-primary: #eef4fa;
  --c-dark-on-primary: #131d30;
  --sp-4: 4px;
  --sp-7: 7px;
  --sp-10: 10px;
  --sp-14: 14px;
  --sp-18: 18px;
  --sp-22: 22px;
  --sp-28: 28px;
  --sp-36: 36px;
  --sp-44: 44px;
  --sp-56: 56px;
  --content-max: 1120px;
  --gutter-desktop: 44px;
  --gutter-tablet: 22px;
  --gutter-mobil: 18px;
  --touch-min: 44px;
  --fs-base: 16px;
  --lh-base: 1.55;
  --fs-aufmacher: clamp(40px, calc(40px + 24 * (100vw - 375px) / 1065), 64px);
  --lh-aufmacher: 1.04;
  --fw-aufmacher: 800;
  --ls-aufmacher: -0.6px;
  --fs-seitentitel: clamp(32px, calc(32px + 12 * (100vw - 375px) / 1065), 44px);
  --lh-seitentitel: 1.1;
  --fw-seitentitel: 800;
  --fs-abschnittstitel: clamp(26px, calc(26px + 8 * (100vw - 375px) / 1065), 34px);
  --lh-abschnittstitel: 1.15;
  --fw-abschnittstitel: 800;
  --fs-bausteintitel: clamp(17px, calc(17px + 2 * (100vw - 375px) / 1065), 19px);
  --lh-bausteintitel: 1.3;
  --fw-bausteintitel: 800;
  --fs-unterzeile: clamp(18px, calc(18px + 4 * (100vw - 375px) / 1065), 22px);
  --lh-unterzeile: 1.35;
  --fw-unterzeile: 700;
  --fs-einleitung: clamp(17px, calc(17px + 2 * (100vw - 375px) / 1065), 19px);
  --lh-einleitung: 1.55;
  --fw-einleitung: 400;
  --fs-fliesstext: clamp(16px, calc(16px + 1 * (100vw - 375px) / 1065), 17px);
  --lh-fliesstext: 1.55;
  --fw-fliesstext: 400;
  --fs-sekundaertext: clamp(14px, calc(14px + 1 * (100vw - 375px) / 1065), 15px);
  --lh-sekundaertext: 1.5;
  --fw-sekundaertext: 400;
  --fs-mikrolabel-eyebrow: clamp(12px, calc(12px + 1 * (100vw - 375px) / 1065), 13px);
  --lh-mikrolabel-eyebrow: 1.3;
  --fw-mikrolabel-eyebrow: 800;
  --ls-mikrolabel-eyebrow: 1.5px;
  --fs-grosse-zahl: clamp(30px, calc(30px + 10 * (100vw - 375px) / 1065), 40px);
  --lh-grosse-zahl: 1;
  --fw-grosse-zahl: 800;
  --tc-aufmacher: #131d30;
  --tc-seitentitel: #131d30;
  --tc-abschnittstitel: #131d30;
  --tc-bausteintitel: #131d30;
  --tc-unterzeile: #131d30;
  --tc-einleitung: #5d6b7a;
  --tc-fliesstext: #1b2638;
  --tc-sekundaertext: #5d6b7a;
  --tc-mikrolabel-eyebrow: #2e6e9b;
  --tc-grosse-zahl: #2e6e9b;
  --tc-hervorhebung: #2e6e9b;
}
.navy {
  --tc-aufmacher: #ffffff;
  --tc-seitentitel: #ffffff;
  --tc-abschnittstitel: #ffffff;
  --tc-bausteintitel: #ffffff;
  --tc-unterzeile: #ffffff;
  --tc-einleitung: #b9c7d6;
  --tc-fliesstext: #b9c7d6;
  --tc-sekundaertext: #93a4b6;
  --tc-mikrolabel-eyebrow: #5ebeed;
  --tc-grosse-zahl: #4eabd7;
  --tc-hervorhebung: #5ebeed;
}