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

@marioschmidt/design-system-tokens 1.0.57 → 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/sportbild-all.css RENAMED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * SPORTBILD Design System Tokens v1.0.57
+ * SPORTBILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Sportbild | 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: 38px;
-  --display1-font-size-sm: 38px;
-  --display1-font-size-md: 68px;
-  --display1-font-size-lg: 114px;
-  --display2-font-size-xs: 34px;
-  --display2-font-size-sm: 34px;
-  --display2-font-size-md: 40px;
-  --display2-font-size-lg: 61px;
-  --display3-font-size-sm: 27px;
-  --display3-font-size-md: 30px;
-  --display3-font-size-lg: 38px;
-  --display3-font-size-xs: 27px;
-  --headline1-font-size-xs: 42px;
-  --headline1-font-size-sm: 42px;
-  --headline1-font-size-md: 60px;
-  --headline1-font-size-lg: 80px;
-  --headline2-font-size-xs: 42px;
-  --headline2-font-size-sm: 42px;
-  --headline2-font-size-md: 44px;
-  --headline2-font-size-lg: 50px;
-  --headline3-font-size-xs: 30px;
-  --headline3-font-size-sm: 30px;
-  --headline3-font-size-md: 30px;
-  --headline3-font-size-lg: 34px;
-  --headline4-font-size-xs: 21px;
-  --headline4-font-size-sm: 21px;
-  --headline4-font-size-md: 26px;
-  --headline4-font-size-lg: 26px;
-  --headline-text-align: left;
-  --kicker1-font-size-xs: 20px;
-  --kicker1-font-size-sm: 20px;
-  --kicker1-font-size-md: 26px;
-  --kicker1-font-size-lg: 32px;
-  --kicker2-font-size-xs: 16px;
-  --kicker2-font-size-sm: 16px;
-  --kicker2-font-size-md: 26px;
-  --kicker2-font-size-lg: 26px;
-  --kicker3-font-size-xs: 16px;
-  --kicker3-font-size-sm: 16px;
-  --kicker3-font-size-md: 20px;
-  --kicker3-font-size-lg: 22px;
-  --kicker4-font-size-xs: 14px;
-  --kicker4-font-size-sm: 14px;
-  --kicker4-font-size-md: 16px;
-  --kicker4-font-size-lg: 18px;
-  --subheadline1-font-size-xs: 18px;
-  --subheadline1-font-size-sm: 18px;
-  --subheadline1-font-size-md: 22px;
-  --subheadline1-font-size-lg: 26px;
-  --title1-font-size-xs: 24px;
-  --title1-font-size-sm: 24px;
-  --title1-font-size-md: 28px;
-  --title1-font-size-lg: 30px;
-  --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: 24px;
-  --callout1-font-size-lg: 24px;
-  --body-font-size-xs: 17px;
-  --body-font-size-sm: 17px;
-  --body-font-size-md: 17px;
-  --body-font-size-lg: 17px;
-  --footnote1-font-size-xs: 13px;
-  --footnote1-font-size-sm: 13px;
-  --footnote1-font-size-md: 13px;
-  --footnote1-font-size-lg: 15px;
-  --footnote2-font-size-xs: 10px;
-  --footnote2-font-size-sm: 10px;
-  --footnote2-font-size-md: 10px;
-  --footnote2-font-size-lg: 13px;
-  --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: 42px;
-  --headline1-line-height-sm: 42px;
-  --headline1-line-height-md: 69px;
-  --headline1-line-height-lg: 88px;
-  --headline2-line-height-xs: 42px;
-  --headline2-line-height-sm: 42px;
-  --headline2-line-height-md: 50.6px;
-  --headline2-line-height-lg: 57.6px;
-  --headline3-line-height-xs: 33px;
-  --headline3-line-height-sm: 33px;
-  --headline3-line-height-md: 34.5px;
-  --headline3-line-height-lg: 39.1px;
-  --headline4-line-height-xs: 23.1px;
-  --headline4-line-height-sm: 23.1px;
-  --headline4-line-height-md: 28.6px;
-  --headline4-line-height-lg: 29.9px;
-  --subheadline1-line-height-xs: 23.4px;
-  --subheadline1-line-height-sm: 23.4px;
-  --subheadline1-line-height-md: 28.6px;
-  --subheadline1-line-height-lg: 33.8px;
-  --kicker1-line-height-xs: 22px;
-  --kicker1-line-height-sm: 22px;
-  --kicker1-line-height-md: 28.6px;
-  --kicker1-line-height-lg: 35.2px;
-  --kicker2-line-height-xs: 17.6px;
-  --kicker2-line-height-sm: 17.6px;
-  --kicker2-line-height-md: 28.6px;
-  --kicker2-line-height-lg: 28.6px;
-  --kicker3-line-height-xs: 17.6px;
-  --kicker3-line-height-sm: 17.6px;
-  --kicker3-line-height-md: 22px;
-  --kicker3-line-height-lg: 24.2px;
-  --kicker4-line-height-xs: 15.4px;
-  --kicker4-line-height-sm: 15.4px;
-  --kicker4-line-height-md: 17.6px;
-  --kicker4-line-height-lg: 19.8px;
-  --title1-line-height-xs: 26.4px;
-  --title1-line-height-sm: 26.4px;
-  --title1-line-height-md: 30.8px;
-  --title1-line-height-lg: 33px;
-  --title2-line-height-xs: 16.8px;
-  --title2-line-height-sm: 20.8px;
-  --title2-line-height-md: 23.4px;
-  --title2-line-height-lg: 26px;
-  --callout1-line-height-xs: 23.4px;
-  --callout1-line-height-sm: 23.4px;
-  --callout1-line-height-md: 31.2px;
-  --callout1-line-height-lg: 31.2px;
-  --body-line-height-xs: 28.05px;
-  --body-line-height-sm: 28.05px;
-  --body-line-height-md: 29.75px;
-  --body-line-height-lg: 28.05px;
-  --footnote1-line-height-xs: 17.03px;
-  --footnote1-line-height-sm: 17.03px;
-  --footnote1-line-height-md: 17.03px;
-  --footnote1-line-height-lg: 19px;
-  --footnote2-line-height-xs: 13px;
-  --footnote2-line-height-sm: 13px;
-  --footnote2-line-height-md: 13px;
-  --footnote2-line-height-lg: 17.03px;
-  --label1-line-height: 20.4px;
-  --label1-resp-line-height-xs: 12px;
-  --label1-resp-line-height-sm: 12px;
-  --label1-resp-line-height-md: 18px;
-  --label1-resp-line-height-lg: 20.4px;
-  --label2-line-height: 19.2px;
-  --label3-line-height: 14.4px;
-  --label4-line-height: 10px;
-  --quote-line-height-xs: 20.8px;
-  --quote-line-height-sm: 20.8px;
-  --quote-line-height-md: 23.4px;
-  --quote-line-height-lg: 26px;
-  --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: Bold Italic;
-  --headline1-font-weight: 700;
-  --headline2-font-weight: 700;
-  --headline3-font-weight: 700;
-  --headline4-font-weight: 700;
-  --headline2-font-weight-st: Bold Italic;
-  --headline3-font-weight-st: Bold Italic;
-  --headline4-font-weight-st: Bold Italic;
-  --subheadline-font-weight: 700;
-  --kicker-font-weight: 700;
-  --kicker-font-weight-st: Black Italic;
-  --callout-font-weight: 800;
-  --title-font-weight: 800;
-  --kicker-font-family: AntennaExtraCond;
-  --display-font-family: AntennaCond;
-  --headline-font-family: AntennaExtraCond;
-  --subheadline-font-family: AntennaCond;
-  --body-font-family: Inter;
-  --footnote-font-family: Inter;
-  --label-font-family: AntennaExtraCond;
-  --quote-font-family: AntennaCond;
-  --title-font-family: AntennaCond;
-  --callout-font-family: AntennaCond;
-  --hide-on-bild: true;
-  --hide-on-sport-bild: false;
-  --only-advertorial: false;
-  --hide-on-advertorial: true;
-  --only-bild: false;
-  --only-sport-bild: true;
-  --article-image-caption-font-size-xs: 13px;
-  --article-image-caption-font-size-md: 13px;
-  --article-image-caption-font-size-lg: 15px;
-  --article-image-caption-font-size-sm: 13px;
-  --article-image-source-font-size-xs: 13px;
-  --article-image-source-font-size-sm: 13px;
-  --article-image-source-font-size-md: 13px;
-  --article-image-source-font-size-lg: 15px;
-  --article-image-caption-line-height-xs: 16.9px;
-  --article-image-caption-line-height-md: 16.9px;
-  --article-image-caption-line-height-lg: 19.5px;
-  --article-image-caption-line-height-sm: 16.9px;
-  --article-image-source-line-height-md: 17px;
-  --article-image-source-line-height-lg: 19px;
-  --article-image-source-line-height-xs: 17px;
-  --article-image-source-line-height-sm: 17px;
-  --breadcrumb-font-size-xs: 14px;
-  --breadcrumb-font-size-sm: 14px;
-  --breadcrumb-font-size-md: 14px;
-  --breadcrumb-font-size-lg: 11px;
-  --breadcrumb-line-height-xs: 14px;
-  --breadcrumb-line-height-sm: 14px;
-  --breadcrumb-line-height-md: 14px;
-  --breadcrumb-line-height-lg: 11px;
-  --breadcrumb-font-family: Inter;
-  --breadcrumb-font-weight: 400;
-  --menu-item-font-size: 18px;
-  --app-top-bar-title-font-size-md: 13px;
-  --app-top-bar-title-font-size-lg: 13px;
-  --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: Black Italic;
-  --teaser-title-inline-space-lg: 16px;
-  --teaser-title-inline-space-md: 16px;
-  --teaser-title-inline-space-sm: 12px;
-  --teaser-title-inline-space-xs: 12px;
-  --q-teaser-title-inline-space-lg: 24px;
-  --q-teaser-title-inline-space-md: 24px;
-  --q-teaser-title-inline-space-sm: 12px;
-  --q-teaser-title-inline-space-xs: 12px;
-  --a-teaser-title-inline-space-lg: 16px;
-  --a-teaser-title-inline-space-md: 16px;
-  --a-teaser-title-inline-space-xs: 12px;
-  --a-teaser-title-inline-space-sm: 12px;
-  --b-teaser-title-inline-space: 16px;
-  --2xa-teaser-title-inline-space: 16px;
-  --mini-qteaser-title-inline-space-md: 12px;
-  --mini-qteaser-title-inline-space-lg: 12px;
-  --mini-qteaser-title-inline-space-sm: 12px;
-  --mini-qteaser-title-inline-space-xs: 12px;
-  --super-ateaser-title-inline-space: 24px;
-  --avatar-font-family: Inter;
-  --avatar-font-size-sm: 13px;
-  --avatar-font-size-lg: 15px;
-  --breaking-news-content-font-size: 26px;
-  --accordion-label-font-family: Inter;
-  --footer-link-font-family: Inter;
-  --video-time-badge-font-family: Inter;
-  --input-field-label-font-family: Inter;
-  --button-label-font-weight-st: Bold Italic;
-  --brand-name: SportBILD;
-  --core-color-primary: #0A2750;
-  --core-color-secondary: #FFFFFF;
-  --core-color-secondary-dark: #081828;
-  --core-color-tertiary: #081828;
-  --core-color-tertiary-dark: #FFFFFF;
-  --accent-color-primary: #174482;
-  --accent-color-primary-dark: #F7F9FD;
-  --surface-color-primary: #FFFFFF;
-  --surface-color-primary-dark: #081828;
-  --surface-color-secondary: #F7F9FD;
-  --surface-color-secondary-dark: #0A2750;
-  --surface-color-tertiary: #BDCADB;
-  --surface-color-tertiary-dark: #174482;
-  --surface-color-quartenary: #CED4DA;
-  --surface-color-quartenary-dark: #4B525A;
-  --color-primary-active: #174482;
-  --color-primary-active-dark: #F7F9FD;
-  --text-color-primary: #232629;
-  --text-color-primary-dark: #E9ECEF;
-  --headline-color-primary: #0A2750;
-  --headline-color-primary-dark: #FFFFFF;
-  --kicker-text-color-on-bg: #FFFFFF;
-  --kicker-text-color-on-surface: #8C9196;
-  --kicker-text-color-on-surface-dark: #8C9196;
-  --text-color-secondary: #8C9196;
-  --text-color-secondary-dark: #8C9196;
-  --kicker-bg-color-on-surface: #174482;
-  --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: #BDCADB;
-  --primary-brand-button-primary-bg-color-idle: #174482;
-  --primary-brand-button-primary-bg-color-idle-dark: #315998;
-  --primary-brand-button-primary-bg-color-hover: #0A2750;
-  --primary-brand-button-primary-bg-color-hover-dark: #174482;
-  --breaking-news-text-content-color: #232629;
-  --breaking-news-surface-color: #FFBF00;
-  --breaking-news-title-surface-color: #0A2750;
-  --breaking-news-top-title-text-color: #FFBF00;
-  --breaking-news-surface-color-dark: #FFBF00;
-  --breaking-news-text-content-color-dark: #232629;
-  --breaking-news-bottom-title-text-color: #FFFFFF;
-  --teaser-title-background-gradient-start: rgba(10, 39, 80, 0.7);
-  --teaser-title-background-gradient-stop: rgba(10, 39, 80, 0);
-  --menu-link-lane-surface-color: #0A2750;
-  --menu-link-lane-label-color: #CED4DA;
-  --menu-link-lane-label-color-dark: #AEB4B9;
-  --menu-link-lane-surface-color-dark: #0A2750;
-  --menu-link-color-border-active: #0A2750;
-  --menu-link-color-border-active-dark: #F7F9FD;
-  --menu-link-lane-label-color-active: #FFFFFF;
-  --app-top-bar-surface-color: #0A2750;
-  --app-top-bar-bg-color-dark: #0A2750;
-  --app-bottom-tab-bar-bg-color: #FFFFFF;
-  --app-bottom-tab-bar-bg-dark: #0A2750;
-  --app-top-bar-icon-color: #8C9196;
-  --app-top-bar-icon-color-dark: #8C9196;
-  --app-top-bar-text-color: #E9ECEF;
-  --app-top-bar-text-color-dark: #E9ECEF;
-  --app-tob-bar-tab-nav-bottom-border: #174482;
-  --app-tob-bar-tab-nav-bottom-border-dark: #174482;
-  --app-tob-bar-tab-nav-bottom-border-active: #CED4DA;
-  --app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
-  --avatar-label-color: #666B70;
-  --avatar-label-color-dark: #E9ECEF;
-  --avatar-label-color-hover: #174482;
-  --chip-color-active: #174482;
 }
 /* === COLOR TOKENS (LIGHT MODE) === */
@@ -603,10 +264,11 @@
   --core-color-tertiary: #081828;
   --core-color-secondary-constant: #FFFFFF;
   --core-color-tertiary-constant: #081828;
-  --new-test-pipev3: #3083D6;
-  --new-test-pipettoken6: #3083D6;
+  --new-test: #3083D6;
   --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: #174482;
   --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(10, 39, 80, 0.7);
   --teaser-title-background-gradient-stop: rgba(10, 39, 80, 0);
-  --teaser-teaser-title-background-gradient-start: rgba(10, 39, 80, 0.7);
-  --teaser-teaser-title-background-gradient-stop: rgba(10, 39, 80, 0);
   --tab-bg-color-hover: #E9ECEF;
   --tab-label-color-active: #343C41;
   --tab-label-color-default: #4B525A;
@@ -683,35 +342,6 @@
   --menu-item-label-color-primary: #4B525A;
   --menu-item-label-color-primary-active: #232629;
   --menu-item-label-color-secondary: #FFFFFF;
-  --menu-surface-color: #FFFFFF;
-  --menu-scrolled-surface-gradient-color: rgba(255, 255, 255, 0.95);
-  --menu-link-lane-surface-color: #0A2750;
-  --menu-link-lane-label-color: #CED4DA;
-  --menu-link-lane-label-color-active: #FFFFFF;
-  --app-top-bar-surface-color: #0A2750;
-  --app-top-bar-icon-color: #8C9196;
-  --app-top-bar-text-color-primary: #E9ECEF;
-  --app-tob-bar-tab-nav-bottom-border: #174482;
-  --app-tob-bar-tab-nav-bottom-border-active: #CED4DA;
-  --menu-menu-link-lane-surface-color: #0A2750;
-  --menu-menu-link-lane-label-color: #CED4DA;
-  --menu-link-lane-label-color-dark: #AEB4B9;
-  --menu-link-lane-surface-color-dark: #0A2750;
-  --menu-link-color-border-active: #0A2750;
-  --menu-link-color-border-active-dark: #F7F9FD;
-  --menu-menu-link-lane-label-color-active: #FFFFFF;
-  --menu-app-top-bar-surface-color: #0A2750;
-  --app-top-bar-bg-color-dark: #0A2750;
-  --app-bottom-tab-bar-bg-color: #FFFFFF;
-  --app-bottom-tab-bar-bg-dark: #0A2750;
-  --menu-app-top-bar-icon-color: #8C9196;
-  --app-top-bar-icon-color-dark: #8C9196;
-  --app-top-bar-text-color: #E9ECEF;
-  --app-top-bar-text-color-dark: #E9ECEF;
-  --menu-app-tob-bar-tab-nav-bottom-border: #174482;
-  --app-tob-bar-tab-nav-bottom-border-dark: #174482;
-  --menu-app-tob-bar-tab-nav-bottom-border-active: #CED4DA;
-  --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);
@@ -722,6 +352,16 @@
   --vid-player-progress-bar-preload-bg-color: rgba(255, 255, 255, 0.3);
   --vid-player-unmute-button-bg-color: rgba(0, 0, 0, 0.2);
   --vid-player-unmute-button-bg-color-hover: rgba(0, 0, 0, 0.35);
+  --menu-surface-color: #FFFFFF;
+  --menu-scrolled-surface-gradient-color: rgba(255, 255, 255, 0.95);
+  --menu-link-lane-surface-color: #0A2750;
+  --menu-link-lane-label-color: #CED4DA;
+  --menu-link-lane-label-color-active: #FFFFFF;
+  --app-top-bar-surface-color: #0A2750;
+  --app-top-bar-icon-color: #8C9196;
+  --app-top-bar-text-color-primary: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border: #174482;
+  --app-tob-bar-tab-nav-bottom-border-active: #CED4DA;
   --kicker-bg-color-on-surface: #174482;
   --kicker-fitbook-bg-color: #FF97B7;
   --kicker-petbook-bg-color: #B9DB91;
@@ -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: #BDCADB;
-  --primary-brand-button-primary-bg-color-idle: #174482;
-  --primary-brand-button-primary-bg-color-idle-dark: #315998;
-  --primary-brand-button-primary-bg-color-hover: #0A2750;
-  --primary-brand-button-primary-bg-color-hover-dark: #174482;
   --breaking-news-title-surface-color: #0A2750;
   --breaking-news-surface-color: #FFBF00;
   --breaking-news-text-content-color: #232629;
   --breaking-news-top-title-text-color: #FFBF00;
   --breaking-news-bottom-title-text-color: #FFFFFF;
-  --breaking-news-breaking-news-text-content-color: #232629;
-  --breaking-news-breaking-news-surface-color: #FFBF00;
-  --breaking-news-breaking-news-title-surface-color: #0A2750;
-  --breaking-news-breaking-news-top-title-text-color: #FFBF00;
-  --breaking-news-surface-color-dark: #FFBF00;
-  --breaking-news-text-content-color-dark: #232629;
-  --breaking-news-breaking-news-bottom-title-text-color: #FFFFFF;
   --breadcrumb-text-color-idle: #4B525A;
   --breadcrumb-text-color-hover: #232629;
   --avatar-label-color: #666B70;
   --avatar-label-color-hover: #174482;
-  --avatar-avatar-label-color: #666B70;
-  --avatar-label-color-dark: #E9ECEF;
-  --avatar-avatar-label-color-hover: #174482;
   --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);
   }
 }
@@ -913,10 +535,11 @@
   --core-color-tertiary: #FFFFFF;
   --core-color-secondary-constant: #FFFFFF;
   --core-color-tertiary-constant: #081828;
-  --new-test-pipev3: #B0D1F3;
-  --new-test-pipettoken6: #B0D1F3;
+  --new-test: #B0D1F3;
   --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: #174482;
   --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(10, 39, 80, 0.7);
   --teaser-title-background-gradient-stop: rgba(10, 39, 80, 0);
-  --teaser-teaser-title-background-gradient-start: rgba(10, 39, 80, 0.7);
-  --teaser-teaser-title-background-gradient-stop: rgba(10, 39, 80, 0);
   --tab-bg-color-hover: #343C41;
   --tab-label-color-active: #F2F4F5;
   --tab-label-color-default: #FFFFFF;
@@ -993,35 +613,6 @@
   --menu-item-label-color-primary: #8C9196;
   --menu-item-label-color-primary-active: #F2F4F5;
   --menu-item-label-color-secondary: #FFFFFF;
-  --menu-surface-color: #081828;
-  --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.95);
-  --menu-link-lane-surface-color: #0A2750;
-  --menu-link-lane-label-color: #AEB4B9;
-  --menu-link-lane-label-color-active: #F7F9FD;
-  --app-top-bar-surface-color: #0A2750;
-  --app-top-bar-icon-color: #8C9196;
-  --app-top-bar-text-color-primary: #E9ECEF;
-  --app-tob-bar-tab-nav-bottom-border: #174482;
-  --app-tob-bar-tab-nav-bottom-border-active: #FFFFFF;
-  --menu-menu-link-lane-surface-color: #0A2750;
-  --menu-menu-link-lane-label-color: #CED4DA;
-  --menu-link-lane-label-color-dark: #AEB4B9;
-  --menu-link-lane-surface-color-dark: #0A2750;
-  --menu-link-color-border-active: #0A2750;
-  --menu-link-color-border-active-dark: #F7F9FD;
-  --menu-menu-link-lane-label-color-active: #FFFFFF;
-  --menu-app-top-bar-surface-color: #0A2750;
-  --app-top-bar-bg-color-dark: #0A2750;
-  --app-bottom-tab-bar-bg-color: #FFFFFF;
-  --app-bottom-tab-bar-bg-dark: #0A2750;
-  --menu-app-top-bar-icon-color: #8C9196;
-  --app-top-bar-icon-color-dark: #8C9196;
-  --app-top-bar-text-color: #E9ECEF;
-  --app-top-bar-text-color-dark: #E9ECEF;
-  --menu-app-tob-bar-tab-nav-bottom-border: #174482;
-  --app-tob-bar-tab-nav-bottom-border-dark: #174482;
-  --menu-app-tob-bar-tab-nav-bottom-border-active: #CED4DA;
-  --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);
@@ -1032,6 +623,16 @@
   --vid-player-progress-bar-preload-bg-color: rgba(255, 255, 255, 0.3);
   --vid-player-unmute-button-bg-color: rgba(0, 0, 0, 0.2);
   --vid-player-unmute-button-bg-color-hover: rgba(0, 0, 0, 0.35);
+  --menu-surface-color: #081828;
+  --menu-scrolled-surface-gradient-color: rgba(35, 38, 41, 0.95);
+  --menu-link-lane-surface-color: #0A2750;
+  --menu-link-lane-label-color: #AEB4B9;
+  --menu-link-lane-label-color-active: #F7F9FD;
+  --app-top-bar-surface-color: #0A2750;
+  --app-top-bar-icon-color: #8C9196;
+  --app-top-bar-text-color-primary: #E9ECEF;
+  --app-tob-bar-tab-nav-bottom-border: #174482;
+  --app-tob-bar-tab-nav-bottom-border-active: #FFFFFF;
   --kicker-bg-color-on-surface: #8C9196;
   --kicker-fitbook-bg-color: #FF97B7;
   --kicker-petbook-bg-color: #B9DB91;
@@ -1086,85 +687,67 @@
   --button-live-ticker-load-new-surface-color: #081828;
   --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: #BDCADB;
-  --primary-brand-button-primary-bg-color-idle: #174482;
-  --primary-brand-button-primary-bg-color-idle-dark: #315998;
-  --primary-brand-button-primary-bg-color-hover: #0A2750;
-  --primary-brand-button-primary-bg-color-hover-dark: #174482;
   --breaking-news-title-surface-color: #0A2750;
   --breaking-news-surface-color: #FFBF00;
   --breaking-news-text-content-color: #232629;
   --breaking-news-top-title-text-color: #FFBF00;
   --breaking-news-bottom-title-text-color: #FFFFFF;
-  --breaking-news-breaking-news-text-content-color: #232629;
-  --breaking-news-breaking-news-surface-color: #FFBF00;
-  --breaking-news-breaking-news-title-surface-color: #0A2750;
-  --breaking-news-breaking-news-top-title-text-color: #FFBF00;
-  --breaking-news-surface-color-dark: #FFBF00;
-  --breaking-news-text-content-color-dark: #232629;
-  --breaking-news-breaking-news-bottom-title-text-color: #FFFFFF;
   --breadcrumb-text-color-idle: #F2F4F5;
   --breadcrumb-text-color-hover: #FFFFFF;
   --avatar-label-color: #E9ECEF;
   --avatar-label-color-hover: #174482;
-  --avatar-avatar-label-color: #666B70;
-  --avatar-label-color-dark: #E9ECEF;
-  --avatar-avatar-label-color-hover: #174482;
   --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="sportbild"] {
-  --teaser-title-inline-space-lg: 16px;
-  --teaser-title-inline-space-md: 16px;
-  --teaser-title-inline-space-sm: 12px;
-  --teaser-title-inline-space-xs: 12px;
-  --q-teaser-title-inline-space-lg: 24px;
-  --q-teaser-title-inline-space-md: 24px;
-  --q-teaser-title-inline-space-sm: 12px;
-  --q-teaser-title-inline-space-xs: 12px;
-  --a-teaser-title-inline-space-lg: 16px;
-  --a-teaser-title-inline-space-md: 16px;
-  --a-teaser-title-inline-space-xs: 12px;
-  --a-teaser-title-inline-space-sm: 12px;
-  --b-teaser-title-inline-space: 16px;
-  --2xa-teaser-title-inline-space: 16px;
-  --mini-qteaser-title-inline-space-md: 12px;
-  --mini-qteaser-title-inline-space-lg: 12px;
-  --mini-qteaser-title-inline-space-sm: 12px;
-  --mini-qteaser-title-inline-space-xs: 12px;
-  --super-ateaser-title-inline-space: 24px;
-  --menu-item-font-size: 18px;
-  --app-top-bar-title-font-size-md: 13px;
-  --app-top-bar-title-font-size-lg: 13px;
-  --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: Black Italic;
-  --video-time-badge-font-family: Inter;
-  --input-field-label-font-family: Inter;
-  --footer-link-font-family: Inter;
-  --button-label-font-weight-st: Bold Italic;
-  --breaking-news-content-font-size: 26px;
-  --breadcrumb-font-size-xs: 14px;
-  --breadcrumb-font-size-sm: 14px;
-  --breadcrumb-font-size-md: 14px;
-  --breadcrumb-font-size-lg: 11px;
-  --breadcrumb-line-height-xs: 14px;
-  --breadcrumb-line-height-sm: 14px;
-  --breadcrumb-line-height-md: 14px;
-  --breadcrumb-line-height-lg: 11px;
-  --breadcrumb-font-family: Inter;
-  --breadcrumb-font-weight: 400;
-  --avatar-font-family: Inter;
-  --avatar-font-size-sm: 13px;
-  --avatar-font-size-lg: 15px;
-  --article-image-caption-font-size-xs: 13px;
-  --article-image-caption-font-size-md: 13px;
-  --article-image-caption-font-size-lg: 15px;
-  --article-image-caption-font-size-sm: 13px;
-  --article-image-source-font-size-xs: 13px;
-  --article-image-source-font-size-sm: 13px;
-  --article-image-source-font-size-md: 13px;
-  --article-image-source-font-size-lg: 15px;
-  --article-image-caption-line-height-xs: 16.9px;
-  --article-image-caption-line-height-md: 16.9px;
-  --article-image-caption-line-height-lg: 19.5px;
-  --article-image-caption-line-height-sm: 16.9px;
-  --article-image-source-line-height-md: 17px;
-  --article-image-source-line-height-lg: 19px;
-  --article-image-source-line-height-xs: 17px;
-  --article-image-source-line-height-sm: 17px;
-  --accordion-label-font-family: Inter;
-}
 /* === RESPONSIVE TOKENS & TYPOGRAPHY === */
 [data-brand="sportbild"] {
@@ -1301,30 +815,34 @@
   .headline1 {
     font-family: AntennaExtraCond;
+    font-weight: 900;
     font-size: 42px;
     line-height: 42px;
-    font-style: bold italic;
+    font-style: italic;
   }
   .headline2 {
     font-family: AntennaExtraCond;
+    font-weight: 900;
     font-size: 42px;
     line-height: 42px;
-    font-style: bold italic;
+    font-style: italic;
   }
   .headline3 {
     font-family: AntennaExtraCond;
+    font-weight: 900;
     font-size: 30px;
     line-height: 33px;
-    font-style: bold italic;
+    font-style: italic;
   }
   .headline4 {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 21px;
     line-height: 21px;
-    font-style: bold italic;
+    font-style: italic;
   }
   .subheadline1 {
@@ -1336,30 +854,34 @@
   .kicker1 {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 20px;
     line-height: 22px;
-    font-style: black italic;
+    font-style: italic;
   }
   .kicker2 {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 16px;
     line-height: 17.6px;
-    font-style: black italic;
+    font-style: italic;
   }
   .kicker3 {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 16px;
     line-height: 17.6px;
-    font-style: black italic;
+    font-style: italic;
   }
   .kicker4 {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 14px;
     line-height: 15.4px;
-    font-style: black italic;
+    font-style: italic;
   }
   .title1 {
@@ -1369,7 +891,7 @@
     line-height: 26.4px;
   }
-  .title1uppercase {
+  .title1-uppercase {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 24px;
@@ -1384,7 +906,7 @@
     line-height: 16.8px;
   }
-  .title2uppercase {
+  .title2-uppercase {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 16px;
@@ -1406,26 +928,30 @@
     line-height: 28.05px;
   }
-  .bodyitalic {
+  .body-italic {
     font-family: Inter;
+    font-weight: 400;
     font-size: 17px;
     line-height: 28.05px;
+    font-style: italic;
   }
-  .bodybold {
+  .body-bold {
     font-family: Inter;
     font-weight: 700;
     font-size: 17px;
     line-height: 28.05px;
   }
-  .bodybolditalic {
+  .body-bold-italic {
     font-family: Inter;
+    font-weight: 700;
     font-size: 17px;
     line-height: 28.05px;
+    font-style: italic;
   }
-  .textlink {
+  .text-link {
     font-family: Inter;
     font-weight: 400;
     font-size: 17px;
@@ -1433,14 +959,16 @@
     text-decoration: underline;
   }
-  .textlinkitalic {
+  .text-link-italic {
     font-family: Inter;
+    font-weight: 400;
     font-size: 17px;
     line-height: 28.05px;
+    font-style: italic;
     text-decoration: underline;
   }
-  .textlinkbold {
+  .text-link-bold {
     font-family: Inter;
     font-weight: 700;
     font-size: 17px;
@@ -1448,7 +976,7 @@
     text-decoration: underline;
   }
-  .textlinkhover {
+  .text-link-hover {
     font-family: Inter;
     font-weight: 400;
     font-size: 17px;
@@ -1456,7 +984,7 @@
     text-decoration: underline;
   }
-  .textlinkboldhover {
+  .text-link-bold-hover {
     font-family: Inter;
     font-weight: 700;
     font-size: 17px;
@@ -1471,7 +999,7 @@
     line-height: 17.03px;
   }
-  .footnote1bold {
+  .footnote1-bold {
     font-family: Inter;
     font-weight: 700;
     font-size: 13px;
@@ -1485,7 +1013,7 @@
     line-height: 13px;
   }
-  .footnote2bold {
+  .footnote2-bold {
     font-family: Inter;
     font-weight: 700;
     font-size: 10px;
@@ -1500,7 +1028,7 @@
     letter-spacing: 0.25px;
   }
-  .label1bold {
+  .label1-bold {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 17px;
@@ -1508,7 +1036,7 @@
     letter-spacing: 0.25px;
   }
-  .label1boldresp {
+  .label1-bold-resp {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 10px;
@@ -1516,7 +1044,7 @@
     letter-spacing: 0.25px;
   }
-  .label1uppercasebold {
+  .label1-uppercase-bold {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 17px;
@@ -1533,7 +1061,7 @@
     letter-spacing: 0.25px;
   }
-  .label2uppercase {
+  .label2-uppercase {
     font-family: AntennaExtraCond;
     font-weight: 400;
     font-size: 15px;
@@ -1542,7 +1070,7 @@
     text-transform: upper;
   }
-  .label2bold {
+  .label2-bold {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 15px;
@@ -1550,7 +1078,7 @@
     letter-spacing: 0.25px;
   }
-  .label2uppercasebold {
+  .label2-uppercase-bold {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 15px;
@@ -1567,7 +1095,7 @@
     letter-spacing: 0.25px;
   }
-  .label3uppercase {
+  .label3-uppercase {
     font-family: AntennaExtraCond;
     font-weight: 400;
     font-size: 12px;
@@ -1576,7 +1104,7 @@
     text-transform: upper;
   }
-  .label3bold {
+  .label3-bold {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 12px;
@@ -1584,7 +1112,7 @@
     letter-spacing: 0.25px;
   }
-  .label3uppercasebold {
+  .label3-uppercase-bold {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 12px;
@@ -1634,30 +1162,34 @@
     .headline1 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 42px;
       line-height: 42px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline2 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 42px;
       line-height: 42px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline3 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 30px;
       line-height: 33px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline4 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 21px;
       line-height: 21px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .subheadline1 {
@@ -1669,30 +1201,34 @@
     .kicker1 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 20px;
       line-height: 22px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker2 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker3 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker4 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 14px;
       line-height: 15.4px;
-      font-style: black italic;
+      font-style: italic;
     }
     .title1 {
@@ -1702,7 +1238,7 @@
       line-height: 26.4px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 24px;
@@ -1717,7 +1253,7 @@
       line-height: 20.8px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 16px;
@@ -1739,26 +1275,30 @@
       line-height: 28.05px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Inter;
+      font-weight: 400;
       font-size: 17px;
       line-height: 28.05px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
       line-height: 28.05px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Inter;
+      font-weight: 700;
       font-size: 17px;
       line-height: 28.05px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Inter;
       font-weight: 400;
       font-size: 17px;
@@ -1766,14 +1306,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Inter;
+      font-weight: 400;
       font-size: 17px;
       line-height: 28.05px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
@@ -1781,7 +1323,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Inter;
       font-weight: 400;
       font-size: 17px;
@@ -1789,7 +1331,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
@@ -1804,7 +1346,7 @@
       line-height: 17.03px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
@@ -1818,7 +1360,7 @@
       line-height: 13px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 10px;
@@ -1833,7 +1375,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -1841,7 +1383,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 10px;
@@ -1849,7 +1391,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -1866,7 +1408,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 15px;
@@ -1875,7 +1417,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 15px;
@@ -1883,7 +1425,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 15px;
@@ -1900,7 +1442,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 12px;
@@ -1909,7 +1451,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 12px;
@@ -1917,7 +1459,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 12px;
@@ -1969,30 +1511,34 @@
     .headline1 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 60px;
       line-height: 69px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline2 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 44px;
       line-height: 50.6px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline3 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 30px;
       line-height: 34.5px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline4 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 26px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .subheadline1 {
@@ -2004,30 +1550,34 @@
     .kicker1 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 28.6px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker2 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 28.6px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker3 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 20px;
       line-height: 22px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker4 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: black italic;
+      font-style: italic;
     }
     .title1 {
@@ -2037,7 +1587,7 @@
       line-height: 30.8px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 28px;
@@ -2052,7 +1602,7 @@
       line-height: 23.4px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 18px;
@@ -2074,26 +1624,30 @@
       line-height: 29.75px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Inter;
+      font-weight: 400;
       font-size: 17px;
       line-height: 29.75px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
       line-height: 29.75px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Inter;
+      font-weight: 700;
       font-size: 17px;
       line-height: 29.75px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Inter;
       font-weight: 400;
       font-size: 17px;
@@ -2101,14 +1655,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Inter;
+      font-weight: 400;
       font-size: 17px;
       line-height: 29.75px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
@@ -2116,7 +1672,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Inter;
       font-weight: 400;
       font-size: 17px;
@@ -2124,7 +1680,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
@@ -2139,7 +1695,7 @@
       line-height: 17.03px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
@@ -2153,7 +1709,7 @@
       line-height: 13px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 10px;
@@ -2168,7 +1724,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -2176,7 +1732,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 15px;
@@ -2184,7 +1740,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -2201,7 +1757,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 15px;
@@ -2210,7 +1766,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 15px;
@@ -2218,7 +1774,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 15px;
@@ -2235,7 +1791,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 12px;
@@ -2244,7 +1800,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 12px;
@@ -2252,7 +1808,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 12px;
@@ -2304,30 +1860,34 @@
     .headline1 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 80px;
       line-height: 88px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline2 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 50px;
       line-height: 57.6px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline3 {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 34px;
       line-height: 39.1px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .headline4 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 26px;
-      font-style: bold italic;
+      font-style: italic;
     }
     .subheadline1 {
@@ -2339,30 +1899,34 @@
     .kicker1 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 32px;
       line-height: 35.2px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker2 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 28.6px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker3 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 22px;
       line-height: 24.2px;
-      font-style: black italic;
+      font-style: italic;
     }
     .kicker4 {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 18px;
       line-height: 19.8px;
-      font-style: black italic;
+      font-style: italic;
     }
     .title1 {
@@ -2372,7 +1936,7 @@
       line-height: 33px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 30px;
@@ -2387,7 +1951,7 @@
       line-height: 26px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 20px;
@@ -2409,26 +1973,30 @@
       line-height: 28.05px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Inter;
+      font-weight: 400;
       font-size: 17px;
       line-height: 28.05px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
       line-height: 28.05px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Inter;
+      font-weight: 700;
       font-size: 17px;
       line-height: 28.05px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Inter;
       font-weight: 400;
       font-size: 17px;
@@ -2436,14 +2004,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Inter;
+      font-weight: 400;
       font-size: 17px;
       line-height: 28.05px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
@@ -2451,7 +2021,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Inter;
       font-weight: 400;
       font-size: 17px;
@@ -2459,7 +2029,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
@@ -2474,7 +2044,7 @@
       line-height: 19px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 15px;
@@ -2488,7 +2058,7 @@
       line-height: 17.03px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
@@ -2503,7 +2073,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -2511,7 +2081,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -2519,7 +2089,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -2536,7 +2106,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 15px;
@@ -2545,7 +2115,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 15px;
@@ -2553,7 +2123,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 15px;
@@ -2570,7 +2140,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 12px;
@@ -2579,7 +2149,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 12px;
@@ -2587,7 +2157,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 12px;
@@ -3412,7 +2982,7 @@
 [data-brand="sportbild"] {
-  .apptoogleitemlabel {
+  .app-toogle-item-label {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 14px;
@@ -3421,7 +2991,7 @@
   }
   @media (min-width: 390px) {
-    .apptoogleitemlabel {
+    .app-toogle-item-label {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 14px;
@@ -3432,7 +3002,7 @@
   }
   @media (min-width: 600px) {
-    .apptoogleitemlabel {
+    .app-toogle-item-label {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 16px;
@@ -3443,7 +3013,7 @@
   }
   @media (min-width: 1024px) {
-    .apptoogleitemlabel {
+    .app-toogle-item-label {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 18px;
@@ -3457,179 +3027,203 @@
 [data-brand="sportbild"] {
-  .ateaser-ateaserkicker {
+  .a-teaser-a-teaser-kicker {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 16px;
     line-height: 16px;
-    font-style: black italic;
+    font-style: italic;
   }
-  .ateaser-ateaserheadline {
+  .a-teaser-a-teaser-headline {
     font-family: AntennaExtraCond;
+    font-weight: 900;
     font-size: 30px;
     line-height: 30px;
-    font-style: bold italic;
+    font-style: italic;
   }
-  .mqteaser-mqteaserkicker {
+  .m-qteaser-m-qteaser-kicker {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 14px;
     line-height: 15.4px;
-    font-style: black italic;
+    font-style: italic;
   }
-  .mqteaser-mqteaserheadline {
+  .m-qteaser-m-qteaser-headline {
     font-family: AntennaExtraCond;
+    font-weight: 900;
     font-size: 21px;
     line-height: 23.1px;
-    font-style: bold italic;
+    font-style: italic;
   }
-  .qteaser-qteaserheadline {
+  .q-teaser-q-teaser-headline {
     font-family: AntennaExtraCond;
+    font-weight: 900;
     font-size: 42px;
     line-height: 42px;
-    font-style: bold italic;
+    font-style: italic;
   }
-  .stdteaser-stdteaserheadline {
+  .std-teaser-std-teaser-headline {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 21px;
     line-height: 23.1px;
-    font-style: bold italic;
+    font-style: italic;
   }
   @media (min-width: 390px) {
-    .ateaser-ateaserkicker {
+    .a-teaser-a-teaser-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 16px;
       line-height: 16px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .ateaser-ateaserheadline {
+    .a-teaser-a-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 30px;
       line-height: 30px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .mqteaser-mqteaserkicker {
+    .m-qteaser-m-qteaser-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 14px;
       line-height: 15.4px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .mqteaser-mqteaserheadline {
+    .m-qteaser-m-qteaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 21px;
       line-height: 23.1px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .qteaser-qteaserheadline {
+    .q-teaser-q-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 42px;
       line-height: 42px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .stdteaser-stdteaserheadline {
+    .std-teaser-std-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 21px;
       line-height: 23.1px;
-      font-style: bold italic;
+      font-style: italic;
     }
   }
   @media (min-width: 600px) {
-    .ateaser-ateaserkicker {
+    .a-teaser-a-teaser-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 26px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .ateaser-ateaserheadline {
+    .a-teaser-a-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 44px;
       line-height: 50.6px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .mqteaser-mqteaserkicker {
+    .m-qteaser-m-qteaser-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .mqteaser-mqteaserheadline {
+    .m-qteaser-m-qteaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 30px;
       line-height: 34.5px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .qteaser-qteaserheadline {
+    .q-teaser-q-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 60px;
       line-height: 69px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .stdteaser-stdteaserheadline {
+    .std-teaser-std-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 28.6px;
-      font-style: bold italic;
+      font-style: italic;
     }
   }
   @media (min-width: 1024px) {
-    .ateaser-ateaserkicker {
+    .a-teaser-a-teaser-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 26px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .ateaser-ateaserheadline {
+    .a-teaser-a-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 50px;
       line-height: 57.6px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .mqteaser-mqteaserkicker {
+    .m-qteaser-m-qteaser-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 18px;
       line-height: 19.8px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .mqteaser-mqteaserheadline {
+    .m-qteaser-m-qteaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 34px;
       line-height: 39.1px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .qteaser-qteaserheadline {
+    .q-teaser-q-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 80px;
       line-height: 88px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .stdteaser-stdteaserheadline {
+    .std-teaser-std-teaser-headline {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 29.9px;
-      font-style: bold italic;
+      font-style: italic;
     }
   }
@@ -3638,21 +3232,21 @@
 [data-brand="sportbild"] {
-  .tablabel {
+  .tab-label {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
     text-transform: upper;
   }
-  .appbottombarlabeldefault {
+  .app-bottom-bar-label-default {
     font-family: Inter;
     font-weight: 400;
     font-size: 11px;
     line-height: 14.4px;
   }
-  .appbottombarlabelactive {
+  .app-bottom-bar-label-active {
     font-family: Inter;
     font-weight: 700;
     font-size: 11px;
@@ -3660,21 +3254,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: Inter;
       font-weight: 400;
       font-size: 12px;
       line-height: 14.4px;
     }
-    .appbottombarlabelactive {
+    .app-bottom-bar-label-active {
       font-family: Inter;
       font-weight: 700;
       font-size: 12px;
@@ -3684,21 +3278,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: Inter;
       font-weight: 400;
       font-size: 16px;
       line-height: 23.4px;
     }
-    .appbottombarlabelactive {
+    .app-bottom-bar-label-active {
       font-family: Inter;
       font-weight: 700;
       font-size: 16px;
@@ -3708,21 +3302,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: Inter;
       font-weight: 400;
       font-size: 16px;
       line-height: 23.4px;
     }
-    .appbottombarlabelactive {
+    .app-bottom-bar-label-active {
       font-family: Inter;
       font-weight: 700;
       font-size: 16px;
@@ -3735,39 +3329,43 @@
 [data-brand="sportbild"] {
-  .specialnaviitemlabel {
+  .special-navi-item-label {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 18px;
     line-height: 18px;
-    font-style: black italic;
+    font-style: italic;
   }
   @media (min-width: 390px) {
-    .specialnaviitemlabel {
+    .special-navi-item-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 18px;
       line-height: 18px;
-      font-style: black italic;
+      font-style: italic;
     }
   }
   @media (min-width: 600px) {
-    .specialnaviitemlabel {
+    .special-navi-item-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 18px;
       line-height: 18px;
-      font-style: black italic;
+      font-style: italic;
     }
   }
   @media (min-width: 1024px) {
-    .specialnaviitemlabel {
+    .special-navi-item-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 18px;
       line-height: 18px;
-      font-style: black italic;
+      font-style: italic;
     }
   }
@@ -3776,7 +3374,7 @@
 [data-brand="sportbild"] {
-  .paywallcardpricetag {
+  .paywall-card-price-tag {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 64px;
@@ -3784,7 +3382,7 @@
     letter-spacing: -0.5px;
   }
-  .paywallcardnote {
+  .paywall-card-note {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 40px;
@@ -3793,7 +3391,7 @@
   }
   @media (min-width: 390px) {
-    .paywallcardpricetag {
+    .paywall-card-price-tag {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 64px;
@@ -3801,7 +3399,7 @@
       letter-spacing: -0.5px;
     }
-    .paywallcardnote {
+    .paywall-card-note {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 40px;
@@ -3812,7 +3410,7 @@
   }
   @media (min-width: 600px) {
-    .paywallcardpricetag {
+    .paywall-card-price-tag {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 64px;
@@ -3820,7 +3418,7 @@
       letter-spacing: -1px;
     }
-    .paywallcardnote {
+    .paywall-card-note {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 40px;
@@ -3831,7 +3429,7 @@
   }
   @media (min-width: 1024px) {
-    .paywallcardpricetag {
+    .paywall-card-price-tag {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 64px;
@@ -3839,7 +3437,7 @@
       letter-spacing: -1px;
     }
-    .paywallcardnote {
+    .paywall-card-note {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 40px;
@@ -3853,7 +3451,7 @@
 [data-brand="sportbild"] {
-  .numberedpaginationactive {
+  .numbered-pagination-active {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 17px;
@@ -3863,7 +3461,7 @@
   }
   @media (min-width: 390px) {
-    .numberedpaginationactive {
+    .numbered-pagination-active {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -3875,7 +3473,7 @@
   }
   @media (min-width: 600px) {
-    .numberedpaginationactive {
+    .numbered-pagination-active {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -3887,7 +3485,7 @@
   }
   @media (min-width: 1024px) {
-    .numberedpaginationactive {
+    .numbered-pagination-active {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 17px;
@@ -3902,95 +3500,99 @@
 [data-brand="sportbild"] {
-  .newstickertimestamp {
+  .news-ticker-time-stamp {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 16px;
     line-height: 20.8px;
   }
-  .newstickerkicker {
+  .news-ticker-kicker {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 16px;
     line-height: 17.6px;
   }
-  .newstickerheadline {
+  .news-ticker-headline {
     font-family: AntennaExtraCond;
+    font-weight: 900;
     font-size: 30px;
     line-height: 33px;
-    font-style: bold italic;
+    font-style: italic;
   }
   @media (min-width: 390px) {
-    .newstickertimestamp {
+    .news-ticker-time-stamp {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 16px;
       line-height: 20.8px;
     }
-    .newstickerkicker {
+    .news-ticker-kicker {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
     }
-    .newstickerheadline {
+    .news-ticker-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 30px;
       line-height: 33px;
-      font-style: bold italic;
+      font-style: italic;
     }
   }
   @media (min-width: 600px) {
-    .newstickertimestamp {
+    .news-ticker-time-stamp {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 16px;
       line-height: 20.8px;
     }
-    .newstickerkicker {
+    .news-ticker-kicker {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 20px;
       line-height: 22px;
     }
-    .newstickerheadline {
+    .news-ticker-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 30px;
       line-height: 34.5px;
-      font-style: bold italic;
+      font-style: italic;
     }
   }
   @media (min-width: 1024px) {
-    .newstickertimestamp {
+    .news-ticker-time-stamp {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 18px;
       line-height: 23.4px;
     }
-    .newstickerkicker {
+    .news-ticker-kicker {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 22px;
       line-height: 24.2px;
     }
-    .newstickerheadline {
+    .news-ticker-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 34px;
       line-height: 39.1px;
-      font-style: bold italic;
+      font-style: italic;
     }
   }
@@ -3999,14 +3601,14 @@
 [data-brand="sportbild"] {
-  .apptopbarstagetitle {
+  .app-topbar-stage-title {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 12px;
     line-height: 14px;
   }
-  .apptopbartabstitle {
+  .app-topbar-tabs-title {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 12px;
@@ -4014,31 +3616,33 @@
     text-transform: upper;
   }
-  .menuitemlabel {
+  .menu-item-label {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 18px;
     line-height: 18px;
-    font-style: black italic;
+    font-style: italic;
     text-transform: upper;
   }
-  .menuitemutillabel {
+  .menu-item-util-label {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 12px;
     line-height: 12px;
-    font-style: black italic;
+    font-style: italic;
     text-transform: upper;
   }
   @media (min-width: 390px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 12px;
       line-height: 14px;
     }
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 12px;
@@ -4046,33 +3650,35 @@
       text-transform: upper;
     }
-    .menuitemlabel {
+    .menu-item-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 18px;
       line-height: 18px;
-      font-style: black italic;
+      font-style: italic;
       text-transform: upper;
     }
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: black italic;
+      font-style: italic;
       text-transform: upper;
     }
   }
   @media (min-width: 600px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 13px;
       line-height: 17px;
     }
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 13px;
@@ -4080,33 +3686,35 @@
       text-transform: upper;
     }
-    .menuitemlabel {
+    .menu-item-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 18px;
       line-height: 18px;
-      font-style: black italic;
+      font-style: italic;
       text-transform: upper;
     }
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: black italic;
+      font-style: italic;
       text-transform: upper;
     }
   }
   @media (min-width: 1024px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 13px;
       line-height: 17px;
     }
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 13px;
@@ -4114,19 +3722,21 @@
       text-transform: upper;
     }
-    .menuitemlabel {
+    .menu-item-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 18px;
       line-height: 18px;
-      font-style: black italic;
+      font-style: italic;
       text-transform: upper;
     }
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: black italic;
+      font-style: italic;
       text-transform: upper;
     }
@@ -4136,21 +3746,21 @@
 [data-brand="sportbild"] {
-  .podcastplayerlabel {
+  .podcast-player-label {
     font-family: AntennaExtraCond;
     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: AntennaCond;
     font-weight: 800;
     font-size: 14px;
@@ -4158,21 +3768,21 @@
   }
   @media (min-width: 390px) {
-    .podcastplayerlabel {
+    .podcast-player-label {
       font-family: AntennaExtraCond;
       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: AntennaCond;
       font-weight: 800;
       font-size: 14px;
@@ -4182,21 +3792,21 @@
   }
   @media (min-width: 600px) {
-    .podcastplayerlabel {
+    .podcast-player-label {
       font-family: AntennaExtraCond;
       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: AntennaCond;
       font-weight: 800;
       font-size: 16px;
@@ -4206,21 +3816,21 @@
   }
   @media (min-width: 1024px) {
-    .podcastplayerlabel {
+    .podcast-player-label {
       font-family: AntennaExtraCond;
       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: AntennaCond;
       font-weight: 800;
       font-size: 18px;
@@ -4233,14 +3843,14 @@
 [data-brand="sportbild"] {
-  .livetickerheadline {
+  .live-ticker-headline {
     font-family: AntennaExtraCond;
     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 +3858,14 @@
   }
   @media (min-width: 390px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: AntennaExtraCond;
       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 +3875,14 @@
   }
   @media (min-width: 600px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: AntennaExtraCond;
       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 +3892,14 @@
   }
   @media (min-width: 1024px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: AntennaExtraCond;
       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 +3912,7 @@
 [data-brand="sportbild"] {
-  .textinputfieldlabel {
+  .text-input-field-label {
     font-family: Inter;
     font-weight: 400;
     font-size: 16px;
@@ -4310,7 +3920,7 @@
   }
   @media (min-width: 390px) {
-    .textinputfieldlabel {
+    .text-input-field-label {
       font-family: Inter;
       font-weight: 400;
       font-size: 16px;
@@ -4320,7 +3930,7 @@
   }
   @media (min-width: 600px) {
-    .textinputfieldlabel {
+    .text-input-field-label {
       font-family: Inter;
       font-weight: 400;
       font-size: 16px;
@@ -4330,7 +3940,7 @@
   }
   @media (min-width: 1024px) {
-    .textinputfieldlabel {
+    .text-input-field-label {
       font-family: Inter;
       font-weight: 400;
       font-size: 16px;
@@ -4343,26 +3953,26 @@
 [data-brand="sportbild"] {
-  .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: Inter;
     font-weight: 700;
     font-size: 11px;
     line-height: 14px;
   }
-  .footerlinkuserofferpages {
+  .footer-link-user-offer-pages {
     font-family: Inter;
     font-weight: 400;
     font-size: 18px;
@@ -4370,26 +3980,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: Inter;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Inter;
       font-weight: 400;
       font-size: 18px;
@@ -4399,26 +4009,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: Inter;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Inter;
       font-weight: 400;
       font-size: 18px;
@@ -4428,26 +4038,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: Inter;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Inter;
       font-weight: 400;
       font-size: 18px;
@@ -4460,14 +4070,14 @@
 [data-brand="sportbild"] {
-  .chiplabel {
+  .chip-label {
     font-family: Inter;
     font-weight: 700;
     font-size: 16px;
   }
   @media (min-width: 390px) {
-    .chiplabel {
+    .chip-label {
       font-family: Inter;
       font-weight: 700;
       font-size: 16px;
@@ -4476,7 +4086,7 @@
   }
   @media (min-width: 600px) {
-    .chiplabel {
+    .chip-label {
       font-family: Inter;
       font-weight: 700;
       font-size: 16px;
@@ -4485,7 +4095,7 @@
   }
   @media (min-width: 1024px) {
-    .chiplabel {
+    .chip-label {
       font-family: Inter;
       font-weight: 700;
       font-size: 18px;
@@ -4497,16 +4107,17 @@
 [data-brand="sportbild"] {
-  .buttonlabel {
+  .button-label {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 15px;
     line-height: 15px;
     letter-spacing: 0.5px;
-    font-style: bold italic;
+    font-style: italic;
     text-transform: upper;
   }
-  .partnerlinkbuttonlabel {
+  .partner-link-button-label {
     font-family: AntennaExtraCond;
     font-weight: 400;
     font-size: 16px;
@@ -4514,16 +4125,17 @@
   }
   @media (min-width: 390px) {
-    .buttonlabel {
+    .button-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
       letter-spacing: 0.5px;
-      font-style: bold italic;
+      font-style: italic;
       text-transform: upper;
     }
-    .partnerlinkbuttonlabel {
+    .partner-link-button-label {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 16px;
@@ -4533,16 +4145,17 @@
   }
   @media (min-width: 600px) {
-    .buttonlabel {
+    .button-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
       letter-spacing: 0.5px;
-      font-style: bold italic;
+      font-style: italic;
       text-transform: upper;
     }
-    .partnerlinkbuttonlabel {
+    .partner-link-button-label {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 16px;
@@ -4552,16 +4165,17 @@
   }
   @media (min-width: 1024px) {
-    .buttonlabel {
+    .button-label {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
       letter-spacing: 0.5px;
-      font-style: bold italic;
+      font-style: italic;
       text-transform: upper;
     }
-    .partnerlinkbuttonlabel {
+    .partner-link-button-label {
       font-family: AntennaExtraCond;
       font-weight: 400;
       font-size: 18px;
@@ -4574,7 +4188,7 @@
 [data-brand="sportbild"] {
-  .breakingnewstext {
+  .breaking-news-text {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 21px;
@@ -4582,14 +4196,14 @@
     text-transform: upper;
   }
-  .breakingnewsuppertitle {
+  .breaking-news-upper-title {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 13px;
     line-height: 13px;
   }
-  .breakingnewslowertitle {
+  .breaking-news-lower-title {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 23px;
@@ -4597,7 +4211,7 @@
   }
   @media (min-width: 390px) {
-    .breakingnewstext {
+    .breaking-news-text {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 21px;
@@ -4605,14 +4219,14 @@
       text-transform: upper;
     }
-    .breakingnewsuppertitle {
+    .breaking-news-upper-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 13px;
       line-height: 13px;
     }
-    .breakingnewslowertitle {
+    .breaking-news-lower-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 23px;
@@ -4622,7 +4236,7 @@
   }
   @media (min-width: 600px) {
-    .breakingnewstext {
+    .breaking-news-text {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 21px;
@@ -4630,14 +4244,14 @@
       text-transform: upper;
     }
-    .breakingnewsuppertitle {
+    .breaking-news-upper-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 17px;
       line-height: 12px;
     }
-    .breakingnewslowertitle {
+    .breaking-news-lower-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 30px;
@@ -4647,7 +4261,7 @@
   }
   @media (min-width: 1024px) {
-    .breakingnewstext {
+    .breaking-news-text {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 21px;
@@ -4655,14 +4269,14 @@
       text-transform: upper;
     }
-    .breakingnewsuppertitle {
+    .breaking-news-upper-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 17px;
       line-height: 12px;
     }
-    .breakingnewslowertitle {
+    .breaking-news-lower-title {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 30px;
@@ -4682,7 +4296,7 @@
     line-height: 14px;
   }
-  .breadcrumblink {
+  .breadcrumb-link {
     font-family: Inter;
     font-weight: 400;
     font-size: 14px;
@@ -4690,7 +4304,7 @@
     text-decoration: underline;
   }
-  .breadcrumblinkhover {
+  .breadcrumb-link-hover {
     font-family: Inter;
     font-weight: 700;
     font-size: 14px;
@@ -4706,7 +4320,7 @@
       line-height: 14px;
     }
-    .breadcrumblink {
+    .breadcrumb-link {
       font-family: Inter;
       font-weight: 400;
       font-size: 14px;
@@ -4714,7 +4328,7 @@
       text-decoration: underline;
     }
-    .breadcrumblinkhover {
+    .breadcrumb-link-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 14px;
@@ -4732,7 +4346,7 @@
       line-height: 14px;
     }
-    .breadcrumblink {
+    .breadcrumb-link {
       font-family: Inter;
       font-weight: 400;
       font-size: 14px;
@@ -4740,7 +4354,7 @@
       text-decoration: underline;
     }
-    .breadcrumblinkhover {
+    .breadcrumb-link-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 14px;
@@ -4758,7 +4372,7 @@
       line-height: 11px;
     }
-    .breadcrumblink {
+    .breadcrumb-link {
       font-family: Inter;
       font-weight: 400;
       font-size: 11px;
@@ -4766,7 +4380,7 @@
       text-decoration: underline;
     }
-    .breadcrumblinkhover {
+    .breadcrumb-link-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 11px;
@@ -4780,14 +4394,14 @@
 [data-brand="sportbild"] {
-  .videoadbadge {
+  .video-ad-badge {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 14px;
     text-transform: upper;
   }
-  .videotimebadge {
+  .video-time-badge {
     font-family: Inter;
     font-weight: 400;
     font-size: 16px;
@@ -4795,14 +4409,14 @@
   }
   @media (min-width: 390px) {
-    .videoadbadge {
+    .video-ad-badge {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 14px;
       text-transform: upper;
     }
-    .videotimebadge {
+    .video-time-badge {
       font-family: Inter;
       font-weight: 400;
       font-size: 16px;
@@ -4812,14 +4426,14 @@
   }
   @media (min-width: 600px) {
-    .videoadbadge {
+    .video-ad-badge {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       text-transform: upper;
     }
-    .videotimebadge {
+    .video-time-badge {
       font-family: Inter;
       font-weight: 400;
       font-size: 18px;
@@ -4829,14 +4443,14 @@
   }
   @media (min-width: 1024px) {
-    .videoadbadge {
+    .video-ad-badge {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 16px;
       text-transform: upper;
     }
-    .videotimebadge {
+    .video-time-badge {
       font-family: Inter;
       font-weight: 400;
       font-size: 18px;
@@ -4849,21 +4463,21 @@
 [data-brand="sportbild"] {
-  .appavatar {
+  .app-avatar {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 12px;
     text-transform: upper;
   }
-  .avatardefault {
+  .avatar-default {
     font-family: Inter;
     font-weight: 700;
     font-size: 13px;
     line-height: 21px;
   }
-  .avatarhover {
+  .avatar-hover {
     font-family: Inter;
     font-weight: 700;
     font-size: 13px;
@@ -4871,14 +4485,14 @@
     text-decoration: underline;
   }
-  .avatarsecondaryinfo {
+  .avatar-secondary-info {
     font-family: Inter;
     font-weight: 400;
     font-size: 13px;
     line-height: 21px;
   }
-  .avatarsecondaryinfohover {
+  .avatar-secondary-info-hover {
     font-family: Inter;
     font-weight: 400;
     font-size: 13px;
@@ -4887,21 +4501,21 @@
   }
   @media (min-width: 390px) {
-    .appavatar {
+    .app-avatar {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 12px;
       text-transform: upper;
     }
-    .avatardefault {
+    .avatar-default {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
       line-height: 21px;
     }
-    .avatarhover {
+    .avatar-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
@@ -4909,14 +4523,14 @@
       text-decoration: underline;
     }
-    .avatarsecondaryinfo {
+    .avatar-secondary-info {
       font-family: Inter;
       font-weight: 400;
       font-size: 13px;
       line-height: 21px;
     }
-    .avatarsecondaryinfohover {
+    .avatar-secondary-info-hover {
       font-family: Inter;
       font-weight: 400;
       font-size: 13px;
@@ -4927,21 +4541,21 @@
   }
   @media (min-width: 600px) {
-    .appavatar {
+    .app-avatar {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 14px;
       text-transform: upper;
     }
-    .avatardefault {
+    .avatar-default {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
       line-height: 21px;
     }
-    .avatarhover {
+    .avatar-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
@@ -4949,14 +4563,14 @@
       text-decoration: underline;
     }
-    .avatarsecondaryinfo {
+    .avatar-secondary-info {
       font-family: Inter;
       font-weight: 400;
       font-size: 13px;
       line-height: 21px;
     }
-    .avatarsecondaryinfohover {
+    .avatar-secondary-info-hover {
       font-family: Inter;
       font-weight: 400;
       font-size: 13px;
@@ -4967,21 +4581,21 @@
   }
   @media (min-width: 1024px) {
-    .appavatar {
+    .app-avatar {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 16px;
       text-transform: upper;
     }
-    .avatardefault {
+    .avatar-default {
       font-family: Inter;
       font-weight: 700;
       font-size: 15px;
       line-height: 23px;
     }
-    .avatarhover {
+    .avatar-hover {
       font-family: Inter;
       font-weight: 700;
       font-size: 15px;
@@ -4989,14 +4603,14 @@
       text-decoration: underline;
     }
-    .avatarsecondaryinfo {
+    .avatar-secondary-info {
       font-family: Inter;
       font-weight: 400;
       font-size: 15px;
       line-height: 23px;
     }
-    .avatarsecondaryinfohover {
+    .avatar-secondary-info-hover {
       font-family: Inter;
       font-weight: 400;
       font-size: 15px;
@@ -5010,7 +4624,7 @@
 [data-brand="sportbild"] {
-  .audioplayerlabel {
+  .audio-player-label {
     font-family: AntennaExtraCond;
     font-weight: 700;
     font-size: 16px;
@@ -5018,7 +4632,7 @@
   }
   @media (min-width: 390px) {
-    .audioplayerlabel {
+    .audio-player-label {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 16px;
@@ -5028,7 +4642,7 @@
   }
   @media (min-width: 600px) {
-    .audioplayerlabel {
+    .audio-player-label {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 16px;
@@ -5038,7 +4652,7 @@
   }
   @media (min-width: 1024px) {
-    .audioplayerlabel {
+    .audio-player-label {
       font-family: AntennaExtraCond;
       font-weight: 700;
       font-size: 18px;
@@ -5051,70 +4665,74 @@
 [data-brand="sportbild"] {
-  .articlekicker {
+  .article-kicker {
     font-family: AntennaExtraCond;
+    font-weight: 700;
     font-size: 20px;
     line-height: 22px;
-    font-style: black italic;
+    font-style: italic;
   }
-  .articleimagecaption {
+  .article-image-caption {
     font-family: Inter;
     font-weight: 700;
     font-size: 13px;
     line-height: 16.9px;
   }
-  .articleheadline {
+  .article-headline {
     font-family: AntennaExtraCond;
+    font-weight: 900;
     font-size: 42px;
     line-height: 42px;
-    font-style: bold italic;
+    font-style: italic;
   }
-  .articlemetasource {
+  .article-meta-source {
     font-family: Inter;
     font-weight: 400;
     font-size: 13px;
     line-height: 17px;
   }
-  .articletimestamp {
+  .article-time-stamp {
     font-family: AntennaCond;
     font-weight: 800;
     font-size: 12px;
   }
   @media (min-width: 390px) {
-    .articlekicker {
+    .article-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 20px;
       line-height: 22px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .articleimagecaption {
+    .article-image-caption {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
       line-height: 16.9px;
     }
-    .articleheadline {
+    .article-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 42px;
       line-height: 42px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .articlemetasource {
+    .article-meta-source {
       font-family: Inter;
       font-weight: 400;
       font-size: 13px;
       line-height: 17px;
     }
-    .articletimestamp {
+    .article-time-stamp {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 12px;
@@ -5123,35 +4741,37 @@
   }
   @media (min-width: 600px) {
-    .articlekicker {
+    .article-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 26px;
       line-height: 28.6px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .articleimagecaption {
+    .article-image-caption {
       font-family: Inter;
       font-weight: 700;
       font-size: 13px;
       line-height: 16.9px;
     }
-    .articleheadline {
+    .article-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 60px;
       line-height: 60px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .articlemetasource {
+    .article-meta-source {
       font-family: Inter;
       font-weight: 400;
       font-size: 13px;
       line-height: 17px;
     }
-    .articletimestamp {
+    .article-time-stamp {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 14px;
@@ -5160,35 +4780,37 @@
   }
   @media (min-width: 1024px) {
-    .articlekicker {
+    .article-kicker {
       font-family: AntennaExtraCond;
+      font-weight: 700;
       font-size: 32px;
       line-height: 35.2px;
-      font-style: black italic;
+      font-style: italic;
     }
-    .articleimagecaption {
+    .article-image-caption {
       font-family: Inter;
       font-weight: 700;
       font-size: 15px;
       line-height: 19.5px;
     }
-    .articleheadline {
+    .article-headline {
       font-family: AntennaExtraCond;
+      font-weight: 900;
       font-size: 80px;
       line-height: 80px;
-      font-style: bold italic;
+      font-style: italic;
     }
-    .articlemetasource {
+    .article-meta-source {
       font-family: Inter;
       font-weight: 400;
       font-size: 15px;
       line-height: 19px;
     }
-    .articletimestamp {
+    .article-time-stamp {
       font-family: AntennaCond;
       font-weight: 800;
       font-size: 16px;
@@ -5200,14 +4822,14 @@
 [data-brand="sportbild"] {
-  .accordionlabel {
+  .accordion-label {
     font-family: Inter;
     font-weight: 700;
     font-size: 17px;
   }
   @media (min-width: 390px) {
-    .accordionlabel {
+    .accordion-label {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
@@ -5216,7 +4838,7 @@
   }
   @media (min-width: 600px) {
-    .accordionlabel {
+    .accordion-label {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;
@@ -5225,7 +4847,7 @@
   }
   @media (min-width: 1024px) {
-    .accordionlabel {
+    .accordion-label {
       font-family: Inter;
       font-weight: 700;
       font-size: 17px;