[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --text-color-brand: var(--color-bild-red-50, #dd0000);
  --text-color-brand-light-only: var(--color-bild-red-50, #dd0000);
  --text-color-primary: var(--color-neutral-15, #222628);
  --text-color-secondary: var(--color-neutral-40, #565a5f);
  --text-color-tertiary: var(--color-neutral-50, #6e787c);
  --kicker-text-color: var(--color-bild-red-50, #dd0000);
  --headline-text-color: var(--color-neutral-15, #222628);
  --text-color-on-image: var(--color-neutral-100, #ffffff);
  --text-color-secondary-on-dark: var(--color-neutral-70, #a6abb0);
  --text-color-primary-on-light: var(--color-neutral-15, #222628);
  --kicker-text-color-on-dark: var(
    --color-neutral-100-a-80,
    rgba(255, 255, 255, 0.8)
  );
  --kicker-text-color-on-light: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
  --text-color-primary-on-dark: var(--color-neutral-100, #ffffff);
  --text-color-secondary-on-light: var(--color-neutral-40, #565a5f);
  --text-color-tertiary-on-dark: var(--color-neutral-60, #8c9196);
  --text-color-tertiary-on-light: var(--color-neutral-50, #6e787c);
  --text-color-idle: var(--color-neutral-40, #565a5f);
  --text-color-disabled: var(--color-neutral-70, #a6abb0);
  --text-color-hover: var(--color-neutral-15, #222628);
  --text-color-active: var(--color-neutral-15, #222628);
  --text-color-hover-brand: var(--color-bild-red-50, #dd0000);
  --text-color-primary-inverse: var(--color-neutral-90, #dde1e2);
  --text-color-secondary-inverse: var(--color-neutral-70, #a6abb0);
  --text-color-inverse-high-contrast: var(--color-neutral-100, #ffffff);
  --text-color-success: var(--color-green-40, #006e3e);
  --text-color-error: var(--color-bild-red-40, #c10000);
  --text-color-warning: var(--color-orange-40, #9e4401);
  --bg-color-primary: var(--color-neutral-100, #ffffff);
  --bg-color-disabled: var(--color-neutral-95, #f2f4f5);
  --bg-color-secondary: var(--color-neutral-95, #f2f4f5);
  --bg-color-primary-const-dark: var(--color-neutral-15, #222628);
  --bg-color-quaternary: var(--color-neutral-80, #c4c9cf);
  --bg-color-tertiary: var(--color-neutral-90, #dde1e2);
  --bg-color-primary-const-light: var(--color-neutral-100, #ffffff);
  --bg-color-quintenary: var(--color-neutral-60, #8c9196);
  --bg-color-brand-light-only: var(--color-bild-red-50, #dd0000);
  --bg-color-brand-solid: var(--color-bild-red-50, #dd0000);
  --bg-color-brand-solid-hover: var(--color-bild-red-40, #c10000);
  --bg-color-brand-solid-active: var(--color-bild-red-30, #930000);
  --bg-color-brand-tint: var(--color-bild-red-90, #ffdada);
  --bg-color-brand-tint-hover: var(--color-bild-red-80, #ffb2b2);
  --bg-color-primary-inverse: var(--color-neutral-15, #222628);
  --bg-color-tertiary-inverse: var(--color-neutral-25, #343c41);
  --bg-color-quaternary-inverse: var(--color-neutral-30, #40464d);
  --bg-color-secondary-inverse: var(--color-neutral-20, #2c3133);
  --bg-color-quintenary-inverse: var(--color-neutral-60, #8c9196);
  --bg-color-success-tint: var(--color-green-95, #def7e6);
  --bg-color-success-solid: var(--color-green-50, #158751);
  --bg-color-success-solid-hover: var(--color-green-40, #006e3e);
  --bg-color-success-tint-hover: var(--color-green-90, #b9efcd);
  --bg-color-success-solid-active: var(--color-green-30, #0d5232);
  --bg-color-tertiary-gradient-stop: var(
    --color-neutral-90-a-0,
    rgba(221, 225, 226, 0)
  );
  --bg-color-primary-gradient-stop: var(
    --color-neutral-100-a-0,
    rgba(255, 255, 255, 0)
  );
  --bg-color-secondary-gradient-stop: var(
    --color-neutral-95-a-0,
    rgba(242, 244, 245, 0)
  );
  --overlay-scrim-black-const: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
  --overlay-scrim-white-const: var(
    --color-neutral-100-a-70,
    rgba(255, 255, 255, 0.7)
  );
  --bg-color-error-tint: var(--color-bild-red-95, #ffecec);
  --bg-color-error-tint-hover: var(--color-bild-red-90, #ffdada);
  --bg-color-error-solid: var(--color-bild-red-40, #c10000);
  --bg-color-error-solid-hover: var(--color-bild-red-30, #930000);
  --bg-color-warning-tint: var(--color-orange-95, #ffeddf);
  --bg-color-warning-tint-hover: var(--color-orange-90, #fedbc1);
  --bg-color-warning-solid: var(--color-orange-70, #fd8227);
  --bg-color-warning-solid-hover: var(--color-orange-60, #ef6702);
  --bg-color-ads-solid: var(--color-yellow-80, #ffbf00);
  --bg-color-ads-solid-hover: var(--color-yellow-70, #d9a200);
  --bg-color-live-solid: var(--color-bild-red-40, #c10000);
  --border-color-default: var(--color-neutral-80, #c4c9cf);
  --border-color-subtle: var(--color-neutral-90, #dde1e2);
  --border-color-extra-strong: var(--color-neutral-15, #222628);
  --border-color-strong: var(--color-neutral-50, #6e787c);
  --border-color-subtle-on-dark: var(--color-neutral-25, #343c41);
  --border-color-default-on-dark: var(--color-neutral-40, #565a5f);
  --border-color-subtle-on-light: var(--color-neutral-90, #dde1e2);
  --border-color-default-on-light: var(--color-neutral-80, #c4c9cf);
  --border-color-success: var(--color-green-40, #006e3e);
  --border-color-error: var(--color-bild-red-50, #dd0000);
  --border-color-warning: var(--color-orange-50, #c65502);
  --border-color-disabled: var(--color-neutral-90, #dde1e2);
  --border-color-hover: var(--color-neutral-30, #40464d);
  --border-color-active: var(--color-bild-red-50, #dd0000);
  --border-color-idle: var(--color-neutral-60, #8c9196);
  --focus-ring-color: var(--color-blue-40, #0060cb);
  --border-color-default-inverse: var(--color-neutral-40, #565a5f);
  --border-color-subtle-inverse: var(--color-neutral-25, #343c41);
  --border-color-brand: var(--color-bild-red-50, #dd0000);
  --border-color-brand-light-only: var(--color-bild-red-50, #dd0000);
  --border-color-brand-const: var(--color-bild-red-50, #dd0000);
  --border-color-no-contrast: var(--color-neutral-100, #ffffff);
  --border-color-ads: var(--color-yellow-80, #ffbf00);
  --border-color-ads-hover: var(--color-yellow-70, #d9a200);
  --icon-color-idle: var(--color-neutral-40, #565a5f);
  --icon-color-disabled: var(--color-neutral-70, #a6abb0);
  --icon-color-hover: var(--color-neutral-15, #222628);
  --icon-color-active: var(--color-neutral-15, #222628);
  --icon-color-hover-brand: var(--color-bild-red-50, #dd0000);
  --icon-color-secondary-on-light: var(--color-neutral-40, #565a5f);
  --icon-color-primary-on-dark: var(--color-neutral-100, #ffffff);
  --icon-color-secondary-on-dark: var(--color-neutral-90, #dde1e2);
  --icon-color-primary-on-light: var(--color-neutral-15, #222628);
  --icon-color-const-on-image: var(--color-neutral-100, #ffffff);
  --icon-color-success: var(--color-green-40, #006e3e);
  --icon-color-error: var(--color-bild-red-40, #c10000);
  --icon-color-warning: var(--color-orange-40, #9e4401);
  --icon-color-brand: var(--color-bild-red-50, #dd0000);
  --icon-color-brand-light-only: var(--color-bild-red-50, #dd0000);
  --icon-color-primary: var(--color-neutral-15, #222628);
  --icon-color-secondary: var(--color-neutral-40, #565a5f);
  --icon-color-tertiary: var(--color-neutral-50, #6e787c);
  --icon-color-primary-inverse: var(--color-neutral-90, #dde1e2);
  --icon-color-secondary-inverse: var(--color-neutral-70, #a6abb0);
  --icon-color-inverse-high-contrast: var(--color-neutral-100, #ffffff);
  --layer-opacity-05: var(--opacity-05, 0.05);
  --layer-opacity-10: var(--opacity-10, 0.1);
  --layer-opacity-20: var(--opacity-20, 0.2);
  --layer-opacity-30: var(--opacity-30, 0.3);
  --layer-opacity-40: var(--opacity-40, 0.4);
  --layer-opacity-50: var(--opacity-50, 0.5);
  --layer-opacity-60: var(--opacity-60, 0.6);
  --layer-opacity-70: var(--opacity-70, 0.7);
  --layer-opacity-80: var(--opacity-80, 0.8);
  --layer-opacity-90: var(--opacity-90, 0.9);
  --layer-opacity-100: var(--opacity-100, 1);
  --layer-opacity-00: var(--opacity-00, 0);
  --shadow-color-soft-ambient-sm: var(
    --color-neutral-0-a-5,
    rgba(0, 0, 0, 0.05)
  );
  --shadow-color-soft-ambient-md: var(
    --color-neutral-0-a-3,
    rgba(0, 0, 0, 0.03)
  );
  --shadow-color-soft-ambient-lg: var(
    --color-neutral-0-a-3,
    rgba(0, 0, 0, 0.03)
  );
  --shadow-color-soft-ambient-xl: var(
    --color-neutral-0-a-5,
    rgba(0, 0, 0, 0.05)
  );
  --shadow-color-soft-key-xl: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
  --shadow-color-soft-key-sm: var(--color-neutral-0-a-7, rgba(0, 0, 0, 0.07));
  --shadow-color-soft-key-md: var(--color-neutral-0-a-7, rgba(0, 0, 0, 0.07));
  --shadow-color-soft-key-lg: var(--color-neutral-0-a-7, rgba(0, 0, 0, 0.07));
  --shadow-color-hard-key: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
  --shadow-color-hard-ambient: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --text-color-brand: var(--color-bild-red-50, #dd0000);
  --text-color-brand-light-only: var(--color-bild-red-50, #dd0000);
  --text-color-primary: var(--color-neutral-15, #222628);
  --text-color-secondary: var(--color-neutral-40, #565a5f);
  --text-color-tertiary: var(--color-neutral-50, #6e787c);
  --kicker-text-color: var(--color-bild-red-50, #dd0000);
  --headline-text-color: var(--color-neutral-15, #222628);
  --text-color-on-image: var(--color-neutral-100, #ffffff);
  --text-color-secondary-on-dark: var(--color-neutral-70, #a6abb0);
  --text-color-primary-on-light: var(--color-neutral-15, #222628);
  --kicker-text-color-on-dark: var(
    --color-neutral-100-a-80,
    rgba(255, 255, 255, 0.8)
  );
  --kicker-text-color-on-light: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
  --text-color-primary-on-dark: var(--color-neutral-100, #ffffff);
  --text-color-secondary-on-light: var(--color-neutral-40, #565a5f);
  --text-color-tertiary-on-dark: var(--color-neutral-60, #8c9196);
  --text-color-tertiary-on-light: var(--color-neutral-50, #6e787c);
  --text-color-idle: var(--color-neutral-40, #565a5f);
  --text-color-disabled: var(--color-neutral-70, #a6abb0);
  --text-color-hover: var(--color-neutral-15, #222628);
  --text-color-active: var(--color-neutral-15, #222628);
  --text-color-hover-brand: var(--color-bild-red-50, #dd0000);
  --text-color-primary-inverse: var(--color-neutral-90, #dde1e2);
  --text-color-secondary-inverse: var(--color-neutral-70, #a6abb0);
  --text-color-inverse-high-contrast: var(--color-neutral-100, #ffffff);
  --text-color-success: var(--color-green-40, #006e3e);
  --text-color-error: var(--color-bild-red-40, #c10000);
  --text-color-warning: var(--color-orange-40, #9e4401);
  --bg-color-primary: var(--color-neutral-100, #ffffff);
  --bg-color-disabled: var(--color-neutral-95, #f2f4f5);
  --bg-color-secondary: var(--color-neutral-95, #f2f4f5);
  --bg-color-primary-const-dark: var(--color-neutral-15, #222628);
  --bg-color-quaternary: var(--color-neutral-80, #c4c9cf);
  --bg-color-tertiary: var(--color-neutral-90, #dde1e2);
  --bg-color-primary-const-light: var(--color-neutral-100, #ffffff);
  --bg-color-quintenary: var(--color-neutral-60, #8c9196);
  --bg-color-brand-light-only: var(--color-bild-red-50, #dd0000);
  --bg-color-brand-solid: var(--color-bild-red-50, #dd0000);
  --bg-color-brand-solid-hover: var(--color-bild-red-40, #c10000);
  --bg-color-brand-solid-active: var(--color-bild-red-30, #930000);
  --bg-color-brand-tint: var(--color-bild-red-90, #ffdada);
  --bg-color-brand-tint-hover: var(--color-bild-red-80, #ffb2b2);
  --bg-color-primary-inverse: var(--color-neutral-15, #222628);
  --bg-color-tertiary-inverse: var(--color-neutral-25, #343c41);
  --bg-color-quaternary-inverse: var(--color-neutral-30, #40464d);
  --bg-color-secondary-inverse: var(--color-neutral-20, #2c3133);
  --bg-color-quintenary-inverse: var(--color-neutral-60, #8c9196);
  --bg-color-success-tint: var(--color-green-95, #def7e6);
  --bg-color-success-solid: var(--color-green-50, #158751);
  --bg-color-success-solid-hover: var(--color-green-40, #006e3e);
  --bg-color-success-tint-hover: var(--color-green-90, #b9efcd);
  --bg-color-success-solid-active: var(--color-green-30, #0d5232);
  --bg-color-tertiary-gradient-stop: var(
    --color-neutral-90-a-0,
    rgba(221, 225, 226, 0)
  );
  --bg-color-primary-gradient-stop: var(
    --color-neutral-100-a-0,
    rgba(255, 255, 255, 0)
  );
  --bg-color-secondary-gradient-stop: var(
    --color-neutral-95-a-0,
    rgba(242, 244, 245, 0)
  );
  --overlay-scrim-black-const: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
  --overlay-scrim-white-const: var(
    --color-neutral-100-a-70,
    rgba(255, 255, 255, 0.7)
  );
  --bg-color-error-tint: var(--color-bild-red-95, #ffecec);
  --bg-color-error-tint-hover: var(--color-bild-red-90, #ffdada);
  --bg-color-error-solid: var(--color-bild-red-40, #c10000);
  --bg-color-error-solid-hover: var(--color-bild-red-30, #930000);
  --bg-color-warning-tint: var(--color-orange-95, #ffeddf);
  --bg-color-warning-tint-hover: var(--color-orange-90, #fedbc1);
  --bg-color-warning-solid: var(--color-orange-70, #fd8227);
  --bg-color-warning-solid-hover: var(--color-orange-60, #ef6702);
  --bg-color-ads-solid: var(--color-yellow-80, #ffbf00);
  --bg-color-ads-solid-hover: var(--color-yellow-70, #d9a200);
  --bg-color-live-solid: var(--color-bild-red-40, #c10000);
  --border-color-default: var(--color-neutral-80, #c4c9cf);
  --border-color-subtle: var(--color-neutral-90, #dde1e2);
  --border-color-extra-strong: var(--color-neutral-15, #222628);
  --border-color-strong: var(--color-neutral-50, #6e787c);
  --border-color-subtle-on-dark: var(--color-neutral-25, #343c41);
  --border-color-default-on-dark: var(--color-neutral-40, #565a5f);
  --border-color-subtle-on-light: var(--color-neutral-90, #dde1e2);
  --border-color-default-on-light: var(--color-neutral-80, #c4c9cf);
  --border-color-success: var(--color-green-40, #006e3e);
  --border-color-error: var(--color-bild-red-50, #dd0000);
  --border-color-warning: var(--color-orange-50, #c65502);
  --border-color-disabled: var(--color-neutral-90, #dde1e2);
  --border-color-hover: var(--color-neutral-30, #40464d);
  --border-color-active: var(--color-bild-red-50, #dd0000);
  --border-color-idle: var(--color-neutral-60, #8c9196);
  --focus-ring-color: var(--color-blue-40, #0060cb);
  --border-color-default-inverse: var(--color-neutral-40, #565a5f);
  --border-color-subtle-inverse: var(--color-neutral-25, #343c41);
  --border-color-brand: var(--color-bild-red-50, #dd0000);
  --border-color-brand-light-only: var(--color-bild-red-50, #dd0000);
  --border-color-brand-const: var(--color-bild-red-50, #dd0000);
  --border-color-no-contrast: var(--color-neutral-100, #ffffff);
  --border-color-ads: var(--color-yellow-80, #ffbf00);
  --border-color-ads-hover: var(--color-yellow-70, #d9a200);
  --icon-color-idle: var(--color-neutral-40, #565a5f);
  --icon-color-disabled: var(--color-neutral-70, #a6abb0);
  --icon-color-hover: var(--color-neutral-15, #222628);
  --icon-color-active: var(--color-neutral-15, #222628);
  --icon-color-hover-brand: var(--color-bild-red-50, #dd0000);
  --icon-color-secondary-on-light: var(--color-neutral-40, #565a5f);
  --icon-color-primary-on-dark: var(--color-neutral-100, #ffffff);
  --icon-color-secondary-on-dark: var(--color-neutral-90, #dde1e2);
  --icon-color-primary-on-light: var(--color-neutral-15, #222628);
  --icon-color-const-on-image: var(--color-neutral-100, #ffffff);
  --icon-color-success: var(--color-green-40, #006e3e);
  --icon-color-error: var(--color-bild-red-40, #c10000);
  --icon-color-warning: var(--color-orange-40, #9e4401);
  --icon-color-brand: var(--color-bild-red-50, #dd0000);
  --icon-color-brand-light-only: var(--color-bild-red-50, #dd0000);
  --icon-color-primary: var(--color-neutral-15, #222628);
  --icon-color-secondary: var(--color-neutral-40, #565a5f);
  --icon-color-tertiary: var(--color-neutral-50, #6e787c);
  --icon-color-primary-inverse: var(--color-neutral-90, #dde1e2);
  --icon-color-secondary-inverse: var(--color-neutral-70, #a6abb0);
  --icon-color-inverse-high-contrast: var(--color-neutral-100, #ffffff);
  --layer-opacity-05: var(--opacity-05, 0.05);
  --layer-opacity-10: var(--opacity-10, 0.1);
  --layer-opacity-20: var(--opacity-20, 0.2);
  --layer-opacity-30: var(--opacity-30, 0.3);
  --layer-opacity-40: var(--opacity-40, 0.4);
  --layer-opacity-50: var(--opacity-50, 0.5);
  --layer-opacity-60: var(--opacity-60, 0.6);
  --layer-opacity-70: var(--opacity-70, 0.7);
  --layer-opacity-80: var(--opacity-80, 0.8);
  --layer-opacity-90: var(--opacity-90, 0.9);
  --layer-opacity-100: var(--opacity-100, 1);
  --layer-opacity-00: var(--opacity-00, 0);
  --shadow-color-soft-ambient-sm: var(
    --color-neutral-0-a-5,
    rgba(0, 0, 0, 0.05)
  );
  --shadow-color-soft-ambient-md: var(
    --color-neutral-0-a-3,
    rgba(0, 0, 0, 0.03)
  );
  --shadow-color-soft-ambient-lg: var(
    --color-neutral-0-a-3,
    rgba(0, 0, 0, 0.03)
  );
  --shadow-color-soft-ambient-xl: var(
    --color-neutral-0-a-5,
    rgba(0, 0, 0, 0.05)
  );
  --shadow-color-soft-key-xl: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
  --shadow-color-soft-key-sm: var(--color-neutral-0-a-7, rgba(0, 0, 0, 0.07));
  --shadow-color-soft-key-md: var(--color-neutral-0-a-7, rgba(0, 0, 0, 0.07));
  --shadow-color-soft-key-lg: var(--color-neutral-0-a-7, rgba(0, 0, 0, 0.07));
  --shadow-color-hard-key: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
  --shadow-color-hard-ambient: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --text-color-brand: var(--color-bild-red-60, #f75849);
    --text-color-brand-light-only: var(--color-neutral-100, #ffffff);
    --text-color-primary: var(--color-neutral-90, #dde1e2);
    --text-color-secondary: var(--color-neutral-70, #a6abb0);
    --text-color-tertiary: var(--color-neutral-60, #8c9196);
    --kicker-text-color: var(--color-neutral-70, #a6abb0);
    --headline-text-color: var(--color-neutral-100, #ffffff);
    --text-color-on-image: var(--color-neutral-100, #ffffff);
    --text-color-secondary-on-dark: var(--color-neutral-70, #a6abb0);
    --text-color-primary-on-light: var(--color-neutral-15, #222628);
    --kicker-text-color-on-dark: var(
      --color-neutral-100-a-80,
      rgba(255, 255, 255, 0.8)
    );
    --kicker-text-color-on-light: var(
      --color-neutral-0-a-70,
      rgba(0, 0, 0, 0.7)
    );
    --text-color-primary-on-dark: var(--color-neutral-100, #ffffff);
    --text-color-secondary-on-light: var(--color-neutral-40, #565a5f);
    --text-color-tertiary-on-dark: var(--color-neutral-60, #8c9196);
    --text-color-tertiary-on-light: var(--color-neutral-50, #6e787c);
    --text-color-idle: var(--color-neutral-70, #a6abb0);
    --text-color-disabled: var(--color-neutral-40, #565a5f);
    --text-color-hover: var(--color-neutral-95, #f2f4f5);
    --text-color-active: var(--color-neutral-95, #f2f4f5);
    --text-color-hover-brand: var(--color-bild-red-60, #f75849);
    --text-color-primary-inverse: var(--color-neutral-15, #222628);
    --text-color-secondary-inverse: var(--color-neutral-40, #565a5f);
    --text-color-inverse-high-contrast: var(--color-neutral-15, #222628);
    --text-color-success: var(--color-green-70, #00c373);
    --text-color-error: var(--color-bild-red-70, #ff8989);
    --text-color-warning: var(--color-orange-70, #fd8227);
    --bg-color-primary: var(--color-neutral-15, #222628);
    --bg-color-disabled: var(--color-neutral-20, #2c3133);
    --bg-color-secondary: var(--color-neutral-20, #2c3133);
    --bg-color-primary-const-dark: var(--color-neutral-15, #222628);
    --bg-color-quaternary: var(--color-neutral-30, #40464d);
    --bg-color-tertiary: var(--color-neutral-25, #343c41);
    --bg-color-primary-const-light: var(--color-neutral-100, #ffffff);
    --bg-color-quintenary: var(--color-neutral-60, #8c9196);
    --bg-color-brand-light-only: var(--color-neutral-100, #ffffff);
    --bg-color-brand-solid: var(--color-bild-red-50, #dd0000);
    --bg-color-brand-solid-hover: var(--color-bild-red-40, #c10000);
    --bg-color-brand-solid-active: var(--color-bild-red-30, #930000);
    --bg-color-brand-tint: var(--color-bild-red-20, #680000);
    --bg-color-brand-tint-hover: var(--color-bild-red-30, #930000);
    --bg-color-primary-inverse: var(--color-neutral-100, #ffffff);
    --bg-color-tertiary-inverse: var(--color-neutral-90, #dde1e2);
    --bg-color-quaternary-inverse: var(--color-neutral-80, #c4c9cf);
    --bg-color-secondary-inverse: var(--color-neutral-95, #f2f4f5);
    --bg-color-quintenary-inverse: var(--color-neutral-60, #8c9196);
    --bg-color-success-tint: var(--color-green-10, #052013);
    --bg-color-success-solid: var(--color-green-50, #158751);
    --bg-color-success-solid-hover: var(--color-green-40, #006e3e);
    --bg-color-success-tint-hover: var(--color-green-20, #093822);
    --bg-color-success-solid-active: var(--color-green-30, #0d5232);
    --bg-color-tertiary-gradient-stop: var(
      --color-neutral-25-a-0,
      rgba(52, 60, 65, 0)
    );
    --bg-color-primary-gradient-stop: var(
      --color-neutral-15-a-0,
      rgba(34, 38, 40, 0)
    );
    --bg-color-secondary-gradient-stop: var(
      --color-neutral-20-a-0,
      rgba(44, 49, 51, 0)
    );
    --overlay-scrim-black-const: var(
      --color-neutral-0-a-70,
      rgba(0, 0, 0, 0.7)
    );
    --overlay-scrim-white-const: var(
      --color-neutral-100-a-70,
      rgba(255, 255, 255, 0.7)
    );
    --bg-color-error-tint: var(--color-bild-red-10, #410000);
    --bg-color-error-tint-hover: var(--color-bild-red-20, #680000);
    --bg-color-error-solid: var(--color-bild-red-40, #c10000);
    --bg-color-error-solid-hover: var(--color-bild-red-30, #930000);
    --bg-color-warning-tint: var(--color-orange-10, #2f1400);
    --bg-color-warning-tint-hover: var(--color-orange-20, #522301);
    --bg-color-warning-solid: var(--color-orange-70, #fd8227);
    --bg-color-warning-solid-hover: var(--color-orange-60, #ef6702);
    --bg-color-ads-solid: var(--color-yellow-80, #ffbf00);
    --bg-color-ads-solid-hover: var(--color-yellow-70, #d9a200);
    --bg-color-live-solid: var(--color-bild-red-40, #c10000);
    --border-color-default: var(--color-neutral-40, #565a5f);
    --border-color-subtle: var(--color-neutral-25, #343c41);
    --border-color-extra-strong: var(--color-neutral-100, #ffffff);
    --border-color-strong: var(--color-neutral-50, #6e787c);
    --border-color-subtle-on-dark: var(--color-neutral-25, #343c41);
    --border-color-default-on-dark: var(--color-neutral-40, #565a5f);
    --border-color-subtle-on-light: var(--color-neutral-90, #dde1e2);
    --border-color-default-on-light: var(--color-neutral-80, #c4c9cf);
    --border-color-success: var(--color-green-70, #00c373);
    --border-color-error: var(--color-bild-red-70, #ff8989);
    --border-color-warning: var(--color-orange-70, #fd8227);
    --border-color-disabled: var(--color-neutral-25, #343c41);
    --border-color-hover: var(--color-neutral-80, #c4c9cf);
    --border-color-active: var(--color-bild-red-60, #f75849);
    --border-color-idle: var(--color-neutral-50, #6e787c);
    --focus-ring-color: var(--color-blue-60, #4493f8);
    --border-color-default-inverse: var(--color-neutral-80, #c4c9cf);
    --border-color-subtle-inverse: var(--color-neutral-90, #dde1e2);
    --border-color-brand: var(--color-bild-red-60, #f75849);
    --border-color-brand-light-only: var(--color-neutral-100, #ffffff);
    --border-color-brand-const: var(--color-bild-red-50, #dd0000);
    --border-color-no-contrast: var(--color-neutral-15, #222628);
    --border-color-ads: var(--color-yellow-80, #ffbf00);
    --border-color-ads-hover: var(--color-yellow-70, #d9a200);
    --icon-color-idle: var(--color-neutral-70, #a6abb0);
    --icon-color-disabled: var(--color-neutral-40, #565a5f);
    --icon-color-hover: var(--color-neutral-95, #f2f4f5);
    --icon-color-active: var(--color-neutral-95, #f2f4f5);
    --icon-color-hover-brand: var(--color-bild-red-60, #f75849);
    --icon-color-secondary-on-light: var(--color-neutral-40, #565a5f);
    --icon-color-primary-on-dark: var(--color-neutral-100, #ffffff);
    --icon-color-secondary-on-dark: var(--color-neutral-90, #dde1e2);
    --icon-color-primary-on-light: var(--color-neutral-15, #222628);
    --icon-color-const-on-image: var(--color-neutral-100, #ffffff);
    --icon-color-success: var(--color-green-70, #00c373);
    --icon-color-error: var(--color-bild-red-70, #ff8989);
    --icon-color-warning: var(--color-orange-70, #fd8227);
    --icon-color-brand: var(--color-bild-red-60, #f75849);
    --icon-color-brand-light-only: var(--color-neutral-100, #ffffff);
    --icon-color-primary: var(--color-neutral-90, #dde1e2);
    --icon-color-secondary: var(--color-neutral-70, #a6abb0);
    --icon-color-tertiary: var(--color-neutral-60, #8c9196);
    --icon-color-primary-inverse: var(--color-neutral-15, #222628);
    --icon-color-secondary-inverse: var(--color-neutral-40, #565a5f);
    --icon-color-inverse-high-contrast: var(--color-neutral-15, #222628);
    --layer-opacity-05: var(--opacity-05, 0.05);
    --layer-opacity-10: var(--opacity-10, 0.1);
    --layer-opacity-20: var(--opacity-20, 0.2);
    --layer-opacity-30: var(--opacity-30, 0.3);
    --layer-opacity-40: var(--opacity-40, 0.4);
    --layer-opacity-50: var(--opacity-50, 0.5);
    --layer-opacity-60: var(--opacity-60, 0.6);
    --layer-opacity-70: var(--opacity-70, 0.7);
    --layer-opacity-80: var(--opacity-80, 0.8);
    --layer-opacity-90: var(--opacity-90, 0.9);
    --layer-opacity-100: var(--opacity-100, 1);
    --layer-opacity-00: var(--opacity-00, 0);
    --shadow-color-soft-ambient-sm: var(
      --color-neutral-0-a-15,
      rgba(0, 0, 0, 0.15)
    );
    --shadow-color-soft-ambient-md: var(
      --color-neutral-0-a-10,
      rgba(0, 0, 0, 0.1)
    );
    --shadow-color-soft-ambient-lg: var(
      --color-neutral-0-a-10,
      rgba(0, 0, 0, 0.1)
    );
    --shadow-color-soft-ambient-xl: var(
      --color-neutral-0-a-15,
      rgba(0, 0, 0, 0.15)
    );
    --shadow-color-soft-key-xl: var(--color-neutral-0-a-30, rgba(0, 0, 0, 0.3));
    --shadow-color-soft-key-sm: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
    --shadow-color-soft-key-md: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
    --shadow-color-soft-key-lg: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
    --shadow-color-hard-key: var(--color-neutral-0-a-60, rgba(0, 0, 0, 0.6));
    --shadow-color-hard-ambient: var(
      --color-neutral-0-a-30,
      rgba(0, 0, 0, 0.3)
    );
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --text-color-brand: var(--color-bild-red-60, #f75849);
  --text-color-brand-light-only: var(--color-neutral-100, #ffffff);
  --text-color-primary: var(--color-neutral-90, #dde1e2);
  --text-color-secondary: var(--color-neutral-70, #a6abb0);
  --text-color-tertiary: var(--color-neutral-60, #8c9196);
  --kicker-text-color: var(--color-neutral-70, #a6abb0);
  --headline-text-color: var(--color-neutral-100, #ffffff);
  --text-color-on-image: var(--color-neutral-100, #ffffff);
  --text-color-secondary-on-dark: var(--color-neutral-70, #a6abb0);
  --text-color-primary-on-light: var(--color-neutral-15, #222628);
  --kicker-text-color-on-dark: var(
    --color-neutral-100-a-80,
    rgba(255, 255, 255, 0.8)
  );
  --kicker-text-color-on-light: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
  --text-color-primary-on-dark: var(--color-neutral-100, #ffffff);
  --text-color-secondary-on-light: var(--color-neutral-40, #565a5f);
  --text-color-tertiary-on-dark: var(--color-neutral-60, #8c9196);
  --text-color-tertiary-on-light: var(--color-neutral-50, #6e787c);
  --text-color-idle: var(--color-neutral-70, #a6abb0);
  --text-color-disabled: var(--color-neutral-40, #565a5f);
  --text-color-hover: var(--color-neutral-95, #f2f4f5);
  --text-color-active: var(--color-neutral-95, #f2f4f5);
  --text-color-hover-brand: var(--color-bild-red-60, #f75849);
  --text-color-primary-inverse: var(--color-neutral-15, #222628);
  --text-color-secondary-inverse: var(--color-neutral-40, #565a5f);
  --text-color-inverse-high-contrast: var(--color-neutral-15, #222628);
  --text-color-success: var(--color-green-70, #00c373);
  --text-color-error: var(--color-bild-red-70, #ff8989);
  --text-color-warning: var(--color-orange-70, #fd8227);
  --bg-color-primary: var(--color-neutral-15, #222628);
  --bg-color-disabled: var(--color-neutral-20, #2c3133);
  --bg-color-secondary: var(--color-neutral-20, #2c3133);
  --bg-color-primary-const-dark: var(--color-neutral-15, #222628);
  --bg-color-quaternary: var(--color-neutral-30, #40464d);
  --bg-color-tertiary: var(--color-neutral-25, #343c41);
  --bg-color-primary-const-light: var(--color-neutral-100, #ffffff);
  --bg-color-quintenary: var(--color-neutral-60, #8c9196);
  --bg-color-brand-light-only: var(--color-neutral-100, #ffffff);
  --bg-color-brand-solid: var(--color-bild-red-50, #dd0000);
  --bg-color-brand-solid-hover: var(--color-bild-red-40, #c10000);
  --bg-color-brand-solid-active: var(--color-bild-red-30, #930000);
  --bg-color-brand-tint: var(--color-bild-red-20, #680000);
  --bg-color-brand-tint-hover: var(--color-bild-red-30, #930000);
  --bg-color-primary-inverse: var(--color-neutral-100, #ffffff);
  --bg-color-tertiary-inverse: var(--color-neutral-90, #dde1e2);
  --bg-color-quaternary-inverse: var(--color-neutral-80, #c4c9cf);
  --bg-color-secondary-inverse: var(--color-neutral-95, #f2f4f5);
  --bg-color-quintenary-inverse: var(--color-neutral-60, #8c9196);
  --bg-color-success-tint: var(--color-green-10, #052013);
  --bg-color-success-solid: var(--color-green-50, #158751);
  --bg-color-success-solid-hover: var(--color-green-40, #006e3e);
  --bg-color-success-tint-hover: var(--color-green-20, #093822);
  --bg-color-success-solid-active: var(--color-green-30, #0d5232);
  --bg-color-tertiary-gradient-stop: var(
    --color-neutral-25-a-0,
    rgba(52, 60, 65, 0)
  );
  --bg-color-primary-gradient-stop: var(
    --color-neutral-15-a-0,
    rgba(34, 38, 40, 0)
  );
  --bg-color-secondary-gradient-stop: var(
    --color-neutral-20-a-0,
    rgba(44, 49, 51, 0)
  );
  --overlay-scrim-black-const: var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));
  --overlay-scrim-white-const: var(
    --color-neutral-100-a-70,
    rgba(255, 255, 255, 0.7)
  );
  --bg-color-error-tint: var(--color-bild-red-10, #410000);
  --bg-color-error-tint-hover: var(--color-bild-red-20, #680000);
  --bg-color-error-solid: var(--color-bild-red-40, #c10000);
  --bg-color-error-solid-hover: var(--color-bild-red-30, #930000);
  --bg-color-warning-tint: var(--color-orange-10, #2f1400);
  --bg-color-warning-tint-hover: var(--color-orange-20, #522301);
  --bg-color-warning-solid: var(--color-orange-70, #fd8227);
  --bg-color-warning-solid-hover: var(--color-orange-60, #ef6702);
  --bg-color-ads-solid: var(--color-yellow-80, #ffbf00);
  --bg-color-ads-solid-hover: var(--color-yellow-70, #d9a200);
  --bg-color-live-solid: var(--color-bild-red-40, #c10000);
  --border-color-default: var(--color-neutral-40, #565a5f);
  --border-color-subtle: var(--color-neutral-25, #343c41);
  --border-color-extra-strong: var(--color-neutral-100, #ffffff);
  --border-color-strong: var(--color-neutral-50, #6e787c);
  --border-color-subtle-on-dark: var(--color-neutral-25, #343c41);
  --border-color-default-on-dark: var(--color-neutral-40, #565a5f);
  --border-color-subtle-on-light: var(--color-neutral-90, #dde1e2);
  --border-color-default-on-light: var(--color-neutral-80, #c4c9cf);
  --border-color-success: var(--color-green-70, #00c373);
  --border-color-error: var(--color-bild-red-70, #ff8989);
  --border-color-warning: var(--color-orange-70, #fd8227);
  --border-color-disabled: var(--color-neutral-25, #343c41);
  --border-color-hover: var(--color-neutral-80, #c4c9cf);
  --border-color-active: var(--color-bild-red-60, #f75849);
  --border-color-idle: var(--color-neutral-50, #6e787c);
  --focus-ring-color: var(--color-blue-60, #4493f8);
  --border-color-default-inverse: var(--color-neutral-80, #c4c9cf);
  --border-color-subtle-inverse: var(--color-neutral-90, #dde1e2);
  --border-color-brand: var(--color-bild-red-60, #f75849);
  --border-color-brand-light-only: var(--color-neutral-100, #ffffff);
  --border-color-brand-const: var(--color-bild-red-50, #dd0000);
  --border-color-no-contrast: var(--color-neutral-15, #222628);
  --border-color-ads: var(--color-yellow-80, #ffbf00);
  --border-color-ads-hover: var(--color-yellow-70, #d9a200);
  --icon-color-idle: var(--color-neutral-70, #a6abb0);
  --icon-color-disabled: var(--color-neutral-40, #565a5f);
  --icon-color-hover: var(--color-neutral-95, #f2f4f5);
  --icon-color-active: var(--color-neutral-95, #f2f4f5);
  --icon-color-hover-brand: var(--color-bild-red-60, #f75849);
  --icon-color-secondary-on-light: var(--color-neutral-40, #565a5f);
  --icon-color-primary-on-dark: var(--color-neutral-100, #ffffff);
  --icon-color-secondary-on-dark: var(--color-neutral-90, #dde1e2);
  --icon-color-primary-on-light: var(--color-neutral-15, #222628);
  --icon-color-const-on-image: var(--color-neutral-100, #ffffff);
  --icon-color-success: var(--color-green-70, #00c373);
  --icon-color-error: var(--color-bild-red-70, #ff8989);
  --icon-color-warning: var(--color-orange-70, #fd8227);
  --icon-color-brand: var(--color-bild-red-60, #f75849);
  --icon-color-brand-light-only: var(--color-neutral-100, #ffffff);
  --icon-color-primary: var(--color-neutral-90, #dde1e2);
  --icon-color-secondary: var(--color-neutral-70, #a6abb0);
  --icon-color-tertiary: var(--color-neutral-60, #8c9196);
  --icon-color-primary-inverse: var(--color-neutral-15, #222628);
  --icon-color-secondary-inverse: var(--color-neutral-40, #565a5f);
  --icon-color-inverse-high-contrast: var(--color-neutral-15, #222628);
  --layer-opacity-05: var(--opacity-05, 0.05);
  --layer-opacity-10: var(--opacity-10, 0.1);
  --layer-opacity-20: var(--opacity-20, 0.2);
  --layer-opacity-30: var(--opacity-30, 0.3);
  --layer-opacity-40: var(--opacity-40, 0.4);
  --layer-opacity-50: var(--opacity-50, 0.5);
  --layer-opacity-60: var(--opacity-60, 0.6);
  --layer-opacity-70: var(--opacity-70, 0.7);
  --layer-opacity-80: var(--opacity-80, 0.8);
  --layer-opacity-90: var(--opacity-90, 0.9);
  --layer-opacity-100: var(--opacity-100, 1);
  --layer-opacity-00: var(--opacity-00, 0);
  --shadow-color-soft-ambient-sm: var(
    --color-neutral-0-a-15,
    rgba(0, 0, 0, 0.15)
  );
  --shadow-color-soft-ambient-md: var(
    --color-neutral-0-a-10,
    rgba(0, 0, 0, 0.1)
  );
  --shadow-color-soft-ambient-lg: var(
    --color-neutral-0-a-10,
    rgba(0, 0, 0, 0.1)
  );
  --shadow-color-soft-ambient-xl: var(
    --color-neutral-0-a-15,
    rgba(0, 0, 0, 0.15)
  );
  --shadow-color-soft-key-xl: var(--color-neutral-0-a-30, rgba(0, 0, 0, 0.3));
  --shadow-color-soft-key-sm: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
  --shadow-color-soft-key-md: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
  --shadow-color-soft-key-lg: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
  --shadow-color-hard-key: var(--color-neutral-0-a-60, rgba(0, 0, 0, 0.6));
  --shadow-color-hard-ambient: var(--color-neutral-0-a-30, rgba(0, 0, 0, 0.3));
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --shadow-soft-sm:
    var(--size-0, 0px) var(--size-2, 2px) var(--size-6, 6px) var(--size-0, 0px)
      var(--shadow-color-soft-key-sm),
    var(--size-0, 0px) var(--size-1, 1px) var(--size-4, 4px) var(--size-0, 0px)
      var(--shadow-color-soft-ambient-sm);
  --shadow-soft-md:
    var(--size-0, 0px) var(--size-4, 4px) var(--size-12, 12px)
      var(--size-0, 0px) var(--shadow-color-soft-key-md),
    var(--size-0, 0px) var(--size-2, 2px) var(--size-16, 16px)
      var(--size-0, 0px) var(--shadow-color-soft-ambient-md);
  --shadow-soft-lg:
    var(--size-0, 0px) var(--size-8, 8px) var(--size-16, 16px)
      var(--size-0, 0px) var(--shadow-color-soft-key-lg),
    var(--size-0, 0px) var(--size-8, 8px) var(--size-24, 24px)
      var(--size-0, 0px) var(--shadow-color-soft-ambient-lg);
  --shadow-soft-xl:
    var(--size-0, 0px) var(--size-16, 16px) var(--size-32, 32px)
      var(--size-0, 0px) var(--shadow-color-soft-key-xl),
    var(--size-0, 0px) var(--size-0, 0px) var(--size-64, 64px)
      var(--size-0, 0px) var(--shadow-color-soft-ambient-xl);
  --shadow-hard-sm:
    var(--size-0, 0px) var(--size-1, 1px) var(--size-2, 2px) var(--size-0, 0px)
      var(--shadow-color-hard-key),
    var(--size-0, 0px) var(--size-1, 1px) var(--size-4, 4px) var(--size-1, 1px)
      var(--shadow-color-hard-ambient);
  --shadow-hard-md:
    var(--size-0, 0px) var(--size-2, 2px) var(--size-4, 4px) var(--size-0, 0px)
      var(--shadow-color-hard-key),
    var(--size-0, 0px) var(--size-2, 2px) var(--size-8, 8px) var(--size-0, 0px)
      var(--shadow-color-hard-ambient);
  --shadow-hard-lg:
    var(--size-0, 0px) var(--size-4, 4px) var(--size-6, 6px) var(--size-0, 0px)
      var(--shadow-color-hard-key),
    var(--size-0, 0px) var(--size-6, 6px) var(--size-12, 12px)
      var(--size-4, 4px) var(--shadow-color-hard-ambient);
  --shadow-hard-xl:
    var(--size-0, 0px) var(--size-4, 4px) var(--size-4, 4px) var(--size-0, 0px)
      var(--shadow-color-hard-key),
    var(--size-0, 0px) var(--size-8, 8px) var(--size-12, 12px)
      var(--size-6, 6px) var(--shadow-color-hard-ambient);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --grid-space-resp-lg: var(--space-32, 32px);
  --grid-space-resp-base: var(--space-16, 16px);
  --page-inset-space: var(--space-16, 16px);
  --grid-space-const-lg: var(--space-16, 16px);
  --grid-space-const-sm: var(--space-12, 12px);
  --layout-guide-grid-columns: 12;
  --section-space-base: var(--space-48, 48px);
  --section-space-lg: var(--space-96, 96px);
  --paragraph-end-space: var(--space-32, 32px);
  --section-space-sm: var(--space-36, 36px);
  --canvas-min-width-size: 1024px;
  --canvas-max-width-size: 1024px;
  --canvas-height-size-web: 768px;
  --canvas-width-size-web: 1024px;
  --canvas-width-size-app: 1194px;
  --canvas-height-size-app: 834px;
  --content-max-width-medium: 700px;
  --content-max-width-full: 1024px;
  --title-1-font-size: var(--font-size-28, 28px);
  --title-2-font-size: var(--font-size-20, 20px);
  --display-1-font-size: var(--font-size-120, 120px);
  --display-2-font-size: var(--font-size-64, 64px);
  --display-3-font-size: var(--font-size-40, 40px);
  --headline-1-font-size: var(--font-size-100, 100px);
  --headline-2-font-size: var(--font-size-64, 64px);
  --headline-3-font-size: var(--font-size-40, 40px);
  --headline-4-font-size: var(--font-size-32, 32px);
  --body-font-size: var(--font-size-21, 21px);
  --label-3-font-size: var(--font-size-12, 12px);
  --label-2-font-size: 15px;
  --label-1-font-size: 17px;
  --callout-1-font-size: var(--font-size-22, 22px);
  --footnote-1-font-size: var(--font-size-18, 18px);
  --footnote-2-font-size: var(--font-size-16, 16px);
  --kicker-1-font-size: var(--font-size-30, 30px);
  --kicker-2-font-size: var(--font-size-24, 24px);
  --kicker-3-font-size: var(--font-size-20, 20px);
  --kicker-4-font-size: var(--font-size-16, 16px);
  --subheadline-1-font-size: var(--font-size-36, 36px);
  --quote-font-size: var(--font-size-20, 20px);
  --body-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --callout-font-family: var(
    --font-family-gotham,
    Gotham,
    'Avenir Next',
    'Helvetica Neue',
    sans-serif-black,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --headline-font-family: var(
    --font-family-gotham-cond,
    'Gotham Cond',
    HelveticaNeue-CondensedBold,
    'Helvetica Neue',
    'Franklin Gothic',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --footnote-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --label-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --kicker-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --subheadline-font-family: var(
    --font-family-gotham-cond,
    'Gotham Cond',
    HelveticaNeue-CondensedBold,
    'Helvetica Neue',
    'Franklin Gothic',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --title-font-family: var(
    --font-family-gotham,
    Gotham,
    'Avenir Next',
    'Helvetica Neue',
    sans-serif-black,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --quote-font-family: var(
    --font-family-gotham,
    Gotham,
    'Avenir Next',
    'Helvetica Neue',
    sans-serif-black,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --display-font-family: var(
    --font-family-gotham,
    Gotham,
    'Avenir Next',
    'Helvetica Neue',
    sans-serif-black,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --callout-font-weight: var(--font-weight-black, 800);
  --callout-font-weight-st: var(--st-font-weight-black, 800);
  --label-font-weight-bold: var(--font-weight-bold, 700);
  --label-font-weight-book: var(--font-weight-book, 400);
  --label-font-weight-bold-st: var(--st-font-weight-bold, 700);
  --label-font-weight-book-st: var(--st-font-weight-st-book, 400);
  --body-font-weight-book: var(--font-weight-book, 400);
  --body-font-weight-bold: var(--font-weight-bold, 700);
  --body-font-weight-book-italic: var(
    --st-font-weight-st-book-italic,
    BookItalic
  );
  --body-font-weight-bold-italic: var(--st-font-weight-bold-italic, BoldItalic);
  --kicker-font-weight: var(--font-weight-bold, 700);
  --kicker-font-weight-st: var(--st-font-weight-bold, 700);
  --subheadline-font-weight: var(--font-weight-bold, 700);
  --subheadline-font-weight-st: var(--st-font-weight-bold, 700);
  --headline-1-font-weight: var(--font-weight-bold, 700);
  --headline-2-font-weight: var(--font-weight-bold, 700);
  --headline-3-font-weight: var(--font-weight-bold, 700);
  --headline-4-font-weight: var(--font-weight-semi-bold, 600);
  --headline-1-font-weight-st: var(--st-font-weight-bold, 700);
  --headline-2-font-weight-st: var(--st-font-weight-bold, 700);
  --headline-3-font-weight-st: var(--st-font-weight-bold, 700);
  --headline-4-font-weight-st: var(--st-font-weight-semi-bold, 600);
  --title-font-weight: var(--font-weight-black, 800);
  --display-font-weight: var(--font-weight-black, 800);
  --display-font-weight-st: var(--st-font-weight-black, 800);
  --quote-font-weight: var(--font-weight-black, 800);
  --quote-font-weight-st: var(--st-font-weight-black, 800);
  --footnote-font-weight-book: var(--font-weight-book, 400);
  --footnote-font-weight-bold: var(--font-weight-bold, 700);
  --body-line-height: 1.52;
  --kicker-4-line-height: 1;
  --kicker-3-line-height: 1;
  --kicker-2-line-height: 1;
  --kicker-1-line-height: 1;
  --label-3-line-height: 1.2;
  --label-1-line-height: 1.2;
  --label-2-line-height: 1.2;
  --display-1-line-height: 1;
  --display-2-line-height: 1;
  --display-3-line-height: 1;
  --title-1-line-height: 1.1;
  --title-2-line-height: 1.1;
  --quote-line-height: 1.1;
  --footnote-1-line-height: 1.28;
  --footnote-2-line-height: 1.31;
  --headline-1-line-height: 1;
  --headline-2-line-height: 1;
  --headline-3-line-height: 1;
  --headline-4-line-height: 1;
  --callout-line-height: 1;
  --subheadline-1-line-height: 1;
  --letter-spacing-positive-sm: var(--letter-spacing-0-p-5, 0.5px);
  --letter-spacing-positive-lg: var(--letter-spacing-3, 3px);
  --letter-spacing-positive-md: var(--letter-spacing-1, 1px);
  --letter-spacing-none: var(--letter-spacing-0, 0px);
  --letter-spacing-negative-sm: var(--letter-spacing-neg-0-p-25, -0.25px);
  --letter-spacing-negative-md: var(--letter-spacing-neg-1, -1px);
  --letter-spacing-negative-lg: var(--letter-spacing-neg-3, -3px);
  --letter-spacing-negative-xs: var(--letter-spacing-neg-0-p-25, -0.25px);
  --letter-spacing-positive-xs: var(--letter-spacing-0-p-25, 0.25px);
  --display-1-letter-spacing: var(--letter-spacing-neg-2, -2px);
  --display-2-letter-spacing: var(--letter-spacing-neg-1, -1px);
  --display-3-letter-spacing: var(--letter-spacing-neg-1, -1px);
  --label-1-letter-spacing: var(--letter-spacing-0-p-25, 0.25px);
  --label-2-letter-spacing: var(--letter-spacing-0-p-25, 0.25px);
  --label-3-letter-spacing: var(--letter-spacing-0-p-5, 0.5px);
  --body-font-style: var(--font-style-normal, normal);
  --callout-font-style: var(--font-style-normal, normal);
  --display-font-style: var(--font-style-normal, normal);
  --footnote-font-style: var(--font-style-normal, normal);
  --headline-font-style: var(--font-style-normal, normal);
  --kicker-font-style: var(--font-style-normal, normal);
  --label-font-style: var(--font-style-normal, normal);
  --subheadline-font-style: var(--font-style-normal, normal);
  --title-font-style: var(--font-style-normal, normal);
  --quote-font-style: var(--font-style-normal, normal);
  --border-radius-xs: var(--size-2, 2px);
  --border-radius-md: var(--size-8, 8px);
  --border-radius-sm: var(--size-4, 4px);
  --border-radius-xl: var(--size-24, 24px);
  --border-radius-lg: var(--size-16, 16px);
  --border-radius-none: var(--size-0, 0px);
  --border-radius-full: 9999px;
  --border-width-thin: var(--size-1, 1px);
  --border-width-thick: var(--size-2, 2px);
  --border-width-hairline: 0.33px;
  --icon-size: var(--size-24, 24px);
  --size-const-3-xs: var(--size-16, 16px);
  --size-const-2-xs: var(--size-24, 24px);
  --size-const-xs: var(--size-32, 32px);
  --size-const-sm: var(--size-40, 40px);
  --size-const-md: var(--size-48, 48px);
  --size-const-lg: var(--size-56, 56px);
  --size-const-xl: var(--size-64, 64px);
  --size-const-3-xl: var(--size-96, 96px);
  --size-const-4-xl: var(--size-148, 148px);
  --size-const-2-xl: var(--size-72, 72px);
  --size-const-4-xs: var(--size-8, 8px);
  --size-resp-3-xs: var(--size-24, 24px);
  --size-resp-2-xs: var(--size-32, 32px);
  --size-resp-xs: var(--size-48, 48px);
  --size-resp-sm: var(--size-56, 56px);
  --size-resp-md: var(--size-72, 72px);
  --size-resp-lg: var(--size-92, 92px);
  --size-resp-xl: var(--size-96, 96px);
  --size-resp-2-xl: var(--size-100, 100px);
  --size-resp-3-xl: var(--size-148, 148px);
  --size-resp-4-xl: var(--size-180, 180px);
  --size-resp-4-xs: var(--size-16, 16px);
  --change-on-lg: lg;
  --change-on-md: md/lg;
  --bp-specific-web: lg;
  --bp-specific-app: regular;
  --inset-space-resp-md: var(--density-lg-space-resp-md);
  --inset-space-resp-lg: var(--density-lg-space-resp-lg);
  --inset-space-resp-2-xl: var(--density-lg-space-resp-2-xl);
  --inset-space-resp-sm: var(--density-lg-space-resp-sm);
  --inset-space-resp-xl: var(--density-lg-space-resp-xl);
  --inset-space-const-sm: var(--density-space-const-sm);
  --inset-space-const-md: var(--density-space-const-md);
  --inset-space-const-lg: var(--density-space-const-lg);
  --inset-space-const-2-xl: var(--density-space-const-2-xl);
  --inset-space-const-xl: var(--density-space-const-xl);
  --inset-space-const-xs: var(--density-space-const-xs);
  --inset-space-const-3-xs: var(--density-space-const-3-xs);
  --inset-space-const-2-xs: var(--density-space-const-2-xs);
  --stack-space-resp-xs: var(--space-8, 8px);
  --stack-space-resp-lg: var(--density-lg-space-resp-lg);
  --stack-space-resp-xl: var(--space-48, 48px);
  --stack-space-resp-2-xl: var(--density-lg-space-resp-2-xl);
  --stack-space-resp-md: var(--density-lg-space-resp-md);
  --stack-space-resp-sm: var(--density-lg-space-resp-sm);
  --stack-space-resp-2-xs: var(--space-6, 6px);
  --stack-space-resp-3-xl: var(--density-lg-space-resp-3-xl);
  --stack-space-const-2-xs: var(--density-space-const-3-xs);
  --stack-space-const-xs: var(--density-space-const-2-xs);
  --stack-space-const-sm: var(--density-space-const-sm);
  --stack-space-const-md: var(--density-space-const-md);
  --stack-space-const-lg: var(--density-space-const-lg);
  --stack-space-const-xl: var(--density-space-const-xl);
  --stack-space-const-2-xl: var(--density-space-const-2-xl);
  --stack-space-const-3-xl: var(--density-space-const-3-xl);
  --inline-space-resp-2-xs: var(--space-6, 6px);
  --inline-space-resp-xs: var(--space-8, 8px);
  --inline-space-resp-sm: var(--space-16, 16px);
  --inline-space-resp-md: var(--space-24, 24px);
  --inline-space-resp-lg: var(--space-32, 32px);
  --inline-space-resp-xl: var(--space-48, 48px);
  --inline-space-resp-2-xl: var(--space-64, 64px);
  --inline-space-resp-3-xl: var(--space-96, 96px);
  --inline-space-const-2-xs: var(--space-2, 2px);
  --inline-space-const-xs: var(--space-4, 4px);
  --inline-space-const-sm: var(--space-8, 8px);
  --inline-space-const-md: var(--space-12, 12px);
  --inline-space-const-lg: var(--space-16, 16px);
  --inline-space-const-xl: var(--space-24, 24px);
  --inline-space-const-2-xl: var(--space-32, 32px);
  --inline-space-const-3-xl: var(--space-48, 48px);
  --breakpoint-name: lg;
}
[data-density='default'],
:host([data-density='default']) {
  --density-space-const-3-xs: var(--space-2, 2px);
  --density-space-const-2-xs: var(--space-4, 4px);
  --density-space-const-xs: var(--space-6, 6px);
  --density-space-const-sm: var(--space-8, 8px);
  --density-space-const-md: var(--space-12, 12px);
  --density-space-const-lg: var(--space-16, 16px);
  --density-space-const-xl: var(--space-24, 24px);
  --density-space-const-2-xl: var(--space-32, 32px);
  --density-space-const-3-xl: var(--space-48, 48px);
  --density-xs-space-resp-sm: var(--space-8, 8px);
  --density-xs-space-resp-md: var(--space-12, 12px);
  --density-xs-space-resp-lg: var(--space-16, 16px);
  --density-xs-space-resp-xl: var(--space-24, 24px);
  --density-xs-space-resp-2-xl: var(--space-32, 32px);
  --density-xs-space-resp-3-xl: var(--space-48, 48px);
  --density-sm-space-resp-sm: var(--space-8, 8px);
  --density-sm-space-resp-md: var(--space-12, 12px);
  --density-sm-space-resp-lg: var(--space-16, 16px);
  --density-sm-space-resp-xl: var(--space-24, 24px);
  --density-sm-space-resp-2-xl: var(--space-32, 32px);
  --density-sm-space-resp-3-xl: var(--space-48, 48px);
  --density-md-space-resp-sm: var(--space-12, 12px);
  --density-md-space-resp-md: var(--space-16, 16px);
  --density-md-space-resp-lg: var(--space-24, 24px);
  --density-md-space-resp-xl: var(--space-32, 32px);
  --density-md-space-resp-2-xl: var(--space-48, 48px);
  --density-md-space-resp-3-xl: var(--space-72, 72px);
  --density-lg-space-resp-sm: var(--space-16, 16px);
  --density-lg-space-resp-md: var(--space-24, 24px);
  --density-lg-space-resp-lg: var(--space-32, 32px);
  --density-lg-space-resp-xl: var(--space-40, 40px);
  --density-lg-space-resp-2-xl: var(--space-64, 64px);
  --density-lg-space-resp-3-xl: var(--space-96, 96px);
}
[data-density='dense'],
:host([data-density='dense']) {
  --density-space-const-3-xs: var(--space-2, 2px);
  --density-space-const-2-xs: var(--space-2, 2px);
  --density-space-const-xs: var(--space-2, 2px);
  --density-space-const-sm: var(--space-6, 6px);
  --density-space-const-md: var(--space-8, 8px);
  --density-space-const-lg: var(--space-12, 12px);
  --density-space-const-xl: var(--space-16, 16px);
  --density-space-const-2-xl: var(--space-24, 24px);
  --density-space-const-3-xl: var(--space-36, 36px);
  --density-xs-space-resp-sm: var(--space-6, 6px);
  --density-xs-space-resp-md: var(--space-8, 8px);
  --density-xs-space-resp-lg: var(--space-12, 12px);
  --density-xs-space-resp-xl: var(--space-16, 16px);
  --density-xs-space-resp-2-xl: var(--space-24, 24px);
  --density-xs-space-resp-3-xl: var(--space-36, 36px);
  --density-sm-space-resp-sm: var(--space-6, 6px);
  --density-sm-space-resp-md: var(--space-8, 8px);
  --density-sm-space-resp-lg: var(--space-12, 12px);
  --density-sm-space-resp-xl: var(--space-16, 16px);
  --density-sm-space-resp-2-xl: var(--space-24, 24px);
  --density-sm-space-resp-3-xl: var(--space-36, 36px);
  --density-md-space-resp-sm: var(--space-8, 8px);
  --density-md-space-resp-md: var(--space-12, 12px);
  --density-md-space-resp-lg: var(--space-16, 16px);
  --density-md-space-resp-xl: var(--space-24, 24px);
  --density-md-space-resp-2-xl: var(--space-36, 36px);
  --density-md-space-resp-3-xl: 54px;
  --density-lg-space-resp-sm: var(--space-12, 12px);
  --density-lg-space-resp-md: var(--space-16, 16px);
  --density-lg-space-resp-lg: var(--space-24, 24px);
  --density-lg-space-resp-xl: var(--space-28, 28px);
  --density-lg-space-resp-2-xl: var(--space-48, 48px);
  --density-lg-space-resp-3-xl: var(--space-72, 72px);
}
[data-density='spacious'],
:host([data-density='spacious']) {
  --density-space-const-3-xs: var(--space-2, 2px);
  --density-space-const-2-xs: var(--space-4, 4px);
  --density-space-const-xs: var(--space-8, 8px);
  --density-space-const-sm: var(--space-10, 10px);
  --density-space-const-md: 14px;
  --density-space-const-lg: var(--space-20, 20px);
  --density-space-const-xl: var(--space-28, 28px);
  --density-space-const-2-xl: var(--space-40, 40px);
  --density-space-const-3-xl: var(--space-60, 60px);
  --density-xs-space-resp-sm: var(--space-10, 10px);
  --density-xs-space-resp-md: 14px;
  --density-xs-space-resp-lg: var(--space-20, 20px);
  --density-xs-space-resp-xl: var(--space-28, 28px);
  --density-xs-space-resp-2-xl: var(--space-40, 40px);
  --density-xs-space-resp-3-xl: var(--space-60, 60px);
  --density-sm-space-resp-sm: var(--space-10, 10px);
  --density-sm-space-resp-md: 14px;
  --density-sm-space-resp-lg: var(--space-20, 20px);
  --density-sm-space-resp-xl: var(--space-28, 28px);
  --density-sm-space-resp-2-xl: var(--space-40, 40px);
  --density-sm-space-resp-3-xl: var(--space-60, 60px);
  --density-md-space-resp-sm: 14px;
  --density-md-space-resp-md: var(--space-20, 20px);
  --density-md-space-resp-lg: var(--space-28, 28px);
  --density-md-space-resp-xl: var(--space-40, 40px);
  --density-md-space-resp-2-xl: var(--space-60, 60px);
  --density-md-space-resp-3-xl: 90px;
  --density-lg-space-resp-sm: var(--space-20, 20px);
  --density-lg-space-resp-md: var(--space-28, 28px);
  --density-lg-space-resp-lg: var(--space-40, 40px);
  --density-lg-space-resp-xl: var(--space-48, 48px);
  --density-lg-space-resp-2-xl: var(--space-80, 80px);
  --density-lg-space-resp-3-xl: 120px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --alert-shadow-down: 0px 6px 10px 0px
    var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
  --alert-shadow-up: 0px -2px 10px 0px
    var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --aricle-mobile-1-col-grid-image-margin-space: var(--space-72, 72px);
  --article-top-margin-space: var(--inset-space-resp-sm);
  --article-content-stack-space: var(--stack-space-resp-lg);
  --article-headings-stack-space: var(--space-16, 16px);
  --article-image-landscape-inset-inline-space: var(--space-16, 16px);
  --article-content-inset-inline-space: 162px;
  --article-headings-inset-inline-space: var(--space-16, 16px);
  --article-image-portait-inset-inline-space: 162px;
  --article-image-container-stack-space: var(--inset-space-resp-sm);
  --article-infobox-inline-inset-space: var(--inset-space-resp-lg);
  --article-infobox-inset-block-space: var(--inset-space-resp-lg);
  --article-infobox-stack-space: var(--stack-space-resp-sm);
  --article-kicker-font-size: var(--kicker-1-font-size);
  --article-headline-font-size: var(--headline-1-font-size);
  --article-image-caption-font-size: 18px;
  --article-image-source-font-size: 18px;
  --article-meta-font-size: 16px;
  --article-meta-line-height: 1.3;
  --article-image-caption-line-height: 1.38;
  --article-image-source-line-height: 1.28;
  --article-headline-line-height: 1;
  --article-meta-font-family: var(
    --font-family-gotham,
    Gotham,
    'Avenir Next',
    'Helvetica Neue',
    sans-serif-black,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --article-headline-align: var(--text-align-center, center);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --audio-player-font-size: var(--font-size-18, 18px);
  --audio-player-line-height: 1.28;
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --author-page-headline-align: var(--text-align-left, left);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --avatar-label-color: var(--text-color-primary);
  --avatar-label-color-hover: var(--text-color-hover);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --avatar-label-font-size: 18px;
  --avatar-article-size: var(--size-const-md);
  --avatar-author-page-size: var(--size-130, 130px);
  --avatar-font-family: var(--body-font-family);
  --avatar-label-line-height: 1.28;
  --avatar-lane-inline-space: var(--space-24, 24px);
  --app-avatar-font-family: var(--title-font-family);
  --avatar-item-inline-space: var(--inline-space-const-sm);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --badges-inset-block-space: var(--inset-space-const-3-xs);
  --badges-inset-inline-space: var(--inset-space-const-2-xs);
  --ad-label-badge-height-size: 30px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --breadcrumb-text-color-idle: var(--text-color-idle);
  --breadcrumb-text-color-hover: var(--text-color-hover);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --breadcrumb-font-size: 12px;
  --breadcrumb-font-family: var(--body-font-family);
  --breadcrumb-arrow-inset-left-space-1: 3px;
  --breadcrumb-arrow-inset-right-space-2: 5px;
  --breadcrumb-inset-inline-space: 0px;
  --breadcrumb-line-height: 1;
  --breadcrumb-font-weight: var(--body-font-weight-bold);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --breaking-news-title-bg-color: var(--color-orange-70, #fd8227);
  --breaking-news-bg-color: var(--color-neutral-15, #222628);
  --breaking-news-text-content-color: var(--color-neutral-100, #ffffff);
  --breaking-news-top-title-text-color: var(--color-neutral-10, #191b1c);
  --breaking-news-bottom-title-text-color: var(--color-neutral-10, #191b1c);
  --breaking-news-bg-color-gradient-stop: var(
    --color-neutral-15-a-0,
    rgba(34, 38, 40, 0)
  );
  --alert-content-text-color-live: var(--text-color-inverse-high-contrast);
  --alert-bg-color-live: var(--color-bild-red-10, #410000);
  --alert-bg-color-gradient-stop-live: var(
    --color-bild-red-10-a-0,
    rgba(65, 0, 0, 0)
  );
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --breaking-news-title-bg-color: var(--color-orange-70, #fd8227);
    --breaking-news-bg-color: var(--color-neutral-90, #dde1e2);
    --breaking-news-text-content-color: var(--color-neutral-15, #222628);
    --breaking-news-top-title-text-color: var(--color-neutral-10, #191b1c);
    --breaking-news-bottom-title-text-color: var(--color-neutral-10, #191b1c);
    --breaking-news-bg-color-gradient-stop: var(
      --color-neutral-90-a-0,
      rgba(221, 225, 226, 0)
    );
    --alert-content-text-color-live: var(--color-bild-red-20, #680000);
    --alert-bg-color-live: var(--color-bild-red-95, #ffecec);
    --alert-bg-color-gradient-stop-live: var(
      --color-bild-red-95-a-0,
      rgba(255, 236, 236, 0)
    );
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --breaking-news-title-bg-color: var(--color-orange-70, #fd8227);
  --breaking-news-bg-color: var(--color-neutral-15, #222628);
  --breaking-news-text-content-color: var(--color-neutral-100, #ffffff);
  --breaking-news-top-title-text-color: var(--color-neutral-10, #191b1c);
  --breaking-news-bottom-title-text-color: var(--color-neutral-10, #191b1c);
  --breaking-news-bg-color-gradient-stop: var(
    --color-neutral-15-a-0,
    rgba(34, 38, 40, 0)
  );
  --alert-content-text-color-live: var(--text-color-inverse-high-contrast);
  --alert-bg-color-live: var(--color-bild-red-10, #410000);
  --alert-bg-color-gradient-stop-live: var(
    --color-bild-red-10-a-0,
    rgba(65, 0, 0, 0)
  );
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --breaking-news-title-bg-color: var(--color-orange-70, #fd8227);
  --breaking-news-bg-color: var(--color-neutral-90, #dde1e2);
  --breaking-news-text-content-color: var(--color-neutral-15, #222628);
  --breaking-news-top-title-text-color: var(--color-neutral-10, #191b1c);
  --breaking-news-bottom-title-text-color: var(--color-neutral-10, #191b1c);
  --breaking-news-bg-color-gradient-stop: var(
    --color-neutral-90-a-0,
    rgba(221, 225, 226, 0)
  );
  --alert-content-text-color-live: var(--color-bild-red-20, #680000);
  --alert-bg-color-live: var(--color-bild-red-95, #ffecec);
  --alert-bg-color-gradient-stop-live: var(
    --color-bild-red-95-a-0,
    rgba(255, 236, 236, 0)
  );
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --alert-title-bg-color-live: var(--bg-color-live-solid);
  --alert-title-text-color-live: var(--text-color-primary-on-dark);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --breaking-news-container-height-size: var(--size-const-lg);
  --breaking-news-badge-upper-title-font-size: 17px;
  --breaking-news-badge-lower-title-font-size: 30px;
  --breaking-news-badge-upper-title-line-height: 0.71;
  --breaking-news-badge-lower-title-line-height: 0.7;
  --breaking-news-badge-titels-stack-space: var(--stack-space-const-xs);
  --breaking-news-scrolling-text-font-size: 21px;
  --breaking-news-scrolling-text-line-height: 1;
  --breaking-news-badge-inset-inline-space: var(--size-26, 26px);
  --breaking-news-badge-max-width: var(--size-148, 148px);
  --breaking-news-badge-min-width: 86px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --button-primary-brand-bg-color-idle: var(--bg-color-brand-solid);
  --button-primary-brand-bg-color-hover: var(--bg-color-brand-solid-hover);
  --button-primary-brand-label-color: var(--text-color-primary-on-dark);
  --button-primary-brand-bg-color-active: var(--bg-color-brand-solid-active);
  --button-tertiary-neutral-label-color: var(--text-color-active);
  --button-tertiary-neutral-border-color-idle: var(--border-color-idle);
  --button-tertiary-neutral-border-color-hover: var(--border-color-hover);
  --button-tertiary-neutral-bg-color-hover: var(--bg-color-secondary);
  --button-tertiary-neutral-bg-color-active: var(--bg-color-tertiary);
  --button-secondary-bg-color-hover: var(--bg-color-quaternary);
  --button-secondary-label-color: var(--text-color-active);
  --button-secondary-bg-color-idle: var(--bg-color-tertiary);
  --button-secondary-bg-color-active: var(--bg-color-quaternary);
  --button-primary-success-bg-color-idle: var(--bg-color-success-solid);
  --button-primary-success-bg-color-hover: var(--bg-color-success-solid-hover);
  --button-primary-success-bg-color-active: var(
    --bg-color-success-solid-active
  );
  --button-primary-success-label-color: var(--text-color-primary-on-dark);
  --button-tertiary-success-bg-color-hover: var(--bg-color-success-tint-hover);
  --button-tertiary-success-border-color: var(--border-color-success);
  --button-tertiary-success-label-color: var(--text-color-success);
  --button-primary-neutral-bg-color-idle: var(--bg-color-primary-inverse);
  --button-primary-neutral-bg-color-hover: var(--bg-color-tertiary-inverse);
  --button-primary-neutral-label-color: var(--text-color-inverse-high-contrast);
  --button-primary-neutral-bg-color-active: var(--bg-color-quaternary-inverse);
  --button-ghost-bg-color-hover: var(--bg-color-tertiary);
  --button-ghost-label-color: var(--text-color-active);
  --button-ghost-bg-color-active: var(--bg-color-quaternary);
  --button-disabled-label-color: var(--text-color-disabled);
  --button-disabled-bg-color: var(--bg-color-disabled);
  --button-disabled-border-color: var(--border-color-disabled);
}
[data-density='default'],
:host([data-density='default']) {
  --density-button-content-gap-space: var(--space-8, 8px);
  --density-button-stack-space: var(--space-8, 8px);
  --density-button-label-font-size: 17px;
  --density-button-inline-space: var(--space-20, 20px);
  --density-button-height-size: var(--size-40, 40px);
}
[data-density='dense'],
:host([data-density='dense']) {
  --density-button-content-gap-space: var(--space-6, 6px);
  --density-button-stack-space: var(--space-6, 6px);
  --density-button-label-font-size: 15px;
  --density-button-inline-space: var(--space-16, 16px);
  --density-button-height-size: var(--size-36, 36px);
}
[data-density='spacious'],
:host([data-density='spacious']) {
  --density-button-content-gap-space: var(--space-8, 8px);
  --density-button-stack-space: var(--space-12, 12px);
  --density-button-label-font-size: 19px;
  --density-button-inline-space: var(--space-24, 24px);
  --density-button-height-size: var(--size-48, 48px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --button-label-font-size: var(--density-button-label-font-size);
  --button-inset-inline-space: var(--density-button-inline-space);
  --multi-textlink-button-label-font-size: 18px;
  --multi-textlink-button-label-height-size: var(--size-const-md);
  --button-border-width-size: var(--border-width-thick);
  --button-content-min-height-size: var(--size-const-2-xs);
  --multi-textlink-button-inset-inline-space: var(--inset-space-const-sm);
  --button-label-line-height: var(--density-button-label-font-size);
  --button-content-inline-space: var(--density-button-content-gap-space);
  --button-inset-block-space: var(--density-button-stack-space);
  --button-border-radius: var(--size-8, 8px);
  --button-label-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --button-height-size: var(--density-button-height-size);
  --multi-textlink-button-inset-block-space: var(--density-button-stack-space);
  --button-label-font-weight: var(--st-font-weight-bold, 700);
  --button-label-font-style: var(--font-style-normal, normal);
  --button-label-letter-spacing: var(--letter-spacing-positive-sm);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --card-surface-bg-color: var(--bg-color-primary);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --card-surface-bg-color: var(--bg-color-primary);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --card-surface-bg-color: var(--bg-color-secondary);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --card-surface-bg-color: var(--bg-color-secondary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --search-result-card-image-width-size: 260px;
  --search-result-card-image-height-size-stacked: 189px;
  --newsticker-image-card-width-size: 206px;
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --gallery-teaser-title-bottom-space: var(--space-36, 36px);
  --gallery-teaser-app-inline-space: var(--stack-space-const-sm);
  --app-epaper-carousel-item-focus-width: 240px;
  --app-epaper-carousel-item-default-width: 172px;
  --app-epaper-carouse-beilage-item-width: 172px;
  --standard-teaser-gallery-teaser-width-web: 300px;
  --standard-teaser-gallery-teaser-width-app: 464px;
  --image-gallery-slider-height-size: 393.75px;
  --image-gallery-preview-lane-height: 60px;
  --image-gallery-preview-lane-item-width: var(--size-96, 96px);
  --image-gallery-slider-height-size-md: 298.13px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --chip-label-color-hover: var(--text-color-primary-on-dark);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --chip-label-color-hover: var(--text-color-primary-on-light);
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --chip-label-color-hover: var(--text-color-primary-on-dark);
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --chip-label-color-hover: var(--text-color-primary-on-light);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --chip-bg-color-hover: var(--bg-color-brand-light-only);
  --chip-bg-color-active: var(--bg-color-brand-light-only);
  --chip-bg-color-idle: var(--bg-color-tertiary);
  --chip-label-color-idle: var(--text-color-idle);
  --chip-label-color-active: var(--text-color-inverse-high-contrast);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --chip-font-size: 18px;
  --chip-inset-inline-space: var(--inset-space-const-md);
  --chip-inset-block-space: var(--inset-space-const-sm);
  --chip-label-line-height: 1;
  --chip-border-radius: var(--size-8, 8px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --datepicker-item-day-width-size: var(--size-44, 44px);
  --datepicker-item-height-size: var(--size-44, 44px);
  --datepicker-item-year-width-size: 77px;
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --mobile-menu-drawer-inset-block-space: 20px;
  --mobile-menu-drawer-inset-left-space: 20px;
  --mobile-menu-drawer-inset-right-space: var(--inset-space-const-lg);
  --mobile-menu-drawer-max-width-size: 400px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --dropdown-bg-color-hover: var(--bg-color-secondary);
  --dropdown-bg-color-idle: var(--bg-color-primary);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --dropdown-bg-color-hover: var(--bg-color-secondary);
  --dropdown-bg-color-idle: var(--bg-color-primary);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --dropdown-bg-color-hover: var(--bg-color-quaternary);
    --dropdown-bg-color-idle: var(--bg-color-tertiary);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --dropdown-bg-color-hover: var(--bg-color-quaternary);
  --dropdown-bg-color-idle: var(--bg-color-tertiary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --drop-down-border-radius: var(--border-radius-sm);
  --drop-down-item-inset-block-space: var(--inset-space-const-md);
  --drop-down-item-inset-inline-space: var(--grid-space-resp-base);
  --drop-down-label-text-transform: var(--text-transform-uppercase, uppercase);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --empties-bg-color: var(--bg-color-secondary);
  --empties-logo-color: var(--bg-color-quaternary);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --empties-bg-color: var(--bg-color-secondary);
  --empties-logo-color: var(--bg-color-quaternary);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --empties-bg-color: var(--bg-color-tertiary);
    --empties-logo-color: var(--bg-color-secondary);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --empties-bg-color: var(--bg-color-tertiary);
  --empties-logo-color: var(--bg-color-secondary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --focus-ring-border-width: var(--border-width-thick);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --footer-bg-color: var(--color-neutral-100, #ffffff);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --footer-bg-color: var(--color-neutral-100, #ffffff);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --footer-bg-color: var(--color-neutral-15, #222628);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --footer-bg-color: var(--color-neutral-15, #222628);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --footer-font-size: 11px;
  --footer-line-height: 1.27;
  --footer-font-family: var(--body-font-family);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --app-image-lightbox-gallery-bg-color: var(--color-neutral-0, #000000);
  --gallery-overlay-bg-color: var(
    --color-neutral-15-a-70,
    rgba(34, 38, 40, 0.7)
  );
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --app-image-lightbox-gallery-bg-color: var(--color-neutral-0, #000000);
  --gallery-overlay-bg-color: var(
    --color-neutral-15-a-70,
    rgba(34, 38, 40, 0.7)
  );
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --app-image-lightbox-gallery-bg-color: var(--color-neutral-0, #000000);
    --gallery-overlay-bg-color: var(
      --color-neutral-15-a-70,
      rgba(34, 38, 40, 0.7)
    );
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --app-image-lightbox-gallery-bg-color: var(--color-neutral-0, #000000);
  --gallery-overlay-bg-color: var(
    --color-neutral-15-a-70,
    rgba(34, 38, 40, 0.7)
  );
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --icon-size-embedd-media: 40px;
}
[data-density='default'],
:host([data-density='default']) {
  --density-icon-button-size: var(--size-48, 48px);
}
[data-density='dense'],
:host([data-density='dense']) {
  --density-icon-button-size: var(--size-40, 40px);
}
[data-density='spacious'],
:host([data-density='spacious']) {
  --density-icon-button-size: var(--size-56, 56px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --icon-button-size: var(--density-icon-button-size);
  --icon-button-border-radius: var(--size-8, 8px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --info-element-teaser-badge-height-size: var(--size-24, 24px);
  --info-element-teaser-image-height-size: 133px;
  --info-element-teaser-image-width-size: 236px;
  --info-element-teaser-badge-top-margin-space: var(--space-8, 8px);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --input-field-border-color-idle: var(--border-color-idle);
  --input-field-border-color-active: var(--border-color-hover);
  --input-field-border-color-disabled: var(--border-color-disabled);
}
[data-density='default'],
:host([data-density='default']) {
  --density-input-field-inline-space: var(--space-16, 16px);
  --density-input-field-stack-space: var(--space-8, 8px);
  --density-input-field-height-size: var(--size-40, 40px);
  --density-input-field-label-font-size: 17px;
  --density-input-field-label-line-height: 17px;
}
[data-density='dense'],
:host([data-density='dense']) {
  --density-input-field-inline-space: var(--space-16, 16px);
  --density-input-field-stack-space: var(--space-6, 6px);
  --density-input-field-height-size: var(--size-36, 36px);
  --density-input-field-label-font-size: var(--font-size-16, 16px);
  --density-input-field-label-line-height: 16px;
}
[data-density='spacious'],
:host([data-density='spacious']) {
  --density-input-field-inline-space: var(--space-16, 16px);
  --density-input-field-stack-space: var(--space-12, 12px);
  --density-input-field-height-size: var(--size-48, 48px);
  --density-input-field-label-font-size: 19px;
  --density-input-field-label-line-height: 19px;
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --input-field-inset-block-space: var(--density-input-field-stack-space);
  --input-field-inset-inline-space: var(--density-input-field-inline-space);
  --input-field-mini-label-inset-inline-space: var(--inset-space-const-2-xs);
  --input-field-label-font-size: var(--density-input-field-label-font-size);
  --input-field-message-inset-inline-space: var(--inset-space-const-lg);
  --input-field-height-size: var(--density-input-field-height-size);
  --hey-input-container-inset-inline-space: var(--inset-space-const-lg);
  --input-field-message-stack-space: var(--stack-space-const-xs);
  --input-field-label-font-family: var(--body-font-family);
  --input-field-label-line-height: var(--density-input-field-label-line-height);
  --input-field-border-radius: var(--size-8, 8px);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --kicker-bg-color-on-surface: var(--bg-color-brand-solid);
  --kicker-fitbook-bg-color: var(--color-fitbook-rose-70, #ff97b7);
  --kicker-petbook-bg-color: var(--color-petbook-green-80, #b9db91);
  --kicker-myhomebook-bg-color: var(--color-myhomebook-teal-70, #66cccc);
  --kicker-travelbook-bg-color: var(--color-travelbook-teal-90, #8ef0ed);
  --kicker-techbook-bg-color: var(--color-techbook-blue-80, #93e4ff);
  --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476e);
  --kicker-cobi-bg-color: var(--color-cobi-red-50, #dc231c);
  --kicker-aubi-bg-color: var(--color-aubi-red-50, #f00000);
  --kicker-spobi-bg-color: var(--color-spobi-blue-30, #174482);
  --kicker-bz-bg-color: var(--color-bz-red-50, #de0d22);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --kicker-bg-color-on-surface: var(--bg-color-brand-solid);
  --kicker-fitbook-bg-color: var(--color-fitbook-rose-70, #ff97b7);
  --kicker-petbook-bg-color: var(--color-petbook-green-80, #b9db91);
  --kicker-myhomebook-bg-color: var(--color-myhomebook-teal-70, #66cccc);
  --kicker-travelbook-bg-color: var(--color-travelbook-teal-90, #8ef0ed);
  --kicker-techbook-bg-color: var(--color-techbook-blue-80, #93e4ff);
  --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476e);
  --kicker-cobi-bg-color: var(--color-cobi-red-50, #dc231c);
  --kicker-aubi-bg-color: var(--color-aubi-red-50, #f00000);
  --kicker-spobi-bg-color: var(--color-spobi-blue-30, #174482);
  --kicker-bz-bg-color: var(--color-bz-red-50, #de0d22);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --kicker-bg-color-on-surface: var(--bg-color-quaternary-inverse);
    --kicker-fitbook-bg-color: var(--color-fitbook-rose-70, #ff97b7);
    --kicker-petbook-bg-color: var(--color-petbook-green-80, #b9db91);
    --kicker-myhomebook-bg-color: var(--color-myhomebook-teal-70, #66cccc);
    --kicker-travelbook-bg-color: var(--color-travelbook-teal-90, #8ef0ed);
    --kicker-techbook-bg-color: var(--color-techbook-blue-80, #93e4ff);
    --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476e);
    --kicker-cobi-bg-color: var(--color-cobi-red-50, #dc231c);
    --kicker-aubi-bg-color: var(--color-aubi-red-50, #f00000);
    --kicker-spobi-bg-color: var(--color-spobi-blue-30, #174482);
    --kicker-bz-bg-color: var(--color-bz-red-50, #de0d22);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --kicker-bg-color-on-surface: var(--bg-color-quaternary-inverse);
  --kicker-fitbook-bg-color: var(--color-fitbook-rose-70, #ff97b7);
  --kicker-petbook-bg-color: var(--color-petbook-green-80, #b9db91);
  --kicker-myhomebook-bg-color: var(--color-myhomebook-teal-70, #66cccc);
  --kicker-travelbook-bg-color: var(--color-travelbook-teal-90, #8ef0ed);
  --kicker-techbook-bg-color: var(--color-techbook-blue-80, #93e4ff);
  --kicker-kaufberater-bg-color: var(--color-partner-kaufberater, #55476e);
  --kicker-cobi-bg-color: var(--color-cobi-red-50, #dc231c);
  --kicker-aubi-bg-color: var(--color-aubi-red-50, #f00000);
  --kicker-spobi-bg-color: var(--color-spobi-blue-30, #174482);
  --kicker-bz-bg-color: var(--color-bz-red-50, #de0d22);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --menu-item-border-color-active: var(--border-color-brand-light-only);
  --menu-item-label-color-idle: var(--text-color-idle);
  --menu-item-label-color-active: var(--text-color-active);
  --menu-item-label-color-hover: var(--text-color-hover);
  --utillink-icon-color-idle: var(--icon-color-idle);
  --utillink-icon-color-hover: var(--icon-color-brand-light-only);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --live-tickerheadline-font-weight: var(--font-weight-semi-bold, 600);
  --live-ticker-headlines-font-size: 32px;
  --time-stamp-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --live-ticker-time-stamp-font-size: 16px;
  --live-ticker-time-headline-stack-space: var(--stack-space-const-xs);
  --live-ticker-slider-item-width-max-size: 537px;
  --live-ticker-app-card-height-size: 128px;
  --live-ticker-app-card-width-size: 300px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --vid-player-controls-autoplay-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-control-buttons-bg-hover-color: var(
    --color-bild-red-50-a-80,
    rgba(221, 0, 0, 0.8)
  );
  --vid-player-control-buttons-bg-color-hover: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-overlay-scrim-color: var(
    --color-neutral-0-a-50,
    rgba(0, 0, 0, 0.5)
  );
  --audio-player-play-button-bg-color: var(
    --color-neutral-100-a-30,
    rgba(255, 255, 255, 0.3)
  );
  --vid-player-tooltip-bg-color: var(
    --color-neutral-0-a-70,
    rgba(0, 0, 0, 0.7)
  );
  --vid-player-control-buttons-bg-color-pressed: var(
    --color-neutral-0-a-5,
    rgba(0, 0, 0, 0.05)
  );
  --vid-player-progress-bar-preload-bg-color: var(
    --color-neutral-100-a-30,
    rgba(255, 255, 255, 0.3)
  );
  --vid-player-unmute-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-unmute-button-bg-color-hover: var(
    --color-neutral-0-a-35,
    rgba(0, 0, 0, 0.35)
  );
  --vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
  --tts-play-button-bg-color-hover: var(--bg-color-brand-solid-hover);
  --tts-player-surface-bg-color: var(--bg-color-primary);
  --vid-player-skip-ad-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-skip-ad-button-bg-color-hover: var(
    --color-neutral-0-a-35,
    rgba(0, 0, 0, 0.35)
  );
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --vid-player-controls-autoplay-button-bg-color: var(
      --color-neutral-0-a-20,
      rgba(0, 0, 0, 0.2)
    );
    --vid-player-control-buttons-bg-hover-color: var(
      --color-bild-red-50-a-80,
      rgba(221, 0, 0, 0.8)
    );
    --vid-player-control-buttons-bg-color-hover: var(
      --color-neutral-0-a-20,
      rgba(0, 0, 0, 0.2)
    );
    --vid-player-overlay-scrim-color: var(
      --color-neutral-0-a-50,
      rgba(0, 0, 0, 0.5)
    );
    --audio-player-play-button-bg-color: var(
      --color-neutral-100-a-30,
      rgba(255, 255, 255, 0.3)
    );
    --vid-player-tooltip-bg-color: var(
      --color-neutral-0-a-70,
      rgba(0, 0, 0, 0.7)
    );
    --vid-player-control-buttons-bg-color-pressed: var(
      --color-neutral-0-a-5,
      rgba(0, 0, 0, 0.05)
    );
    --vid-player-progress-bar-preload-bg-color: var(
      --color-neutral-100-a-30,
      rgba(255, 255, 255, 0.3)
    );
    --vid-player-unmute-button-bg-color: var(
      --color-neutral-0-a-20,
      rgba(0, 0, 0, 0.2)
    );
    --vid-player-unmute-button-bg-color-hover: var(
      --color-neutral-0-a-35,
      rgba(0, 0, 0, 0.35)
    );
    --vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
    --tts-play-button-bg-color-hover: var(--color-bild-red-40, #c10000);
    --tts-player-surface-bg-color: var(--bg-color-secondary);
    --vid-player-skip-ad-button-bg-color: var(
      --color-neutral-0-a-20,
      rgba(0, 0, 0, 0.2)
    );
    --vid-player-skip-ad-button-bg-color-hover: var(
      --color-neutral-0-a-35,
      rgba(0, 0, 0, 0.35)
    );
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --vid-player-controls-autoplay-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-control-buttons-bg-hover-color: var(
    --color-bild-red-50-a-80,
    rgba(221, 0, 0, 0.8)
  );
  --vid-player-control-buttons-bg-color-hover: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-overlay-scrim-color: var(
    --color-neutral-0-a-50,
    rgba(0, 0, 0, 0.5)
  );
  --audio-player-play-button-bg-color: var(
    --color-neutral-100-a-30,
    rgba(255, 255, 255, 0.3)
  );
  --vid-player-tooltip-bg-color: var(
    --color-neutral-0-a-70,
    rgba(0, 0, 0, 0.7)
  );
  --vid-player-control-buttons-bg-color-pressed: var(
    --color-neutral-0-a-5,
    rgba(0, 0, 0, 0.05)
  );
  --vid-player-progress-bar-preload-bg-color: var(
    --color-neutral-100-a-30,
    rgba(255, 255, 255, 0.3)
  );
  --vid-player-unmute-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-unmute-button-bg-color-hover: var(
    --color-neutral-0-a-35,
    rgba(0, 0, 0, 0.35)
  );
  --vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
  --tts-play-button-bg-color-hover: var(--bg-color-brand-solid-hover);
  --tts-player-surface-bg-color: var(--bg-color-primary);
  --vid-player-skip-ad-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-skip-ad-button-bg-color-hover: var(
    --color-neutral-0-a-35,
    rgba(0, 0, 0, 0.35)
  );
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --vid-player-controls-autoplay-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-control-buttons-bg-hover-color: var(
    --color-bild-red-50-a-80,
    rgba(221, 0, 0, 0.8)
  );
  --vid-player-control-buttons-bg-color-hover: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-overlay-scrim-color: var(
    --color-neutral-0-a-50,
    rgba(0, 0, 0, 0.5)
  );
  --audio-player-play-button-bg-color: var(
    --color-neutral-100-a-30,
    rgba(255, 255, 255, 0.3)
  );
  --vid-player-tooltip-bg-color: var(
    --color-neutral-0-a-70,
    rgba(0, 0, 0, 0.7)
  );
  --vid-player-control-buttons-bg-color-pressed: var(
    --color-neutral-0-a-5,
    rgba(0, 0, 0, 0.05)
  );
  --vid-player-progress-bar-preload-bg-color: var(
    --color-neutral-100-a-30,
    rgba(255, 255, 255, 0.3)
  );
  --vid-player-unmute-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-unmute-button-bg-color-hover: var(
    --color-neutral-0-a-35,
    rgba(0, 0, 0, 0.35)
  );
  --vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
  --tts-play-button-bg-color-hover: var(--color-bild-red-40, #c10000);
  --tts-player-surface-bg-color: var(--bg-color-secondary);
  --vid-player-skip-ad-button-bg-color: var(
    --color-neutral-0-a-20,
    rgba(0, 0, 0, 0.2)
  );
  --vid-player-skip-ad-button-bg-color-hover: var(
    --color-neutral-0-a-35,
    rgba(0, 0, 0, 0.35)
  );
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --vid-player-progress-bar-ad-bg-color: var(--bg-color-ads-solid);
  --tts-play-button-bg-color-idle: var(--bg-color-brand-solid);
  --tts-play-button-icon-color: var(--bg-color-primary-const-light);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --podcast-play-button-size: var(--size-48, 48px);
  --vid-player-bottom-bar-inline-space: var(--stack-space-const-lg);
  --audio-player-header-inset-block-space: var(--size-56, 56px);
  --video-time-badge-font-family: var(--body-font-family);
  --vid-player-control-button-size: var(--size-42, 42px);
  --vid-player-control-button-icon-size-hover: var(--size-28, 28px);
  --vid-player-timecode-font-size: 18px;
  --vid-player-timecode-container-min-width-size: 58px;
  --vid-player-progress-bar-container-height-size: 42px;
  --vid-player-unmute-button-width-size: 220px;
  --vid-player-recommendations-teaser-width-size: 360px;
  --vid-player-headline-4-font-size-sm: var(--font-size-22, 22px);
  --vid-player-headline-4-font-size-md: var(--font-size-26, 26px);
  --vid-player-headline-4-font-size-lg: var(--font-size-32, 32px);
  --vid-player-kicker-3-font-size-sm: var(--font-size-16, 16px);
  --vid-player-kicker-3-font-size-md: var(--font-size-18, 18px);
  --vid-player-kicker-3-font-size-lg: var(--font-size-20, 20px);
  --vid-player-timecode-line-height: 1;
  --vid-player-timecode-font-size-sm: 14px;
  --vid-player-timecode-font-size-md: 16px;
  --vid-player-timecode-font-size-lg: 18px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --menu-bg-color: var(--color-neutral-100, #ffffff);
  --menu-scrolled-bg-gradient-color: var(
    --color-neutral-100-a-95,
    rgba(255, 255, 255, 0.95)
  );
  --menu-link-lane-bg-color: var(--color-neutral-100, #ffffff);
  --app-top-bar-bg-color: var(--color-neutral-100, #ffffff);
  --app-top-bar-icon-color: var(--color-neutral-30, #40464d);
  --app-top-bar-text-color-active: var(--color-neutral-15, #222628);
  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-90, #dde1e2);
  --app-tob-bar-tab-nav-bottom-border-active: var(--color-bild-red-50, #dd0000);
  --app-top-bar-text-color-idle: var(--color-neutral-40, #565a5f);
  --menu-link-lane-border-color: var(--color-neutral-90, #dde1e2);
  --menu-utility-lane-divider-border-color: var(--color-neutral-90, #dde1e2);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --menu-bg-color: var(--color-neutral-100, #ffffff);
  --menu-scrolled-bg-gradient-color: var(
    --color-neutral-100-a-95,
    rgba(255, 255, 255, 0.95)
  );
  --menu-link-lane-bg-color: var(--color-neutral-100, #ffffff);
  --app-top-bar-bg-color: var(--color-neutral-100, #ffffff);
  --app-top-bar-icon-color: var(--color-neutral-30, #40464d);
  --app-top-bar-text-color-active: var(--color-neutral-15, #222628);
  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-90, #dde1e2);
  --app-tob-bar-tab-nav-bottom-border-active: var(--color-bild-red-50, #dd0000);
  --app-top-bar-text-color-idle: var(--color-neutral-40, #565a5f);
  --menu-link-lane-border-color: var(--color-neutral-90, #dde1e2);
  --menu-utility-lane-divider-border-color: var(--color-neutral-90, #dde1e2);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --menu-bg-color: var(--color-neutral-15, #222628);
    --menu-scrolled-bg-gradient-color: rgba(34, 38, 40, 0.95);
    --menu-link-lane-bg-color: var(--color-neutral-15, #222628);
    --app-top-bar-bg-color: var(--color-neutral-25, #343c41);
    --app-top-bar-icon-color: var(--color-neutral-60, #8c9196);
    --app-top-bar-text-color-active: var(--color-neutral-90, #dde1e2);
    --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-30, #40464d);
    --app-tob-bar-tab-nav-bottom-border-active: var(
      --color-neutral-100,
      #ffffff
    );
    --app-top-bar-text-color-idle: var(--color-neutral-70, #a6abb0);
    --menu-link-lane-border-color: var(--color-neutral-25, #343c41);
    --menu-utility-lane-divider-border-color: var(--color-neutral-25, #343c41);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --menu-bg-color: var(--color-neutral-15, #222628);
  --menu-scrolled-bg-gradient-color: rgba(34, 38, 40, 0.95);
  --menu-link-lane-bg-color: var(--color-neutral-15, #222628);
  --app-top-bar-bg-color: var(--color-neutral-25, #343c41);
  --app-top-bar-icon-color: var(--color-neutral-60, #8c9196);
  --app-top-bar-text-color-active: var(--color-neutral-90, #dde1e2);
  --app-tob-bar-tab-nav-bottom-border: var(--color-neutral-30, #40464d);
  --app-tob-bar-tab-nav-bottom-border-active: var(--color-neutral-100, #ffffff);
  --app-top-bar-text-color-idle: var(--color-neutral-70, #a6abb0);
  --menu-link-lane-border-color: var(--color-neutral-25, #343c41);
  --menu-utility-lane-divider-border-color: var(--color-neutral-25, #343c41);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --menu-shadow: 0px 8px 10px -8px
    var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
  --hey-input-shadow: 0px 8px 10px -8px
    var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --menu-item-space: var(--space-8, 8px);
  --menu-item-font-size: 15px;
  --menu-item-util-font-size: 12px;
  --menu-item-util-stack-space: var(--space-10, 10px);
  --menu-link-lane-height-size: var(--size-48, 48px);
  --menu-utillink-item-height-size: var(--size-48, 48px);
  --menu-link-item-inset-inline-space: var(--space-4, 4px);
  --menu-logo-default-size: var(--size-148, 148px);
  --menu-logo-scrolled-size: var(--size-56, 56px);
  --menu-special-navi-item-height-size: 56px;
  --sub-nav-bar-height-size: var(--size-42, 42px);
  --menu-utility-links-container-height-size: var(--size-100, 100px);
  --menu-top-inset-top-space: var(--inset-space-const-md);
  --menu-inset-left-space: var(--inset-space-const-lg);
  --menu-utility-link-lane-inline-space: var(--inline-space-const-2-xl);
  --menu-inset-right-space: var(--inset-space-const-lg);
  --menu-inset-bottom-space: var(--space-0, 0px);
  --menu-utility-links-divider-height-size: var(--size-const-md);
  --menu-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
  --hey-input-shadow-visibility: var(
    --color-neutral-0-a-10,
    rgba(0, 0, 0, 0.1)
  );
  --app-topbar-title-font-size: 14px;
  --app-topbar-stage-title-line-height: 1.21;
  --ios-app-top-bar-height-size: 48px;
  --ios-app-top-bar-inset-left-space: 19px;
  --ios-app-top-bar-inset-right-space: 19px;
  --menu-item-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --menu-item-font-weight-st: var(--st-font-weight-bold, 700);
  --menu-dropdown-label-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --menu-dropdown-label-font-weight-st: var(--st-font-weight-st-book, 400);
  --menu-item-line-height: 1;
  --menu-dropdown-label-font-style: var(--font-style-normal, normal);
  --app-top-bar-icon-button-size: 44px;
  --menu-link-text-transform: var(--text-transform-uppercase, uppercase);
  --menu-logo-inset-top-space: 0px;
  --menu-dropdown-label-letter-spacing: var(--letter-spacing-0-p-25, 0.25px);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --news-ticker-timestamp-color: var(--text-color-tertiary);
  --news-ticker-badge-icons-color: var(--icon-color-tertiary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --news-ticker-time-font-size: var(--label-1-font-size);
  --news-ticker-time-font-weight: var(--font-weight-bold, 700);
  --news-ticker-time-font-family: var(--label-font-family);
  --news-ticker-time-line-height: var(--label-1-line-height);
  --news-ticker-content-stack-space: var(--stack-space-const-xs);
  --news-ticker-kicker-inset-block-space: var(--space-2, 2px);
  --news-ticker-titles-inset-inline-space: 30px;
  --news-ticker-badges-inset-inline-space: var(--space-16, 16px);
  --news-ticker-time-kicker-stack-space: var(--space-6, 6px);
  --news-ticker-entries-inset-bottom-space: var(--space-22, 22px);
  --news-ticker-kicker-inset-inline-space: var(--space-4, 4px);
  --news-ticker-skeleton-bottom-space: 0px;
  --news-ticker-red-dot-size: var(--size-16, 16px);
  --news-ticker-entries-inset-left-space: var(--space-22, 22px);
  --news-ticker-line-inset-inline-space: var(--space-8, 8px);
  --news-ticker-app-card-height-size: 150px;
  --news-ticker-app-card-width-size: 300px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --pagination-element-color-default: var(--bg-color-quaternary);
  --scroll-bar-track-bg-color: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --pagination-element-color-default: var(--bg-color-quaternary-inverse);
    --scroll-bar-track-bg-color: var(
      --color-neutral-100-a-10,
      rgba(255, 255, 255, 0.1)
    );
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --pagination-element-color-default: var(--bg-color-quaternary);
  --scroll-bar-track-bg-color: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --pagination-element-color-default: var(--bg-color-quaternary-inverse);
  --scroll-bar-track-bg-color: var(
    --color-neutral-100-a-10,
    rgba(255, 255, 255, 0.1)
  );
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --pagination-element-color-active: var(--bg-color-brand-light-only);
  --gallery-pagination-element-active-opacity: var(--layer-opacity-100);
  --scroll-bar-thumb-bg-color: var(--bg-color-quintenary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --gallery-pagination-item-height-size: var(--size-4, 4px);
  --gallery-pagination-container-web-inset-inline-space: var(
    --inset-space-const-md
  );
  --gallery-pagination-container-inset-block-space: var(--inset-space-const-lg);
  --gallery-pagination-container-app-inset-inline-space: var(
    --inset-space-const-md
  );
  --scroll-bar-thickness-size: var(--size-const-4-xs);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --partner-links-bg-color-idle: var(--bg-color-primary);
  --partner-links-bg-color-active: var(--bg-color-tertiary);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --partner-links-bg-color-idle: var(--bg-color-tertiary);
    --partner-links-bg-color-active: var(--bg-color-quintenary);
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --partner-links-bg-color-idle: var(--bg-color-primary);
  --partner-links-bg-color-active: var(--bg-color-tertiary);
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --partner-links-bg-color-idle: var(--bg-color-tertiary);
  --partner-links-bg-color-active: var(--bg-color-quintenary);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --partner-links-border-color-idle: var(--border-color-default);
  --partner-links-border-color-active: var(--border-color-extra-strong);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --paywall-container-offset-space: -48px;
  --paywall-header-inset-bottom-space: var(--space-80, 80px);
  --paywall-card-max-width-size: 346px;
  --paywall-card-price-tag-font-size: 64px;
  --paywall-card-price-tag-line-height: 1;
  --paywall-card-price-note-line-height: var(--size-40, 1);
  --paywall-card-price-note-font-size: 40px;
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --quote-container-inset-inline-space: var(--space-28, 28px);
  --quote-container-inset-block-space: var(--inset-space-resp-lg);
  --quote-quotation-marks-font-size: 36px;
  --quote-content-inline-space: var(--inline-space-const-3-xl);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --radio-selector-size: var(--size-20, 20px);
  --radio-selector-dot-active-size: var(--size-12, 12px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --search-result-badge-height-size: var(--size-18, 18px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --section-title-inset-bottom-space: var(--grid-space-const-sm);
  --section-title-height-size: var(--size-40, 40px);
  --section-title-arrow-inline-space: 5px;
  --section-title-arrow-inline-space-active: 8px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --selection-border-color: var(--border-color-strong);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --separator-thickness-size: var(--border-width-thick);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --headlines-skeleton-image-placeholder-max-width: var(--size-160, 160px);
  --article-skeleton-image-inset-inline-space: var(--space-48, 48px);
  --article-skeleton-text-inset-inline-space: var(--space-48, 48px);
  --article-text-skeleton-height-size: 720px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --slider-track-bg-color-on-media: var(
    --color-neutral-100-a-35,
    rgba(255, 255, 255, 0.35)
  );
  --slider-thumb-bg-color: var(--text-color-brand-light-only);
  --slider-track-bg-color-on-surface: var(--bg-color-tertiary);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --slider-track-bg-color-on-media: var(
      --color-neutral-100-a-35,
      rgba(255, 255, 255, 0.35)
    );
    --slider-thumb-bg-color: var(--bg-color-brand-light-only);
    --slider-track-bg-color-on-surface: var(--bg-color-quaternary);
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --slider-track-bg-color-on-media: var(
    --color-neutral-100-a-35,
    rgba(255, 255, 255, 0.35)
  );
  --slider-thumb-bg-color: var(--text-color-brand-light-only);
  --slider-track-bg-color-on-surface: var(--bg-color-tertiary);
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --slider-track-bg-color-on-media: var(
    --color-neutral-100-a-35,
    rgba(255, 255, 255, 0.35)
  );
  --slider-thumb-bg-color: var(--bg-color-brand-light-only);
  --slider-track-bg-color-on-surface: var(--bg-color-quaternary);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --slider-button-opacity: var(--layer-opacity-90);
  --slider-progress-fill-color: var(--bg-color-brand-light-only);
  --slider-progress-ad-fill-color: var(--bg-color-ads-solid);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --slider-progress-bar-idle-height-size: var(--size-4, 4px);
  --slider-progress-bar-hover-height-size: var(--size-8, 8px);
  --slider-progress-inactive-height-size: var(--size-2, 2px);
  --vid-player-progress-bar-height-size: var(--size-12, 12px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --special-navi-inline-space: var(--space-32, 32px);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --spinner-track-opacity: var(--opacity-20, 0.2);
  --spinner-fill-color: var(--bg-color-tertiary-inverse);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --spinner-track-opacity: var(--opacity-20, 0.2);
  --spinner-fill-color: var(--bg-color-tertiary-inverse);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --spinner-track-opacity: var(--opacity-20, 0.2);
    --spinner-fill-color: var(--bg-color-primary-const-light);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --spinner-track-opacity: var(--opacity-20, 0.2);
  --spinner-fill-color: var(--bg-color-primary-const-light);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --video-spinner-size: var(--size-80, 80px);
  --video-spinner-stroke-size: 4px;
  --video-spinner-size-0-p-5-x: 40px;
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --stage-block-section-stack-space: var(--section-space-base);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --subheaders-text-color: var(--text-color-primary);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --app-bottom-tab-bar-bg-color: var(--color-neutral-100, #ffffff);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --app-bottom-tab-bar-bg-color: var(--color-neutral-100, #ffffff);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --app-bottom-tab-bar-bg-color: var(--color-neutral-25, #343c41);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --app-bottom-tab-bar-bg-color: var(--color-neutral-25, #343c41);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --tab-label-font-size: 16px;
  --ios-tabbar-height-size: 49px;
  --android-tabbar-height-size: 74px;
  --tab-label-font-size-line: 16px;
  --apps-tabs-label-font-size: 16px;
  --apps-tabs-label-line-height: 1.46;
  --top-bar-tab-item-height-size: 44px;
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --table-column-width-size-1-x: var(--size-140, 140px);
  --table-column-width-size-2-x: var(--size-220, 220px);
  --table-column-width-size-0-p-5-x: var(--size-72, 72px);
  --table-column-width-size-1-p-5-x: var(--size-180, 180px);
  --table-column-width-size-2-p-5-x: var(--size-240, 240px);
  --table-column-width-size-0-p-75-x: var(--size-100, 100px);
  --table-column-width-size-3-x: var(--size-280, 280px);
  --table-item-max-width-size: 224px;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --teaser-title-bg-gradient-start: var(
    --color-neutral-0-a-70,
    rgba(0, 0, 0, 0.7)
  );
  --teaser-title-bg-gradient-stop: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
  --teaser-badges-bg-gradient-start: var(
    --color-neutral-0-a-0,
    rgba(0, 0, 0, 0)
  );
  --teaser-badges-bg-gradient-stop: var(
    --color-neutral-0-a-0,
    rgba(0, 0, 0, 0)
  );
  --teaser-headlines-shadow-color: var(
    --color-neutral-0-a-60,
    rgba(0, 0, 0, 0.6)
  );
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --teaser-title-bg-gradient-start: var(
      --color-neutral-0-a-70,
      rgba(0, 0, 0, 0.7)
    );
    --teaser-title-bg-gradient-stop: var(
      --color-neutral-0-a-0,
      rgba(0, 0, 0, 0)
    );
    --teaser-badges-bg-gradient-start: var(
      --color-neutral-0-a-0,
      rgba(0, 0, 0, 0)
    );
    --teaser-badges-bg-gradient-stop: var(
      --color-neutral-0-a-0,
      rgba(0, 0, 0, 0)
    );
    --teaser-headlines-shadow-color: var(
      --color-neutral-0-a-60,
      rgba(0, 0, 0, 0.6)
    );
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --teaser-title-bg-gradient-start: var(
    --color-neutral-0-a-70,
    rgba(0, 0, 0, 0.7)
  );
  --teaser-title-bg-gradient-stop: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
  --teaser-badges-bg-gradient-start: var(
    --color-neutral-0-a-0,
    rgba(0, 0, 0, 0)
  );
  --teaser-badges-bg-gradient-stop: var(
    --color-neutral-0-a-0,
    rgba(0, 0, 0, 0)
  );
  --teaser-headlines-shadow-color: var(
    --color-neutral-0-a-60,
    rgba(0, 0, 0, 0.6)
  );
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --teaser-title-bg-gradient-start: var(
    --color-neutral-0-a-70,
    rgba(0, 0, 0, 0.7)
  );
  --teaser-title-bg-gradient-stop: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
  --teaser-badges-bg-gradient-start: var(
    --color-neutral-0-a-0,
    rgba(0, 0, 0, 0)
  );
  --teaser-badges-bg-gradient-stop: var(
    --color-neutral-0-a-0,
    rgba(0, 0, 0, 0)
  );
  --teaser-headlines-shadow-color: var(
    --color-neutral-0-a-60,
    rgba(0, 0, 0, 0.6)
  );
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --teaser-hover-opacity: var(--layer-opacity-80);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --teaser-headlines-shadow: var(--size-0, 0px) var(--size-2, 2px)
    var(--size-8, 8px) 0px var(--color-neutral-0-a-60, rgba(0, 0, 0, 0.6));
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --teaser-title-inset-left-space: var(--space-0, 0px);
  --teaser-title-container-inset-bottom-space: var(--space-6, 6px);
  --teaser-title-stack-space: var(--stack-space-const-xs);
  --teaser-kicker-container-inset-inline-space: var(--inset-space-const-xs);
  --teaser-kicker-container-inset-block-space: var(--inset-space-const-3-xs);
  --teaser-badges-margin-space: var(--inset-space-const-sm);
  --teaser-badges-height-size-lg: var(--size-const-sm);
  --teaser-title-inset-bottom-space: var(--space-16, 16px);
  --teaser-badges-height-size-sm: var(--size-resp-2-xs);
  --teaser-layout-grid-space: var(--grid-space-resp-base);
  --teaser-text-align: var(--text-align-center, center);
  --teaser-kicker-container-border-radius: 0px;
  --teaser-card-border-radius: 0px;
  --teaser-headlines-shadow-offset-x-size: var(--size-0, 0px);
  --teaser-headlines-shadow-offset-y-size: var(--size-2, 2px);
  --teaser-headlines-shadow-offset-blur-size: var(--size-8, 8px);
  --mq-teaser-headline-font-size: var(--headline-3-font-size);
  --mq-teaser-headline-line-height: var(--headline-3-line-height);
  --mq-teaser-title-inset-inline-space: var(--space-8, 8px);
  --mq-teaser-kicker-font-size: var(--kicker-4-font-size);
  --mq-teaser-kicker-line-height: var(--kicker-4-line-height);
  --mq-teaser-headline-font-weight-st: var(--headline-3-font-weight-st);
  --a-teaser-kicker-font-size: var(--kicker-2-font-size);
  --a-teaser-headline-font-size: var(--headline-2-font-size);
  --a-teaser-kicker-line-height: var(--kicker-2-line-height);
  --a-teaser-headline-line-height: var(--headline-2-line-height);
  --a-teaser-title-inset-inline-space: var(--space-12, 12px);
  --a-teaser-headline-font-weight-st: var(--headline-2-font-weight-st);
  --std-teaser-image-title-stack-space: var(--space-6, 6px);
  --std-teaser-badges-margin-space: var(--space-8, 8px);
  --std-teaser-kicker-headline-stack-space: var(--stack-space-const-2-xs);
  --std-a-teaser-headline-font-size: var(--headline-4-font-size);
  --std-a-teaser-headline-line-height: var(--headline-4-line-height);
  --std-quad-teaser-headline-font-size: var(--headline-4-font-size);
  --std-quad-teaser-headline-line-height: var(--headline-4-line-height);
  --std-a-teaser-kicker-font-size: var(--kicker-4-font-size);
  --std-a-teaser-kicker-line-height: var(--kicker-4-line-height);
  --std-quad-teaser-kicker-font-size: var(--kicker-4-font-size);
  --std-quad-teaser-kicker-line-height: var(--kicker-4-line-height);
  --std-quad-teaser-headline-font-weight-st: var(--headline-4-font-weight-st);
  --std-a-teaser-headline-font-weight-st: var(--headline-4-font-weight-st);
  --quad-teaser-headline-font-size: var(--headline-1-font-size);
  --quad-teaser-kicker-font-size: var(--kicker-2-font-size);
  --quad-teaser-headline-line-height: var(--headline-1-line-height);
  --quad-teaser-title-inset-inline-space: var(--space-12, 12px);
  --quad-teaser-kicker-line-height: var(--kicker-2-line-height);
  --quad-teaser-headline-font-weight-st: var(--headline-1-font-weight-st);
  --bild-play-teaser-width-size: 193px;
  --super-a-teaser-title-inset-inline-space: var(--space-16, 16px);
  --super-a-teaser-headline-font-size: var(--headline-2-font-size);
  --super-a-teaser-headline-line-height: var(--headline-2-line-height);
  --super-a-teaser-kicker-font-size: var(--kicker-2-font-size);
  --super-a-teaser-kicker-line-height: var(--kicker-2-line-height);
  --super-a-teaser-headline-font-weight-st: var(--headline-2-font-weight-st);
  --b-teaser-title-inset-inline-space: var(--space-8, 8px);
  --b-teaser-kicker-font-size: var(--kicker-4-font-size);
  --b-teaser-kicker-line-height: var(--kicker-4-line-height);
  --b-teaser-headline-font-size: var(--headline-3-font-size);
  --b-teaser-headline-line-height: var(--headline-3-line-height);
  --b-teaser-headline-font-weight-st: var(--headline-3-font-weight-st);
  --baby-a-teaser-kicker-font-size: var(--kicker-2-font-size);
  --baby-a-teaser-kicker-line-height: var(--kicker-2-line-height);
  --baby-a-teaser-headline-font-size: var(--headline-2-font-size);
  --baby-a-teaser-headline-line-height: var(--headline-2-line-height);
  --baby-a-teaser-title-inset-inline-space: var(--space-12, 12px);
  --baby-a-teaser-headline-font-weight-st: var(--headline-2-font-weight-st);
  --double-a-teaser-kicker-font-size: var(--kicker-3-font-size);
  --double-a-teaser-kicker-line-height: var(--kicker-3-line-height);
  --double-a-teaser-headline-font-size: var(--headline-3-font-size);
  --double-a-teaser-headline-line-height: var(--headline-3-line-height);
  --double-a-teaser-headline-font-weight-st: var(--headline-3-font-weight-st);
  --mini-a-teaser-kicker-font-size: var(--kicker-3-font-size);
  --mini-a-teaser-kicker-line-height: var(--kicker-3-line-height);
  --mini-a-teaser-headline-font-size: var(--headline-4-font-size);
  --mini-a-teaser-headline-line-height: var(--headline-4-line-height);
  --mini-a-teaser-headline-font-weight-st: var(--headline-4-font-weight-st);
  --bc-teaser-kicker-font-size: var(--kicker-4-font-size);
  --bc-teaser-kicker-line-height: var(--kicker-4-line-height);
  --bc-teaser-headline-font-size: var(--headline-3-font-size);
  --bc-teaser-headline-line-height: var(--headline-3-line-height);
  --bc-teaser-headline-font-weight-st: var(--headline-3-font-weight-st);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --toggle-bg-color-active-brand: var(--color-bild-red-50, #dd0000);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']),
[data-color-brand='bild'] [data-theme='light']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='light']:not([data-color-brand]) {
  color-scheme: light;
  --toggle-bg-color-active-brand: var(--color-bild-red-50, #dd0000);
}
@media (prefers-color-scheme: dark){
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --toggle-bg-color-active-brand: var(--color-bild-red-50, #dd0000);
  }
}
[data-color-brand='bild'][data-theme='dark'],
:host([data-color-brand='bild'][data-theme='dark']),
[data-color-brand='bild'] [data-theme='dark']:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme='dark']:not([data-color-brand]) {
  color-scheme: dark;
  --toggle-bg-color-active-brand: var(--color-bild-red-50, #dd0000);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --app-toggle-item-label-font-size: 18px;
  --app-toggle-item-label-line-height: 1.01;
}
[data-color-brand='bild'],
:host([data-color-brand='bild']),
[data-color-brand='bild'] [data-theme]:not([data-color-brand]),
:host([data-color-brand='bild']) [data-theme]:not([data-color-brand]) {
  --tooltip-bg-color: var(--bg-color-primary);
  --tooltip-label-color: var(--text-color-primary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --tooltip-border-radius: var(--border-radius-sm);
  --tooltip-inset-space: var(--inset-space-const-lg);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']),
[data-content-brand='bild'] [data-density]:not([data-content-brand]),
:host([data-content-brand='bild']) [data-density]:not([data-content-brand]) {
  --video-time-badge-corner-size: var(--border-radius-xs);
  --video-time-badge-font-size: 18px;
  --video-time-badge-size: var(--size-40, 40px);
  --video-red-play-icon-width-size: var(--size-14, 14px);
  --video-red-play-icon-height-size: var(--size-18, 18px);
  --video-badge-time-line-height: 1.32;
  --video-skeleton-container-height: 464px;
  --video-frame-inset-inline-space: var(--grid-space-resp-base);
  --vertical-video-mock-headline-font-size: 32px;
  --video-ad-badge-font-size: 16px;
}



      html,
      body {
        overflow-x: hidden;
        max-width: 100%;
      }
      #app,
      .page-wrapper,
      .page-wrapper.nobp,
      .nobp.page-wrapper,
      .nobp .page-wrapper,
      .page-content,
      .nobp .page-content,
      .main-content,
      .page-header,
      .nobp .page-header {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
      }
      .page-wrapper,
      .page-wrapper.nobp,
      .nobp.page-wrapper {
        margin-left: auto;
        margin-right: auto;
        overflow-x: clip;
      }
      .nobp .page-content {
        max-width: 1024px !important;
        margin-left: auto;
        margin-right: auto;
      }

      /* fluid tokens: mobile → desktop */
      .nobp {
        --canvas-min-width-size: 0px;
        --canvas-max-width-size: 1024px;
        --content-max-width-full: 100%;
        --article-content-inset-inline-space: 16px;
        --article-headings-inset-inline-space: 16px;
        --article-kicker-font-size: clamp(18px, 5vw, 30px);
        --article-headline-font-size: clamp(26px, 7.2vw, 64px);
        --body-font-size: clamp(17px, 2.6vw, 21px);
        --article-content-stack-space: clamp(16px, 3vw, 32px);
      }
      @media (min-width: 600px) {
        .nobp {
          --article-content-inset-inline-space: clamp(24px, 10vw, 96px);
          --article-headings-inset-inline-space: clamp(16px, 4vw, 32px);
        }
      }
      @media (min-width: 1024px) {
        .nobp {
          --article-content-inset-inline-space: 162px;
          --article-headings-inset-inline-space: 16px;
          --article-kicker-font-size: 30px;
          --article-headline-font-size: 64px;
          --body-font-size: 21px;
        }
        .nobp .page-content {
          max-width: 1024px !important;
        }
      }

      /* images: no negative desktop bleed */
      .article-body .fig--landscape,
      .nobp .article-body .fig--landscape,
      .float-container .fig--landscape,
      .nobp .float-container .fig--landscape {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
      }
      .article-body .fig--landscape img,
      .nobp .article-body .fig--landscape img,
      .float-container .fig--landscape img,
      .nobp .float-container .fig--landscape img,
      .article-body .fig img,
      .float-container img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
      }

.button-link {
  background-color: #007fff;
  color: #fff !important;
  display: block;
  margin: 1rem auto;
  max-width: 80%;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 1rem;
  padding: 15px 0;
  border-radius: 6px;
  box-shadow: 0px 5px 10px 0px #3b5998;
}
.button-link:hover {
  color: #fff;
  background-color: #444;
}
      /* title */
      .document-title .headline,
      .document-title .kicker {
        white-space: normal;
        line-height: 1.05;
        overflow-wrap: anywhere;
        word-break: break-word;
      }
      .document-title .headline {
        font-size: var(--article-headline-font-size);
        line-height: 1.05;
      }
      .document-title .kicker {
        font-size: var(--article-kicker-font-size);
      }
      .document-title .title__separator {
        display: none;
      }
      .document-title--article {
        padding-left: var(--article-headings-inset-inline-space);
        padding-right: var(--article-headings-inset-inline-space);
      }

      .article-body {
        max-width: 100% !important;
        box-sizing: border-box;
      }
      .article-body > p,
      .article-body > ol,
      .article-body > ul,
      .article-body__subheadline {
        font-size: var(--body-font-size);
        overflow-wrap: anywhere;
      }
      .article-body > ol,
      .article-body > ul {
        color: var(--text-color-primary);
        font-family: var(--body-font-family);
        font-weight: var(--body-font-weight-book);
        line-height: var(--body-line-height);
        letter-spacing: var(--letter-spacing-0);
        margin: 0 0 var(--article-content-stack-space);
        padding-left: 1.25em;
      }
      .article-body > ol > li,
      .article-body > ul > li {
        color: inherit;
        font: inherit;
        line-height: inherit;
        margin: 0 0 0.35em;
      }
      .article-body > ol > li:last-child,
      .article-body > ul > li:last-child {
        margin-bottom: 0;
      }

      .nobp .authors,
      .nobp .datetime--article {
        max-width: 100%;
        padding-left: var(--article-content-inset-inline-space);
        padding-right: var(--article-content-inset-inline-space);
        box-sizing: border-box;
      }

      /* subnav scrolls on narrow screens */
      .subnav-bar,
      .nobp .subnav-bar {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
      .subnav-bar .breadcrumb {
        max-width: 100%;
      }
      .subnav__list {
        font-size: clamp(12px, 2.8vw, 14px);
      }
      .subnav__list-item h1 {
        font-size: inherit;
        font-weight: inherit;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: min(48vw, 280px);
      }

      /* Facebook-like comments (match reference) */
      .comments-section {
        margin: clamp(16px, 4vw, 32px) 0 0;
        width: 100%;
        max-width: 100%;
        font-family: Helvetica, Arial, sans-serif;
        padding: clamp(10px, 2.5vw, 14px);
        box-sizing: border-box;
        overflow: visible;
        background: #fff;
        border: 1px solid #dddfe2;
        border-radius: 3px;
      }
      .comments-section__inner {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }
      .comments-sort {
        font-size: 14px;
        font-weight: 700;
        color: #365899;
        margin: 12px 0 10px;
      }
      .comments-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        min-width: 0;
      }
      .comment-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
      }
      .comment-item--input {
        margin-bottom: 4px;
      }
      .comment-avatar-wrap {
        flex: 0 0 32px;
        width: 32px;
      }
      .comment-avatar,
      .comments-section img.comment-avatar,
      .article-body .comments-section .comment-avatar {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        min-width: 32px;
        border-radius: 50%;
        object-fit: cover;
        display: block;
        flex-shrink: 0;
      }
      .comment-content-container {
        flex: 1 1 auto;
        min-width: 0;
        max-width: calc(100% - 40px);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
      .comment-bubble {
        position: relative;
        background: #f0f2f5;
        border-radius: 18px;
        padding: 8px 12px 14px;
        color: #1c1e21;
        font-size: 14px;
        line-height: 1.3333;
        width: fit-content;
        max-width: 100%;
        box-sizing: border-box;
        overflow-wrap: break-word;
        word-break: normal;
      }
      .comment-bubble--input {
        width: 100%;
        max-width: 100%;
        border-radius: 20px;
        padding: 8px 12px;
        display: block;
      }
      .comment-author {
        display: block;
        font-weight: 700;
        font-size: 13px;
        line-height: 1.23;
        color: #365899;
        margin-bottom: 2px;
      }
      .comment-input {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        font: inherit;
        font-size: 14px;
        color: #1c1e21;
        box-sizing: border-box;
      }
      .comment-input::placeholder {
        color: #8a8d91;
      }
      .comment-submit {
        align-self: flex-start;
        font-size: 12px;
        font-weight: 700;
        color: #365899;
        cursor: pointer;
        margin: 6px 0 0 2px;
      }
      .text-highlight {
        color: #d00;
        font-weight: 700;
        text-decoration: underline;
      }
      .comments-section .text-highlight {
        color: #d00;
        font-weight: 700;
        text-decoration: underline;
      }
      .comment-attached-image-wrap {
        margin-top: 8px;
        width: 100%;
        max-width: min(260px, 100%);
      }
      .comment-attached-image,
      .comments-section .comment-attached-image {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px;
        background: #fff;
      }
      .comment-reactions {
        position: absolute;
        right: 8px;
        bottom: -11px;
        display: inline-flex;
        align-items: center;
        gap: 3px;
        background: #fff;
        border: 1px solid #f0f2f5;
        border-radius: 10px;
        padding: 1px 5px 1px 1px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        font-size: 12px;
        font-weight: 700;
        color: #65676b;
        line-height: 1;
        z-index: 1;
      }
      .comment-reactions img,
      .comments-section .comment-reactions img {
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        display: block;
        flex-shrink: 0;
      }
      .comment-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0 10px;
        margin: 14px 0 0 4px;
        font-size: 12px;
        line-height: 1.2;
        color: #65676b;
        width: auto;
        max-width: 100%;
        box-sizing: border-box;
      }
      .comment-footer__action {
        color: #365899;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
      }
      .comment-footer__action:hover {
        text-decoration: underline;
      }
      .comment-time {
        color: #8a8d91;
        font-weight: 400;
      }
      .comment-time::before {
        content: "·";
        margin-right: 10px;
        color: #8a8d91;
      }
      @media (max-width: 480px) {
        .comments-section {
          padding: 10px;
        }
        .comment-avatar,
        .comments-section img.comment-avatar,
        .article-body .comments-section .comment-avatar {
          width: 32px !important;
          height: 32px !important;
          max-width: 32px !important;
        }
        .comment-bubble {
          font-size: 13px;
          padding: 8px 10px 14px;
        }
        .comment-attached-image-wrap {
          max-width: 100%;
        }
      }

      /* header — adaptive */
      .page-header,
      .nobp .page-header {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start !important;
        gap: clamp(6px, 2vw, 16px) clamp(8px, 2.5vw, 24px) !important;
        padding: clamp(8px, 2vw, 16px) clamp(10px, 2.5vw, 16px) !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #e9ecef;
        background-color: #fff !important;
        box-shadow: none !important;
      }
      .page-header__logo,
      .nobp .page-header__logo {
        flex: 0 0 auto;
        padding: 0 !important;
        line-height: 0;
      }
      .page-header__logo a {
        display: block;
        line-height: 0;
      }
      .page-header__logo img,
      .page-header__logo svg,
      .nobp .page-header__logo img,
      .nobp .page-header__logo svg,
      .page-header__logo svg.logo__bild,
      .nobp .page-header__logo svg.logo__bild {
        width: clamp(36px, 9vw, 56px) !important;
        height: clamp(36px, 9vw, 56px) !important;
        max-width: 56px !important;
        max-height: 56px !important;
        transition: none !important;
      }
      .page-header .navi {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        display: flex;
        flex-direction: column;
        gap: clamp(6px, 1.5vw, 10px);
      }
      .page-header .navi__util {
        width: 100%;
        min-width: 0;
      }
      .page-header .navi__util__links {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-end;
        gap: clamp(6px, 2vw, 16px);
        list-style: none;
        margin: 0;
        padding: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }
      .page-header .navi__util__links::-webkit-scrollbar {
        display: none;
      }
      .page-header .navi__util__links > li {
        flex: 0 0 auto;
      }
      @media (max-width: 63.9375em) {
        .nobp .hidden-small-medium-mobile,
        .page-header .hidden-small-medium-mobile {
          display: none !important;
        }
      }
      .page-header .navi__main {
        width: 100%;
        min-width: 0;
      }
      .page-header .navi__main__links {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: clamp(10px, 2vw, 18px);
        list-style: none;
        margin: 0;
        padding: 2px 0 4px;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
      }
      .page-header .navi__main__links::-webkit-scrollbar {
        display: none;
      }
      .page-header .navi__main__links > li {
        flex: 0 0 auto;
        white-space: nowrap;
      }
      .page-header .nav_btn {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #222628;
        font-weight: 700;
        font-size: clamp(11px, 3vw, 13px);
        line-height: 1.2;
        background: none;
        border: 0;
        padding: 0;
        cursor: default;
        pointer-events: none;
      }
      .page-header .nav_btn--type-main {
        text-transform: uppercase;
        font-size: clamp(11px, 2.4vw, 14px);
        letter-spacing: 0.01em;
      }
      .page-header .nav_btn__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }
      .page-header .nav_btn__icon svg {
        display: block;
        max-height: clamp(18px, 5vw, 24px);
        width: auto;
        max-width: clamp(48px, 18vw, 80px);
      }
      .page-header .nav_btn--type-util {
        flex-direction: column;
        gap: 2px;
        font-size: clamp(9px, 2.4vw, 11px);
      }
      .page-header .nav_btn--type-util .nav_btn__text {
        white-space: nowrap;
      }

      /* phone: logo only */
      @media (max-width: 767px) {
        .page-header,
        .nobp .page-header {
          display: flex !important;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: flex-start !important;
          gap: 8px !important;
          padding: 6px 12px !important;
          min-height: 0 !important;
          height: auto !important;
        }
        .page-header__logo,
        .nobp .page-header__logo {
          flex: 0 0 auto;
          padding: 0 !important;
          margin: 0 !important;
        }
        .page-header__logo img,
        .page-header__logo svg,
        .nobp .page-header__logo img,
        .nobp .page-header__logo svg,
        .page-header__logo svg.logo__bild,
        .nobp .page-header__logo svg.logo__bild {
          width: 40px !important;
          height: 40px !important;
          max-width: 40px !important;
          max-height: 40px !important;
        }
        .page-header .navi {
          display: none !important;
        }

        .subnav-bar,
        .nobp .subnav-bar {
          padding: 0 12px !important;
          min-height: 0;
        }
        .breadcrumb,
        .nobp .breadcrumb,
        .subnav-bar .breadcrumb,
        .nobp .subnav-bar .breadcrumb {
          height: auto !important;
          min-height: 0 !important;
          padding: 8px 0 !important;
          margin: 0 !important;
          align-items: center;
        }
        .main-content {
          margin-top: 8px !important;
        }
        .document-title--article {
          margin-bottom: 12px !important;
          padding-top: 0 !important;
        }
      }
      @media (min-width: 768px) {
        .page-header .navi {
          display: flex !important;
          flex-direction: column !important;
          visibility: visible !important;
        }
        .page-header .navi__util,
        .page-header .navi__main {
          display: block !important;
          visibility: visible !important;
        }
        .page-header .navi__main__links {
          display: flex !important;
          visibility: visible !important;
          height: auto !important;
          opacity: 1 !important;
        }
      }
      @media (min-width: 1024px) {
        .page-header,
        .nobp .page-header {
          max-width: 1024px !important;
          margin-left: auto;
          margin-right: auto;
        }
        .page-header .navi__main__links {
          justify-content: space-between;
          overflow-x: visible;
        }
        .page-header__logo img,
        .page-header__logo svg,
        .nobp .page-header__logo img,
        .nobp .page-header__logo svg {
          width: 56px !important;
          height: 56px !important;
        }
      }

      /* footer — adaptive */
      .page-footer,
      .nobp .page-footer {
        width: 100% !important;
        max-width: 1024px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: clamp(24px, 5vw, 48px);
        margin-bottom: clamp(24px, 5vw, 48px);
        padding: 0 clamp(12px, 4vw, 24px) !important;
        box-sizing: border-box !important;
        display: flex;
        flex-direction: column;
        gap: clamp(16px, 3vw, 24px);
      }
      .page-footer__btn-container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: clamp(8px, 2vw, 16px);
      }
      .page-footer .btn {
        min-width: 0 !important;
        flex: 1 1 calc(50% - 8px);
        max-width: 100%;
        height: auto !important;
        min-height: 44px;
        padding: 10px 12px;
        box-sizing: border-box;
        pointer-events: none;
        cursor: default;
      }
      .page-footer .btn .btn__text {
        font-size: clamp(13px, 3.4vw, 15px);
        white-space: normal;
        text-align: center;
      }
      .page-footer__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: clamp(8px, 2vw, 12px) clamp(10px, 2.5vw, 16px);
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
      }
      .page-footer__list__item {
        font-size: clamp(12px, 3.2vw, 14px);
        line-height: 1.3;
        text-align: center;
      }
      .page-footer__list__item a {
        pointer-events: none;
        cursor: default;
        display: inline-block;
      }
      .page-footer__cancellation {
        font-size: clamp(12px, 3.2vw, 14px);
        text-align: center;
        margin: 0;
        padding: 0 0 8px;
      }
      @media (max-width: 420px) {
        .page-footer .btn {
          flex: 1 1 100%;
        }
      }