npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.58 → 1.0.59 - Mend

@marioschmidt/design-system-tokens 1.0.58 → 1.0.59

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 (6340) hide show

package/dist/{bundles → css/bundles}/quick-start/bild-all.css RENAMED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.58
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Quick Start Bundle (All semantic + component tokens)
@@ -96,17 +96,17 @@
   --font-family-antenna-extra-cond: AntennaExtraCond;
   --font-family-antenna-cond: AntennaCond;
   --font-family-inter: Inter;
-  --font-weight-700-black-font-weight: 700;
-  --font-weight-900-extra-black-font-weight: 900;
-  --font-weight-400-book-font-weight: 400;
-  --font-weight-1000-ultra-font-weight: 1000;
-  --font-weight-800-black-font-weight: 800;
-  --font-weight-350-book-font-weight: 350;
-  --font-weight-600-bold-font-weight: 600;
-  --font-weight-100-thin-font-weight: 100;
+  --700-black-font-weight: 700;
+  --900-extra-black-font-weight: 900;
+  --400-book-font-weight: 400;
+  --1000-ultra-font-weight: 1000;
+  --800-black-font-weight: 800;
+  --350-book-font-weight: 350;
+  --600-bold-font-weight: 600;
+  --100-thin-font-weight: 100;
   --300-light-font-weight: 300;
-  --font-weight-200-extra-light-font-weight: 200;
-  --font-weight-500-medium-font-weight: 500;
+  --200-extra-light-font-weight: 200;
+  --500-medium-font-weight: 500;
   --bold-italic-font-weight-st: Bold Italic;
   --black-font-weight-st: Black;
   --letter-space-neg0-25: -0.25px;
@@ -120,18 +120,18 @@
   --letter-space-neg2: -2px;
   --letter-space3: 3px;
   --letter-space-neg3: -3px;
-  --font-weight-string-1000-ultra-font-weight: 1000;
-  --font-weight-string-900-extra-black-font-weight: 900;
-  --font-weight-string-800-black-font-weight: 800;
-  --font-weight-string-700-black-font-weight: 700;
-  --font-weight-string-600-bold-font-weight: 600;
-  --font-weight-string-500-medium-font-weight: 500;
-  --font-weight-string-400-book-font-weight: 400;
-  --font-weight-string-350-book-font-weight: 350;
-  --font-weight-string-200-extra-light-font-weight: 200;
-  --font-weight-string-100-thin-font-weight: 100;
-  --600-bold-italic-font-weight: Bold Italic;
-  --700-black-italic-font-weight: Black Italic;
+  --1000-ultra-font-weight-st: 1000;
+  --900-extra-black-font-weight-st: 900;
+  --800-black-font-weight-st: 800;
+  --700-black-font-weight-st: 700;
+  --600-bold-font-weight-st: 600;
+  --500-medium-font-weight-st: 500;
+  --400-book-font-weight-st: 400;
+  --350-book-font-weight-st: 350;
+  --200-extra-light-font-weight-st: 200;
+  --100-thin-font-weight-st: 100;
+  --600-bold-italic-font-weight-st: Bold Italic;
+  --700-black-italic-font-weight-st: Black Italic;
   --bildred: #DD0000;
   --bildred035: #AF0002;
   --bildred053: #F52D2D;
@@ -208,345 +208,6 @@
   --opacity50: 0.5;
   --opacity00: 0;
   --opacity70: 0.7;
-  --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.8px;
-  --kicker1-line-height-sm: 19.8px;
-  --kicker1-line-height-md: 22px;
-  --kicker1-line-height-lg: 30px;
-  --kicker2-line-height-xs: 19.8px;
-  --kicker2-line-height-sm: 19.8px;
-  --kicker2-line-height-md: 22px;
-  --kicker2-line-height-lg: 24px;
-  --kicker3-line-height-xs: 17.6px;
-  --kicker3-line-height-sm: 17.6px;
-  --kicker3-line-height-md: 18px;
-  --kicker3-line-height-lg: 20px;
-  --kicker4-line-height-xs: 15.4px;
-  --kicker4-line-height-sm: 15.4px;
-  --kicker4-line-height-md: 17.6px;
-  --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.6px;
-  --title2-line-height-sm: 17.6px;
-  --title2-line-height-md: 19.8px;
-  --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.6px;
-  --footnote2-line-height-sm: 15.6px;
-  --footnote2-line-height-md: 15.8px;
-  --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.4px;
-  --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.7);
-  --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) === */
@@ -607,6 +268,7 @@
   --testtest: #F45B02;
   --folco-test: #1B00E6;
   --fabian-color: #D31818;
+  --philip-test: #00FF73;
   --icon-color-primary: #4B525A;
   --icon-color-inverse: #CED4DA;
   --icon-color-secondary-constant: #8C9196;
@@ -642,7 +304,6 @@
   --layer-opacity90: 0.9;
   --layer-opacity100: 1;
   --layer-opacity00: 0;
-  --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.1);
@@ -653,8 +314,6 @@
   --teaser-hover-opacity: 0.8;
   --teaser-title-background-gradient-start: rgba(0, 0, 0, 0.7);
   --teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
-  --teaser-teaser-title-background-gradient-start: rgba(0, 0, 0, 0.7);
-  --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;
@@ -693,25 +352,6 @@
   --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.2);
   --vid-player-control-buttons-bg-hover-color: rgba(221, 0, 0, 0.8);
   --vid-player-control-buttons-bg-color-hover: rgba(0, 0, 0, 0.2);
@@ -776,85 +416,67 @@
   --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 {
+  .shadow-soft-sm {
     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
   }
-  .shadowsoftmd {
+  .shadow-soft-md {
     box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
   }
-  .shadowsoftlg {
+  .shadow-soft-lg {
     box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
   }
-  .shadowsoftxl {
+  .shadow-soft-xl {
     box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
   }
-  .shadowhardsm {
+  .shadow-hard-sm {
     box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
   }
-  .shadowhardmd {
+  .shadow-hard-md {
     box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
   }
-  .shadowhardlg {
+  .shadow-hard-lg {
     box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2), 0px 6px 10px 4px rgba(0, 0, 0, 0.1);
   }
-  .shadowhardxl {
+  .shadow-hard-xl {
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2), 0px 8px 12px 6px rgba(0, 0, 0, 0.1);
   }
-  .teaserheadlinesshadow {
+  .teaser-headlines-shadow {
     box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
   }
-  .menushadow {
+  .menu-shadow {
     box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.1);
   }
-  .heyinputshadow {
+  .hey-input-shadow {
     box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0);
   }
-  .alertshadowdown {
+  .alert-shadow-down {
     box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
   }
-  .alertshadowup {
+  .alert-shadow-up {
     box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.2);
   }
 }
@@ -917,6 +539,7 @@
   --testtest: #B0D1F3;
   --folco-test: #FFEB12;
   --fabian-color: #00FF59;
+  --philip-test: #00FF59;
   --icon-color-primary: #8C9196;
   --icon-color-inverse: #4B525A;
   --icon-color-secondary-constant: #8C9196;
@@ -952,7 +575,6 @@
   --layer-opacity90: 0.9;
   --layer-opacity100: 1;
   --layer-opacity00: 0;
-  --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.2);
@@ -963,8 +585,6 @@
   --teaser-hover-opacity: 0.8;
   --teaser-title-background-gradient-start: rgba(0, 0, 0, 0.7);
   --teaser-title-background-gradient-stop: rgba(0, 0, 0, 0);
-  --teaser-teaser-title-background-gradient-start: rgba(0, 0, 0, 0.7);
-  --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;
@@ -1003,25 +623,6 @@
   --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.2);
   --vid-player-control-buttons-bg-hover-color: rgba(221, 0, 0, 0.8);
   --vid-player-control-buttons-bg-color-hover: rgba(0, 0, 0, 0.2);
@@ -1086,85 +687,67 @@
   --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 {
+  .shadow-soft-sm {
     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
   }
-  .shadowsoftmd {
+  .shadow-soft-md {
     box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
   }
-  .shadowsoftlg {
+  .shadow-soft-lg {
     box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
   }
-  .shadowsoftxl {
+  .shadow-soft-xl {
     box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
   }
-  .shadowhardsm {
+  .shadow-hard-sm {
     box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
   }
-  .shadowhardmd {
+  .shadow-hard-md {
     box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
   }
-  .shadowhardlg {
+  .shadow-hard-lg {
     box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2), 0px 6px 10px 4px rgba(0, 0, 0, 0.1);
   }
-  .shadowhardxl {
+  .shadow-hard-xl {
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2), 0px 8px 12px 6px rgba(0, 0, 0, 0.1);
   }
-  .teaserheadlinesshadow {
+  .teaser-headlines-shadow {
     box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
   }
-  .menushadow {
+  .menu-shadow {
     box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.1);
   }
-  .heyinputshadow {
+  .hey-input-shadow {
     box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0);
   }
-  .alertshadowdown {
+  .alert-shadow-down {
     box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
   }
-  .alertshadowup {
+  .alert-shadow-up {
     box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.2);
   }
 }
@@ -1203,75 +786,6 @@
   --button-label-font-size: 15px;
   --button-inline-space: 16px;
 }
-/* === COMPONENT TOKENS & EFFECTS === */
-[data-brand="bild"] {
-  --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;
-  --button-label-font-weight-st: 600;
-  --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"] {
@@ -1301,30 +815,30 @@
   .headline1 {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 48px;
     line-height: 48px;
-    font-style: 700;
   }
   .headline2 {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 40px;
     line-height: 40px;
-    font-style: 700;
   }
   .headline3 {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 28px;
     line-height: 28px;
-    font-style: 700;
   }
   .headline4 {
     font-family: Gotham Condensed;
+    font-weight: 700;
     font-size: 22px;
     line-height: 22px;
-    font-style: 600;
   }
   .subheadline1 {
@@ -1336,30 +850,30 @@
   .kicker1 {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 18px;
     line-height: 19.8px;
-    font-style: 700;
   }
   .kicker2 {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 18px;
     line-height: 19.8px;
-    font-style: 700;
   }
   .kicker3 {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 16px;
     line-height: 17.6px;
-    font-style: 700;
   }
   .kicker4 {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 14px;
     line-height: 15.4px;
-    font-style: 700;
   }
   .title1 {
@@ -1369,7 +883,7 @@
     line-height: 22px;
   }
-  .title1uppercase {
+  .title1-uppercase {
     font-family: Gotham;
     font-weight: 800;
     font-size: 22px;
@@ -1384,7 +898,7 @@
     line-height: 17.6px;
   }
-  .title2uppercase {
+  .title2-uppercase {
     font-family: Gotham;
     font-weight: 800;
     font-size: 16px;
@@ -1406,26 +920,30 @@
     line-height: 28px;
   }
-  .bodyitalic {
+  .body-italic {
     font-family: Gotham XNarrow;
+    font-weight: 400;
     font-size: 21px;
     line-height: 28px;
+    font-style: italic;
   }
-  .bodybold {
+  .body-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 21px;
     line-height: 28px;
   }
-  .bodybolditalic {
+  .body-bold-italic {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 21px;
     line-height: 28px;
+    font-style: italic;
   }
-  .textlink {
+  .text-link {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 21px;
@@ -1433,14 +951,16 @@
     text-decoration: underline;
   }
-  .textlinkitalic {
+  .text-link-italic {
     font-family: Gotham XNarrow;
+    font-weight: 400;
     font-size: 21px;
     line-height: 28px;
+    font-style: italic;
     text-decoration: underline;
   }
-  .textlinkbold {
+  .text-link-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 21px;
@@ -1448,7 +968,7 @@
     text-decoration: underline;
   }
-  .textlinkhover {
+  .text-link-hover {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 21px;
@@ -1456,7 +976,7 @@
     text-decoration: underline;
   }
-  .textlinkboldhover {
+  .text-link-bold-hover {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 21px;
@@ -1471,7 +991,7 @@
     line-height: 21px;
   }
-  .footnote1bold {
+  .footnote1-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
@@ -1485,7 +1005,7 @@
     line-height: 15.6px;
   }
-  .footnote2bold {
+  .footnote2-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 12px;
@@ -1500,7 +1020,7 @@
     letter-spacing: 0.25px;
   }
-  .label1bold {
+  .label1-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 17px;
@@ -1508,7 +1028,7 @@
     letter-spacing: 0.25px;
   }
-  .label1boldresp {
+  .label1-bold-resp {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 10px;
@@ -1516,7 +1036,7 @@
     letter-spacing: 0.25px;
   }
-  .label1uppercasebold {
+  .label1-uppercase-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 17px;
@@ -1533,7 +1053,7 @@
     letter-spacing: 0.25px;
   }
-  .label2uppercase {
+  .label2-uppercase {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 15px;
@@ -1542,7 +1062,7 @@
     text-transform: upper;
   }
-  .label2bold {
+  .label2-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 15px;
@@ -1550,7 +1070,7 @@
     letter-spacing: 0.25px;
   }
-  .label2uppercasebold {
+  .label2-uppercase-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 15px;
@@ -1567,7 +1087,7 @@
     letter-spacing: 0.25px;
   }
-  .label3uppercase {
+  .label3-uppercase {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 12px;
@@ -1576,7 +1096,7 @@
     text-transform: upper;
   }
-  .label3bold {
+  .label3-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 12px;
@@ -1584,7 +1104,7 @@
     letter-spacing: 0.25px;
   }
-  .label3uppercasebold {
+  .label3-uppercase-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 12px;
@@ -1634,30 +1154,30 @@
     .headline1 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 48px;
       line-height: 48px;
-      font-style: 700;
     }
     .headline2 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 40px;
       line-height: 40px;
-      font-style: 700;
     }
     .headline3 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 28px;
       line-height: 28px;
-      font-style: 700;
     }
     .headline4 {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 600;
     }
     .subheadline1 {
@@ -1669,30 +1189,30 @@
     .kicker1 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 18px;
       line-height: 19.8px;
-      font-style: 700;
     }
     .kicker2 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 18px;
       line-height: 19.8px;
-      font-style: 700;
     }
     .kicker3 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: 700;
     }
     .kicker4 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 14px;
       line-height: 15.4px;
-      font-style: 700;
     }
     .title1 {
@@ -1702,7 +1222,7 @@
       line-height: 22px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 22px;
@@ -1717,7 +1237,7 @@
       line-height: 17.6px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 16px;
@@ -1739,26 +1259,30 @@
       line-height: 28px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
       line-height: 28px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -1766,14 +1290,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -1781,7 +1307,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -1789,7 +1315,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -1804,7 +1330,7 @@
       line-height: 21px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -1818,7 +1344,7 @@
       line-height: 15.6px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -1833,7 +1359,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -1841,7 +1367,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 10px;
@@ -1849,7 +1375,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -1866,7 +1392,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
@@ -1875,7 +1401,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -1883,7 +1409,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -1900,7 +1426,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 12px;
@@ -1909,7 +1435,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -1917,7 +1443,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -1969,30 +1495,30 @@
     .headline1 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 72px;
       line-height: 72px;
-      font-style: 700;
     }
     .headline2 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 48px;
       line-height: 48px;
-      font-style: 700;
     }
     .headline3 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 36px;
       line-height: 36px;
-      font-style: 700;
     }
     .headline4 {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 26px;
       line-height: 26px;
-      font-style: 600;
     }
     .subheadline1 {
@@ -2004,30 +1530,30 @@
     .kicker1 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 700;
     }
     .kicker2 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 700;
     }
     .kicker3 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 18px;
       line-height: 18px;
-      font-style: 700;
     }
     .kicker4 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: 700;
     }
     .title1 {
@@ -2037,7 +1563,7 @@
       line-height: 22px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 22px;
@@ -2052,7 +1578,7 @@
       line-height: 19.8px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 18px;
@@ -2074,26 +1600,30 @@
       line-height: 28px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
       line-height: 28px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -2101,14 +1631,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -2116,7 +1648,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -2124,7 +1656,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -2139,7 +1671,7 @@
       line-height: 21px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -2153,7 +1685,7 @@
       line-height: 15.8px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -2168,7 +1700,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -2176,7 +1708,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -2184,7 +1716,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -2201,7 +1733,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
@@ -2210,7 +1742,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -2218,7 +1750,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -2235,7 +1767,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 12px;
@@ -2244,7 +1776,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -2252,7 +1784,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -2304,30 +1836,30 @@
     .headline1 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 100px;
       line-height: 100px;
-      font-style: 700;
     }
     .headline2 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 64px;
       line-height: 64px;
-      font-style: 700;
     }
     .headline3 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 40px;
       line-height: 40px;
-      font-style: 700;
     }
     .headline4 {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 32px;
       line-height: 32px;
-      font-style: 600;
     }
     .subheadline1 {
@@ -2339,30 +1871,30 @@
     .kicker1 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 30px;
       line-height: 30px;
-      font-style: 700;
     }
     .kicker2 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 24px;
       line-height: 24px;
-      font-style: 700;
     }
     .kicker3 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 20px;
       line-height: 20px;
-      font-style: 700;
     }
     .kicker4 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 16px;
-      font-style: 700;
     }
     .title1 {
@@ -2372,7 +1904,7 @@
       line-height: 28px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 28px;
@@ -2387,7 +1919,7 @@
       line-height: 22px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 20px;
@@ -2409,26 +1941,30 @@
       line-height: 32px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 32px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
       line-height: 32px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 21px;
       line-height: 32px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -2436,14 +1972,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 32px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -2451,7 +1989,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -2459,7 +1997,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -2474,7 +2012,7 @@
       line-height: 23px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
@@ -2488,7 +2026,7 @@
       line-height: 21px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -2503,7 +2041,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -2511,7 +2049,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -2519,7 +2057,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -2536,7 +2074,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
@@ -2545,7 +2083,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -2553,7 +2091,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -2570,7 +2108,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 12px;
@@ -2579,7 +2117,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -2587,7 +2125,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -3412,7 +2950,7 @@
 [data-brand="bild"] {
-  .apptoogleitemlabel {
+  .app-toogle-item-label {
     font-family: Gotham;
     font-weight: 800;
     font-size: 14px;
@@ -3421,7 +2959,7 @@
   }
   @media (min-width: 390px) {
-    .apptoogleitemlabel {
+    .app-toogle-item-label {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
@@ -3432,7 +2970,7 @@
   }
   @media (min-width: 600px) {
-    .apptoogleitemlabel {
+    .app-toogle-item-label {
       font-family: Gotham;
       font-weight: 800;
       font-size: 16px;
@@ -3443,7 +2981,7 @@
   }
   @media (min-width: 1024px) {
-    .apptoogleitemlabel {
+    .app-toogle-item-label {
       font-family: Gotham;
       font-weight: 800;
       font-size: 18px;
@@ -3457,179 +2995,179 @@
 [data-brand="bild"] {
-  .ateaser-ateaserkicker {
+  .a-teaser-a-teaser-kicker {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 16px;
     line-height: 16px;
-    font-style: 700;
   }
-  .ateaser-ateaserheadline {
+  .a-teaser-a-teaser-headline {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 28px;
     line-height: 28px;
-    font-style: 700;
   }
-  .mqteaser-mqteaserkicker {
+  .m-qteaser-m-qteaser-kicker {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 14px;
     line-height: 15.4px;
-    font-style: 700;
   }
-  .mqteaser-mqteaserheadline {
+  .m-qteaser-m-qteaser-headline {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 22px;
     line-height: 22px;
-    font-style: 700;
   }
-  .qteaser-qteaserheadline {
+  .q-teaser-q-teaser-headline {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 48px;
     line-height: 48px;
-    font-style: 700;
   }
-  .stdteaser-stdteaserheadline {
+  .std-teaser-std-teaser-headline {
     font-family: Gotham Condensed;
+    font-weight: 700;
     font-size: 22px;
     line-height: 22px;
-    font-style: 600;
   }
   @media (min-width: 390px) {
-    .ateaser-ateaserkicker {
+    .a-teaser-a-teaser-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 16px;
-      font-style: 700;
     }
-    .ateaser-ateaserheadline {
+    .a-teaser-a-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 28px;
       line-height: 28px;
-      font-style: 700;
     }
-    .mqteaser-mqteaserkicker {
+    .m-qteaser-m-qteaser-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 14px;
       line-height: 15.4px;
-      font-style: 700;
     }
-    .mqteaser-mqteaserheadline {
+    .m-qteaser-m-qteaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 22px;
       line-height: 22px;
-      font-style: 700;
     }
-    .qteaser-qteaserheadline {
+    .q-teaser-q-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 48px;
       line-height: 48px;
-      font-style: 700;
     }
-    .stdteaser-stdteaserheadline {
+    .std-teaser-std-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 600;
     }
   }
   @media (min-width: 600px) {
-    .ateaser-ateaserkicker {
+    .a-teaser-a-teaser-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 700;
     }
-    .ateaser-ateaserheadline {
+    .a-teaser-a-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 48px;
       line-height: 48px;
-      font-style: 700;
     }
-    .mqteaser-mqteaserkicker {
+    .m-qteaser-m-qteaser-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: 700;
     }
-    .mqteaser-mqteaserheadline {
+    .m-qteaser-m-qteaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 36px;
       line-height: 36px;
-      font-style: 700;
     }
-    .qteaser-qteaserheadline {
+    .q-teaser-q-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 72px;
       line-height: 72px;
-      font-style: 700;
     }
-    .stdteaser-stdteaserheadline {
+    .std-teaser-std-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 26px;
       line-height: 22px;
-      font-style: 600;
     }
   }
   @media (min-width: 1024px) {
-    .ateaser-ateaserkicker {
+    .a-teaser-a-teaser-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 24px;
       line-height: 24px;
-      font-style: 700;
     }
-    .ateaser-ateaserheadline {
+    .a-teaser-a-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 64px;
       line-height: 64px;
-      font-style: 700;
     }
-    .mqteaser-mqteaserkicker {
+    .m-qteaser-m-qteaser-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 16px;
-      font-style: 700;
     }
-    .mqteaser-mqteaserheadline {
+    .m-qteaser-m-qteaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 40px;
       line-height: 40px;
-      font-style: 700;
     }
-    .qteaser-qteaserheadline {
+    .q-teaser-q-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 100px;
       line-height: 100px;
-      font-style: 700;
     }
-    .stdteaser-stdteaserheadline {
+    .std-teaser-std-teaser-headline {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 32px;
       line-height: 30px;
-      font-style: 600;
     }
   }
@@ -3638,21 +3176,21 @@
 [data-brand="bild"] {
-  .tablabel {
+  .tab-label {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
     text-transform: upper;
   }
-  .appbottombarlabeldefault {
+  .app-bottom-bar-label-default {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 11px;
     line-height: 14.4px;
   }
-  .appbottombarlabelactive {
+  .app-bottom-bar-label-active {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 11px;
@@ -3660,21 +3198,21 @@
   }
   @media (min-width: 390px) {
-    .tablabel {
+    .tab-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       text-transform: upper;
     }
-    .appbottombarlabeldefault {
+    .app-bottom-bar-label-default {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 12px;
       line-height: 14.4px;
     }
-    .appbottombarlabelactive {
+    .app-bottom-bar-label-active {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -3684,21 +3222,21 @@
   }
   @media (min-width: 600px) {
-    .tablabel {
+    .tab-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       text-transform: upper;
     }
-    .appbottombarlabeldefault {
+    .app-bottom-bar-label-default {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       line-height: 23.4px;
     }
-    .appbottombarlabelactive {
+    .app-bottom-bar-label-active {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -3708,21 +3246,21 @@
   }
   @media (min-width: 1024px) {
-    .tablabel {
+    .tab-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       text-transform: upper;
     }
-    .appbottombarlabeldefault {
+    .app-bottom-bar-label-default {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       line-height: 23.4px;
     }
-    .appbottombarlabelactive {
+    .app-bottom-bar-label-active {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -3735,39 +3273,39 @@
 [data-brand="bild"] {
-  .specialnaviitemlabel {
+  .special-navi-item-label {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 15px;
     line-height: 15px;
-    font-style: 700;
   }
   @media (min-width: 390px) {
-    .specialnaviitemlabel {
+    .special-navi-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
     }
   }
   @media (min-width: 600px) {
-    .specialnaviitemlabel {
+    .special-navi-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
     }
   }
   @media (min-width: 1024px) {
-    .specialnaviitemlabel {
+    .special-navi-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
     }
   }
@@ -3776,7 +3314,7 @@
 [data-brand="bild"] {
-  .paywallcardpricetag {
+  .paywall-card-price-tag {
     font-family: Gotham;
     font-weight: 800;
     font-size: 64px;
@@ -3784,7 +3322,7 @@
     letter-spacing: -0.5px;
   }
-  .paywallcardnote {
+  .paywall-card-note {
     font-family: Gotham;
     font-weight: 800;
     font-size: 40px;
@@ -3793,7 +3331,7 @@
   }
   @media (min-width: 390px) {
-    .paywallcardpricetag {
+    .paywall-card-price-tag {
       font-family: Gotham;
       font-weight: 800;
       font-size: 64px;
@@ -3801,7 +3339,7 @@
       letter-spacing: -0.5px;
     }
-    .paywallcardnote {
+    .paywall-card-note {
       font-family: Gotham;
       font-weight: 800;
       font-size: 40px;
@@ -3812,7 +3350,7 @@
   }
   @media (min-width: 600px) {
-    .paywallcardpricetag {
+    .paywall-card-price-tag {
       font-family: Gotham;
       font-weight: 800;
       font-size: 64px;
@@ -3820,7 +3358,7 @@
       letter-spacing: -1px;
     }
-    .paywallcardnote {
+    .paywall-card-note {
       font-family: Gotham;
       font-weight: 800;
       font-size: 40px;
@@ -3831,7 +3369,7 @@
   }
   @media (min-width: 1024px) {
-    .paywallcardpricetag {
+    .paywall-card-price-tag {
       font-family: Gotham;
       font-weight: 800;
       font-size: 64px;
@@ -3839,7 +3377,7 @@
       letter-spacing: -1px;
     }
-    .paywallcardnote {
+    .paywall-card-note {
       font-family: Gotham;
       font-weight: 800;
       font-size: 40px;
@@ -3853,7 +3391,7 @@
 [data-brand="bild"] {
-  .numberedpaginationactive {
+  .numbered-pagination-active {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 17px;
@@ -3863,7 +3401,7 @@
   }
   @media (min-width: 390px) {
-    .numberedpaginationactive {
+    .numbered-pagination-active {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -3875,7 +3413,7 @@
   }
   @media (min-width: 600px) {
-    .numberedpaginationactive {
+    .numbered-pagination-active {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -3887,7 +3425,7 @@
   }
   @media (min-width: 1024px) {
-    .numberedpaginationactive {
+    .numbered-pagination-active {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -3902,95 +3440,95 @@
 [data-brand="bild"] {
-  .newstickertimestamp {
+  .news-ticker-time-stamp {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
     line-height: 20.8px;
   }
-  .newstickerkicker {
+  .news-ticker-kicker {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
     line-height: 17.6px;
   }
-  .newstickerheadline {
+  .news-ticker-headline {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 28px;
     line-height: 28px;
-    font-style: 700;
   }
   @media (min-width: 390px) {
-    .newstickertimestamp {
+    .news-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       line-height: 20.8px;
     }
-    .newstickerkicker {
+    .news-ticker-kicker {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
     }
-    .newstickerheadline {
+    .news-ticker-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 28px;
       line-height: 28px;
-      font-style: 700;
     }
   }
   @media (min-width: 600px) {
-    .newstickertimestamp {
+    .news-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       line-height: 20.8px;
     }
-    .newstickerkicker {
+    .news-ticker-kicker {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
       line-height: 18px;
     }
-    .newstickerheadline {
+    .news-ticker-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 36px;
       line-height: 36px;
-      font-style: 700;
     }
   }
   @media (min-width: 1024px) {
-    .newstickertimestamp {
+    .news-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
       line-height: 23.4px;
     }
-    .newstickerkicker {
+    .news-ticker-kicker {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 20px;
       line-height: 20px;
     }
-    .newstickerheadline {
+    .news-ticker-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 40px;
       line-height: 40px;
-      font-style: 700;
     }
   }
@@ -3999,14 +3537,14 @@
 [data-brand="bild"] {
-  .apptopbarstagetitle {
+  .app-topbar-stage-title {
     font-family: Gotham;
     font-weight: 800;
     font-size: 12px;
     line-height: 14px;
   }
-  .apptopbartabstitle {
+  .app-topbar-tabs-title {
     font-family: Gotham;
     font-weight: 800;
     font-size: 12px;
@@ -4014,31 +3552,31 @@
     text-transform: upper;
   }
-  .menuitemlabel {
+  .menu-item-label {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 15px;
     line-height: 15px;
-    font-style: 700;
     text-transform: upper;
   }
-  .menuitemutillabel {
+  .menu-item-util-label {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 12px;
     line-height: 12px;
-    font-style: 700;
     text-transform: upper;
   }
   @media (min-width: 390px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 12px;
       line-height: 14px;
     }
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 12px;
@@ -4046,33 +3584,33 @@
       text-transform: upper;
     }
-    .menuitemlabel {
+    .menu-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
       text-transform: upper;
     }
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: 700;
       text-transform: upper;
     }
   }
   @media (min-width: 600px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
       line-height: 17px;
     }
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
@@ -4080,33 +3618,33 @@
       text-transform: upper;
     }
-    .menuitemlabel {
+    .menu-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
       text-transform: upper;
     }
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: 700;
       text-transform: upper;
     }
   }
   @media (min-width: 1024px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
       line-height: 17px;
     }
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
@@ -4114,19 +3652,19 @@
       text-transform: upper;
     }
-    .menuitemlabel {
+    .menu-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
       text-transform: upper;
     }
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: 700;
       text-transform: upper;
     }
@@ -4136,21 +3674,21 @@
 [data-brand="bild"] {
-  .podcastplayerlabel {
+  .podcast-player-label {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 16px;
     line-height: 16px;
   }
-  .videoadtime {
+  .video-ad-time {
     font-family: Gotham;
     font-weight: 800;
     font-size: 14px;
     text-transform: upper;
   }
-  .videoplayertime {
+  .video-player-time {
     font-family: Gotham;
     font-weight: 800;
     font-size: 14px;
@@ -4158,21 +3696,21 @@
   }
   @media (min-width: 390px) {
-    .podcastplayerlabel {
+    .podcast-player-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       line-height: 16px;
     }
-    .videoadtime {
+    .video-ad-time {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
       text-transform: upper;
     }
-    .videoplayertime {
+    .video-player-time {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
@@ -4182,21 +3720,21 @@
   }
   @media (min-width: 600px) {
-    .podcastplayerlabel {
+    .podcast-player-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       line-height: 16px;
     }
-    .videoadtime {
+    .video-ad-time {
       font-family: Gotham;
       font-weight: 800;
       font-size: 16px;
       text-transform: upper;
     }
-    .videoplayertime {
+    .video-player-time {
       font-family: Gotham;
       font-weight: 800;
       font-size: 16px;
@@ -4206,21 +3744,21 @@
   }
   @media (min-width: 1024px) {
-    .podcastplayerlabel {
+    .podcast-player-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
       line-height: 18px;
     }
-    .videoadtime {
+    .video-ad-time {
       font-family: Gotham;
       font-weight: 800;
       font-size: 16px;
       text-transform: upper;
     }
-    .videoplayertime {
+    .video-player-time {
       font-family: Gotham;
       font-weight: 800;
       font-size: 18px;
@@ -4233,14 +3771,14 @@
 [data-brand="bild"] {
-  .livetickerheadline {
+  .live-ticker-headline {
     font-family: Gotham Condensed;
     font-weight: 600;
     font-size: 22px;
     line-height: 22px;
   }
-  .livetickertimestamp {
+  .live-ticker-time-stamp {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 14px;
@@ -4248,14 +3786,14 @@
   }
   @media (min-width: 390px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: Gotham Condensed;
       font-weight: 600;
       font-size: 22px;
       line-height: 22px;
     }
-    .livetickertimestamp {
+    .live-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 14px;
@@ -4265,14 +3803,14 @@
   }
   @media (min-width: 600px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: Gotham Condensed;
       font-weight: 600;
       font-size: 32px;
       line-height: 32px;
     }
-    .livetickertimestamp {
+    .live-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -4282,14 +3820,14 @@
   }
   @media (min-width: 1024px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: Gotham Condensed;
       font-weight: 600;
       font-size: 32px;
       line-height: 32px;
     }
-    .livetickertimestamp {
+    .live-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -4302,7 +3840,7 @@
 [data-brand="bild"] {
-  .textinputfieldlabel {
+  .text-input-field-label {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 16px;
@@ -4310,7 +3848,7 @@
   }
   @media (min-width: 390px) {
-    .textinputfieldlabel {
+    .text-input-field-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
@@ -4320,7 +3858,7 @@
   }
   @media (min-width: 600px) {
-    .textinputfieldlabel {
+    .text-input-field-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
@@ -4330,7 +3868,7 @@
   }
   @media (min-width: 1024px) {
-    .textinputfieldlabel {
+    .text-input-field-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
@@ -4343,26 +3881,26 @@
 [data-brand="bild"] {
-  .footercardlink {
+  .footer-card-link {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 15px;
     text-decoration: underline;
   }
-  .footerlinkseparator {
+  .footer-link-separator {
     font-family: Gotham XNarrow;
     font-weight: 400;
   }
-  .footerlinks {
+  .footer-links {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 11px;
     line-height: 14px;
   }
-  .footerlinkuserofferpages {
+  .footer-link-user-offer-pages {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 18px;
@@ -4370,26 +3908,26 @@
   }
   @media (min-width: 390px) {
-    .footercardlink {
+    .footer-card-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
       text-decoration: underline;
     }
-    .footerlinkseparator {
+    .footer-link-separator {
       font-family: Gotham XNarrow;
       font-weight: 400;
     }
-    .footerlinks {
+    .footer-links {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
@@ -4399,26 +3937,26 @@
   }
   @media (min-width: 600px) {
-    .footercardlink {
+    .footer-card-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
       text-decoration: underline;
     }
-    .footerlinkseparator {
+    .footer-link-separator {
       font-family: Gotham XNarrow;
       font-weight: 400;
     }
-    .footerlinks {
+    .footer-links {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
@@ -4428,26 +3966,26 @@
   }
   @media (min-width: 1024px) {
-    .footercardlink {
+    .footer-card-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
       text-decoration: underline;
     }
-    .footerlinkseparator {
+    .footer-link-separator {
       font-family: Gotham XNarrow;
       font-weight: 400;
     }
-    .footerlinks {
+    .footer-links {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
@@ -4460,14 +3998,14 @@
 [data-brand="bild"] {
-  .chiplabel {
+  .chip-label {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
   }
   @media (min-width: 390px) {
-    .chiplabel {
+    .chip-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -4476,7 +4014,7 @@
   }
   @media (min-width: 600px) {
-    .chiplabel {
+    .chip-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -4485,7 +4023,7 @@
   }
   @media (min-width: 1024px) {
-    .chiplabel {
+    .chip-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
@@ -4497,16 +4035,16 @@
 [data-brand="bild"] {
-  .buttonlabel {
+  .button-label {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 15px;
     line-height: 15px;
     letter-spacing: 0.5px;
-    font-style: 600;
     text-transform: upper;
   }
-  .partnerlinkbuttonlabel {
+  .partner-link-button-label {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 16px;
@@ -4514,16 +4052,16 @@
   }
   @media (min-width: 390px) {
-    .buttonlabel {
+    .button-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
       letter-spacing: 0.5px;
-      font-style: 600;
       text-transform: upper;
     }
-    .partnerlinkbuttonlabel {
+    .partner-link-button-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
@@ -4533,16 +4071,16 @@
   }
   @media (min-width: 600px) {
-    .buttonlabel {
+    .button-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
       letter-spacing: 0.5px;
-      font-style: 600;
       text-transform: upper;
     }
-    .partnerlinkbuttonlabel {
+    .partner-link-button-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
@@ -4552,16 +4090,16 @@
   }
   @media (min-width: 1024px) {
-    .buttonlabel {
+    .button-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
       letter-spacing: 0.5px;
-      font-style: 600;
       text-transform: upper;
     }
-    .partnerlinkbuttonlabel {
+    .partner-link-button-label {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
@@ -4574,7 +4112,7 @@
 [data-brand="bild"] {
-  .breakingnewstext {
+  .breaking-news-text {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 21px;
@@ -4582,14 +4120,14 @@
     text-transform: upper;
   }
-  .breakingnewsuppertitle {
+  .breaking-news-upper-title {
     font-family: Gotham;
     font-weight: 800;
     font-size: 13px;
     line-height: 13px;
   }
-  .breakingnewslowertitle {
+  .breaking-news-lower-title {
     font-family: Gotham;
     font-weight: 800;
     font-size: 23px;
@@ -4597,7 +4135,7 @@
   }
   @media (min-width: 390px) {
-    .breakingnewstext {
+    .breaking-news-text {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -4605,14 +4143,14 @@
       text-transform: upper;
     }
-    .breakingnewsuppertitle {
+    .breaking-news-upper-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 13px;
       line-height: 13px;
     }
-    .breakingnewslowertitle {
+    .breaking-news-lower-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 23px;
@@ -4622,7 +4160,7 @@
   }
   @media (min-width: 600px) {
-    .breakingnewstext {
+    .breaking-news-text {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -4630,14 +4168,14 @@
       text-transform: upper;
     }
-    .breakingnewsuppertitle {
+    .breaking-news-upper-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 17px;
       line-height: 12px;
     }
-    .breakingnewslowertitle {
+    .breaking-news-lower-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 30px;
@@ -4647,7 +4185,7 @@
   }
   @media (min-width: 1024px) {
-    .breakingnewstext {
+    .breaking-news-text {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -4655,14 +4193,14 @@
       text-transform: upper;
     }
-    .breakingnewsuppertitle {
+    .breaking-news-upper-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 17px;
       line-height: 12px;
     }
-    .breakingnewslowertitle {
+    .breaking-news-lower-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 30px;
@@ -4674,75 +4212,6 @@
 }
-[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.8px;
-    }
-  }
-  @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.8px;
-    }
-  }
-}
 [data-brand="bild"] {
   .breadcrumb {
     font-family: Gotham XNarrow;
@@ -4751,7 +4220,7 @@
     line-height: 15px;
   }
-  .breadcrumblink {
+  .breadcrumb-link {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 15px;
@@ -4759,7 +4228,7 @@
     text-decoration: underline;
   }
-  .breadcrumblinkhover {
+  .breadcrumb-link-hover {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 15px;
@@ -4775,7 +4244,7 @@
       line-height: 15px;
     }
-    .breadcrumblink {
+    .breadcrumb-link {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -4783,7 +4252,7 @@
       text-decoration: underline;
     }
-    .breadcrumblinkhover {
+    .breadcrumb-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -4801,7 +4270,7 @@
       line-height: 15px;
     }
-    .breadcrumblink {
+    .breadcrumb-link {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -4809,7 +4278,7 @@
       text-decoration: underline;
     }
-    .breadcrumblinkhover {
+    .breadcrumb-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -4827,7 +4296,7 @@
       line-height: 12px;
     }
-    .breadcrumblink {
+    .breadcrumb-link {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -4835,7 +4304,7 @@
       text-decoration: underline;
     }
-    .breadcrumblinkhover {
+    .breadcrumb-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -4849,21 +4318,90 @@
 [data-brand="bild"] {
-  .appavatar {
+  .video-ad-badge {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 14px;
+    text-transform: upper;
+  }
+  .video-time-badge {
+    font-family: Gotham XNarrow;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+  }
+  @media (min-width: 390px) {
+    .video-ad-badge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 14px;
+      text-transform: upper;
+    }
+    .video-time-badge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 21px;
+    }
+  }
+  @media (min-width: 600px) {
+    .video-ad-badge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .video-time-badge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 23.8px;
+    }
+  }
+  @media (min-width: 1024px) {
+    .video-ad-badge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 16px;
+      text-transform: upper;
+    }
+    .video-time-badge {
+      font-family: Gotham XNarrow;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 23.8px;
+    }
+  }
+}
+[data-brand="bild"] {
+  .app-avatar {
     font-family: Gotham;
     font-weight: 800;
     font-size: 12px;
     text-transform: upper;
   }
-  .avatardefault {
+  .avatar-default {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
     line-height: 21px;
   }
-  .avatarhover {
+  .avatar-hover {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
@@ -4871,14 +4409,14 @@
     text-decoration: underline;
   }
-  .avatarsecondaryinfo {
+  .avatar-secondary-info {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 16px;
     line-height: 21px;
   }
-  .avatarsecondaryinfohover {
+  .avatar-secondary-info-hover {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 16px;
@@ -4887,21 +4425,21 @@
   }
   @media (min-width: 390px) {
-    .appavatar {
+    .app-avatar {
       font-family: Gotham;
       font-weight: 800;
       font-size: 12px;
       text-transform: upper;
     }
-    .avatardefault {
+    .avatar-default {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       line-height: 21px;
     }
-    .avatarhover {
+    .avatar-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -4909,14 +4447,14 @@
       text-decoration: underline;
     }
-    .avatarsecondaryinfo {
+    .avatar-secondary-info {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       line-height: 21px;
     }
-    .avatarsecondaryinfohover {
+    .avatar-secondary-info-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
@@ -4927,21 +4465,21 @@
   }
   @media (min-width: 600px) {
-    .appavatar {
+    .app-avatar {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
       text-transform: upper;
     }
-    .avatardefault {
+    .avatar-default {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       line-height: 21px;
     }
-    .avatarhover {
+    .avatar-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -4949,14 +4487,14 @@
       text-decoration: underline;
     }
-    .avatarsecondaryinfo {
+    .avatar-secondary-info {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       line-height: 21px;
     }
-    .avatarsecondaryinfohover {
+    .avatar-secondary-info-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
@@ -4967,21 +4505,21 @@
   }
   @media (min-width: 1024px) {
-    .appavatar {
+    .app-avatar {
       font-family: Gotham;
       font-weight: 800;
       font-size: 16px;
       text-transform: upper;
     }
-    .avatardefault {
+    .avatar-default {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
       line-height: 23px;
     }
-    .avatarhover {
+    .avatar-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
@@ -4989,14 +4527,14 @@
       text-decoration: underline;
     }
-    .avatarsecondaryinfo {
+    .avatar-secondary-info {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
       line-height: 23px;
     }
-    .avatarsecondaryinfohover {
+    .avatar-secondary-info-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
@@ -5010,7 +4548,7 @@
 [data-brand="bild"] {
-  .audioplayerlabel {
+  .audio-player-label {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
@@ -5018,7 +4556,7 @@
   }
   @media (min-width: 390px) {
-    .audioplayerlabel {
+    .audio-player-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -5028,7 +4566,7 @@
   }
   @media (min-width: 600px) {
-    .audioplayerlabel {
+    .audio-player-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -5038,7 +4576,7 @@
   }
   @media (min-width: 1024px) {
-    .audioplayerlabel {
+    .audio-player-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
@@ -5051,70 +4589,70 @@
 [data-brand="bild"] {
-  .articlekicker {
+  .article-kicker {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 18px;
     line-height: 19.8px;
-    font-style: 700;
   }
-  .articleimagecaption {
+  .article-image-caption {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
     line-height: 19.5px;
   }
-  .articleheadline {
+  .article-headline {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 40px;
     line-height: 40px;
-    font-style: 700;
   }
-  .articlemetasource {
+  .article-meta-source {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 16px;
     line-height: 21px;
   }
-  .articletimestamp {
+  .article-time-stamp {
     font-family: Gotham;
     font-weight: 800;
     font-size: 12px;
   }
   @media (min-width: 390px) {
-    .articlekicker {
+    .article-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 18px;
       line-height: 19.8px;
-      font-style: 700;
     }
-    .articleimagecaption {
+    .article-image-caption {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
       line-height: 19.5px;
     }
-    .articleheadline {
+    .article-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 40px;
       line-height: 40px;
-      font-style: 700;
     }
-    .articlemetasource {
+    .article-meta-source {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       line-height: 21px;
     }
-    .articletimestamp {
+    .article-time-stamp {
       font-family: Gotham;
       font-weight: 800;
       font-size: 12px;
@@ -5123,35 +4661,35 @@
   }
   @media (min-width: 600px) {
-    .articlekicker {
+    .article-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 700;
     }
-    .articleimagecaption {
+    .article-image-caption {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
       line-height: 24.75px;
     }
-    .articleheadline {
+    .article-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 72px;
       line-height: 72px;
-      font-style: 700;
     }
-    .articlemetasource {
+    .article-meta-source {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       line-height: 21px;
     }
-    .articletimestamp {
+    .article-time-stamp {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
@@ -5160,35 +4698,35 @@
   }
   @media (min-width: 1024px) {
-    .articlekicker {
+    .article-kicker {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 30px;
       line-height: 30px;
-      font-style: 700;
     }
-    .articleimagecaption {
+    .article-image-caption {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
       line-height: 24.75px;
     }
-    .articleheadline {
+    .article-headline {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 100px;
       line-height: 100px;
-      font-style: 700;
     }
-    .articlemetasource {
+    .article-meta-source {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
       line-height: 23px;
     }
-    .articletimestamp {
+    .article-time-stamp {
       font-family: Gotham;
       font-weight: 800;
       font-size: 16px;
@@ -5200,14 +4738,14 @@
 [data-brand="bild"] {
-  .accordionlabel {
+  .accordion-label {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 17px;
   }
   @media (min-width: 390px) {
-    .accordionlabel {
+    .accordion-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -5216,7 +4754,7 @@
   }
   @media (min-width: 600px) {
-    .accordionlabel {
+    .accordion-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -5225,7 +4763,7 @@
   }
   @media (min-width: 1024px) {
-    .accordionlabel {
+    .accordion-label {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;