#body {
    --theme-page-background-color: #ffffff;
  --header-background-color: #ffffff;
  --content-background-color: #ffffff;
  --footer-background-color: #ffffff;
  --menu-background-color: #ffffff;
  --theme-logo-color: #004B8C;
  --theme-background-color: #ffffff;
  --theme-border-color: #e0dde0;
  --theme-font-color: #000000;
  --theme-font-color-inverted: #ffffff;
  --theme-link-color: #e0e0e0;
  --theme-link-color-hover: #000000;
  --theme-primary-color: #000000;
  --theme-primary-color-hover: #000000;
  --theme-secondary-color: #b30000;
  --theme-secondary-color-hover: #000000;
  --theme-teaser-badge-color: #000000;
  --theme-teaser-kicker-color: #000000;
  --theme-teaser-opinion-color: #000000;
  --theme-highlight-color: #004B8C;
  --theme-highlight-teaser-badge-color: #7300ff;
  --theme-highlight-teaser-kicker-color: #88ff44;
  --theme-highlight-teaser-opinion-color: #ffff44;
    --page-max-width: 1200px;
  --content-header-max-width: 720px;
  --content-max-width: 720px;
  --gap-xxs: 8px;
  --gap-xs: 12px;
  --gap-s: 16px;
  --gap-m: 20px;
  --gap-l: 28px;
  --gap-xl: 36px;
    --text-2xs: 0.6875rem;
  --text-2xs-line-height: 1;
  --text-xs: 0.75rem;
  --text-xs-line-height: 1;
  --text-sm: 0.875rem;
  --text-sm-line-height: 1.25;
  --text-base: 1rem;
  --text-base-line-height: 1.333;
  --text-lg: 1.125rem;
  --text-lg-line-height: 1.5;
  --text-xl: 1.25rem;
  --text-xl-line-height: 1.333;
  --text-2xl: 1.5rem;
  --text-2xl-line-height: 1.333;
  --text-3xl: 2rem;
  --text-3xl-line-height: 1.125;
  --text-4xl: 2.25rem;
  --text-4xl-line-height: 1.25;
  --text-5xl: 3rem;
  --text-5xl-line-height: 1.125;
}

@media (prefers-color-scheme: dark) {
  #body {
      --theme-page-background-color: #; body {background: linear-gradient(45deg, red 0%, blue 100%) };
  --header-background-color: #242A42;
  --content-background-color: #242A42;
  --footer-background-color: #242A42;
  --menu-background-color: #242A42;
  --theme-logo-color: #00aaff;
  --theme-background-color: #24242b;
  --theme-border-color: #4a4a4a;
  --theme-font-color: #f0f0f0;
  --theme-font-color-inverted: #24242b;
  --theme-link-color: #6a6a6a;
  --theme-link-color-hover: #4a4a4a;
  --theme-primary-color: #ff4d4d;
  --theme-primary-color-hover: #00d4ff;
  --theme-secondary-color: #ff33cc;
  --theme-secondary-color-hover: #ff4d4d;
  --theme-teaser-badge-color: #c50c0d;
  --theme-teaser-kicker-color: #ff4a4a;
  --theme-teaser-opinion-color: #4488ff;
  --theme-highlight-color: #A6E1FA;
  --theme-highlight-teaser-badge-color: #0E6BA8;
  --theme-highlight-teaser-kicker-color: #0A2472;
  --theme-highlight-teaser-opinion-color: #ffff44; .u-hdr {   backdrop-filter: blur(10px) grayscale(50%);   background: rgba(0, 0, 0, 0.4);   box-shadow: inset 4px 4px 5px rgba(255, 255, 255, 0.2), inset 0 0 5px 5px rgba(0, 0, 0, 0.2);   border-radius: 32px;   margin: 2em;   width: calc(100% - 4em); }; .u-hdr__wrapper {   background: none; };
  }
}