.gaiaWrapper::before,
.gaiaWrapper::before {
  content: 'Anzeige';
  display: none;
  justify-content: center;
  align-items: center;
  background: rgb(232, 236, 239);
  height: 30px;
  color: rgb(73, 80, 88);
  font-family: 'Gotham XNarrow';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: auto;
  text-align: center;
  z-index: 1;
}
:root,
:host {
  --color-bild-red-50: #d00;
  --color-bild-red-40: #c10000;
  --color-bild-red-60: #f75849;
  --color-bild-red-10: #410000;
  --color-bild-red-90: #ffdada;
  --color-bild-red-20: #680000;
  --color-bild-red-30: #930000;
  --color-bild-red-80: #ffb2b2;
  --color-bild-red-95: #ffecec;
  --color-bild-red-70: #ff8989;
  --color-bild-purple-20: #551937;
  --color-bild-red-50-a-80: rgba(221, 0, 0, 0.8);
  --color-neutral-15: #222628;
  --color-neutral-100: #fff;
  --color-neutral-80: #c4c9cf;
  --color-neutral-30: #40464d;
  --color-neutral-25: #343c41;
  --color-neutral-60: #8c9196;
  --color-neutral-95: #f2f4f5;
  --color-neutral-90: #dde1e2;
  --color-neutral-70: #a6abb0;
  --color-neutral-40: #565a5f;
  --color-neutral-10: #191b1c;
  --color-neutral-20: #2c3133;
  --color-neutral-0: #000;
  --color-neutral-50: #6e787c;
  --color-orange-70: #fd8227;
  --color-orange-30: #763301;
  --color-orange-40: #9e4401;
  --color-orange-50: #c65502;
  --color-orange-80: #feb782;
  --color-orange-90: #fedbc1;
  --color-orange-95: #ffeddf;
  --color-orange-60: #ef6702;
  --color-orange-20: #522301;
  --color-orange-10: #2f1400;
  --color-green-70: #00c373;
  --color-green-90: #b9efcd;
  --color-green-40: #006e3e;
  --color-green-60: #00af67;
  --color-green-10: #052013;
  --color-green-30: #0d5232;
  --color-green-20: #093822;
  --color-green-50: #158751;
  --color-green-95: #def7e6;
  --color-green-80: #76da9f;
  --color-yellow-80: #ffbf00;
  --color-yellow-70: #d9a200;
  --color-yellow-90: #ffe082;
  --color-yellow-95: #fff0c2;
  --color-yellow-10: #241b00;
  --color-yellow-20: #3d2e00;
  --color-yellow-30: #594300;
  --color-yellow-40: #785a00;
  --color-yellow-50: #967100;
  --color-yellow-60: #b88a00;
  --color-neutral-0-a-20: rgba(0, 0, 0, 0.2);
  --color-neutral-0-a-10: rgba(0, 0, 0, 0.1);
  --color-neutral-0-a-60: rgba(0, 0, 0, 0.6);
  --color-neutral-0-a-30: rgba(0, 0, 0, 0.3);
  --color-neutral-0-a-70: rgba(0, 0, 0, 0.7);
  --color-neutral-100-a-10: rgba(255, 255, 255, 0.1);
  --color-neutral-100-a-20: rgba(255, 255, 255, 0.2);
  --color-neutral-100-a-30: rgba(255, 255, 255, 0.3);
  --color-neutral-100-a-60: rgba(255, 255, 255, 0.6);
  --color-neutral-100-a-70: rgba(255, 255, 255, 0.7);
  --color-neutral-100-a-35: rgba(255, 255, 255, 0.35);
  --color-neutral-0-a-80: rgba(0, 0, 0, 0.8);
  --color-neutral-100-a-80: rgba(255, 255, 255, 0.8);
  --color-neutral-0-a-35: rgba(0, 0, 0, 0.35);
  --color-neutral-0-a-0: rgba(0, 0, 0, 0);
  --color-neutral-0-a-50: rgba(0, 0, 0, 0.5);
  --color-neutral-0-a-5: rgba(0, 0, 0, 0.05);
  --color-neutral-100-a-0: rgba(255, 255, 255, 0);
  --color-neutral-100-a-95: rgba(255, 255, 255, 0.95);
  --color-neutral-15-a-0: rgba(34, 38, 40, 0);
  --color-neutral-95-a-0: rgba(242, 244, 245, 0);
  --color-neutral-20-a-0: rgba(44, 49, 51, 0);
  --color-neutral-25-a-0: rgba(52, 60, 65, 0);
  --color-neutral-90-a-0: rgba(221, 225, 226, 0);
  --color-neutral-0-a-3: rgba(0, 0, 0, 0.03);
  --color-neutral-0-a-7: rgba(0, 0, 0, 0.07);
  --color-neutral-0-a-15: rgba(0, 0, 0, 0.15);
  --color-blue-40: #0060cb;
  --color-blue-60: #4493f8;
  --color-partner-fitbook: #ff97b7;
  --color-partner-petbook: #b9db91;
  --color-partner-myhome: #6cc;
  --color-partner-travelbook: #8ef0ed;
  --color-partner-techbook: #93e4ff;
  --color-partner-kaufberater: #55476e;
  --color-bz-red-50: #e3001b;
  --color-aubi-red-50: #f00000;
  --color-cobi-red-50: #dc231c;
  --color-spobi-blue-95: #eff1f5;
  --color-spobi-blue-80: #c3c9db;
  --color-spobi-blue-30: #174482;
  --color-spobi-blue-20: #0c2f61;
  --color-spobi-blue-10: #091c2e;
  --color-spobi-blue-40: #345ea0;
  --color-spobi-blue-50: #4676c3;
  --color-spobi-blue-70: #8facdb;
  --color-spobi-blue-60: #6a91cf;
  --color-spobi-blue-90: #d6e1f2;
  --color-spobi-blue-15: #0b2647;
  --color-spobi-blue-25: #113b72;
  --color-spobi-red-50: #e52528;
  --color-spobi-blue-15-a-0: rgba(11, 38, 71, 0);
  --color-spobi-blue-15-a-70: rgba(11, 38, 71, 0.7);
  --color-spobi-blue-95-a-0: rgba(239, 241, 245, 0);
  --color-spobi-blue-20-a-0: rgba(12, 47, 97, 0);
  --color-spobi-blue-90-a-0: rgba(214, 225, 242, 0);
  --color-spobi-blue-25-a-0: rgba(17, 59, 114, 0);
  --opacity-05: 0.05;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-40: 0.4;
  --opacity-60: 0.6;
  --opacity-80: 0.8;
  --opacity-100: 1;
  --opacity-90: 0.9;
  --opacity-30: 0.3;
  --opacity-50: 0.5;
  --opacity-00: 0;
  --opacity-70: 0.7;
}
:root,
:host {
  --font-family-gotham-xnarrow: 'Gotham XNarrow', 'Avenir Next Condensed', sans-serif-condensed, 'Arial Narrow',
    'Arial Nova', sans-serif;
  --font-family-gotham-cond: 'Gotham Condensed', 'Gotham Cond', HelveticaNeue-CondensedBold, 'Helvetica Neue',
    'Franklin Gothic', sans-serif-condensed, 'Arial Narrow', 'Arial Nova', sans-serif;
  --font-family-gotham: Gotham, 'Avenir Next', 'Helvetica Neue', sans-serif-black, 'Arial Narrow', 'Arial Nova',
    sans-serif;
  --font-family-lucida-grande: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;
  --font-family-antenna-extra-cond: AntennaExtraCond, sans-serif;
  --font-family-antenna-cond: AntennaCond, sans-serif;
  --font-family-inter: Inter, sans-serif;
  --font-weight-bold: 700;
  --font-weight-extra-black: 900;
  --font-weight-book: 400;
  --font-weight-ultra: 1000;
  --font-weight-black: 800;
  --font-weight-book-350: 350;
  --font-weight-semi-bold: 600;
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-extra-light: 200;
  --font-weight-medium: 500;
  --letter-spacing-neg-0-p-25: -0.25px;
  --letter-spacing-0: 0;
  --letter-spacing-1: 1px;
  --letter-spacing-0-p-5: 0.5px;
  --letter-spacing-0-p-25: 0.25px;
  --letter-spacing-neg-0-p-5: -0.5px;
  --letter-spacing-2: 2px;
  --letter-spacing-neg-1: -1px;
  --letter-spacing-neg-2: -2px;
  --letter-spacing-3: 3px;
  --letter-spacing-neg-3: -3px;
  --st-font-weight-ultra: 1000;
  --st-font-weight-extra-black: 900;
  --st-font-weight-black: 800;
  --st-font-weight-bold: 700;
  --st-font-weight-semi-bold: 600;
  --st-font-weight-medium: 500;
  --st-font-weight-st-book: 400;
  --st-font-weight-book-350: 350;
  --st-font-weight-extra-light: 200;
  --st-font-weight-thin: 100;
  --st-font-weight-bold-italic: 700;
  --st-font-weight-black-italic: 900;
  --st-font-weight-st-book-italic: 400;
  --st-font-weight-light-italic-st: 300;
  --font-size-10: 10px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --font-size-48: 48px;
  --font-size-64: 64px;
  --font-size-72: 72px;
  --font-size-80: 80px;
  --font-size-100: 100px;
  --font-size-120: 120px;
  --font-size-21: 21px;
  --font-size-26: 26px;
  --line-height-10: 10px;
  --line-height-12: 12px;
  --line-height-14: 14px;
  --line-height-16: 16px;
  --line-height-18: 18px;
  --line-height-20: 20px;
  --line-height-21: 21px;
  --line-height-22: 22px;
  --line-height-24: 24px;
  --line-height-26: 26px;
  --line-height-28: 28px;
  --line-height-30: 30px;
  --line-height-32: 32px;
  --line-height-36: 36px;
  --line-height-40: 40px;
  --line-height-42: 42px;
  --line-height-48: 48px;
  --line-height-64: 64px;
  --line-height-72: 72px;
  --line-height-80: 80px;
  --line-height-100: 100px;
  --line-height-120: 120px;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --text-align-left: left;
  --text-align-center: center;
  --text-align-right: right;
}
:root,
:host {
  --size-48: 48px;
  --size-24: 24px;
  --size-8: 8px;
  --size-2: 2px;
  --size-4: 4px;
  --size-16: 16px;
  --size-40: 40px;
  --size-28: 28px;
  --size-20: 20px;
  --size-100: 100px;
  --size-26: 26px;
  --size-32: 32px;
  --size-18: 18px;
  --size-56: 56px;
  --size-12: 12px;
  --size-6: 6px;
  --size-180: 180px;
  --size-320: 320px;
  --size-64: 64px;
  --size-92: 92px;
  --size-14: 14px;
  --size-42: 42px;
  --size-10: 10px;
  --size-640: 640px;
  --size-140: 140px;
  --size-160: 160px;
  --size-1024: 1024px;
  --size-992: 992px;
  --size-96: 96px;
  --size-280: 280px;
  --size-120: 120px;
  --size-130: 130px;
  --size-700: 700px;
  --size-80: 80px;
  --size-240: 240px;
  --size-200: 200px;
  --size-480: 480px;
  --size-72: 72px;
  --size-220: 220px;
  --size-400: 400px;
  --size-148: 148px;
  --size-800: 800px;
  --size-0: 0;
  --size-1: 1px;
  --size-44: 44px;
  --size-36: 36px;
}
:root,
:host {
  --space-8: 8px;
  --space-4: 4px;
  --space-2: 2px;
  --space-16: 16px;
  --space-12: 12px;
  --space-32: 32px;
  --space-24: 24px;
  --space-48: 48px;
  --space-64: 64px;
  --space-72: 72px;
  --space-40: 40px;
  --space-0: 0;
  --space-80: 80px;
  --space-160: 160px;
  --space-20: 20px;
  --space-neg-2: -2px;
  --space-6: 6px;
  --space-10: 10px;
  --space-22: 22px;
  --space-36: 36px;
  --space-60: 60px;
  --space-96: 96px;
  --space-28: 28px;
}
[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-90, #dde1e2);
  --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-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);
  --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);
  --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']) {
  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-90, #dde1e2);
  --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-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);
  --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);
  --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-90, #dde1e2);
    --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-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);
    --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);
    --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));
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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-90, #dde1e2);
  --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-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);
  --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);
  --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']) {
  --shadow-soft-sm: var(--size-0, 0) var(--size-2, 2px) var(--size-6, 6px) var(--size-0, 0)
      var(--shadow-color-soft-key-sm),
    var(--size-0, 0) var(--size-1, 1px) var(--size-4, 4px) var(--size-0, 0) var(--shadow-color-soft-ambient-sm);
  --shadow-soft-md: var(--size-0, 0) var(--size-4, 4px) var(--size-12, 12px) var(--size-0, 0)
      var(--shadow-color-soft-key-md),
    var(--size-0, 0) var(--size-2, 2px) var(--size-16, 16px) var(--size-0, 0) var(--shadow-color-soft-ambient-md);
  --shadow-soft-lg: var(--size-0, 0) var(--size-8, 8px) var(--size-16, 16px) var(--size-0, 0)
      var(--shadow-color-soft-key-lg),
    var(--size-0, 0) var(--size-8, 8px) var(--size-24, 24px) var(--size-0, 0) var(--shadow-color-soft-ambient-lg);
  --shadow-soft-xl: var(--size-0, 0) var(--size-16, 16px) var(--size-32, 32px) var(--size-0, 0)
      var(--shadow-color-soft-key-xl),
    var(--size-0, 0) var(--size-0, 0) var(--size-64, 64px) var(--size-0, 0) var(--shadow-color-soft-ambient-xl);
  --shadow-hard-sm: var(--size-0, 0) var(--size-1, 1px) var(--size-2, 2px) var(--size-0, 0) var(--shadow-color-hard-key),
    var(--size-0, 0) var(--size-1, 1px) var(--size-4, 4px) var(--size-1, 1px) var(--shadow-color-hard-ambient);
  --shadow-hard-md: var(--size-0, 0) var(--size-2, 2px) var(--size-4, 4px) var(--size-0, 0) var(--shadow-color-hard-key),
    var(--size-0, 0) var(--size-2, 2px) var(--size-8, 8px) var(--size-0, 0) var(--shadow-color-hard-ambient);
  --shadow-hard-lg: var(--size-0, 0) var(--size-4, 4px) var(--size-6, 6px) var(--size-0, 0) var(--shadow-color-hard-key),
    var(--size-0, 0) var(--size-6, 6px) var(--size-12, 12px) var(--size-4, 4px) var(--shadow-color-hard-ambient);
  --shadow-hard-xl: var(--size-0, 0) var(--size-4, 4px) var(--size-4, 4px) var(--size-0, 0) var(--shadow-color-hard-key),
    var(--size-0, 0) 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']) {
  --grid-space-resp-lg: var(--space-24, 24px);
  --grid-space-resp-base: var(--space-12, 12px);
  --page-inset-space: var(--space-0, 0);
  --grid-space-const-lg: var(--space-16, 16px);
  --grid-space-const-sm: var(--space-12, 12px);
  --layout-guide-grid-columns: 4;
  --section-space-base: var(--space-36, 36px);
  --section-space-lg: var(--space-72, 72px);
  --paragraph-end-space: var(--space-16, 16px);
  --section-space-sm: var(--space-24, 24px);
  --canvas-min-width-size: 320px;
  --canvas-max-width-size: 389px;
  --canvas-height-size-web: 568px;
  --canvas-width-size-web: 320px;
  --canvas-width-size-app: 320px;
  --canvas-height-size-app: 568px;
  --content-max-width-medium: 700px;
  --content-max-width-full: 1024px;
  --title-1-font-size: var(--font-size-22, 22px);
  --title-2-font-size: var(--font-size-16, 16px);
  --display-1-font-size: var(--font-size-40, 40px);
  --display-2-font-size: 36px;
  --display-3-font-size: 28px;
  --headline-1-font-size: 48px;
  --headline-2-font-size: 40px;
  --headline-3-font-size: 28px;
  --headline-4-font-size: 22px;
  --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-18, 18px);
  --footnote-1-font-size: var(--font-size-16, 16px);
  --footnote-2-font-size: var(--font-size-12, 12px);
  --kicker-1-font-size: 18px;
  --kicker-2-font-size: 18px;
  --kicker-3-font-size: 16px;
  --kicker-4-font-size: var(--font-size-14, 14px);
  --subheadline-1-font-size: 24px;
  --quote-font-size: var(--font-size-16, 16px);
  --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 Condensed',
    '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 Condensed',
    '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.33;
  --kicker-4-line-height: 1.1;
  --kicker-3-line-height: 1.1;
  --kicker-2-line-height: 1.1;
  --kicker-1-line-height: 1.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;
  --title-2-line-height: 1.1;
  --quote-line-height: 1;
  --footnote-1-line-height: 1.31;
  --footnote-2-line-height: 1.3;
  --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-2, 2px);
  --letter-spacing-positive-md: var(--letter-spacing-1, 1px);
  --letter-spacing-none: var(--letter-spacing-0, 0);
  --letter-spacing-negative-sm: var(--letter-spacing-neg-0-p-5, -0.5px);
  --letter-spacing-negative-md: var(--letter-spacing-neg-1, -1px);
  --letter-spacing-negative-lg: var(--letter-spacing-neg-2, -2px);
  --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-0-p-5, -0.5px);
  --display-2-letter-spacing: var(--letter-spacing-neg-0-p-5, -0.5px);
  --display-3-letter-spacing: var(--letter-spacing-neg-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, 0);
  --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-16, 16px);
  --size-resp-2-xs: var(--size-24, 24px);
  --size-resp-xs: var(--size-32, 32px);
  --size-resp-sm: var(--size-40, 40px);
  --size-resp-md: var(--size-48, 48px);
  --size-resp-lg: var(--size-56, 56px);
  --size-resp-xl: var(--size-64, 64px);
  --size-resp-2-xl: var(--size-72, 72px);
  --size-resp-3-xl: var(--size-96, 96px);
  --size-resp-4-xl: var(--size-148, 148px);
  --size-resp-4-xs: var(--size-12, 12px);
  --change-on-lg: xs/sm/md;
  --change-on-md: xs/sm;
  --bp-specific-web: xs/sm;
  --bp-specific-app: compact;
  --inset-space-resp-md: var(--density-xs-space-resp-md);
  --inset-space-resp-lg: var(--density-xs-space-resp-lg);
  --inset-space-resp-2-xl: var(--density-xs-space-resp-2-xl);
  --inset-space-resp-sm: var(--density-xs-space-resp-sm);
  --inset-space-resp-xl: var(--density-xs-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-4, 4px);
  --stack-space-resp-lg: var(--density-xs-space-resp-lg);
  --stack-space-resp-xl: var(--density-xs-space-resp-xl);
  --stack-space-resp-2-xl: var(--density-xs-space-resp-2-xl);
  --stack-space-resp-md: var(--density-xs-space-resp-md);
  --stack-space-resp-sm: var(--density-xs-space-resp-sm);
  --stack-space-resp-2-xs: var(--space-2, 2px);
  --stack-space-resp-3-xl: var(--density-xs-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-2, 2px);
  --inline-space-resp-xs: var(--space-4, 4px);
  --inline-space-resp-sm: var(--space-8, 8px);
  --inline-space-resp-md: var(--space-12, 12px);
  --inline-space-resp-lg: var(--space-16, 16px);
  --inline-space-resp-xl: var(--space-24, 24px);
  --inline-space-resp-2-xl: var(--space-32, 32px);
  --inline-space-resp-3-xl: var(--space-48, 48px);
  --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: xs;
}
@media (min-width: 390px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --canvas-min-width-size: 390px;
    --canvas-max-width-size: 599px;
    --canvas-height-size-web: 844px;
    --canvas-width-size-web: 390px;
    --canvas-width-size-app: 390px;
    --canvas-height-size-app: 844px;
    --inset-space-resp-md: var(--density-sm-space-resp-md);
    --inset-space-resp-lg: var(--density-sm-space-resp-lg);
    --inset-space-resp-2-xl: var(--density-sm-space-resp-2-xl);
    --inset-space-resp-sm: var(--density-sm-space-resp-sm);
    --inset-space-resp-xl: var(--density-sm-space-resp-xl);
    --stack-space-resp-lg: var(--density-sm-space-resp-lg);
    --stack-space-resp-xl: var(--density-sm-space-resp-xl);
    --stack-space-resp-2-xl: var(--density-sm-space-resp-2-xl);
    --stack-space-resp-md: var(--density-sm-space-resp-md);
    --stack-space-resp-sm: var(--density-sm-space-resp-sm);
    --stack-space-resp-3-xl: var(--density-sm-space-resp-3-xl);
    --breakpoint-name: sm;
  }
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --grid-space-resp-lg: var(--space-32, 32px);
    --layout-guide-grid-columns: 8;
    --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: 600px;
    --canvas-max-width-size: 1023px;
    --canvas-height-size-web: 960px;
    --canvas-width-size-web: 600px;
    --canvas-width-size-app: 834px;
    --canvas-height-size-app: 1194px;
    --title-2-font-size: var(--font-size-18, 18px);
    --display-1-font-size: 72px;
    --display-2-font-size: 42px;
    --display-3-font-size: 32px;
    --headline-1-font-size: 72px;
    --headline-2-font-size: 48px;
    --headline-3-font-size: 36px;
    --headline-4-font-size: 26px;
    --callout-1-font-size: var(--font-size-22, 22px);
    --kicker-1-font-size: 22px;
    --kicker-2-font-size: 22px;
    --kicker-3-font-size: 18px;
    --kicker-4-font-size: var(--font-size-16, 16px);
    --subheadline-1-font-size: 32px;
    --quote-font-size: var(--font-size-18, 18px);
    --kicker-3-line-height: 1;
    --kicker-2-line-height: 1;
    --kicker-1-line-height: 1;
    --footnote-2-line-height: 1.32;
    --headline-4-line-height: 0.85;
    --letter-spacing-negative-sm: var(--letter-spacing-neg-0-p-25, -0.25px);
    --display-1-letter-spacing: var(--letter-spacing-neg-1, -1px);
    --display-2-letter-spacing: var(--letter-spacing-neg-1, -1px);
    --display-3-letter-spacing: var(--letter-spacing-neg-1, -1px);
    --size-resp-2-xs: var(--size-32, 32px);
    --size-resp-xs: var(--size-40, 40px);
    --size-resp-sm: var(--size-48, 48px);
    --size-resp-md: var(--size-64, 64px);
    --size-resp-lg: var(--size-72, 72px);
    --size-resp-xl: var(--size-80, 80px);
    --size-resp-2-xl: var(--size-92, 92px);
    --size-resp-3-xl: var(--size-120, 120px);
    --size-resp-4-xl: var(--size-160, 160px);
    --size-resp-4-xs: var(--size-14, 14px);
    --change-on-md: md/lg;
    --bp-specific-web: md;
    --bp-specific-app: regular;
    --inset-space-resp-md: var(--density-md-space-resp-md);
    --inset-space-resp-lg: var(--density-md-space-resp-lg);
    --inset-space-resp-2-xl: var(--density-md-space-resp-2-xl);
    --inset-space-resp-sm: var(--density-md-space-resp-sm);
    --inset-space-resp-xl: var(--density-md-space-resp-xl);
    --stack-space-resp-xs: var(--space-6, 6px);
    --stack-space-resp-lg: var(--density-md-space-resp-lg);
    --stack-space-resp-xl: var(--density-md-space-resp-xl);
    --stack-space-resp-2-xl: var(--density-md-space-resp-2-xl);
    --stack-space-resp-md: var(--density-md-space-resp-md);
    --stack-space-resp-sm: var(--density-md-space-resp-sm);
    --stack-space-resp-2-xs: var(--space-4, 4px);
    --stack-space-resp-3-xl: var(--density-md-space-resp-3-xl);
    --inline-space-resp-2-xs: var(--space-4, 4px);
    --inline-space-resp-xs: var(--space-6, 6px);
    --inline-space-resp-sm: var(--space-12, 12px);
    --inline-space-resp-md: var(--space-16, 16px);
    --inline-space-resp-lg: var(--space-24, 24px);
    --inline-space-resp-xl: var(--space-32, 32px);
    --inline-space-resp-2-xl: var(--space-48, 48px);
    --inline-space-resp-3-xl: var(--space-72, 72px);
    --breakpoint-name: md;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --grid-space-resp-base: var(--space-16, 16px);
    --page-inset-space: var(--space-16, 16px);
    --layout-guide-grid-columns: 12;
    --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;
    --title-1-font-size: var(--font-size-28, 28px);
    --title-2-font-size: var(--font-size-20, 20px);
    --display-1-font-size: 120px;
    --display-2-font-size: 64px;
    --display-3-font-size: 40px;
    --headline-1-font-size: 100px;
    --headline-2-font-size: 64px;
    --headline-3-font-size: 40px;
    --headline-4-font-size: 32px;
    --footnote-1-font-size: var(--font-size-18, 18px);
    --footnote-2-font-size: var(--font-size-16, 16px);
    --kicker-1-font-size: 30px;
    --kicker-2-font-size: 24px;
    --kicker-3-font-size: var(--font-size-20, 20px);
    --subheadline-1-font-size: 36px;
    --quote-font-size: var(--font-size-20, 20px);
    --body-line-height: 1.52;
    --kicker-4-line-height: 1;
    --quote-line-height: 1.1;
    --footnote-1-line-height: 1.28;
    --footnote-2-line-height: 1.31;
    --headline-4-line-height: 0.94;
    --letter-spacing-positive-lg: var(--letter-spacing-3, 3px);
    --letter-spacing-negative-lg: var(--letter-spacing-neg-3, -3px);
    --display-1-letter-spacing: var(--letter-spacing-neg-2, -2px);
    --size-resp-3-xs: var(--size-24, 24px);
    --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;
    --bp-specific-web: lg;
    --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);
    --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);
    --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);
    --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);
}
: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);
}
: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']) {
  --alert-shadow-down: 0 6px 10px 0 var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
  --alert-shadow-up: 0 -2px 10px 0 var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --aricle-mobile-1-col-grid-image-margin-space: var(--space-0, 0);
  --article-top-margin-space: var(--inset-space-resp-sm);
  --article-content-stack-space: var(--stack-space-resp-lg);
  --article-headings-stack-space: var(--space-12, 12px);
  --article-image-landscape-inset-inline-space: var(--space-0, 0);
  --article-content-inset-inline-space: var(--space-16, 16px);
  --article-headings-inset-inline-space: var(--space-16, 16px);
  --article-image-portait-inset-inline-space: var(--space-0, 0);
  --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-2-font-size);
  --article-image-caption-font-size: 16px;
  --article-image-source-font-size: 16px;
  --article-meta-font-size: 12px;
  --article-image-caption-line-height: 1.22;
  --article-image-source-line-height: 1.31;
  --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);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --aricle-mobile-1-col-grid-image-margin-space: var(--space-72, 72px);
    --article-image-landscape-inset-inline-space: var(--space-12, 12px);
    --article-content-inset-inline-space: var(--space-72, 72px);
    --article-headings-inset-inline-space: var(--space-72, 72px);
    --article-image-portait-inset-inline-space: var(--space-72, 72px);
    --article-headline-font-size: var(--headline-1-font-size);
    --article-image-caption-font-size: 18px;
    --article-meta-font-size: 14px;
    --article-image-caption-line-height: 1.38;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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-source-font-size: 18px;
    --article-meta-font-size: 16px;
    --article-image-source-line-height: 1.28;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --audio-player-font-size: var(--font-size-16, 16px);
  --audio-player-line-height: 1.31;
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --audio-player-font-size: var(--font-size-18, 18px);
    --audio-player-line-height: 1.28;
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --avatar-label-color: var(--text-color-primary);
  --avatar-label-color-hover: var(--text-color-hover);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --avatar-label-font-size: 16px;
  --avatar-article-size: var(--size-const-md);
  --avatar-author-page-size: var(--size-96, 96px);
  --avatar-font-family: var(--body-font-family);
  --avatar-label-line-height: 1.31;
  --avatar-lane-inline-space: var(--space-16, 16px);
  --app-avatar-font-family: var(--title-font-family);
  --avatar-item-inline-space: var(--inline-space-const-sm);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --avatar-author-page-size: var(--size-130, 130px);
    --avatar-lane-inline-space: var(--space-24, 24px);
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --avatar-label-font-size: 18px;
    --avatar-label-line-height: 1.28;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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']) {
  --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']) {
  --breadcrumb-font-size: 15px;
  --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: var(--grid-space-resp-base);
  --breadcrumb-line-height: 1;
  --breadcrumb-font-weight: var(--body-font-weight-bold);
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --breadcrumb-font-size: 12px;
    --breadcrumb-inset-inline-space: 0;
  }
}
[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);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  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);
}
@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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --breaking-news-container-height-size: var(--size-const-lg);
  --breaking-news-badge-upper-title-font-size: 13px;
  --breaking-news-badge-lower-title-font-size: 23px;
  --breaking-news-badge-upper-title-line-height: 1;
  --breaking-news-badge-lower-title-line-height: 0.91;
  --breaking-news-badge-titels-stack-space: var(--space-0, 0);
  --breaking-news-scrolling-text-font-size: var(--font-size-21, 21px);
  --breaking-news-scrolling-text-line-height: var(--line-height-24, 1.14);
  --breaking-news-badge-inset-inline-space: var(--size-6, 6px);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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-badge-inset-inline-space: var(--size-12, 12px);
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --breaking-news-badge-inset-inline-space: var(--size-26, 26px);
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --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);
}
: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);
}
: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']) {
  --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: 16px;
  --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(--border-radius-md);
  --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);
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --multi-textlink-button-label-font-size: 18px;
  }
}
[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']) {
  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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --card-surface-bg-color: var(--bg-color-secondary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --search-result-card-image-width-size: 216px;
  --search-result-card-image-height-size-stacked: 189px;
  --newsticker-image-card-width-size: 206px;
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --search-result-card-image-width-size: 260px;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --gallery-teaser-title-bottom-space: var(--space-28, 28px);
  --gallery-teaser-app-inline-space: var(--space-0, 0);
  --app-epaper-carousel-item-focus-width: 182px;
  --app-epaper-carousel-item-default-width: 144px;
  --app-epaper-carouse-beilage-item-width: 110px;
  --standard-teaser-gallery-teaser-width-web: 145px;
  --standard-teaser-gallery-teaser-width-app: 280px;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --gallery-teaser-title-bottom-space: var(--space-36, 36px);
    --gallery-teaser-app-inline-space: var(--inline-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: 260px;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --gallery-teaser-app-inline-space: var(--stack-space-const-sm);
    --standard-teaser-gallery-teaser-width-web: 300px;
    --standard-teaser-gallery-teaser-width-app: 464px;
  }
}
[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']) {
  color-scheme: light;
  --chip-label-color-hover: var(--text-color-primary-on-dark);
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --chip-label-color-hover: var(--text-color-primary-on-light);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --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']) {
  --chip-font-size: 16px;
  --chip-inset-inline-space: var(--inset-space-const-md);
  --chip-inset-block-space: var(--inset-space-const-sm);
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --chip-font-size: 18px;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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']) {
  --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']) {
  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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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']) {
  --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);
}
[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']) {
  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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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']) {
  --focus-ring-border-width: var(--border-width-thick);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  color-scheme: light;
  --app-image-lightbox-gallery-bg-color: var(--color-neutral-0, #000000);
}
@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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --app-image-lightbox-gallery-bg-color: var(--color-neutral-0, #000000);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --icon-size-embedd-media: 40px;
}
[data-density='default'],
:host([data-density='default']) {
  --density-icon-button-size: var(--size-48, 48px);
}
:host([data-density='dense']) {
  --density-icon-button-size: var(--size-40, 40px);
}
:host([data-density='spacious']) {
  --density-icon-button-size: var(--size-56, 56px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --icon-button-size: var(--density-icon-button-size);
  --icon-button-border-radius: var(--border-radius-md);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --info-element-teaser-badge-height-size: var(--size-16, 16px);
  --info-element-teaser-image-height-size: var(--size-80, 80px);
  --info-element-teaser-image-width-size: var(--size-80, 80px);
  --info-element-teaser-badge-top-margin-space: var(--space-4, 4px);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --info-element-teaser-image-height-size: 83px;
    --info-element-teaser-image-width-size: var(--size-148, 148px);
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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']) {
  --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;
}
: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;
}
: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']) {
  --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-sm);
  --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(--border-radius-md);
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --hey-input-container-inset-inline-space: var(--inset-space-const-lg);
  }
}
[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-partner-fitbook, #ff97b7);
  --kicker-petbook-bg-color: var(--color-partner-petbook, #b9db91);
  --kicker-myhomebook-bg-color: var(--color-partner-myhome, #66cccc);
  --kicker-travelbook-bg-color: var(--color-partner-travelbook, #8ef0ed);
  --kicker-techbook-bg-color: var(--color-partner-techbook, #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, #e3001b);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  color-scheme: light;
  --kicker-bg-color-on-surface: var(--bg-color-brand-solid);
  --kicker-fitbook-bg-color: var(--color-partner-fitbook, #ff97b7);
  --kicker-petbook-bg-color: var(--color-partner-petbook, #b9db91);
  --kicker-myhomebook-bg-color: var(--color-partner-myhome, #66cccc);
  --kicker-travelbook-bg-color: var(--color-partner-travelbook, #8ef0ed);
  --kicker-techbook-bg-color: var(--color-partner-techbook, #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, #e3001b);
}
@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-partner-fitbook, #ff97b7);
    --kicker-petbook-bg-color: var(--color-partner-petbook, #b9db91);
    --kicker-myhomebook-bg-color: var(--color-partner-myhome, #66cccc);
    --kicker-travelbook-bg-color: var(--color-partner-travelbook, #8ef0ed);
    --kicker-techbook-bg-color: var(--color-partner-techbook, #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, #e3001b);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --kicker-bg-color-on-surface: var(--bg-color-quaternary-inverse);
  --kicker-fitbook-bg-color: var(--color-partner-fitbook, #ff97b7);
  --kicker-petbook-bg-color: var(--color-partner-petbook, #b9db91);
  --kicker-myhomebook-bg-color: var(--color-partner-myhome, #66cccc);
  --kicker-travelbook-bg-color: var(--color-partner-travelbook, #8ef0ed);
  --kicker-techbook-bg-color: var(--color-partner-techbook, #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, #e3001b);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --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']) {
  --live-tickerheadline-font-weight: var(--font-weight-semi-bold, 600);
  --live-ticker-headlines-font-size: 22px;
  --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: 14px;
  --live-ticker-time-headline-stack-space: var(--stack-space-const-xs);
  --live-ticker-slider-item-width-max-size: 257px;
  --live-ticker-app-card-height-size: 96px;
  --live-ticker-app-card-width-size: 250px;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --live-ticker-headlines-font-size: 32px;
    --live-ticker-time-stamp-font-size: 16px;
    --live-ticker-app-card-height-size: 128px;
    --live-ticker-app-card-width-size: 300px;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --live-ticker-slider-item-width-max-size: 537px;
  }
}
[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-progress-bar-ad-bg-color: var(--color-yellow-80, #ffbf00);
  --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);
}
@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-progress-bar-ad-bg-color: var(--color-yellow-80, #ffbf00);
    --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);
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  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-progress-bar-ad-bg-color: var(--color-yellow-80, #ffbf00);
  --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);
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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-progress-bar-ad-bg-color: var(--color-yellow-80, #ffbf00);
  --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);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --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']) {
  --podcast-play-button-size: var(--size-48, 48px);
  --vid-player-bottom-bar-inline-space: 0;
  --audio-player-header-inset-block-space: var(--size-const-lg);
  --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: 14px;
  --vid-player-timecode-container-min-width-size: 45px;
  --vid-player-progress-bar-container-height-size: 24px;
  --vid-player-unmute-button-width-size: 220px;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --vid-player-timecode-font-size: 16px;
    --vid-player-timecode-container-min-width-size: 58px;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --vid-player-bottom-bar-inline-space: var(--stack-space-const-lg);
    --audio-player-header-inset-block-space: var(--size-56, 56px);
    --vid-player-timecode-font-size: 18px;
    --vid-player-progress-bar-container-height-size: 42px;
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  color-scheme: light;
  --menu-scrolled-bg-gradient-color: var(--color-neutral-100-a-95, rgba(255, 255, 255, 0.95));
  --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);
}
@media (prefers-color-scheme: dark) {
  [data-color-brand='bild'],
  :host([data-color-brand='bild']) {
    color-scheme: dark;
    --menu-scrolled-bg-gradient-color: rgba(34, 38, 40, 0.95);
    --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);
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  color-scheme: light;
  --menu-scrolled-bg-gradient-color: var(--color-neutral-100-a-95, rgba(255, 255, 255, 0.95));
  --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);
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --menu-scrolled-bg-gradient-color: rgba(34, 38, 40, 0.95);
  --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);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --menu-bg-color: var(--bg-color-primary);
  --menu-link-lane-bg-color: var(--bg-color-primary);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --menu-shadow: 0 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
  --hey-input-shadow: 0 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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-56, 56px);
  --menu-logo-scrolled-size: var(--size-56, 56px);
  --menu-special-navi-item-height-size: 48px;
  --sub-nav-bar-height-size: var(--size-42, 42px);
  --menu-utility-links-container-height-size: var(--size-const-lg);
  --menu-top-inset-top-space: var(--inset-space-const-sm);
  --menu-inset-left-space: var(--inset-space-const-sm);
  --menu-utility-link-lane-inline-space: var(--inline-space-const-sm);
  --menu-inset-right-space: var(--space-0, 0);
  --menu-inset-bottom-space: var(--inset-space-const-sm);
  --menu-utility-links-divider-height-size: var(--size-const-sm);
  --menu-shadow-visibility: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
  --hey-input-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
  --app-topbar-title-font-size: 12px;
  --app-topbar-stage-title-line-height: 1.17;
  --ios-app-top-bar-height-size: 44px;
  --ios-app-top-bar-inset-left-space: 12px;
  --ios-app-top-bar-inset-right-space: 16px;
  --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);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --menu-logo-default-size: var(--size-148, 148px);
    --menu-special-navi-item-height-size: 56px;
    --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, 0);
    --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));
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --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']) {
  --news-ticker-time-font-size: var(--label-2-font-size);
  --news-ticker-time-font-weight: var(--font-weight-bold, 700);
  --news-ticker-time-font-family: var(
    --font-family-gotham-xnarrow,
    'Gotham XNarrow',
    'Avenir Next Condensed',
    sans-serif-condensed,
    'Arial Narrow',
    'Arial Nova',
    sans-serif
  );
  --news-ticker-time-line-height: var(--label-2-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: 18px;
  --news-ticker-badges-inset-inline-space: var(--space-8, 8px);
  --news-ticker-time-kicker-stack-space: var(--space-4, 4px);
  --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: var(--space-64, 64px);
  --news-ticker-red-dot-size: var(--size-12, 12px);
  --news-ticker-entries-inset-left-space: var(--space-22, 22px);
  --news-ticker-line-inset-inline-space: var(--space-6, 6px);
  --news-ticker-app-card-height-size: 116px;
  --news-ticker-app-card-width-size: 250px;
}
@media (min-width: 390px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --news-ticker-time-font-family: var(--label-font-family);
    --news-ticker-time-line-height: var(--label-2-font-size);
  }
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --news-ticker-time-line-height: var(--label-2-line-height);
    --news-ticker-titles-inset-inline-space: var(--space-24, 24px);
    --news-ticker-badges-inset-inline-space: var(--space-12, 12px);
    --news-ticker-time-kicker-stack-space: var(--space-6, 6px);
    --news-ticker-skeleton-bottom-space: 0;
    --news-ticker-red-dot-size: var(--size-14, 14px);
    --news-ticker-line-inset-inline-space: 7px;
    --news-ticker-app-card-height-size: 150px;
    --news-ticker-app-card-width-size: 300px;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --news-ticker-time-font-size: var(--label-1-font-size);
    --news-ticker-time-line-height: var(--label-1-line-height);
    --news-ticker-titles-inset-inline-space: 30px;
    --news-ticker-badges-inset-inline-space: var(--space-16, 16px);
    --news-ticker-red-dot-size: var(--size-16, 16px);
    --news-ticker-line-inset-inline-space: var(--space-8, 8px);
  }
}
[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']) {
  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));
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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']) {
  --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']) {
  --gallery-pagination-item-height-size: var(--size-4, 4px);
  --gallery-pagination-container-web-inset-inline-space: var(--inset-space-const-sm);
  --gallery-pagination-container-inset-block-space: var(--inset-space-const-md);
  --gallery-pagination-container-app-inset-inline-space: var(--inset-space-const-md);
  --scroll-bar-thickness-size: var(--size-const-4-xs);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --gallery-pagination-container-web-inset-inline-space: var(--inset-space-const-md);
    --gallery-pagination-container-inset-block-space: var(--inset-space-const-lg);
  }
}
[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']) {
  color-scheme: light;
  --partner-links-bg-color-idle: var(--bg-color-primary);
  --partner-links-bg-color-active: var(--bg-color-tertiary);
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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']) {
  --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']) {
  --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']) {
  --quote-container-inset-inline-space: var(--inset-space-const-lg);
  --quote-container-inset-block-space: var(--inset-space-resp-lg);
  --quote-quotation-marks-font-size: 28px;
  --quote-content-inline-space: var(--inline-space-const-lg);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --quote-quotation-marks-font-size: 32px;
    --quote-content-inline-space: var(--inline-space-const-3-xl);
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --quote-container-inset-inline-space: var(--space-28, 28px);
    --quote-quotation-marks-font-size: 36px;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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']) {
  --search-result-badge-height-size: var(--size-18, 18px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --section-title-inset-bottom-space: var(--grid-space-const-sm);
  --section-title-height-size: var(--size-32, 32px);
  --section-title-arrow-inline-space: 5px;
  --section-title-arrow-inline-space-active: 5px;
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --section-title-height-size: var(--size-40, 40px);
    --section-title-arrow-inline-space-active: 8px;
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --selection-border-color: var(--border-color-strong);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --separator-thickness-size: var(--border-width-thick);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --headlines-skeleton-image-placeholder-max-width: 282px;
  --article-skeleton-image-inset-inline-space: var(--grid-space-resp-base);
  --article-skeleton-text-inset-inline-space: 0;
  --article-text-skeleton-height-size: 270px;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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-progress-ad-fill-color: var(--color-yellow-80, #ffbf00);
}
@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-progress-ad-fill-color: var(--color-yellow-80, #ffbf00);
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  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-progress-ad-fill-color: var(--color-yellow-80, #ffbf00);
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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-progress-ad-fill-color: var(--color-yellow-80, #ffbf00);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --slider-button-opacity: var(--layer-opacity-90);
  --slider-progress-fill-color: var(--bg-color-brand-light-only);
  --slider-track-bg-color-on-surface: var(--bg-color-tertiary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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']) {
  --special-navi-inline-space: var(--space-24, 24px);
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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']) {
  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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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']) {
  --video-spinner-size: var(--size-const-sm);
  --video-spinner-stroke-size: 2px;
  --video-spinner-size-0-p-5-x: 20px;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --video-spinner-size: var(--size-80, 80px);
    --video-spinner-stroke-size: 4px;
    --video-spinner-size-0-p-5-x: 40px;
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --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']) {
  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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --app-bottom-tab-bar-bg-color: var(--color-neutral-25, #343c41);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --tab-label-font-size: 16px;
  --ios-tabbar-height-size: 49px;
  --android-tabbar-height-size: 56px;
  --tab-label-font-size-line: 12px;
  --apps-tabs-label-font-size: 11px;
  --apps-tabs-label-line-height: 1.31;
  --top-bar-tab-item-height-size: 44px;
}
@media (min-width: 390px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --apps-tabs-label-font-size: 12px;
    --apps-tabs-label-line-height: 1.2;
  }
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --android-tabbar-height-size: 74px;
    --tab-label-font-size-line: 16px;
    --apps-tabs-label-font-size: 16px;
    --apps-tabs-label-line-height: 1.46;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --table-column-width-size-1-x: var(--size-80, 80px);
  --table-column-width-size-2-x: var(--size-140, 140px);
  --table-column-width-size-0-p-5-x: var(--size-40, 40px);
  --table-column-width-size-1-p-5-x: var(--size-120, 120px);
  --table-column-width-size-2-p-5-x: var(--size-180, 180px);
  --table-column-width-size-0-p-75-x: var(--size-56, 56px);
  --table-column-width-size-3-x: var(--size-200, 200px);
  --table-item-max-width-size: 224px;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --table-column-width-size-1-x: var(--size-96, 96px);
    --table-column-width-size-2-x: var(--size-180, 180px);
    --table-column-width-size-0-p-5-x: var(--size-48, 48px);
    --table-column-width-size-1-p-5-x: var(--size-160, 160px);
    --table-column-width-size-2-p-5-x: var(--size-240, 240px);
    --table-column-width-size-0-p-75-x: var(--size-64, 64px);
    --table-column-width-size-3-x: var(--size-280, 280px);
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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-0-p-75-x: var(--size-100, 100px);
  }
}
[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));
}
@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));
  }
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  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));
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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));
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --teaser-hover-opacity: var(--layer-opacity-80);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --teaser-headlines-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.6);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --teaser-title-inset-left-space: var(--grid-space-resp-base);
  --teaser-title-container-inset-bottom-space: var(--space-4, 4px);
  --teaser-title-stack-space: var(--stack-space-const-xs);
  --teaser-kicker-bg-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-xs);
  --teaser-title-inset-bottom-space: var(--space-12, 12px);
  --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);
  --m-qteaser-headline-font-size: var(--headline-4-font-size);
  --m-qteaser-headline-font-weight: var(--headline-4-font-weight);
  --m-qteaser-headline-line-height: var(--headline-4-line-height);
  --mq-teaser-title-inset-inline-space: var(--space-8, 8px);
  --a-teaser-kicker-font-size: var(--kicker-3-font-size);
  --a-teaser-headline-font-size: var(--headline-3-font-size);
  --a-teaser-kicker-line-height: var(--kicker-3-font-size);
  --a-teaser-headline-line-height: var(--headline-3-font-size);
  --a-teaser-title-inset-inline-space: var(--space-8, 8px);
  --std-teaser-image-title-stack-space: var(--stack-space-const-xs);
  --std-teaser-badges-margin-space: var(--space-4, 4px);
  --std-teaser-kicker-headline-stack-space: var(--stack-space-const-2-xs);
  --quad-headline-font-size: var(--headline-1-font-size);
  --quad-kicker-font-size: var(--kicker-1-font-size);
  --quad-headline-line-height: var(--headline-1-line-height);
  --q-teaser-title-inset-inline-space: var(--space-8, 8px);
  --bild-play-teaser-width-size: 145px;
  --super-ateaser-title-inset-inline-space: var(--space-16, 16px);
  --b-teaser-title-inset-inline-space: var(--space-8, 8px);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --teaser-title-inset-left-space: var(--space-0, 0);
    --teaser-title-inset-bottom-space: var(--space-16, 16px);
    --m-qteaser-headline-font-size: var(--headline-3-font-size);
    --m-qteaser-headline-font-weight: var(--headline-3-font-weight);
    --m-qteaser-headline-line-height: var(--headline-3-line-height);
    --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-font-size);
    --a-teaser-headline-line-height: var(--headline-2-line-height);
    --a-teaser-title-inset-inline-space: var(--space-12, 12px);
    --std-teaser-image-title-stack-space: var(--space-6, 6px);
    --std-teaser-badges-margin-space: var(--space-8, 8px);
    --quad-kicker-font-size: var(--kicker-2-font-size);
    --q-teaser-title-inset-inline-space: var(--space-16, 16px);
    --bild-play-teaser-width-size: 169px;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --teaser-title-container-inset-bottom-space: var(--space-6, 6px);
    --teaser-badges-height-size-lg: var(--size-const-sm);
    --q-teaser-title-inset-inline-space: var(--space-12, 12px);
    --bild-play-teaser-width-size: 193px;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --app-toggle-item-label-font-size: 14px;
  --app-toggle-item-label-line-height: 1.01;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --app-toggle-item-label-font-size: 16px;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --app-toggle-item-label-font-size: 18px;
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --tooltip-bg-color: var(--bg-color-primary);
  --tooltip-label-color: var(--text-color-primary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --tooltip-border-radius: var(--border-radius-sm);
  --tooltip-inset-space: var(--inset-space-const-lg);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --video-time-badge-corner-size: var(--border-radius-xs);
  --video-time-badge-font-size: 16px;
  --video-time-badge-size: var(--size-24, 24px);
  --video-red-play-icon-width-size: var(--size-8, 8px);
  --video-red-play-icon-height-size: var(--size-10, 10px);
  --video-badge-time-line-height: 1.31;
  --video-skeleton-container-height: 180px;
  --video-frame-inset-inline-space: 0;
  --vertical-video-mock-headline-font-size: 22px;
  --video-ad-badge-font-size: 14px;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --video-time-badge-font-size: 18px;
    --video-time-badge-size: var(--size-32, 32px);
    --video-red-play-icon-width-size: var(--size-12, 12px);
    --video-red-play-icon-height-size: var(--size-14, 14px);
    --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;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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);
  }
}
:root,
:host {
  --color-bild-red-50: #d00;
  --color-bild-red-40: #c10000;
  --color-bild-red-60: #f75849;
  --color-bild-red-10: #410000;
  --color-bild-red-90: #ffdada;
  --color-bild-red-20: #680000;
  --color-bild-red-30: #930000;
  --color-bild-red-80: #ffb2b2;
  --color-bild-red-95: #ffecec;
  --color-bild-red-70: #ff8989;
  --color-bild-purple-20: #551937;
  --color-bild-red-50-a-80: rgba(221, 0, 0, 0.8);
  --color-neutral-15: #222628;
  --color-neutral-100: #fff;
  --color-neutral-80: #c4c9cf;
  --color-neutral-30: #40464d;
  --color-neutral-25: #343c41;
  --color-neutral-60: #8c9196;
  --color-neutral-95: #f2f4f5;
  --color-neutral-90: #dde1e2;
  --color-neutral-70: #a6abb0;
  --color-neutral-40: #565a5f;
  --color-neutral-10: #191b1c;
  --color-neutral-20: #2c3133;
  --color-neutral-0: #000;
  --color-neutral-50: #6e787c;
  --color-orange-70: #fd8227;
  --color-orange-30: #763301;
  --color-orange-40: #9e4401;
  --color-orange-50: #c65502;
  --color-orange-80: #feb782;
  --color-orange-90: #fedbc1;
  --color-orange-95: #ffeddf;
  --color-orange-60: #ef6702;
  --color-orange-20: #522301;
  --color-orange-10: #2f1400;
  --color-green-70: #00c373;
  --color-green-90: #b9efcd;
  --color-green-40: #006e3e;
  --color-green-60: #00af67;
  --color-green-10: #052013;
  --color-green-30: #0d5232;
  --color-green-20: #093822;
  --color-green-50: #158751;
  --color-green-95: #def7e6;
  --color-green-80: #76da9f;
  --color-yellow-80: #ffbf00;
  --color-yellow-70: #d9a200;
  --color-yellow-90: #ffe082;
  --color-yellow-95: #fff0c2;
  --color-yellow-10: #241b00;
  --color-yellow-20: #3d2e00;
  --color-yellow-30: #594300;
  --color-yellow-40: #785a00;
  --color-yellow-50: #967100;
  --color-yellow-60: #b88a00;
  --color-neutral-0-a-20: rgba(0, 0, 0, 0.2);
  --color-neutral-0-a-10: rgba(0, 0, 0, 0.1);
  --color-neutral-0-a-60: rgba(0, 0, 0, 0.6);
  --color-neutral-0-a-30: rgba(0, 0, 0, 0.3);
  --color-neutral-0-a-70: rgba(0, 0, 0, 0.7);
  --color-neutral-100-a-10: rgba(255, 255, 255, 0.1);
  --color-neutral-100-a-20: rgba(255, 255, 255, 0.2);
  --color-neutral-100-a-30: rgba(255, 255, 255, 0.3);
  --color-neutral-100-a-60: rgba(255, 255, 255, 0.6);
  --color-neutral-100-a-70: rgba(255, 255, 255, 0.7);
  --color-neutral-100-a-35: rgba(255, 255, 255, 0.35);
  --color-neutral-0-a-80: rgba(0, 0, 0, 0.8);
  --color-neutral-100-a-80: rgba(255, 255, 255, 0.8);
  --color-neutral-0-a-35: rgba(0, 0, 0, 0.35);
  --color-neutral-0-a-0: rgba(0, 0, 0, 0);
  --color-neutral-0-a-50: rgba(0, 0, 0, 0.5);
  --color-neutral-0-a-5: rgba(0, 0, 0, 0.05);
  --color-neutral-100-a-0: rgba(255, 255, 255, 0);
  --color-neutral-100-a-95: rgba(255, 255, 255, 0.95);
  --color-neutral-15-a-0: rgba(34, 38, 40, 0);
  --color-neutral-95-a-0: rgba(242, 244, 245, 0);
  --color-neutral-20-a-0: rgba(44, 49, 51, 0);
  --color-neutral-25-a-0: rgba(52, 60, 65, 0);
  --color-neutral-90-a-0: rgba(221, 225, 226, 0);
  --color-neutral-0-a-3: rgba(0, 0, 0, 0.03);
  --color-neutral-0-a-7: rgba(0, 0, 0, 0.07);
  --color-neutral-0-a-15: rgba(0, 0, 0, 0.15);
  --color-blue-40: #0060cb;
  --color-blue-60: #4493f8;
  --color-partner-fitbook: #ff97b7;
  --color-partner-petbook: #b9db91;
  --color-partner-myhome: #6cc;
  --color-partner-travelbook: #8ef0ed;
  --color-partner-techbook: #93e4ff;
  --color-partner-kaufberater: #55476e;
  --color-bz-red-50: #e3001b;
  --color-aubi-red-50: #f00000;
  --color-cobi-red-50: #dc231c;
  --color-spobi-blue-95: #eff1f5;
  --color-spobi-blue-80: #c3c9db;
  --color-spobi-blue-30: #174482;
  --color-spobi-blue-20: #0c2f61;
  --color-spobi-blue-10: #091c2e;
  --color-spobi-blue-40: #345ea0;
  --color-spobi-blue-50: #4676c3;
  --color-spobi-blue-70: #8facdb;
  --color-spobi-blue-60: #6a91cf;
  --color-spobi-blue-90: #d6e1f2;
  --color-spobi-blue-15: #0b2647;
  --color-spobi-blue-25: #113b72;
  --color-spobi-red-50: #e52528;
  --color-spobi-blue-15-a-0: rgba(11, 38, 71, 0);
  --color-spobi-blue-15-a-70: rgba(11, 38, 71, 0.7);
  --color-spobi-blue-95-a-0: rgba(239, 241, 245, 0);
  --color-spobi-blue-20-a-0: rgba(12, 47, 97, 0);
  --color-spobi-blue-90-a-0: rgba(214, 225, 242, 0);
  --color-spobi-blue-25-a-0: rgba(17, 59, 114, 0);
  --opacity-05: 0.05;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-40: 0.4;
  --opacity-60: 0.6;
  --opacity-80: 0.8;
  --opacity-100: 1;
  --opacity-90: 0.9;
  --opacity-30: 0.3;
  --opacity-50: 0.5;
  --opacity-00: 0;
  --opacity-70: 0.7;
}
:root,
:host {
  --font-family-gotham-xnarrow: 'Gotham XNarrow', 'Avenir Next Condensed', sans-serif-condensed, 'Arial Narrow',
    'Arial Nova', sans-serif;
  --font-family-gotham-cond: 'Gotham Condensed', 'Gotham Cond', HelveticaNeue-CondensedBold, 'Helvetica Neue',
    'Franklin Gothic', sans-serif-condensed, 'Arial Narrow', 'Arial Nova', sans-serif;
  --font-family-gotham: Gotham, 'Avenir Next', 'Helvetica Neue', sans-serif-black, 'Arial Narrow', 'Arial Nova',
    sans-serif;
  --font-family-lucida-grande: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;
  --font-family-antenna-extra-cond: AntennaExtraCond, sans-serif;
  --font-family-antenna-cond: AntennaCond, sans-serif;
  --font-family-inter: Inter, sans-serif;
  --font-weight-bold: 700;
  --font-weight-extra-black: 900;
  --font-weight-book: 400;
  --font-weight-ultra: 1000;
  --font-weight-black: 800;
  --font-weight-book-350: 350;
  --font-weight-semi-bold: 600;
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-extra-light: 200;
  --font-weight-medium: 500;
  --letter-spacing-neg-0-p-25: -0.25px;
  --letter-spacing-0: 0;
  --letter-spacing-1: 1px;
  --letter-spacing-0-p-5: 0.5px;
  --letter-spacing-0-p-25: 0.25px;
  --letter-spacing-neg-0-p-5: -0.5px;
  --letter-spacing-2: 2px;
  --letter-spacing-neg-1: -1px;
  --letter-spacing-neg-2: -2px;
  --letter-spacing-3: 3px;
  --letter-spacing-neg-3: -3px;
  --st-font-weight-ultra: 1000;
  --st-font-weight-extra-black: 900;
  --st-font-weight-black: 800;
  --st-font-weight-bold: 700;
  --st-font-weight-semi-bold: 600;
  --st-font-weight-medium: 500;
  --st-font-weight-st-book: 400;
  --st-font-weight-book-350: 350;
  --st-font-weight-extra-light: 200;
  --st-font-weight-thin: 100;
  --st-font-weight-bold-italic: 700;
  --st-font-weight-black-italic: 900;
  --st-font-weight-st-book-italic: 400;
  --st-font-weight-light-italic-st: 300;
  --font-size-10: 10px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-42: 42px;
  --font-size-48: 48px;
  --font-size-64: 64px;
  --font-size-72: 72px;
  --font-size-80: 80px;
  --font-size-100: 100px;
  --font-size-120: 120px;
  --font-size-21: 21px;
  --font-size-26: 26px;
  --line-height-10: 10px;
  --line-height-12: 12px;
  --line-height-14: 14px;
  --line-height-16: 16px;
  --line-height-18: 18px;
  --line-height-20: 20px;
  --line-height-21: 21px;
  --line-height-22: 22px;
  --line-height-24: 24px;
  --line-height-26: 26px;
  --line-height-28: 28px;
  --line-height-30: 30px;
  --line-height-32: 32px;
  --line-height-36: 36px;
  --line-height-40: 40px;
  --line-height-42: 42px;
  --line-height-48: 48px;
  --line-height-64: 64px;
  --line-height-72: 72px;
  --line-height-80: 80px;
  --line-height-100: 100px;
  --line-height-120: 120px;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --text-align-left: left;
  --text-align-center: center;
  --text-align-right: right;
}
:root,
:host {
  --size-48: 48px;
  --size-24: 24px;
  --size-8: 8px;
  --size-2: 2px;
  --size-4: 4px;
  --size-16: 16px;
  --size-40: 40px;
  --size-28: 28px;
  --size-20: 20px;
  --size-100: 100px;
  --size-26: 26px;
  --size-32: 32px;
  --size-18: 18px;
  --size-56: 56px;
  --size-12: 12px;
  --size-6: 6px;
  --size-180: 180px;
  --size-320: 320px;
  --size-64: 64px;
  --size-92: 92px;
  --size-14: 14px;
  --size-42: 42px;
  --size-10: 10px;
  --size-640: 640px;
  --size-140: 140px;
  --size-160: 160px;
  --size-1024: 1024px;
  --size-992: 992px;
  --size-96: 96px;
  --size-280: 280px;
  --size-120: 120px;
  --size-130: 130px;
  --size-700: 700px;
  --size-80: 80px;
  --size-240: 240px;
  --size-200: 200px;
  --size-480: 480px;
  --size-72: 72px;
  --size-220: 220px;
  --size-400: 400px;
  --size-148: 148px;
  --size-800: 800px;
  --size-0: 0;
  --size-1: 1px;
  --size-44: 44px;
  --size-36: 36px;
}
:root,
:host {
  --space-8: 8px;
  --space-4: 4px;
  --space-2: 2px;
  --space-16: 16px;
  --space-12: 12px;
  --space-32: 32px;
  --space-24: 24px;
  --space-48: 48px;
  --space-64: 64px;
  --space-72: 72px;
  --space-40: 40px;
  --space-0: 0;
  --space-80: 80px;
  --space-160: 160px;
  --space-20: 20px;
  --space-neg-2: -2px;
  --space-6: 6px;
  --space-10: 10px;
  --space-22: 22px;
  --space-36: 36px;
  --space-60: 60px;
  --space-96: 96px;
  --space-28: 28px;
}
[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-90, #dde1e2);
  --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-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);
  --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);
  --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']) {
  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-90, #dde1e2);
  --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-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);
  --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);
  --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-90, #dde1e2);
    --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-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);
    --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);
    --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));
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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-90, #dde1e2);
  --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-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);
  --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);
  --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']) {
  --shadow-soft-sm: var(--size-0, 0) var(--size-2, 2px) var(--size-6, 6px) var(--size-0, 0)
      var(--shadow-color-soft-key-sm),
    var(--size-0, 0) var(--size-1, 1px) var(--size-4, 4px) var(--size-0, 0) var(--shadow-color-soft-ambient-sm);
  --shadow-soft-md: var(--size-0, 0) var(--size-4, 4px) var(--size-12, 12px) var(--size-0, 0)
      var(--shadow-color-soft-key-md),
    var(--size-0, 0) var(--size-2, 2px) var(--size-16, 16px) var(--size-0, 0) var(--shadow-color-soft-ambient-md);
  --shadow-soft-lg: var(--size-0, 0) var(--size-8, 8px) var(--size-16, 16px) var(--size-0, 0)
      var(--shadow-color-soft-key-lg),
    var(--size-0, 0) var(--size-8, 8px) var(--size-24, 24px) var(--size-0, 0) var(--shadow-color-soft-ambient-lg);
  --shadow-soft-xl: var(--size-0, 0) var(--size-16, 16px) var(--size-32, 32px) var(--size-0, 0)
      var(--shadow-color-soft-key-xl),
    var(--size-0, 0) var(--size-0, 0) var(--size-64, 64px) var(--size-0, 0) var(--shadow-color-soft-ambient-xl);
  --shadow-hard-sm: var(--size-0, 0) var(--size-1, 1px) var(--size-2, 2px) var(--size-0, 0) var(--shadow-color-hard-key),
    var(--size-0, 0) var(--size-1, 1px) var(--size-4, 4px) var(--size-1, 1px) var(--shadow-color-hard-ambient);
  --shadow-hard-md: var(--size-0, 0) var(--size-2, 2px) var(--size-4, 4px) var(--size-0, 0) var(--shadow-color-hard-key),
    var(--size-0, 0) var(--size-2, 2px) var(--size-8, 8px) var(--size-0, 0) var(--shadow-color-hard-ambient);
  --shadow-hard-lg: var(--size-0, 0) var(--size-4, 4px) var(--size-6, 6px) var(--size-0, 0) var(--shadow-color-hard-key),
    var(--size-0, 0) var(--size-6, 6px) var(--size-12, 12px) var(--size-4, 4px) var(--shadow-color-hard-ambient);
  --shadow-hard-xl: var(--size-0, 0) var(--size-4, 4px) var(--size-4, 4px) var(--size-0, 0) var(--shadow-color-hard-key),
    var(--size-0, 0) 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']) {
  --grid-space-resp-lg: var(--space-24, 24px);
  --grid-space-resp-base: var(--space-12, 12px);
  --page-inset-space: var(--space-0, 0);
  --grid-space-const-lg: var(--space-16, 16px);
  --grid-space-const-sm: var(--space-12, 12px);
  --layout-guide-grid-columns: 4;
  --section-space-base: var(--space-36, 36px);
  --section-space-lg: var(--space-72, 72px);
  --paragraph-end-space: var(--space-16, 16px);
  --section-space-sm: var(--space-24, 24px);
  --canvas-min-width-size: 320px;
  --canvas-max-width-size: 389px;
  --canvas-height-size-web: 568px;
  --canvas-width-size-web: 320px;
  --canvas-width-size-app: 320px;
  --canvas-height-size-app: 568px;
  --content-max-width-medium: 700px;
  --content-max-width-full: 1024px;
  --title-1-font-size: var(--font-size-22, 22px);
  --title-2-font-size: var(--font-size-16, 16px);
  --display-1-font-size: var(--font-size-40, 40px);
  --display-2-font-size: 36px;
  --display-3-font-size: 28px;
  --headline-1-font-size: 48px;
  --headline-2-font-size: 40px;
  --headline-3-font-size: 28px;
  --headline-4-font-size: 22px;
  --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-18, 18px);
  --footnote-1-font-size: var(--font-size-16, 16px);
  --footnote-2-font-size: var(--font-size-12, 12px);
  --kicker-1-font-size: 18px;
  --kicker-2-font-size: 18px;
  --kicker-3-font-size: 16px;
  --kicker-4-font-size: var(--font-size-14, 14px);
  --subheadline-1-font-size: 24px;
  --quote-font-size: var(--font-size-16, 16px);
  --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 Condensed',
    '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 Condensed',
    '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.33;
  --kicker-4-line-height: 1.1;
  --kicker-3-line-height: 1.1;
  --kicker-2-line-height: 1.1;
  --kicker-1-line-height: 1.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;
  --title-2-line-height: 1.1;
  --quote-line-height: 1;
  --footnote-1-line-height: 1.31;
  --footnote-2-line-height: 1.3;
  --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-2, 2px);
  --letter-spacing-positive-md: var(--letter-spacing-1, 1px);
  --letter-spacing-none: var(--letter-spacing-0, 0);
  --letter-spacing-negative-sm: var(--letter-spacing-neg-0-p-5, -0.5px);
  --letter-spacing-negative-md: var(--letter-spacing-neg-1, -1px);
  --letter-spacing-negative-lg: var(--letter-spacing-neg-2, -2px);
  --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-0-p-5, -0.5px);
  --display-2-letter-spacing: var(--letter-spacing-neg-0-p-5, -0.5px);
  --display-3-letter-spacing: var(--letter-spacing-neg-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, 0);
  --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-16, 16px);
  --size-resp-2-xs: var(--size-24, 24px);
  --size-resp-xs: var(--size-32, 32px);
  --size-resp-sm: var(--size-40, 40px);
  --size-resp-md: var(--size-48, 48px);
  --size-resp-lg: var(--size-56, 56px);
  --size-resp-xl: var(--size-64, 64px);
  --size-resp-2-xl: var(--size-72, 72px);
  --size-resp-3-xl: var(--size-96, 96px);
  --size-resp-4-xl: var(--size-148, 148px);
  --size-resp-4-xs: var(--size-12, 12px);
  --change-on-lg: xs/sm/md;
  --change-on-md: xs/sm;
  --bp-specific-web: xs/sm;
  --bp-specific-app: compact;
  --inset-space-resp-md: var(--density-xs-space-resp-md);
  --inset-space-resp-lg: var(--density-xs-space-resp-lg);
  --inset-space-resp-2-xl: var(--density-xs-space-resp-2-xl);
  --inset-space-resp-sm: var(--density-xs-space-resp-sm);
  --inset-space-resp-xl: var(--density-xs-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-4, 4px);
  --stack-space-resp-lg: var(--density-xs-space-resp-lg);
  --stack-space-resp-xl: var(--density-xs-space-resp-xl);
  --stack-space-resp-2-xl: var(--density-xs-space-resp-2-xl);
  --stack-space-resp-md: var(--density-xs-space-resp-md);
  --stack-space-resp-sm: var(--density-xs-space-resp-sm);
  --stack-space-resp-2-xs: var(--space-2, 2px);
  --stack-space-resp-3-xl: var(--density-xs-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-2, 2px);
  --inline-space-resp-xs: var(--space-4, 4px);
  --inline-space-resp-sm: var(--space-8, 8px);
  --inline-space-resp-md: var(--space-12, 12px);
  --inline-space-resp-lg: var(--space-16, 16px);
  --inline-space-resp-xl: var(--space-24, 24px);
  --inline-space-resp-2-xl: var(--space-32, 32px);
  --inline-space-resp-3-xl: var(--space-48, 48px);
  --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: xs;
}
@media (min-width: 390px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --canvas-min-width-size: 390px;
    --canvas-max-width-size: 599px;
    --canvas-height-size-web: 844px;
    --canvas-width-size-web: 390px;
    --canvas-width-size-app: 390px;
    --canvas-height-size-app: 844px;
    --inset-space-resp-md: var(--density-sm-space-resp-md);
    --inset-space-resp-lg: var(--density-sm-space-resp-lg);
    --inset-space-resp-2-xl: var(--density-sm-space-resp-2-xl);
    --inset-space-resp-sm: var(--density-sm-space-resp-sm);
    --inset-space-resp-xl: var(--density-sm-space-resp-xl);
    --stack-space-resp-lg: var(--density-sm-space-resp-lg);
    --stack-space-resp-xl: var(--density-sm-space-resp-xl);
    --stack-space-resp-2-xl: var(--density-sm-space-resp-2-xl);
    --stack-space-resp-md: var(--density-sm-space-resp-md);
    --stack-space-resp-sm: var(--density-sm-space-resp-sm);
    --stack-space-resp-3-xl: var(--density-sm-space-resp-3-xl);
    --breakpoint-name: sm;
  }
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --grid-space-resp-lg: var(--space-32, 32px);
    --layout-guide-grid-columns: 8;
    --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: 600px;
    --canvas-max-width-size: 1023px;
    --canvas-height-size-web: 960px;
    --canvas-width-size-web: 600px;
    --canvas-width-size-app: 834px;
    --canvas-height-size-app: 1194px;
    --title-2-font-size: var(--font-size-18, 18px);
    --display-1-font-size: 72px;
    --display-2-font-size: 42px;
    --display-3-font-size: 32px;
    --headline-1-font-size: 72px;
    --headline-2-font-size: 48px;
    --headline-3-font-size: 36px;
    --headline-4-font-size: 26px;
    --callout-1-font-size: var(--font-size-22, 22px);
    --kicker-1-font-size: 22px;
    --kicker-2-font-size: 22px;
    --kicker-3-font-size: 18px;
    --kicker-4-font-size: var(--font-size-16, 16px);
    --subheadline-1-font-size: 32px;
    --quote-font-size: var(--font-size-18, 18px);
    --kicker-3-line-height: 1;
    --kicker-2-line-height: 1;
    --kicker-1-line-height: 1;
    --footnote-2-line-height: 1.32;
    --headline-4-line-height: 0.85;
    --letter-spacing-negative-sm: var(--letter-spacing-neg-0-p-25, -0.25px);
    --display-1-letter-spacing: var(--letter-spacing-neg-1, -1px);
    --display-2-letter-spacing: var(--letter-spacing-neg-1, -1px);
    --display-3-letter-spacing: var(--letter-spacing-neg-1, -1px);
    --size-resp-2-xs: var(--size-32, 32px);
    --size-resp-xs: var(--size-40, 40px);
    --size-resp-sm: var(--size-48, 48px);
    --size-resp-md: var(--size-64, 64px);
    --size-resp-lg: var(--size-72, 72px);
    --size-resp-xl: var(--size-80, 80px);
    --size-resp-2-xl: var(--size-92, 92px);
    --size-resp-3-xl: var(--size-120, 120px);
    --size-resp-4-xl: var(--size-160, 160px);
    --size-resp-4-xs: var(--size-14, 14px);
    --change-on-md: md/lg;
    --bp-specific-web: md;
    --bp-specific-app: regular;
    --inset-space-resp-md: var(--density-md-space-resp-md);
    --inset-space-resp-lg: var(--density-md-space-resp-lg);
    --inset-space-resp-2-xl: var(--density-md-space-resp-2-xl);
    --inset-space-resp-sm: var(--density-md-space-resp-sm);
    --inset-space-resp-xl: var(--density-md-space-resp-xl);
    --stack-space-resp-xs: var(--space-6, 6px);
    --stack-space-resp-lg: var(--density-md-space-resp-lg);
    --stack-space-resp-xl: var(--density-md-space-resp-xl);
    --stack-space-resp-2-xl: var(--density-md-space-resp-2-xl);
    --stack-space-resp-md: var(--density-md-space-resp-md);
    --stack-space-resp-sm: var(--density-md-space-resp-sm);
    --stack-space-resp-2-xs: var(--space-4, 4px);
    --stack-space-resp-3-xl: var(--density-md-space-resp-3-xl);
    --inline-space-resp-2-xs: var(--space-4, 4px);
    --inline-space-resp-xs: var(--space-6, 6px);
    --inline-space-resp-sm: var(--space-12, 12px);
    --inline-space-resp-md: var(--space-16, 16px);
    --inline-space-resp-lg: var(--space-24, 24px);
    --inline-space-resp-xl: var(--space-32, 32px);
    --inline-space-resp-2-xl: var(--space-48, 48px);
    --inline-space-resp-3-xl: var(--space-72, 72px);
    --breakpoint-name: md;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --grid-space-resp-base: var(--space-16, 16px);
    --page-inset-space: var(--space-16, 16px);
    --layout-guide-grid-columns: 12;
    --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;
    --title-1-font-size: var(--font-size-28, 28px);
    --title-2-font-size: var(--font-size-20, 20px);
    --display-1-font-size: 120px;
    --display-2-font-size: 64px;
    --display-3-font-size: 40px;
    --headline-1-font-size: 100px;
    --headline-2-font-size: 64px;
    --headline-3-font-size: 40px;
    --headline-4-font-size: 32px;
    --footnote-1-font-size: var(--font-size-18, 18px);
    --footnote-2-font-size: var(--font-size-16, 16px);
    --kicker-1-font-size: 30px;
    --kicker-2-font-size: 24px;
    --kicker-3-font-size: var(--font-size-20, 20px);
    --subheadline-1-font-size: 36px;
    --quote-font-size: var(--font-size-20, 20px);
    --body-line-height: 1.52;
    --kicker-4-line-height: 1;
    --quote-line-height: 1.1;
    --footnote-1-line-height: 1.28;
    --footnote-2-line-height: 1.31;
    --headline-4-line-height: 0.94;
    --letter-spacing-positive-lg: var(--letter-spacing-3, 3px);
    --letter-spacing-negative-lg: var(--letter-spacing-neg-3, -3px);
    --display-1-letter-spacing: var(--letter-spacing-neg-2, -2px);
    --size-resp-3-xs: var(--size-24, 24px);
    --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;
    --bp-specific-web: lg;
    --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);
    --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);
    --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);
    --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);
}
: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);
}
: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']) {
  --alert-shadow-down: 0 6px 10px 0 var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
  --alert-shadow-up: 0 -2px 10px 0 var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --aricle-mobile-1-col-grid-image-margin-space: var(--space-0, 0);
  --article-top-margin-space: var(--inset-space-resp-sm);
  --article-content-stack-space: var(--stack-space-resp-lg);
  --article-headings-stack-space: var(--space-12, 12px);
  --article-image-landscape-inset-inline-space: var(--space-0, 0);
  --article-content-inset-inline-space: var(--space-16, 16px);
  --article-headings-inset-inline-space: var(--space-16, 16px);
  --article-image-portait-inset-inline-space: var(--space-0, 0);
  --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-2-font-size);
  --article-image-caption-font-size: 16px;
  --article-image-source-font-size: 16px;
  --article-meta-font-size: 12px;
  --article-image-caption-line-height: 1.22;
  --article-image-source-line-height: 1.31;
  --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);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --aricle-mobile-1-col-grid-image-margin-space: var(--space-72, 72px);
    --article-image-landscape-inset-inline-space: var(--space-12, 12px);
    --article-content-inset-inline-space: var(--space-72, 72px);
    --article-headings-inset-inline-space: var(--space-72, 72px);
    --article-image-portait-inset-inline-space: var(--space-72, 72px);
    --article-headline-font-size: var(--headline-1-font-size);
    --article-image-caption-font-size: 18px;
    --article-meta-font-size: 14px;
    --article-image-caption-line-height: 1.38;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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-source-font-size: 18px;
    --article-meta-font-size: 16px;
    --article-image-source-line-height: 1.28;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --audio-player-font-size: var(--font-size-16, 16px);
  --audio-player-line-height: 1.31;
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --audio-player-font-size: var(--font-size-18, 18px);
    --audio-player-line-height: 1.28;
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --avatar-label-color: var(--text-color-primary);
  --avatar-label-color-hover: var(--text-color-hover);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --avatar-label-font-size: 16px;
  --avatar-article-size: var(--size-const-md);
  --avatar-author-page-size: var(--size-96, 96px);
  --avatar-font-family: var(--body-font-family);
  --avatar-label-line-height: 1.31;
  --avatar-lane-inline-space: var(--space-16, 16px);
  --app-avatar-font-family: var(--title-font-family);
  --avatar-item-inline-space: var(--inline-space-const-sm);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --avatar-author-page-size: var(--size-130, 130px);
    --avatar-lane-inline-space: var(--space-24, 24px);
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --avatar-label-font-size: 18px;
    --avatar-label-line-height: 1.28;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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']) {
  --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']) {
  --breadcrumb-font-size: 15px;
  --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: var(--grid-space-resp-base);
  --breadcrumb-line-height: 1;
  --breadcrumb-font-weight: var(--body-font-weight-bold);
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --breadcrumb-font-size: 12px;
    --breadcrumb-inset-inline-space: 0;
  }
}
[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);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  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);
}
@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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --breaking-news-container-height-size: var(--size-const-lg);
  --breaking-news-badge-upper-title-font-size: 13px;
  --breaking-news-badge-lower-title-font-size: 23px;
  --breaking-news-badge-upper-title-line-height: 1;
  --breaking-news-badge-lower-title-line-height: 0.91;
  --breaking-news-badge-titels-stack-space: var(--space-0, 0);
  --breaking-news-scrolling-text-font-size: var(--font-size-21, 21px);
  --breaking-news-scrolling-text-line-height: var(--line-height-24, 1.14);
  --breaking-news-badge-inset-inline-space: var(--size-6, 6px);
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --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-badge-inset-inline-space: var(--size-12, 12px);
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --breaking-news-badge-inset-inline-space: var(--size-26, 26px);
  }
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --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);
}
: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);
}
: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']) {
  --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: 16px;
  --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(--border-radius-md);
  --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);
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --multi-textlink-button-label-font-size: 18px;
  }
}
[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']) {
  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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --card-surface-bg-color: var(--bg-color-secondary);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --search-result-card-image-width-size: 216px;
  --search-result-card-image-height-size-stacked: 189px;
  --newsticker-image-card-width-size: 206px;
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --search-result-card-image-width-size: 260px;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --gallery-teaser-title-bottom-space: var(--space-28, 28px);
  --gallery-teaser-app-inline-space: var(--space-0, 0);
  --app-epaper-carousel-item-focus-width: 182px;
  --app-epaper-carousel-item-default-width: 144px;
  --app-epaper-carouse-beilage-item-width: 110px;
  --standard-teaser-gallery-teaser-width-web: 145px;
  --standard-teaser-gallery-teaser-width-app: 280px;
}
@media (min-width: 600px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --gallery-teaser-title-bottom-space: var(--space-36, 36px);
    --gallery-teaser-app-inline-space: var(--inline-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: 260px;
  }
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --gallery-teaser-app-inline-space: var(--stack-space-const-sm);
    --standard-teaser-gallery-teaser-width-web: 300px;
    --standard-teaser-gallery-teaser-width-app: 464px;
  }
}
[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']) {
  color-scheme: light;
  --chip-label-color-hover: var(--text-color-primary-on-dark);
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --chip-label-color-hover: var(--text-color-primary-on-light);
}
[data-color-brand='bild'],
:host([data-color-brand='bild']) {
  --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']) {
  --chip-font-size: 16px;
  --chip-inset-inline-space: var(--inset-space-const-md);
  --chip-inset-block-space: var(--inset-space-const-sm);
}
@media (min-width: 1024px) {
  [data-content-brand='bild'],
  :host([data-content-brand='bild']) {
    --chip-font-size: 18px;
  }
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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']) {
  --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']) {
  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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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']) {
  --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);
}
[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']) {
  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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  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']) {
  --focus-ring-border-width: var(--border-width-thick);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --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);
}
[data-color-brand='bild'][data-theme='light'],
:host([data-color-brand='bild'][data-theme='light']) {
  color-scheme: light;
  --app-image-lightbox-gallery-bg-color: var(--color-neutral-0, #000000);
}
@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);
  }
}
:host([data-color-brand='bild'][data-theme='dark']) {
  color-scheme: dark;
  --app-image-lightbox-gallery-bg-color: var(--color-neutral-0, #000000);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --icon-size-embedd-media: 40px;
}
[data-density='default'],
:host([data-density='default']) {
  --density-icon-button-size: var(--size-48, 48px);
}
:host([data-density='dense']) {
  --density-icon-button-size: var(--size-40, 40px);
}
:host([data-density='spacious']) {
  --density-icon-button-size: var(--size-56, 56px);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --icon-button-size: var(--density-icon-button-size);
  --icon-button-border-radius: var(--border-radius-md);
}
[data-content-brand='bild'],
:host([data-content-brand='bild']) {
  --info-element-teaser-badge-height-size: var(--size-16, 16px);
  --info-element-teaser-image-height-size: var(--size-80, 80px);
  --info-element-teaser-image-width-size: var(--size-80, 80px);
  --info-element-teaser-badge-top-margin-space: var(--space-4, 4px);
}