npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.35 → 1.0.37 - Mend

@marioschmidt/design-system-tokens 1.0.35 → 1.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6996) hide show

package/dist/bundles/quick-start/bild-all.css ADDED Viewed

@@ -0,0 +1,4486 @@
+/**
+ * ============================================================================
+ * Bild Design System - Complete Bundle - All semantic tokens + all component tokens
+ * ============================================================================
+ *
+ * Brand: Bild
+ * Version: 1.0.37
+ * Generated: 2025-11-26
+ *
+ * Theme Switching: Use data-brand, data-theme, data-breakpoint, data-density
+ *
+ * Usage:
+ *   <html data-brand="bild" data-theme="light" data-breakpoint="lg">
+ *
+ * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ * ============================================================================
+ */
+/* === SHARED PRIMITIVES === */
+:root {
+  --display1-font-size-xs: 40px;
+  --display1-font-size-sm: 40px;
+  --display1-font-size-md: 72px;
+  --display1-font-size-lg: 120px;
+  --display2-font-size-xs: 36px;
+  --display2-font-size-sm: 36px;
+  --display2-font-size-md: 42px;
+  --display2-font-size-lg: 64px;
+  --display3-font-size-sm: 28px;
+  --display3-font-size-md: 32px;
+  --display3-font-size-lg: 40px;
+  --display3-font-size-xs: 28px;
+  --headline1-font-size-xs: 48px;
+  --headline1-font-size-sm: 48px;
+  --headline1-font-size-md: 72px;
+  --headline1-font-size-lg: 100px;
+  --headline2-font-size-xs: 40px;
+  --headline2-font-size-sm: 40px;
+  --headline2-font-size-md: 48px;
+  --headline2-font-size-lg: 64px;
+  --headline3-font-size-xs: 28px;
+  --headline3-font-size-sm: 28px;
+  --headline3-font-size-md: 36px;
+  --headline3-font-size-lg: 40px;
+  --headline4-font-size-xs: 22px;
+  --headline4-font-size-sm: 22px;
+  --headline4-font-size-md: 26px;
+  --headline4-font-size-lg: 32px;
+  --headline-text-align: center;
+  --kicker1-font-size-xs: 18px;
+  --kicker1-font-size-sm: 18px;
+  --kicker1-font-size-md: 22px;
+  --kicker1-font-size-lg: 30px;
+  --kicker2-font-size-xs: 18px;
+  --kicker2-font-size-sm: 18px;
+  --kicker2-font-size-md: 22px;
+  --kicker2-font-size-lg: 24px;
+  --kicker3-font-size-xs: 16px;
+  --kicker3-font-size-sm: 16px;
+  --kicker3-font-size-md: 18px;
+  --kicker3-font-size-lg: 20px;
+  --kicker4-font-size-xs: 14px;
+  --kicker4-font-size-sm: 14px;
+  --kicker4-font-size-md: 16px;
+  --kicker4-font-size-lg: 16px;
+  --subheadline1-font-size-xs: 24px;
+  --subheadline1-font-size-sm: 24px;
+  --subheadline1-font-size-md: 32px;
+  --subheadline1-font-size-lg: 36px;
+  --title1-font-size-xs: 22px;
+  --title1-font-size-sm: 22px;
+  --title1-font-size-md: 22px;
+  --title1-font-size-lg: 28px;
+  --title2-font-size-xs: 16px;
+  --title2-font-size-sm: 16px;
+  --title2-font-size-md: 18px;
+  --title2-font-size-lg: 20px;
+  --callout1-font-size-xs: 18px;
+  --callout1-font-size-sm: 18px;
+  --callout1-font-size-md: 22px;
+  --callout1-font-size-lg: 22px;
+  --body-font-size-xs: 21px;
+  --body-font-size-sm: 21px;
+  --body-font-size-md: 21px;
+  --body-font-size-lg: 21px;
+  --footnote1-font-size-xs: 16px;
+  --footnote1-font-size-sm: 16px;
+  --footnote1-font-size-md: 16px;
+  --footnote1-font-size-lg: 18px;
+  --footnote2-font-size-xs: 12px;
+  --footnote2-font-size-sm: 12px;
+  --footnote2-font-size-md: 12px;
+  --footnote2-font-size-lg: 16px;
+  --quote-font-size-xs: 16px;
+  --quote-font-size-sm: 16px;
+  --quote-font-size-md: 18px;
+  --quote-font-size-lg: 20px;
+  --label1-font-size: 17px;
+  --label2-font-size: 15px;
+  --label3-font-size: 12px;
+  --label4-font-size: 8px;
+  --label1-resp-font-size-xs: 10px;
+  --label1-resp-font-size-sm: 10px;
+  --label1-resp-font-size-md: 15px;
+  --label1-resp-font-size-lg: 17px;
+  --display1-line-height-xs: 40px;
+  --display1-line-height-sm: 40px;
+  --display1-line-height-md: 72px;
+  --display1-line-height-lg: 120px;
+  --display2-line-height-xs: 36px;
+  --display2-line-height-sm: 36px;
+  --display2-line-height-md: 42px;
+  --display2-line-height-lg: 64px;
+  --display3-line-height-lg: 40px;
+  --display3-line-height-md: 32px;
+  --display3-line-height-sm: 28px;
+  --display3-line-height-xs: 28px;
+  --headline1-line-height-xs: 48px;
+  --headline1-line-height-sm: 48px;
+  --headline1-line-height-md: 72px;
+  --headline1-line-height-lg: 100px;
+  --headline2-line-height-xs: 40px;
+  --headline2-line-height-sm: 40px;
+  --headline2-line-height-md: 48px;
+  --headline2-line-height-lg: 64px;
+  --headline3-line-height-xs: 28px;
+  --headline3-line-height-sm: 28px;
+  --headline3-line-height-md: 36px;
+  --headline3-line-height-lg: 40px;
+  --headline4-line-height-xs: 22px;
+  --headline4-line-height-sm: 22px;
+  --headline4-line-height-md: 22px;
+  --headline4-line-height-lg: 30px;
+  --subheadline1-line-height-xs: 24px;
+  --subheadline1-line-height-sm: 24px;
+  --subheadline1-line-height-md: 32px;
+  --subheadline1-line-height-lg: 36px;
+  --kicker1-line-height-xs: 19.799999237060547px;
+  --kicker1-line-height-sm: 19.799999237060547px;
+  --kicker1-line-height-md: 22px;
+  --kicker1-line-height-lg: 30px;
+  --kicker2-line-height-xs: 19.799999237060547px;
+  --kicker2-line-height-sm: 19.799999237060547px;
+  --kicker2-line-height-md: 22px;
+  --kicker2-line-height-lg: 24px;
+  --kicker3-line-height-xs: 17.600000381469727px;
+  --kicker3-line-height-sm: 17.600000381469727px;
+  --kicker3-line-height-md: 18px;
+  --kicker3-line-height-lg: 20px;
+  --kicker4-line-height-xs: 15.399999618530273px;
+  --kicker4-line-height-sm: 15.399999618530273px;
+  --kicker4-line-height-md: 17.600000381469727px;
+  --kicker4-line-height-lg: 16px;
+  --title1-line-height-xs: 22px;
+  --title1-line-height-sm: 22px;
+  --title1-line-height-md: 22px;
+  --title1-line-height-lg: 28px;
+  --title2-line-height-xs: 17.600000381469727px;
+  --title2-line-height-sm: 17.600000381469727px;
+  --title2-line-height-md: 19.799999237060547px;
+  --title2-line-height-lg: 22px;
+  --callout1-line-height-xs: 18px;
+  --callout1-line-height-sm: 18px;
+  --callout1-line-height-md: 22px;
+  --callout1-line-height-lg: 22px;
+  --body-line-height-xs: 28px;
+  --body-line-height-sm: 28px;
+  --body-line-height-md: 28px;
+  --body-line-height-lg: 32px;
+  --footnote1-line-height-xs: 21px;
+  --footnote1-line-height-sm: 21px;
+  --footnote1-line-height-md: 21px;
+  --footnote1-line-height-lg: 23px;
+  --footnote2-line-height-xs: 15.600000381469727px;
+  --footnote2-line-height-sm: 15.600000381469727px;
+  --footnote2-line-height-md: 15.800000190734863px;
+  --footnote2-line-height-lg: 21px;
+  --label1-line-height: 17px;
+  --label1-resp-line-height-xs: 10px;
+  --label1-resp-line-height-sm: 10px;
+  --label1-resp-line-height-md: 15px;
+  --label1-resp-line-height-lg: 17px;
+  --label2-line-height: 16px;
+  --label3-line-height: 14.399999618530273px;
+  --label4-line-height: 10px;
+  --quote-line-height-xs: 16px;
+  --quote-line-height-sm: 16px;
+  --quote-line-height-md: 18px;
+  --quote-line-height-lg: 22px;
+  --body-font-weight-book: 400;
+  --body-font-weight-bold: 700;
+  --footnote-font-weight-book: 400;
+  --footnote-font-weight-bold: 700;
+  --label-font-weight-book: 400;
+  --label-font-weight-bold: 700;
+  --quote-font-weight: 800;
+  --display-font-weight: 800;
+  --headline1-font-weight-st: 700;
+  --headline1-font-weight: 700;
+  --headline2-font-weight: 700;
+  --headline3-font-weight: 700;
+  --headline4-font-weight: 600;
+  --headline2-font-weight-st: 700;
+  --headline3-font-weight-st: 700;
+  --headline4-font-weight-st: 600;
+  --subheadline-font-weight: 700;
+  --kicker-font-weight: 700;
+  --kicker-font-weight-st: 700;
+  --callout-font-weight: 800;
+  --title-font-weight: 800;
+  --kicker-font-family: Gotham XNarrow;
+  --display-font-family: Gotham;
+  --headline-font-family: Gotham Condensed;
+  --subheadline-font-family: Gotham Condensed;
+  --body-font-family: Gotham XNarrow;
+  --footnote-font-family: Gotham XNarrow;
+  --label-font-family: Gotham XNarrow;
+  --quote-font-family: Gotham;
+  --title-font-family: Gotham;
+  --callout-font-family: Gotham;
+  --hide-on-bild: false;
+  --hide-on-sport-bild: true;
+  --only-advertorial: false;
+  --hide-on-advertorial: true;
+  --only-bild: true;
+  --only-sport-bild: false;
+  --article-image-caption-font-size-xs: 16px;
+  --article-image-caption-font-size-md: 18px;
+  --article-image-caption-font-size-lg: 18px;
+  --article-image-caption-font-size-sm: 16px;
+  --article-image-source-font-size-xs: 16px;
+  --article-image-source-font-size-sm: 16px;
+  --article-image-source-font-size-md: 16px;
+  --article-image-source-font-size-lg: 18px;
+  --article-image-caption-line-height-xs: 19.5px;
+  --article-image-caption-line-height-md: 24.75px;
+  --article-image-caption-line-height-lg: 24.75px;
+  --article-image-caption-line-height-sm: 19.5px;
+  --article-image-source-line-height-md: 21px;
+  --article-image-source-line-height-lg: 23px;
+  --article-image-source-line-height-xs: 21px;
+  --article-image-source-line-height-sm: 21px;
+  --breadcrumb-font-size-xs: 15px;
+  --breadcrumb-font-size-sm: 15px;
+  --breadcrumb-font-size-md: 15px;
+  --breadcrumb-font-size-lg: 12px;
+  --breadcrumb-line-height-xs: 15px;
+  --breadcrumb-line-height-sm: 15px;
+  --breadcrumb-line-height-md: 15px;
+  --breadcrumb-line-height-lg: 12px;
+  --breadcrumb-font-family: Gotham XNarrow;
+  --breadcrumb-font-weight: 700;
+  --menu-item-font-size: 15px;
+  --app-top-bar-title-font-size-md: 14px;
+  --app-top-bar-title-font-size-lg: 14px;
+  --app-top-bar-title-font-size-xs: 12px;
+  --app-top-bar-title-font-size-sm: 12px;
+  --app-top-bar-title-line-height-md: 17px;
+  --app-top-bar-title-line-height-lg: 17px;
+  --app-top-bar-title-line-height-xs: 14px;
+  --app-top-bar-title-line-height-sm: 14px;
+  --menu-item-font-weight: 700;
+  --teaser-title-inline-space-lg: 12px;
+  --teaser-title-inline-space-md: 12px;
+  --teaser-title-inline-space-sm: 8px;
+  --teaser-title-inline-space-xs: 8px;
+  --q-teaser-title-inline-space-lg: 12px;
+  --q-teaser-title-inline-space-md: 16px;
+  --q-teaser-title-inline-space-sm: 8px;
+  --q-teaser-title-inline-space-xs: 8px;
+  --a-teaser-title-inline-space-lg: 12px;
+  --a-teaser-title-inline-space-md: 12px;
+  --a-teaser-title-inline-space-xs: 8px;
+  --a-teaser-title-inline-space-sm: 8px;
+  --b-teaser-title-inline-space: 8px;
+  --2xa-teaser-title-inline-space: 8px;
+  --mini-qteaser-title-inline-space-md: 8px;
+  --mini-qteaser-title-inline-space-lg: 8px;
+  --mini-qteaser-title-inline-space-sm: 8px;
+  --mini-qteaser-title-inline-space-xs: 8px;
+  --super-ateaser-title-inline-space: 16px;
+  --avatar-font-family: Gotham XNarrow;
+  --avatar-font-size-sm: 16px;
+  --avatar-font-size-lg: 18px;
+  --breaking-news-content-font-size: 21px;
+  --accordion-label-font-family: Gotham XNarrow;
+  --footer-link-font-family: Gotham XNarrow;
+  --video-time-badge-font-family: Gotham XNarrow;
+  --input-field-label-font-family: Gotham XNarrow;
+  --button-label-font-weight-st: 600;
+  --brand-name: BILD;
+  --core-color-primary: #DD0000;
+  --core-color-secondary: #FFFFFF;
+  --core-color-secondary-dark: #232629;
+  --core-color-tertiary: #232629;
+  --core-color-tertiary-dark: #FFFFFF;
+  --accent-color-primary: #DD0000;
+  --accent-color-primary-dark: #FFFFFF;
+  --surface-color-primary: #FFFFFF;
+  --surface-color-primary-dark: #232629;
+  --surface-color-secondary: #F2F4F5;
+  --surface-color-secondary-dark: #2C3138;
+  --surface-color-tertiary: #E9ECEF;
+  --surface-color-tertiary-dark: #343C41;
+  --surface-color-quartenary: #CED4DA;
+  --surface-color-quartenary-dark: #4B525A;
+  --color-primary-active: #DD0000;
+  --color-primary-active-dark: #DD0000;
+  --text-color-primary: #232629;
+  --text-color-primary-dark: #E9ECEF;
+  --headline-color-primary: #232629;
+  --headline-color-primary-dark: #FFFFFF;
+  --kicker-text-color-on-bg: #FFFFFF;
+  --kicker-text-color-on-surface: #DD0000;
+  --kicker-text-color-on-surface-dark: #8C9196;
+  --text-color-secondary: #8C9196;
+  --text-color-secondary-dark: #8C9196;
+  --kicker-bg-color-on-surface: #DD0000;
+  --kicker-bg-color-on-surface-dark: #8C9196;
+  --primary-neutral-button-primary-bg-color-idle: #232629;
+  --primary-neutral-button-primary-bg-color-hover: #4B525A;
+  --primary-neutral-button-primary-bg-color-idle-dark: #FFFFFF;
+  --primary-neutral-button-primary-bg-color-hover-dark: #E9ECEF;
+  --primary-brand-button-primary-bg-color-idle: #DD0000;
+  --primary-brand-button-primary-bg-color-idle-dark: #DD0000;
+  --primary-brand-button-primary-bg-color-hover: #AF0002;
+  --primary-brand-button-primary-bg-color-hover-dark: #AF0002;
+  --breaking-news-text-content-color: #FFFFFF;
+  --breaking-news-surface-color: #232629;
+  --breaking-news-title-surface-color: #FD8227;
+  --breaking-news-top-title-text-color: #1C1C1C;
+  --breaking-news-surface-color-dark: #E9ECEF;
+  --breaking-news-text-content-color-dark: #232629;
+  --breaking-news-bottom-title-text-color: #1C1C1C;
+  --teaser-title-background-gradient-start: rgba(0, 0, 0, 0.699999988079071);
+  --teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
+  --menu-link-lane-surface-color: #FFFFFF;
+  --menu-link-lane-label-color: #4B525A;
+  --menu-link-lane-label-color-dark: #8C9196;
+  --menu-link-lane-surface-color-dark: #232629;
+  --menu-link-color-border-active: #DD0000;
+  --menu-link-color-border-active-dark: #FFFFFF;
+  --menu-link-lane-label-color-active: #232629;
+  --app-top-bar-surface-color: #FFFFFF;
+  --app-top-bar-bg-color-dark: #343C41;
+  --app-bottom-tab-bar-bg-color: #FFFFFF;
+  --app-bottom-tab-bar-bg-dark: #343C41;
+  --app-top-bar-icon-color: #4B525A;
+  --app-top-bar-icon-color-dark: #8C9196;
+  --app-top-bar-text-color: #232629;
+  --app-top-bar-text-color-dark: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border-dark: #4B525A;
+  --app-tob-bar-tab-nav-bottom-border-active: #DD0000;
+  --app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
+  --avatar-label-color: #232629;
+  --avatar-label-color-dark: #FFFFFF;
+  --avatar-label-color-hover: #DD0000;
+  --chip-color-active: #DD0000;
+}
+/* === COLOR TOKENS (LIGHT MODE) === */
+[data-brand="bild"][data-theme="light"] {
+  --text-color-accent-constant: #DD0000;
+  --text-color-primary: #232629;
+  --text-color-muted: #666B70;
+  --text-color-primary-inverse: #E9ECEF;
+  --text-color-primary-constant: #232629;
+  --text-color-success-constant: #006E3E;
+  --text-color-primary-inverse-constant: #E9ECEF;
+  --text-color-secondary: #8C9196;
+  --text-color-attention-high: #DD0000;
+  --text-color-accent: #DD0000;
+  --text-color-attention-medium: #FD8227;
+  --text-color-on-dark-surface: #FFFFFF;
+  --surface-color-primary: #FFFFFF;
+  --surface-color-secondary: #F2F4F5;
+  --surface-color-primary-inverse: #232629;
+  --surface-color-primary-constant-light: #FFFFFF;
+  --surface-color-primary-constant-dark: #232629;
+  --surface-color-quartenary: #CED4DA;
+  --surface-color-success: #CEF4E4;
+  --surface-color-tertiary: #E9ECEF;
+  --surface-color-tertiary-gradient-stop: rgba(233, 236, 239, 0);
+  --surface-color-tertiary-inverse: #343C41;
+  --surface-color-primary-gradient-stop: rgba(255, 255, 255, 0);
+  --surface-color-secondary-gradient-stop: rgba(242, 244, 245, 0);
+  --surface-color-quartenary-inverse: #4B525A;
+  --kicker-text-color-on-surface: #DD0000;
+  --headline-color-primary: #232629;
+  --headline-color-white-const: #FFFFFF;
+  --kicker-text-color-on-red: #FFFFFF;
+  --kicker-text-color-on-dark-bg: rgba(255, 255, 255, 0.800000011920929);
+  --kicker-text-color-on-bright-bg: rgba(0, 0, 0, 0.699999988079071);
+  --color-secondary-active: #232629;
+  --color-primary-active: #DD0000;
+  --color-secondary-disabled: #E9ECEF;
+  --color-primary-disabled: #F2F4F5;
+  --color-secondary-active-inverse: #F2F4F5;
+  --color-tertiary-active: #00C373;
+  --color-tertiary-disabled: #8C9196;
+  --border-color-medium-contrast: #CED4DA;
+  --border-color-low-contrast: #E9ECEF;
+  --border-color-high-contrast: #232629;
+  --border-color-low-contrast-constant: #E9ECEF;
+  --border-color-success: #00C373;
+  --border-color-warning: #DD0000;
+  --border-color-primary-disabled: #F2F4F5;
+  --border-color-secondary-disabled: #E9ECEF;
+  --core-color-primary: #DD0000;
+  --core-color-secondary: #FFFFFF;
+  --core-color-tertiary: #232629;
+  --core-color-secondary-constant: #FFFFFF;
+  --core-color-tertiary-constant: #232629;
+  --pipe-test-renaming: #476D93;
+  --icon-color-primary: #4B525A;
+  --icon-color-inverse: #CED4DA;
+  --icon-color-secondary-constant: #8C9196;
+  --icon-color-constant-on-dark: #F2F4F5;
+  --icon-color-primary-constant: #4B525A;
+  --icon-color-success: #00C373;
+  --label-color-primary: #232629;
+  --label-color-secondary: #4B525A;
+  --label-color-disabled: #CED4DA;
+  --label-color-primary-constant: #232629;
+  --label-color-primary-inverse-constant: #E9ECEF;
+  --label-color-tertiary: #8C9196;
+  --label-color-primary-inverse: #E9ECEF;
+  --attention-color-high: #DD0000;
+  --accent-color-primary: #DD0000;
+  --attention-color-medium: #FD8227;
+  --attention-color-low: #FFBF00;
+  --accent-color-primary-constant: #DD0000;
+  --attention-color-success-primary: #00C373;
+  --attention-color-extra-low: #FFFFFF;
+  --attention-color-success-secondary: #006E3E;
+  --overlay-scrim-black: rgba(0, 0, 0, 0.699999988079071);
+  --overlay-scrim-white: rgba(255, 255, 255, 0.699999988079071);
+  --layer-opacity05: 5px;
+  --layer-opacity10: 10px;
+  --layer-opacity20: 20px;
+  --layer-opacity30: 30px;
+  --layer-opacity40: 40px;
+  --layer-opacity50: 50px;
+  --layer-opacity60: 60px;
+  --layer-opacity70: 70px;
+  --layer-opacity80: 80px;
+  --layer-opacity90: 90px;
+  --layer-opacity100: 100px;
+  --layer-opacity00: 0px;
+  --chip-color-active: #DD0000;
+  --dsys-docs-label-text-surface-color-primary-primitive-name: BILD100;
+  --dsys-docs-label-text-color-mode: (Light Mode);
+  --ds-doc-spacing-item-bg-color: rgba(221, 0, 0, 0.10000000149011612);
+  --ds-doc-spacing-item-border-color: rgba(221, 0, 0, 0.5);
+  --text-link-color-secondary: #8C9196;
+  --text-link-color-secondary-active: #232629;
+  --text-link-color-primary: #232629;
+  --teaser-hover-opacity: 80px;
+  --teaser-title-background-gradient-start: rgba(0, 0, 0, 0.699999988079071);
+  --teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
+  --teaser-teaser-title-background-gradient-start: rgba(0, 0, 0, 0.699999988079071);
+  --teaser-teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
+  --tab-bg-color-hover: #E9ECEF;
+  --tab-label-color-active: #343C41;
+  --tab-label-color-default: #4B525A;
+  --app-bottom-tab-bar-bg-color: #FFFFFF;
+  --subheaders-color: #232629;
+  --social-share-button-label-color-default: #FFFFFF;
+  --social-share-button-label-color-active: #FFFFFF;
+  --social-share-button-bg-color-active: #343C41;
+  --social-share-button-bg-color-default: #4B525A;
+  --slider-button-opacity: 90px;
+  --slider-track-bg-color: rgba(255, 255, 255, 0.3499999940395355);
+  --selection-border-color: #4B525A;
+  --partner-links-border-color-idle: #CED4DA;
+  --partner-links-border-color-active: #232629;
+  --partner-links-bg-color-idle: #FFFFFF;
+  --partner-links-bg-color-active: #E9ECEF;
+  --partner-links-container-border-color: #CED4DA;
+  --pagination-element-color-default: #CED4DA;
+  --pagination-element-color-active: #DD0000;
+  --gallery-pagination-element-active-opacity: 100px;
+  --scroll-bar-track-bg-color: rgba(0, 0, 0, 0.10000000149011612);
+  --scroll-bar-thumb-bg-color: #8C9196;
+  --news-ticker-timestamp-color: #8C9196;
+  --news-ticker-badge-icons-color: #8C9196;
+  --menu-item-border-color-active: #DD0000;
+  --menu-item-label-color-primary: #4B525A;
+  --menu-item-label-color-primary-active: #232629;
+  --menu-item-label-color-secondary: #FFFFFF;
+  --menu-surface-color: #FFFFFF;
+  --menu-scrolled-surface-gradient-color: rgba(255, 255, 255, 0.949999988079071);
+  --menu-link-lane-surface-color: #FFFFFF;
+  --menu-link-lane-label-color: #4B525A;
+  --menu-link-lane-label-color-active: #232629;
+  --app-top-bar-surface-color: #FFFFFF;
+  --app-top-bar-icon-color: #4B525A;
+  --app-top-bar-text-color-primary: #232629;
+  --app-tob-bar-tab-nav-bottom-border: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border-active: #DD0000;
+  --menu-menu-link-lane-surface-color: #FFFFFF;
+  --menu-menu-link-lane-label-color: #4B525A;
+  --menu-link-lane-label-color-dark: #8C9196;
+  --menu-link-lane-surface-color-dark: #232629;
+  --menu-link-color-border-active: #DD0000;
+  --menu-link-color-border-active-dark: #FFFFFF;
+  --menu-menu-link-lane-label-color-active: #232629;
+  --menu-app-top-bar-surface-color: #FFFFFF;
+  --app-top-bar-bg-color-dark: #343C41;
+  --app-bottom-tab-bar-bg-color: #FFFFFF;
+  --app-bottom-tab-bar-bg-dark: #343C41;
+  --menu-app-top-bar-icon-color: #4B525A;
+  --app-top-bar-icon-color-dark: #8C9196;
+  --app-top-bar-text-color: #232629;
+  --app-top-bar-text-color-dark: #E9ECEF;
+  --menu-app-tob-bar-tab-nav-bottom-border: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border-dark: #4B525A;
+  --menu-app-tob-bar-tab-nav-bottom-border-active: #DD0000;
+  --app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
+  --vid-player-controls-autoplay-button-bg-color: rgba(0, 0, 0, 0.20000000298023224);
+  --vid-player-control-buttons-bg-hover-color: rgba(221, 0, 0, 0.800000011920929);
+  --vid-player-control-buttons-bg-color-hover: rgba(0, 0, 0, 0.20000000298023224);
+  --vid-player-overlay-scrim-color: rgba(0, 0, 0, 0.5);
+  --audio-player-play-button-bg-color: rgba(255, 255, 255, 0.30000001192092896);
+  --vid-player-tooltip-bg-color: rgba(0, 0, 0, 0.699999988079071);
+  --vid-player-control-buttons-bg-color-pressed: rgba(0, 0, 0, 0.05000000074505806);
+  --vid-player-progress-bar-preload-bg-color: rgba(255, 255, 255, 0.30000001192092896);
+  --vid-player-unmute-button-bg-color: rgba(0, 0, 0, 0.20000000298023224);
+  --vid-player-unmute-button-bg-color-hover: rgba(0, 0, 0, 0.3499999940395355);
+  --kicker-bg-color-on-surface: #DD0000;
+  --kicker-fitbook-bg-color: #FF97B7;
+  --kicker-petbook-bg-color: #B9DB91;
+  --kicker-myhomebook-bg-color: #66CCCC;
+  --kicker-travelbook-bg-color: #8EF0ED;
+  --kicker-techbook-bg-color: #93E4FF;
+  --kicker-kaufberater-bg-color: #55476E;
+  --kicker-cobi-bg-color: #DC231C;
+  --kicker-aubi-bg-color: #F00000;
+  --kicker-spobi-bg-color: #174482;
+  --kicker-bz-bg-color: #E3001B;
+  --input-field-border-color-idle: #CED4DA;
+  --input-field-border-color-active: #4B525A;
+  --input-field-border-color-dark: #8C9196;
+  --input-field-border-color-dark-active: #232629;
+  --input-field-bg-color-dark-low-contrast: #343C41;
+  --input-field-bg-color-dark-medium-contrast: #4B525A;
+  --input-field-bg-color-dark-high-contrast: #E9ECEF;
+  --hey-fav-input-field-surface-color: #E9ECEF;
+  --hey-text-color: #4B525A;
+  --hey-icon-util-color: #4B525A;
+  --hey-separator-color: #CED4DA;
+  --hey-drawer-surface-color: #F2F4F5;
+  --app-image-lightbox-gallery-bg-color: #000000;
+  --foldout-label-color-active: #DD0000;
+  --foldout-label-color-idle: #4B525A;
+  --empties-bg-color: #F2F4F5;
+  --empties-logo-color: #CED4DA;
+  --dropdown-bg-color-hover: #F2F4F5;
+  --dropdown-bg-color-idle: #FFFFFF;
+  --chips-bg-color-hover: #AF0002;
+  --chips-label-color-hover: #FFFFFF;
+  --chips-bg-color-active: #DD0000;
+  --chips-bg-color-idle: #E9ECEF;
+  --chips-label-color-idle: #232629;
+  --card-surface-bg-color: #FFFFFF;
+  --button-primary-brand-bg-color-idle: #DD0000;
+  --button-primary-brand-bg-color-hover: #AF0002;
+  --button-primary-label-color: #FFFFFF;
+  --button-primary-success-color-idle: #18995C;
+  --button-primary-success-color-hover: #006E3E;
+  --button-primary-neutral-bg-color-idle: #232629;
+  --button-primary-neutral-bg-color-hover: #4B525A;
+  --button-tertiary-label-color: #4B525A;
+  --button-tertiary-border-color-idle: #CED4DA;
+  --button-tertiary-border-color-hover: #4B525A;
+  --button-tertiary-success-bg-color-hover: #CEF4E4;
+  --button-tertiary-success-border-color: #18995C;
+  --button-secondary-bg-color-hover: #CED4DA;
+  --button-secondary-label-color: #4B525A;
+  --button-secondary-bg-color-idle: #E9ECEF;
+  --button-live-ticker-load-new-surface-color: #FFFFFF;
+  --button-live-ticker-load-new-label-color: #8C9196;
+  --button-ghost-bg-color-hover: #CED4DA;
+  --primary-neutral-button-primary-bg-color-idle: #232629;
+  --primary-neutral-button-primary-bg-color-hover: #4B525A;
+  --primary-neutral-button-primary-bg-color-idle-dark: #FFFFFF;
+  --primary-neutral-button-primary-bg-color-hover-dark: #E9ECEF;
+  --primary-brand-button-primary-bg-color-idle: #DD0000;
+  --primary-brand-button-primary-bg-color-idle-dark: #DD0000;
+  --primary-brand-button-primary-bg-color-hover: #AF0002;
+  --primary-brand-button-primary-bg-color-hover-dark: #AF0002;
+  --breaking-news-title-surface-color: #FD8227;
+  --breaking-news-surface-color: #232629;
+  --breaking-news-text-content-color: #FFFFFF;
+  --breaking-news-top-title-text-color: #1C1C1C;
+  --breaking-news-bottom-title-text-color: #1C1C1C;
+  --breaking-news-breaking-news-text-content-color: #FFFFFF;
+  --breaking-news-breaking-news-surface-color: #232629;
+  --breaking-news-breaking-news-title-surface-color: #FD8227;
+  --breaking-news-breaking-news-top-title-text-color: #1C1C1C;
+  --breaking-news-surface-color-dark: #E9ECEF;
+  --breaking-news-text-content-color-dark: #232629;
+  --breaking-news-breaking-news-bottom-title-text-color: #1C1C1C;
+  --breadcrumb-text-color-idle: #4B525A;
+  --breadcrumb-text-color-hover: #232629;
+  --avatar-label-color: #232629;
+  --avatar-label-color-hover: #DD0000;
+  --avatar-avatar-label-color: #232629;
+  --avatar-label-color-dark: #FFFFFF;
+  --avatar-avatar-label-color-hover: #DD0000;
+  --alert-surface-color: #FFFFFF;
+  --alert-surface-color-constant: #FFFFFF;
+  .shadowsoftsm {
+    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.03999999910593033), 0px 2px 6px 0px rgba(0, 0, 0, 0.07999999821186066);
+  }
+  .shadowsoftmd {
+    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 4px 12px 0px rgba(0, 0, 0, 0.07000000029802322);
+  }
+  .shadowsoftlg {
+    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 8px 16px 0px rgba(0, 0, 0, 0.07000000029802322);
+  }
+  .shadowsoftxl {
+    box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05000000074505806), 0px 16px 32px 0px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .shadowhardsm {
+    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 1px 3px 1px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .shadowhardmd {
+    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10000000149011612), 0px 2px 4px 0px rgba(0, 0, 0, 0.1599999964237213);
+  }
+  .shadowhardlg {
+    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 6px 10px 4px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .shadowhardxl {
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 8px 12px 6px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .teaserheadlinesshadow {
+    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6000000238418579);
+  }
+  .menushadow {
+    box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .heyinputshadow {
+    box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0);
+  }
+  .alertshadowdown {
+    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
+  }
+  .alertshadowup {
+    box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
+  }
+}
+/* === COLOR TOKENS (DARK MODE) === */
+[data-brand="bild"][data-theme="dark"] {
+  --text-color-accent-constant: #DD0000;
+  --text-color-primary: #E9ECEF;
+  --text-color-muted: #CED4DA;
+  --text-color-primary-inverse: #232629;
+  --text-color-primary-constant: #232629;
+  --text-color-success-constant: #006E3E;
+  --text-color-primary-inverse-constant: #E9ECEF;
+  --text-color-secondary: #8C9196;
+  --text-color-attention-high: #DD0000;
+  --text-color-accent: #FFFFFF;
+  --text-color-attention-medium: #FD8227;
+  --text-color-on-dark-surface: #FFFFFF;
+  --surface-color-primary: #232629;
+  --surface-color-secondary: #2C3138;
+  --surface-color-primary-inverse: #FFFFFF;
+  --surface-color-primary-constant-light: #FFFFFF;
+  --surface-color-primary-constant-dark: #232629;
+  --surface-color-quartenary: #4B525A;
+  --surface-color-success: #CEF4E4;
+  --surface-color-tertiary: #343C41;
+  --surface-color-tertiary-gradient-stop: rgba(52, 60, 65, 0);
+  --surface-color-tertiary-inverse: #E9ECEF;
+  --surface-color-primary-gradient-stop: rgba(35, 38, 41, 0);
+  --surface-color-secondary-gradient-stop: rgba(44, 49, 56, 0);
+  --surface-color-quartenary-inverse: #CED4DA;
+  --kicker-text-color-on-surface: #8C9196;
+  --headline-color-primary: #FFFFFF;
+  --headline-color-white-const: #FFFFFF;
+  --kicker-text-color-on-red: #FFFFFF;
+  --kicker-text-color-on-dark-bg: rgba(255, 255, 255, 0.800000011920929);
+  --kicker-text-color-on-bright-bg: rgba(0, 0, 0, 0.699999988079071);
+  --color-secondary-active: #F2F4F5;
+  --color-primary-active: #DD0000;
+  --color-secondary-disabled: #4B525A;
+  --color-primary-disabled: #343C41;
+  --color-secondary-active-inverse: #232629;
+  --color-tertiary-active: #00C373;
+  --color-tertiary-disabled: #666B70;
+  --border-color-medium-contrast: #666B70;
+  --border-color-low-contrast: #4B525A;
+  --border-color-high-contrast: #FFFFFF;
+  --border-color-low-contrast-constant: #E9ECEF;
+  --border-color-success: #00C373;
+  --border-color-warning: #DD0000;
+  --border-color-primary-disabled: #343C41;
+  --border-color-secondary-disabled: #4B525A;
+  --core-color-primary: #DD0000;
+  --core-color-secondary: #232629;
+  --core-color-tertiary: #FFFFFF;
+  --core-color-secondary-constant: #FFFFFF;
+  --core-color-tertiary-constant: #232629;
+  --pipe-test-renaming: #B0D1F3;
+  --icon-color-primary: #8C9196;
+  --icon-color-inverse: #4B525A;
+  --icon-color-secondary-constant: #8C9196;
+  --icon-color-constant-on-dark: #F2F4F5;
+  --icon-color-primary-constant: #4B525A;
+  --icon-color-success: #00C373;
+  --label-color-primary: #E9ECEF;
+  --label-color-secondary: #CED4DA;
+  --label-color-disabled: #4B525A;
+  --label-color-primary-constant: #232629;
+  --label-color-primary-inverse-constant: #E9ECEF;
+  --label-color-tertiary: #8C9196;
+  --label-color-primary-inverse: #232629;
+  --attention-color-high: #DD0000;
+  --accent-color-primary: #FFFFFF;
+  --attention-color-medium: #FD8227;
+  --attention-color-low: #FFBF00;
+  --accent-color-primary-constant: #DD0000;
+  --attention-color-success-primary: #00C373;
+  --attention-color-extra-low: #343C41;
+  --attention-color-success-secondary: #006E3E;
+  --overlay-scrim-black: rgba(0, 0, 0, 0.699999988079071);
+  --overlay-scrim-white: rgba(255, 255, 255, 0.699999988079071);
+  --layer-opacity05: 5px;
+  --layer-opacity10: 10px;
+  --layer-opacity20: 20px;
+  --layer-opacity30: 30px;
+  --layer-opacity40: 40px;
+  --layer-opacity50: 50px;
+  --layer-opacity60: 60px;
+  --layer-opacity70: 70px;
+  --layer-opacity80: 80px;
+  --layer-opacity90: 90px;
+  --layer-opacity100: 100px;
+  --layer-opacity00: 0px;
+  --chip-color-active: #DD0000;
+  --dsys-docs-label-text-surface-color-primary-primitive-name: BILD010;
+  --dsys-docs-label-text-color-mode: (Dark Mode);
+  --ds-doc-spacing-item-bg-color: rgba(255, 255, 255, 0.20000000298023224);
+  --ds-doc-spacing-item-border-color: rgba(255, 255, 255, 0.800000011920929);
+  --text-link-color-secondary: #CED4DA;
+  --text-link-color-secondary-active: #E9ECEF;
+  --text-link-color-primary: #8C9196;
+  --teaser-hover-opacity: 80px;
+  --teaser-title-background-gradient-start: rgba(0, 0, 0, 0.699999988079071);
+  --teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
+  --teaser-teaser-title-background-gradient-start: rgba(0, 0, 0, 0.699999988079071);
+  --teaser-teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
+  --tab-bg-color-hover: #343C41;
+  --tab-label-color-active: #F2F4F5;
+  --tab-label-color-default: #FFFFFF;
+  --app-bottom-tab-bar-bg-color: #343C41;
+  --subheaders-color: #E9ECEF;
+  --social-share-button-label-color-default: #FFFFFF;
+  --social-share-button-label-color-active: #FFFFFF;
+  --social-share-button-bg-color-active: #343C41;
+  --social-share-button-bg-color-default: #4B525A;
+  --slider-button-opacity: 90px;
+  --slider-track-bg-color: rgba(255, 255, 255, 0.3499999940395355);
+  --selection-border-color: #8C9196;
+  --partner-links-border-color-idle: #CED4DA;
+  --partner-links-border-color-active: #E9ECEF;
+  --partner-links-bg-color-idle: #343C41;
+  --partner-links-bg-color-active: #8C9196;
+  --partner-links-container-border-color: #4B525A;
+  --pagination-element-color-default: #8C9196;
+  --pagination-element-color-active: #FFFFFF;
+  --gallery-pagination-element-active-opacity: 100px;
+  --scroll-bar-track-bg-color: rgba(255, 255, 255, 0.10000000149011612);
+  --scroll-bar-thumb-bg-color: #8C9196;
+  --news-ticker-timestamp-color: #8C9196;
+  --news-ticker-badge-icons-color: #8C9196;
+  --menu-item-border-color-active: #FFFFFF;
+  --menu-item-label-color-primary: #8C9196;
+  --menu-item-label-color-primary-active: #F2F4F5;
+  --menu-item-label-color-secondary: #FFFFFF;
+  --menu-surface-color: #232629;
+  --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.949999988079071);
+  --menu-link-lane-surface-color: #232629;
+  --menu-link-lane-label-color: #8C9196;
+  --menu-link-lane-label-color-active: #FFFFFF;
+  --app-top-bar-surface-color: #343C41;
+  --app-top-bar-icon-color: #8C9196;
+  --app-top-bar-text-color-primary: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border: #4B525A;
+  --app-tob-bar-tab-nav-bottom-border-active: #FFFFFF;
+  --menu-menu-link-lane-surface-color: #FFFFFF;
+  --menu-menu-link-lane-label-color: #4B525A;
+  --menu-link-lane-label-color-dark: #8C9196;
+  --menu-link-lane-surface-color-dark: #232629;
+  --menu-link-color-border-active: #DD0000;
+  --menu-link-color-border-active-dark: #FFFFFF;
+  --menu-menu-link-lane-label-color-active: #232629;
+  --menu-app-top-bar-surface-color: #FFFFFF;
+  --app-top-bar-bg-color-dark: #343C41;
+  --app-bottom-tab-bar-bg-color: #FFFFFF;
+  --app-bottom-tab-bar-bg-dark: #343C41;
+  --menu-app-top-bar-icon-color: #4B525A;
+  --app-top-bar-icon-color-dark: #8C9196;
+  --app-top-bar-text-color: #232629;
+  --app-top-bar-text-color-dark: #E9ECEF;
+  --menu-app-tob-bar-tab-nav-bottom-border: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border-dark: #4B525A;
+  --menu-app-tob-bar-tab-nav-bottom-border-active: #DD0000;
+  --app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
+  --vid-player-controls-autoplay-button-bg-color: rgba(0, 0, 0, 0.20000000298023224);
+  --vid-player-control-buttons-bg-hover-color: rgba(221, 0, 0, 0.800000011920929);
+  --vid-player-control-buttons-bg-color-hover: rgba(0, 0, 0, 0.20000000298023224);
+  --vid-player-overlay-scrim-color: rgba(0, 0, 0, 0.5);
+  --audio-player-play-button-bg-color: rgba(255, 255, 255, 0.30000001192092896);
+  --vid-player-tooltip-bg-color: rgba(0, 0, 0, 0.699999988079071);
+  --vid-player-control-buttons-bg-color-pressed: rgba(0, 0, 0, 0.05000000074505806);
+  --vid-player-progress-bar-preload-bg-color: rgba(255, 255, 255, 0.30000001192092896);
+  --vid-player-unmute-button-bg-color: rgba(0, 0, 0, 0.20000000298023224);
+  --vid-player-unmute-button-bg-color-hover: rgba(0, 0, 0, 0.3499999940395355);
+  --kicker-bg-color-on-surface: #8C9196;
+  --kicker-fitbook-bg-color: #FF97B7;
+  --kicker-petbook-bg-color: #B9DB91;
+  --kicker-myhomebook-bg-color: #66CCCC;
+  --kicker-travelbook-bg-color: #8EF0ED;
+  --kicker-techbook-bg-color: #93E4FF;
+  --kicker-kaufberater-bg-color: #55476E;
+  --kicker-cobi-bg-color: #DC231C;
+  --kicker-aubi-bg-color: #F00000;
+  --kicker-spobi-bg-color: #174482;
+  --kicker-bz-bg-color: #E3001B;
+  --input-field-border-color-idle: #8C9196;
+  --input-field-border-color-active: #E9ECEF;
+  --input-field-border-color-dark: #CED4DA;
+  --input-field-border-color-dark-active: #FFFFFF;
+  --input-field-bg-color-dark-low-contrast: #343C41;
+  --input-field-bg-color-dark-medium-contrast: #4B525A;
+  --input-field-bg-color-dark-high-contrast: #E9ECEF;
+  --hey-fav-input-field-surface-color: #4B525A;
+  --hey-text-color: #E9ECEF;
+  --hey-icon-util-color: #FFFFFF;
+  --hey-separator-color: #666B70;
+  --hey-drawer-surface-color: #343C41;
+  --app-image-lightbox-gallery-bg-color: #000000;
+  --foldout-label-color-active: #F2F4F5;
+  --foldout-label-color-idle: #CED4DA;
+  --empties-bg-color: #343C41;
+  --empties-logo-color: #2C3138;
+  --dropdown-bg-color-hover: #4B525A;
+  --dropdown-bg-color-idle: #343C41;
+  --chips-bg-color-hover: #CED4DA;
+  --chips-label-color-hover: #232629;
+  --chips-bg-color-active: #FFFFFF;
+  --chips-bg-color-idle: #4B525A;
+  --chips-label-color-idle: #FFFFFF;
+  --card-surface-bg-color: #2C3138;
+  --button-primary-brand-bg-color-idle: #DD0000;
+  --button-primary-brand-bg-color-hover: #AF0002;
+  --button-primary-label-color: #FFFFFF;
+  --button-primary-success-color-idle: #18995C;
+  --button-primary-success-color-hover: #006E3E;
+  --button-primary-neutral-bg-color-idle: #FFFFFF;
+  --button-primary-neutral-bg-color-hover: #E9ECEF;
+  --button-tertiary-label-color: #F2F4F5;
+  --button-tertiary-border-color-idle: #4B525A;
+  --button-tertiary-border-color-hover: #FFFFFF;
+  --button-tertiary-success-bg-color-hover: rgba(0, 155, 90, 0.5);
+  --button-tertiary-success-border-color: #18995C;
+  --button-secondary-bg-color-hover: rgba(206, 212, 218, 0.5);
+  --button-secondary-label-color: #E9ECEF;
+  --button-secondary-bg-color-idle: #4B525A;
+  --button-live-ticker-load-new-surface-color: #232629;
+  --button-live-ticker-load-new-label-color: #F2F4F5;
+  --button-ghost-bg-color-hover: rgba(206, 212, 218, 0.5);
+  --primary-neutral-button-primary-bg-color-idle: #232629;
+  --primary-neutral-button-primary-bg-color-hover: #4B525A;
+  --primary-neutral-button-primary-bg-color-idle-dark: #FFFFFF;
+  --primary-neutral-button-primary-bg-color-hover-dark: #E9ECEF;
+  --primary-brand-button-primary-bg-color-idle: #DD0000;
+  --primary-brand-button-primary-bg-color-idle-dark: #DD0000;
+  --primary-brand-button-primary-bg-color-hover: #AF0002;
+  --primary-brand-button-primary-bg-color-hover-dark: #AF0002;
+  --breaking-news-title-surface-color: #FD8227;
+  --breaking-news-surface-color: #E9ECEF;
+  --breaking-news-text-content-color: #232629;
+  --breaking-news-top-title-text-color: #1C1C1C;
+  --breaking-news-bottom-title-text-color: #1C1C1C;
+  --breaking-news-breaking-news-text-content-color: #FFFFFF;
+  --breaking-news-breaking-news-surface-color: #232629;
+  --breaking-news-breaking-news-title-surface-color: #FD8227;
+  --breaking-news-breaking-news-top-title-text-color: #1C1C1C;
+  --breaking-news-surface-color-dark: #E9ECEF;
+  --breaking-news-text-content-color-dark: #232629;
+  --breaking-news-breaking-news-bottom-title-text-color: #1C1C1C;
+  --breadcrumb-text-color-idle: #F2F4F5;
+  --breadcrumb-text-color-hover: #FFFFFF;
+  --avatar-label-color: #FFFFFF;
+  --avatar-label-color-hover: #DD0000;
+  --avatar-avatar-label-color: #232629;
+  --avatar-label-color-dark: #FFFFFF;
+  --avatar-avatar-label-color-hover: #DD0000;
+  --alert-surface-color: #343C41;
+  --alert-surface-color-constant: #FFFFFF;
+  .shadowsoftsm {
+    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.03999999910593033), 0px 2px 6px 0px rgba(0, 0, 0, 0.07999999821186066);
+  }
+  .shadowsoftmd {
+    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 4px 12px 0px rgba(0, 0, 0, 0.07000000029802322);
+  }
+  .shadowsoftlg {
+    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.029999999329447746), 0px 8px 16px 0px rgba(0, 0, 0, 0.07000000029802322);
+  }
+  .shadowsoftxl {
+    box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05000000074505806), 0px 16px 32px 0px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .shadowhardsm {
+    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 1px 3px 1px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .shadowhardmd {
+    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10000000149011612), 0px 2px 4px 0px rgba(0, 0, 0, 0.1599999964237213);
+  }
+  .shadowhardlg {
+    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 6px 10px 4px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .shadowhardxl {
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20000000298023224), 0px 8px 12px 6px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .teaserheadlinesshadow {
+    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6000000238418579);
+  }
+  .menushadow {
+    box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.10000000149011612);
+  }
+  .heyinputshadow {
+    box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0);
+  }
+  .alertshadowdown {
+    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
+  }
+  .alertshadowup {
+    box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.20000000298023224);
+  }
+}
+/* === DENSITY TOKENS === */
+[data-brand="bild"][data-density="spacious"] {
+  --input-field-inline-space: 16px;
+  --input-field-stack-space: 12px;
+  --input-field-height-size: 48px;
+  --input-field-label-font-size: 19px;
+  --button-content-gap-space: 8px;
+  --button-stack-space: 12px;
+  --button-label-font-size: 19px;
+  --button-inline-space: 24px;
+}
+[data-brand="bild"][data-density="default"] {
+  --input-field-inline-space: 16px;
+  --input-field-stack-space: 8px;
+  --input-field-height-size: 40px;
+  --input-field-label-font-size: 17px;
+  --button-content-gap-space: 8px;
+  --button-stack-space: 8px;
+  --button-label-font-size: 17px;
+  --button-inline-space: 20px;
+}
+[data-brand="bild"][data-density="compact"] {
+  --input-field-inline-space: 16px;
+  --input-field-stack-space: 6px;
+  --input-field-height-size: 36px;
+  --input-field-label-font-size: 16px;
+  --button-content-gap-space: 6px;
+  --button-stack-space: 6px;
+  --button-label-font-size: 15px;
+  --button-inline-space: 16px;
+}
+/* === COMPONENT TOKENS & EFFECTS === */
+[data-brand="bild"] {
+  --button-label-font-weight-st: 600;
+  --teaser-title-inline-space-lg: 12px;
+  --teaser-title-inline-space-md: 12px;
+  --teaser-title-inline-space-sm: 8px;
+  --teaser-title-inline-space-xs: 8px;
+  --q-teaser-title-inline-space-lg: 12px;
+  --q-teaser-title-inline-space-md: 16px;
+  --q-teaser-title-inline-space-sm: 8px;
+  --q-teaser-title-inline-space-xs: 8px;
+  --a-teaser-title-inline-space-lg: 12px;
+  --a-teaser-title-inline-space-md: 12px;
+  --a-teaser-title-inline-space-xs: 8px;
+  --a-teaser-title-inline-space-sm: 8px;
+  --b-teaser-title-inline-space: 8px;
+  --2xa-teaser-title-inline-space: 8px;
+  --mini-qteaser-title-inline-space-md: 8px;
+  --mini-qteaser-title-inline-space-lg: 8px;
+  --mini-qteaser-title-inline-space-sm: 8px;
+  --mini-qteaser-title-inline-space-xs: 8px;
+  --super-ateaser-title-inline-space: 16px;
+  --menu-item-font-size: 15px;
+  --app-top-bar-title-font-size-md: 14px;
+  --app-top-bar-title-font-size-lg: 14px;
+  --app-top-bar-title-font-size-xs: 12px;
+  --app-top-bar-title-font-size-sm: 12px;
+  --app-top-bar-title-line-height-md: 17px;
+  --app-top-bar-title-line-height-lg: 17px;
+  --app-top-bar-title-line-height-xs: 14px;
+  --app-top-bar-title-line-height-sm: 14px;
+  --menu-item-font-weight: 700;
+  --video-time-badge-font-family: Gotham XNarrow;
+  --input-field-label-font-family: Gotham XNarrow;
+  --footer-link-font-family: Gotham XNarrow;
+  --breaking-news-content-font-size: 21px;
+  --breadcrumb-font-size-xs: 15px;
+  --breadcrumb-font-size-sm: 15px;
+  --breadcrumb-font-size-md: 15px;
+  --breadcrumb-font-size-lg: 12px;
+  --breadcrumb-line-height-xs: 15px;
+  --breadcrumb-line-height-sm: 15px;
+  --breadcrumb-line-height-md: 15px;
+  --breadcrumb-line-height-lg: 12px;
+  --breadcrumb-font-family: Gotham XNarrow;
+  --breadcrumb-font-weight: 700;
+  --avatar-font-family: Gotham XNarrow;
+  --avatar-font-size-sm: 16px;
+  --avatar-font-size-lg: 18px;
+  --article-image-caption-font-size-xs: 16px;
+  --article-image-caption-font-size-md: 18px;
+  --article-image-caption-font-size-lg: 18px;
+  --article-image-caption-font-size-sm: 16px;
+  --article-image-source-font-size-xs: 16px;
+  --article-image-source-font-size-sm: 16px;
+  --article-image-source-font-size-md: 16px;
+  --article-image-source-font-size-lg: 18px;
+  --article-image-caption-line-height-xs: 19.5px;
+  --article-image-caption-line-height-md: 24.75px;
+  --article-image-caption-line-height-lg: 24.75px;
+  --article-image-caption-line-height-sm: 19.5px;
+  --article-image-source-line-height-md: 21px;
+  --article-image-source-line-height-lg: 23px;
+  --article-image-source-line-height-xs: 21px;
+  --article-image-source-line-height-sm: 21px;
+  --accordion-label-font-family: Gotham XNarrow;
+}
+/* === RESPONSIVE TOKENS & TYPOGRAPHY === */
+[data-brand="bild"] {
+  .display1 {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 40px;
+    line-height: 40px;
+    letter-spacing: -0.5px;
+  }
+  .display2 {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 36px;
+    line-height: 36px;
+    letter-spacing: -0.5px;
+  }
+  .display3 {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 28px;
+    line-height: 28px;
+    letter-spacing: -0.5px;
+  }
+  .headline1 {
+    font-family: Gotham Condensed;
+    font-size: 48px;
+    line-height: 48px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .headline2 {
+    font-family: Gotham Condensed;
+    font-size: 40px;
+    line-height: 40px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .headline3 {
+    font-family: Gotham Condensed;
+    font-size: 28px;
+    line-height: 28px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .headline4 {
+    font-family: Gotham Condensed;
+    font-size: 22px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    font-style: 600;
+  }
+  .subheadline1 {
+    font-family: Gotham Condensed;
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+  .kicker1 {
+    font-family: Gotham XNarrow;
+    font-size: 18px;
+    line-height: 19.799999237060547px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .kicker2 {
+    font-family: Gotham XNarrow;
+    font-size: 18px;
+    line-height: 19.799999237060547px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .kicker3 {
+    font-family: Gotham XNarrow;
+    font-size: 16px;
+    line-height: 17.600000381469727px;
+    font-style: 700;
+  }
+  .kicker4 {
+    font-family: Gotham XNarrow;
+    font-size: 14px;
+    line-height: 15.399999618530273px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .title1 {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 22px;
+    line-height: 22px;
+    letter-spacing: 0px;
+  }
+  .title1uppercase {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 22px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-transform: upper;
+  }
+  .title2 {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 16px;
+    line-height: 17.600000381469727px;
+    letter-spacing: 0px;
+  }
+  .title2uppercase {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 16px;
+    line-height: 17.600000381469727px;
+    letter-spacing: 0px;
+    text-transform: upper;
+  }
+  .callout {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 18px;
+    line-height: 18px;
+    letter-spacing: 0px;
+  }
+  .body {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+  }
+  .bodyitalic {
+    font-family: Gotham XNarrow;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+  }
+  .bodybold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+  }
+  .bodybolditalic {
+    font-family: Gotham XNarrow;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+  }
+  .textlink {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  .textlinkitalic {
+    font-family: Gotham XNarrow;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  .textlinkbold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  .textlinkhover {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  .textlinkboldhover {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 21px;
+    line-height: 28px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  .footnote1 {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+    letter-spacing: 0px;
+  }
+  .footnote1bold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 21px;
+    letter-spacing: 0px;
+  }
+  .footnote2 {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 15.600000381469727px;
+    letter-spacing: 0px;
+  }
+  .footnote2bold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 15.600000381469727px;
+    letter-spacing: 0px;
+  }
+  .label1 {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 17px;
+    line-height: 17px;
+    letter-spacing: 0.25px;
+  }
+  .label1bold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 17px;
+    line-height: 17px;
+    letter-spacing: 0.25px;
+  }
+  .label1boldresp {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 10px;
+    line-height: 10px;
+    letter-spacing: 0.25px;
+  }
+  .label1uppercasebold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 17px;
+    line-height: 17px;
+    letter-spacing: 0.5px;
+    text-transform: upper;
+  }
+  .label2 {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 15px;
+    line-height: 16px;
+    letter-spacing: 0.25px;
+  }
+  .label2uppercase {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 15px;
+    line-height: 16px;
+    letter-spacing: 0.25px;
+    text-transform: upper;
+  }
+  .label2bold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 15px;
+    line-height: 16px;
+    letter-spacing: 0.25px;
+  }
+  .label2uppercasebold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 15px;
+    line-height: 16px;
+    letter-spacing: 0.25px;
+    text-transform: upper;
+  }
+  .label3 {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 14.399999618530273px;
+    letter-spacing: 0.25px;
+  }
+  .label3uppercase {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 14.399999618530273px;
+    letter-spacing: 0.5px;
+    text-transform: upper;
+  }
+  .label3bold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 14.399999618530273px;
+    letter-spacing: 0.25px;
+  }
+  .label3uppercasebold {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 14.399999618530273px;
+    letter-spacing: 0.5px;
+    text-transform: upper;
+  }
+  .label4 {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 8px;
+    line-height: 10px;
+    letter-spacing: 0px;
+  }
+  .quote {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 16px;
+    line-height: 16px;
+    letter-spacing: 0px;
+  }
+  @media (min-width: 390px) {
+    .display1 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: -0.5px;
+    }
+    .display2 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 36px;
+      line-height: 36px;
+      letter-spacing: -0.5px;
+    }
+    .display3 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 28px;
+      line-height: 28px;
+      letter-spacing: -0.5px;
+    }
+    .headline1 {
+      font-family: Gotham Condensed;
+      font-size: 48px;
+      line-height: 48px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline2 {
+      font-family: Gotham Condensed;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline3 {
+      font-family: Gotham Condensed;
+      font-size: 28px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline4 {
+      font-family: Gotham Condensed;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      font-style: 600;
+    }
+    .subheadline1 {
+      font-family: Gotham Condensed;
+      font-weight: 700;
+      font-size: 24px;
+      line-height: 24px;
+      letter-spacing: 0px;
+    }
+    .kicker1 {
+      font-family: Gotham XNarrow;
+      font-size: 18px;
+      line-height: 19.799999237060547px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .kicker2 {
+      font-family: Gotham XNarrow;
+      font-size: 18px;
+      line-height: 19.799999237060547px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .kicker3 {
+      font-family: Gotham XNarrow;
+      font-size: 16px;
+      line-height: 17.600000381469727px;
+      font-style: 700;
+    }
+    .kicker4 {
+      font-family: Gotham XNarrow;
+      font-size: 14px;
+      line-height: 15.399999618530273px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .title1 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+    }
+    .title1uppercase {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .title2 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+      line-height: 17.600000381469727px;
+      letter-spacing: 0px;
+    }
+    .title2uppercase {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+      line-height: 17.600000381469727px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .callout {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 18px;
+      line-height: 18px;
+      letter-spacing: 0px;
+    }
+    .body {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .bodyitalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .bodybold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .bodybolditalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .textlink {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkitalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkbold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkhover {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkboldhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .footnote1 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .footnote1bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .footnote2 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 15.600000381469727px;
+      letter-spacing: 0px;
+    }
+    .footnote2bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 15.600000381469727px;
+      letter-spacing: 0px;
+    }
+    .label1 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+    }
+    .label1bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+    }
+    .label1boldresp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 10px;
+      line-height: 10px;
+      letter-spacing: 0.25px;
+    }
+    .label1uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label2 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+    }
+    .label2uppercase {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+      text-transform: upper;
+    }
+    .label2bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+    }
+    .label2uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+      text-transform: upper;
+    }
+    .label3 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.25px;
+    }
+    .label3uppercase {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label3bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.25px;
+    }
+    .label3uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label4 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 8px;
+      line-height: 10px;
+      letter-spacing: 0px;
+    }
+    .quote {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+      line-height: 16px;
+      letter-spacing: 0px;
+    }
+  }
+  @media (min-width: 600px) {
+    .display1 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 72px;
+      line-height: 72px;
+      letter-spacing: -1px;
+    }
+    .display2 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 42px;
+      line-height: 42px;
+      letter-spacing: -1px;
+    }
+    .display3 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 32px;
+      line-height: 32px;
+      letter-spacing: -1px;
+    }
+    .headline1 {
+      font-family: Gotham Condensed;
+      font-size: 72px;
+      line-height: 72px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline2 {
+      font-family: Gotham Condensed;
+      font-size: 48px;
+      line-height: 48px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline3 {
+      font-family: Gotham Condensed;
+      font-size: 36px;
+      line-height: 36px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline4 {
+      font-family: Gotham Condensed;
+      font-size: 26px;
+      line-height: 26px;
+      letter-spacing: 0px;
+      font-style: 600;
+    }
+    .subheadline1 {
+      font-family: Gotham Condensed;
+      font-weight: 700;
+      font-size: 32px;
+      line-height: 32px;
+      letter-spacing: 0px;
+    }
+    .kicker1 {
+      font-family: Gotham XNarrow;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .kicker2 {
+      font-family: Gotham XNarrow;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .kicker3 {
+      font-family: Gotham XNarrow;
+      font-size: 18px;
+      line-height: 18px;
+      font-style: 700;
+    }
+    .kicker4 {
+      font-family: Gotham XNarrow;
+      font-size: 16px;
+      line-height: 17.600000381469727px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .title1 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+    }
+    .title1uppercase {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .title2 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 18px;
+      line-height: 19.799999237060547px;
+      letter-spacing: 0px;
+    }
+    .title2uppercase {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 18px;
+      line-height: 19.799999237060547px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .callout {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+    }
+    .body {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .bodyitalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .bodybold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .bodybolditalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .textlink {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkitalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkbold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkhover {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkboldhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .footnote1 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .footnote1bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .footnote2 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 15.800000190734863px;
+      letter-spacing: 0px;
+    }
+    .footnote2bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 15.800000190734863px;
+      letter-spacing: 0px;
+    }
+    .label1 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+    }
+    .label1bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+    }
+    .label1boldresp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0.25px;
+    }
+    .label1uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label2 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+    }
+    .label2uppercase {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+      text-transform: upper;
+    }
+    .label2bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+    }
+    .label2uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+      text-transform: upper;
+    }
+    .label3 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.25px;
+    }
+    .label3uppercase {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label3bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.25px;
+    }
+    .label3uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label4 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 8px;
+      line-height: 10px;
+      letter-spacing: 0px;
+    }
+    .quote {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 18px;
+      line-height: 18px;
+      letter-spacing: 0px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .display1 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 120px;
+      line-height: 120px;
+      letter-spacing: -2px;
+    }
+    .display2 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 64px;
+      line-height: 64px;
+      letter-spacing: -1px;
+    }
+    .display3 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: -1px;
+    }
+    .headline1 {
+      font-family: Gotham Condensed;
+      font-size: 100px;
+      line-height: 100px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline2 {
+      font-family: Gotham Condensed;
+      font-size: 64px;
+      line-height: 64px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline3 {
+      font-family: Gotham Condensed;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .headline4 {
+      font-family: Gotham Condensed;
+      font-size: 32px;
+      line-height: 32px;
+      letter-spacing: 0px;
+      font-style: 600;
+    }
+    .subheadline1 {
+      font-family: Gotham Condensed;
+      font-weight: 700;
+      font-size: 36px;
+      line-height: 36px;
+      letter-spacing: 0px;
+    }
+    .kicker1 {
+      font-family: Gotham XNarrow;
+      font-size: 30px;
+      line-height: 30px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .kicker2 {
+      font-family: Gotham XNarrow;
+      font-size: 24px;
+      line-height: 24px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .kicker3 {
+      font-family: Gotham XNarrow;
+      font-size: 20px;
+      line-height: 20px;
+      font-style: 700;
+    }
+    .kicker4 {
+      font-family: Gotham XNarrow;
+      font-size: 16px;
+      line-height: 16px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .title1 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 28px;
+      line-height: 28px;
+      letter-spacing: 0px;
+    }
+    .title1uppercase {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 28px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .title2 {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 20px;
+      line-height: 22px;
+      letter-spacing: 0px;
+    }
+    .title2uppercase {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 20px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .callout {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+    }
+    .body {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+    }
+    .bodyitalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+    }
+    .bodybold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+    }
+    .bodybolditalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+    }
+    .textlink {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkitalic {
+      font-family: Gotham XNarrow;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkbold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkhover {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .textlinkboldhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 32px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .footnote1 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 23px;
+      letter-spacing: 0px;
+    }
+    .footnote1bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 23px;
+      letter-spacing: 0px;
+    }
+    .footnote2 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .footnote2bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .label1 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+    }
+    .label1bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+    }
+    .label1boldresp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+    }
+    .label1uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label2 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+    }
+    .label2uppercase {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+      text-transform: upper;
+    }
+    .label2bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+    }
+    .label2uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 16px;
+      letter-spacing: 0.25px;
+      text-transform: upper;
+    }
+    .label3 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.25px;
+    }
+    .label3uppercase {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label3bold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.25px;
+    }
+    .label3uppercasebold {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0.5px;
+      text-transform: upper;
+    }
+    .label4 {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 8px;
+      line-height: 10px;
+      letter-spacing: 0px;
+    }
+    .quote {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 20px;
+      line-height: 22px;
+      letter-spacing: 0px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .apptoogleitemlabel {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 14px;
+    line-height: 14.100000381469727px;
+    letter-spacing: 0px;
+    text-transform: upper;
+  }
+  @media (min-width: 390px) {
+    .apptoogleitemlabel {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+      line-height: 14.100000381469727px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+  }
+  @media (min-width: 600px) {
+    .apptoogleitemlabel {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+      line-height: 16.200000762939453px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+  }
+  @media (min-width: 1024px) {
+    .apptoogleitemlabel {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 18px;
+      line-height: 18.200000762939453px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+  }
+}
+[data-brand="bild"] {
+  .ateaser-ateaserkicker {
+    font-family: Gotham XNarrow;
+    font-size: 16px;
+    line-height: 16px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .ateaser-ateaserheadline {
+    font-family: Gotham Condensed;
+    font-size: 28px;
+    line-height: 28px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .mqteaser-mqteaserkicker {
+    font-family: Gotham XNarrow;
+    font-size: 14px;
+    line-height: 15.399999618530273px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .mqteaser-mqteaserheadline {
+    font-family: Gotham Condensed;
+    font-size: 22px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .qteaser-qteaserheadline {
+    font-family: Gotham Condensed;
+    font-size: 48px;
+    line-height: 48px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  .stdteaser-stdteaserheadline {
+    font-family: Gotham Condensed;
+    font-size: 22px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    font-style: 600;
+  }
+  @media (min-width: 390px) {
+    .ateaser-ateaserkicker {
+      font-family: Gotham XNarrow;
+      font-size: 16px;
+      line-height: 16px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .ateaser-ateaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 28px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .mqteaser-mqteaserkicker {
+      font-family: Gotham XNarrow;
+      font-size: 14px;
+      line-height: 15.399999618530273px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .mqteaser-mqteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .qteaser-qteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 48px;
+      line-height: 48px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .stdteaser-stdteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      font-style: 600;
+    }
+  }
+  @media (min-width: 600px) {
+    .ateaser-ateaserkicker {
+      font-family: Gotham XNarrow;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .ateaser-ateaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 48px;
+      line-height: 48px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .mqteaser-mqteaserkicker {
+      font-family: Gotham XNarrow;
+      font-size: 16px;
+      line-height: 17.600000381469727px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .mqteaser-mqteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 36px;
+      line-height: 36px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .qteaser-qteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 72px;
+      line-height: 72px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .stdteaser-stdteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 26px;
+      line-height: 22px;
+      letter-spacing: 0px;
+      font-style: 600;
+    }
+  }
+  @media (min-width: 1024px) {
+    .ateaser-ateaserkicker {
+      font-family: Gotham XNarrow;
+      font-size: 24px;
+      line-height: 24px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .ateaser-ateaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 64px;
+      line-height: 64px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .mqteaser-mqteaserkicker {
+      font-family: Gotham XNarrow;
+      font-size: 16px;
+      line-height: 16px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .mqteaser-mqteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .qteaser-qteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 100px;
+      line-height: 100px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+    .stdteaser-stdteaserheadline {
+      font-family: Gotham Condensed;
+      font-size: 32px;
+      line-height: 30px;
+      letter-spacing: 0px;
+      font-style: 600;
+    }
+  }
+}
+[data-brand="bild"] {
+  .tablabel {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+    text-transform: upper;
+  }
+  .appbottombarlabeldefault {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 11px;
+    line-height: 14.399999618530273px;
+    letter-spacing: 0px;
+  }
+  .appbottombarlabelactive {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 11px;
+    line-height: 14.399999618530273px;
+    letter-spacing: 0px;
+  }
+  @media (min-width: 390px) {
+    .tablabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .appbottombarlabeldefault {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0px;
+    }
+    .appbottombarlabelactive {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 14.399999618530273px;
+      letter-spacing: 0px;
+    }
+  }
+  @media (min-width: 600px) {
+    .tablabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .appbottombarlabeldefault {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 23.399999618530273px;
+      letter-spacing: 0px;
+    }
+    .appbottombarlabelactive {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 23.399999618530273px;
+      letter-spacing: 0px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .tablabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .appbottombarlabeldefault {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 23.399999618530273px;
+      letter-spacing: 0px;
+    }
+    .appbottombarlabelactive {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 23.399999618530273px;
+      letter-spacing: 0px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .specianaviitemlabel {
+    font-family: Gotham XNarrow;
+    font-size: 15px;
+    line-height: 15px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  @media (min-width: 390px) {
+    .specianaviitemlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+  }
+  @media (min-width: 600px) {
+    .specianaviitemlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+  }
+  @media (min-width: 1024px) {
+    .specianaviitemlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+  }
+}
+[data-brand="bild"] {
+  .paywallcardpricetag {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 64px;
+    line-height: 64px;
+    letter-spacing: -0.5px;
+  }
+  .paywallcardnote {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 40px;
+    line-height: 40px;
+    letter-spacing: -0.5px;
+  }
+  @media (min-width: 390px) {
+    .paywallcardpricetag {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 64px;
+      line-height: 64px;
+      letter-spacing: -0.5px;
+    }
+    .paywallcardnote {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: -0.5px;
+    }
+  }
+  @media (min-width: 600px) {
+    .paywallcardpricetag {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 64px;
+      line-height: 64px;
+      letter-spacing: -1px;
+    }
+    .paywallcardnote {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: -1px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .paywallcardpricetag {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 64px;
+      line-height: 64px;
+      letter-spacing: -1px;
+    }
+    .paywallcardnote {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: -1px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .numberedpaginationactive {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 17px;
+    line-height: 17px;
+    letter-spacing: 0.25px;
+    text-decoration: underline;
+  }
+  @media (min-width: 390px) {
+    .numberedpaginationactive {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+      text-decoration: underline;
+    }
+  }
+  @media (min-width: 600px) {
+    .numberedpaginationactive {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+      text-decoration: underline;
+    }
+  }
+  @media (min-width: 1024px) {
+    .numberedpaginationactive {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      line-height: 17px;
+      letter-spacing: 0.25px;
+      text-decoration: underline;
+    }
+  }
+}
+[data-brand="bild"] {
+  .newstickertimestamp {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 20.799999237060547px;
+    letter-spacing: 0px;
+  }
+  .newstickerkicker {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 17.600000381469727px;
+    letter-spacing: 0px;
+  }
+  .newstickerheadline {
+    font-family: Gotham Condensed;
+    font-size: 28px;
+    line-height: 28px;
+    letter-spacing: 0px;
+    font-style: 700;
+  }
+  @media (min-width: 390px) {
+    .newstickertimestamp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 20.799999237060547px;
+      letter-spacing: 0px;
+    }
+    .newstickerkicker {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 17.600000381469727px;
+      letter-spacing: 0px;
+    }
+    .newstickerheadline {
+      font-family: Gotham Condensed;
+      font-size: 28px;
+      line-height: 28px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+  }
+  @media (min-width: 600px) {
+    .newstickertimestamp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 20.799999237060547px;
+      letter-spacing: 0px;
+    }
+    .newstickerkicker {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 18px;
+      letter-spacing: 0px;
+    }
+    .newstickerheadline {
+      font-family: Gotham Condensed;
+      font-size: 36px;
+      line-height: 36px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+  }
+  @media (min-width: 1024px) {
+    .newstickertimestamp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 23.399999618530273px;
+      letter-spacing: 0px;
+    }
+    .newstickerkicker {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 20px;
+      line-height: 20px;
+      letter-spacing: 0px;
+    }
+    .newstickerheadline {
+      font-family: Gotham Condensed;
+      font-size: 40px;
+      line-height: 40px;
+      letter-spacing: 0px;
+      font-style: 700;
+    }
+  }
+}
+[data-brand="bild"] {
+  .apptopbarstagetitle {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 12px;
+    line-height: 14px;
+    letter-spacing: 0px;
+  }
+  .apptopbartabstitle {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 12px;
+    line-height: 14px;
+    letter-spacing: 0px;
+    text-transform: upper;
+  }
+  .menuitemlabel {
+    font-family: Gotham XNarrow;
+    font-size: 15px;
+    line-height: 15px;
+    letter-spacing: 0px;
+    font-style: 700;
+    text-transform: upper;
+  }
+  .menuitemutillabel {
+    font-family: Gotham XNarrow;
+    font-size: 12px;
+    line-height: 12px;
+    letter-spacing: 0px;
+    font-style: 700;
+    text-transform: upper;
+  }
+  @media (min-width: 390px) {
+    .apptopbarstagetitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 12px;
+      line-height: 14px;
+      letter-spacing: 0px;
+    }
+    .apptopbartabstitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 12px;
+      line-height: 14px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .menuitemlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      font-style: 700;
+      text-transform: upper;
+    }
+    .menuitemutillabel {
+      font-family: Gotham XNarrow;
+      font-size: 12px;
+      line-height: 12px;
+      letter-spacing: 0px;
+      font-style: 700;
+      text-transform: upper;
+    }
+  }
+  @media (min-width: 600px) {
+    .apptopbarstagetitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+      line-height: 17px;
+      letter-spacing: 0px;
+    }
+    .apptopbartabstitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+      line-height: 17px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .menuitemlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      font-style: 700;
+      text-transform: upper;
+    }
+    .menuitemutillabel {
+      font-family: Gotham XNarrow;
+      font-size: 12px;
+      line-height: 12px;
+      letter-spacing: 0px;
+      font-style: 700;
+      text-transform: upper;
+    }
+  }
+  @media (min-width: 1024px) {
+    .apptopbarstagetitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+      line-height: 17px;
+      letter-spacing: 0px;
+    }
+    .apptopbartabstitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+      line-height: 17px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .menuitemlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      font-style: 700;
+      text-transform: upper;
+    }
+    .menuitemutillabel {
+      font-family: Gotham XNarrow;
+      font-size: 12px;
+      line-height: 12px;
+      letter-spacing: 0px;
+      font-style: 700;
+      text-transform: upper;
+    }
+  }
+}
+[data-brand="bild"] {
+  .podcastplayerlabel {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 16px;
+  }
+  .videoadtime {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 14px;
+    text-transform: upper;
+  }
+  .videoplayertime {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 14px;
+    text-transform: upper;
+  }
+  @media (min-width: 390px) {
+    .podcastplayerlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 16px;
+    }
+    .videoadtime {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+      text-transform: upper;
+    }
+    .videoplayertime {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+      text-transform: upper;
+    }
+  }
+  @media (min-width: 600px) {
+    .podcastplayerlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 16px;
+    }
+    .videoadtime {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .videoplayertime {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+      text-transform: upper;
+    }
+  }
+  @media (min-width: 1024px) {
+    .podcastplayerlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 18px;
+    }
+    .videoadtime {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .videoplayertime {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 18px;
+      text-transform: upper;
+    }
+  }
+}
+[data-brand="bild"] {
+  .livetickerheadline {
+    font-family: Gotham Condensed;
+    font-weight: 600;
+    font-size: 22px;
+    line-height: 22px;
+    letter-spacing: 0px;
+  }
+  .livetickertimestamp {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 14px;
+  }
+  @media (min-width: 390px) {
+    .livetickerheadline {
+      font-family: Gotham Condensed;
+      font-weight: 600;
+      font-size: 22px;
+      line-height: 22px;
+      letter-spacing: 0px;
+    }
+    .livetickertimestamp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 14px;
+      line-height: 14px;
+    }
+  }
+  @media (min-width: 600px) {
+    .livetickerheadline {
+      font-family: Gotham Condensed;
+      font-weight: 600;
+      font-size: 32px;
+      line-height: 32px;
+      letter-spacing: 0px;
+    }
+    .livetickertimestamp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .livetickerheadline {
+      font-family: Gotham Condensed;
+      font-weight: 600;
+      font-size: 32px;
+      line-height: 32px;
+      letter-spacing: 0px;
+    }
+    .livetickertimestamp {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .textinputfieldlabel {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 16px;
+  }
+  @media (min-width: 390px) {
+    .textinputfieldlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+  @media (min-width: 600px) {
+    .textinputfieldlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .textinputfieldlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .footercardlink {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 15px;
+    text-decoration: underline;
+  }
+  .footerlinkseparator {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+  }
+  .footerlinks {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 11px;
+    line-height: 14px;
+    letter-spacing: 0px;
+  }
+  .footerlinkuser&offerpages {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 26px;
+  }
+  @media (min-width: 390px) {
+    .footercardlink {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      text-decoration: underline;
+    }
+    .footerlinkseparator {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+    }
+    .footerlinks {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 11px;
+      line-height: 14px;
+      letter-spacing: 0px;
+    }
+    .footerlinkuser&offerpages {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 26px;
+    }
+  }
+  @media (min-width: 600px) {
+    .footercardlink {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      text-decoration: underline;
+    }
+    .footerlinkseparator {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+    }
+    .footerlinks {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 11px;
+      line-height: 14px;
+      letter-spacing: 0px;
+    }
+    .footerlinkuser&offerpages {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 26px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .footercardlink {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 15px;
+      text-decoration: underline;
+    }
+    .footerlinkseparator {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+    }
+    .footerlinks {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 11px;
+      line-height: 14px;
+      letter-spacing: 0px;
+    }
+    .footerlinkuser&offerpages {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 26px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .chipslabel {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+  }
+  @media (min-width: 390px) {
+    .chipslabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+    }
+  }
+  @media (min-width: 600px) {
+    .chipslabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .chipslabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .buttonlabel {
+    font-family: Gotham XNarrow;
+    font-size: 15px;
+    line-height: 15px;
+    letter-spacing: 0.5px;
+    font-style: 600;
+    text-transform: upper;
+  }
+  .partnerlinkbuttonlabel {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 16px;
+  }
+  @media (min-width: 390px) {
+    .buttonlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0.5px;
+      font-style: 600;
+      text-transform: upper;
+    }
+    .partnerlinkbuttonlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+  @media (min-width: 600px) {
+    .buttonlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0.5px;
+      font-style: 600;
+      text-transform: upper;
+    }
+    .partnerlinkbuttonlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .buttonlabel {
+      font-family: Gotham XNarrow;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0.5px;
+      font-style: 600;
+      text-transform: upper;
+    }
+    .partnerlinkbuttonlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 18px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .breakingnewstext {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 21px;
+    line-height: 24px;
+    letter-spacing: 0px;
+    text-transform: upper;
+  }
+  .breakingnewsuppertitle {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 13px;
+    line-height: 13px;
+    letter-spacing: 0px;
+  }
+  .breakingnewslowertitle {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 23px;
+    line-height: 21px;
+    letter-spacing: 0px;
+  }
+  @media (min-width: 390px) {
+    .breakingnewstext {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 24px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .breakingnewsuppertitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 13px;
+      line-height: 13px;
+      letter-spacing: 0px;
+    }
+    .breakingnewslowertitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 23px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+  }
+  @media (min-width: 600px) {
+    .breakingnewstext {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 24px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .breakingnewsuppertitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 17px;
+      line-height: 12px;
+      letter-spacing: 0px;
+    }
+    .breakingnewslowertitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 30px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .breakingnewstext {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 21px;
+      line-height: 24px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .breakingnewsuppertitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 17px;
+      line-height: 12px;
+      letter-spacing: 0px;
+    }
+    .breakingnewslowertitle {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 30px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .breadcrumb {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 15px;
+    line-height: 15px;
+    letter-spacing: 0px;
+  }
+  .breadcrumblink {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 15px;
+    line-height: 15px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  .breadcrumblinkhover {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 15px;
+    line-height: 15px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  @media (min-width: 390px) {
+    .breadcrumb {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+    }
+    .breadcrumblink {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .breadcrumblinkhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+  }
+  @media (min-width: 600px) {
+    .breadcrumb {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+    }
+    .breadcrumblink {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .breadcrumblinkhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 15px;
+      line-height: 15px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+  }
+  @media (min-width: 1024px) {
+    .breadcrumb {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 12px;
+      letter-spacing: 0px;
+    }
+    .breadcrumblink {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 12px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .breadcrumblinkhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 12px;
+      line-height: 12px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+  }
+}
+[data-brand="bild"] {
+  .videoadbadge {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 14px;
+    text-transform: upper;
+  }
+  .videotimebadge {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+  }
+  @media (min-width: 390px) {
+    .videoadbadge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 14px;
+      text-transform: upper;
+    }
+    .videotimebadge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+    }
+  }
+  @media (min-width: 600px) {
+    .videoadbadge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .videotimebadge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 23.799999237060547px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .videoadbadge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .videotimebadge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 23.799999237060547px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .appavatar {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 12px;
+    letter-spacing: 0px;
+    text-transform: upper;
+  }
+  .avatardefault {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 21px;
+    letter-spacing: 0px;
+  }
+  .avatarhover {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 21px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  .avatarsecondaryinfo {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+    letter-spacing: 0px;
+  }
+  .avatarsecondaryinfohover {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+    letter-spacing: 0px;
+    text-decoration: underline;
+  }
+  @media (min-width: 390px) {
+    .appavatar {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 12px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .avatardefault {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .avatarhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .avatarsecondaryinfo {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .avatarsecondaryinfohover {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+  }
+  @media (min-width: 600px) {
+    .appavatar {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .avatardefault {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .avatarhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .avatarsecondaryinfo {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+    }
+    .avatarsecondaryinfohover {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+  }
+  @media (min-width: 1024px) {
+    .appavatar {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+      letter-spacing: 0px;
+      text-transform: upper;
+    }
+    .avatardefault {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 23px;
+      letter-spacing: 0px;
+    }
+    .avatarhover {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 23px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+    .avatarsecondaryinfo {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 23px;
+      letter-spacing: 0px;
+    }
+    .avatarsecondaryinfohover {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 23px;
+      letter-spacing: 0px;
+      text-decoration: underline;
+    }
+  }
+}
+[data-brand="bild"] {
+  .audioplayerlabel {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 16px;
+  }
+  @media (min-width: 390px) {
+    .audioplayerlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+  @media (min-width: 600px) {
+    .audioplayerlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 16px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .audioplayerlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 18px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .articlekicker {
+    font-family: Gotham XNarrow;
+    font-size: 18px;
+    line-height: 19.799999237060547px;
+    font-style: 700;
+  }
+  .articleimagecaption {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 19.5px;
+    letter-spacing: 0px;
+  }
+  .articleheadline {
+    font-family: Gotham Condensed;
+    font-size: 40px;
+    line-height: 40px;
+    font-style: 700;
+  }
+  .articlemetasource {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+  }
+  .articletimestamp {
+    font-family: Gotham;
+    font-weight: 800;
+    font-size: 12px;
+  }
+  @media (min-width: 390px) {
+    .articlekicker {
+      font-family: Gotham XNarrow;
+      font-size: 18px;
+      line-height: 19.799999237060547px;
+      font-style: 700;
+    }
+    .articleimagecaption {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 19.5px;
+      letter-spacing: 0px;
+    }
+    .articleheadline {
+      font-family: Gotham Condensed;
+      font-size: 40px;
+      line-height: 40px;
+      font-style: 700;
+    }
+    .articlemetasource {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+    }
+    .articletimestamp {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 12px;
+    }
+  }
+  @media (min-width: 600px) {
+    .articlekicker {
+      font-family: Gotham XNarrow;
+      font-size: 22px;
+      line-height: 22px;
+      font-style: 700;
+    }
+    .articleimagecaption {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 24.75px;
+      letter-spacing: 0px;
+    }
+    .articleheadline {
+      font-family: Gotham Condensed;
+      font-size: 72px;
+      line-height: 72px;
+      font-style: 700;
+    }
+    .articlemetasource {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+    }
+    .articletimestamp {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 14px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .articlekicker {
+      font-family: Gotham XNarrow;
+      font-size: 30px;
+      line-height: 30px;
+      font-style: 700;
+    }
+    .articleimagecaption {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 24.75px;
+      letter-spacing: 0px;
+    }
+    .articleheadline {
+      font-family: Gotham Condensed;
+      font-size: 100px;
+      line-height: 100px;
+      font-style: 700;
+    }
+    .articlemetasource {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 23px;
+    }
+    .articletimestamp {
+      font-family: Gotham;
+      font-weight: 800;
+      font-size: 16px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .accordionlabel {
+    font-family: Gotham XNarrow;
+    font-weight: 700;
+    font-size: 17px;
+    letter-spacing: 0px;
+  }
+  @media (min-width: 390px) {
+    .accordionlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      letter-spacing: 0px;
+    }
+  }
+  @media (min-width: 600px) {
+    .accordionlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      letter-spacing: 0px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .accordionlabel {
+      font-family: Gotham XNarrow;
+      font-weight: 700;
+      font-size: 17px;
+      letter-spacing: 0px;
+    }
+  }
+}