@marioschmidt/design-system-tokens 1.0.22 → 1.0.24

package/dist/css/brands/bild/overrides/brandtokenmapping.css

@@ -1,365 +1,287 @@
 /**
  * brandtokenmapping.css
- * Generiert am: 2025-11-24T20:37:08.862Z
+ * Generiert am: 2025-11-24T21:40:50.181Z
  * Nicht manuell bearbeiten!
  */
 
 :root {
   /* ============================================
-     COMPONENT
+     GLOBAL
      ============================================ */
 
-  --button-label-font-weight-st: 600;
-
-  /* Component - Accordion */
-  --accordion-label-font-family: Gotham XNarrow;
-
-  /* Component - Article - FontSize */
+  /* Global - Typography - FontSize - Display */
   /**
-   * --article-figure-caption-font-size-sm
+   * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
    */
-  --article-image-caption-font-size-xs: 16px;
+  --display1-font-size-xs: 40px;
   /**
-   * --article-figure-caption-font-size-md
+   * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
    */
-  --article-image-caption-font-size-md: 18px;
+  --display1-font-size-sm: 40px;
   /**
-   * --article-figure-caption-font-size-lg
+   * Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes.
    */
-  --article-image-caption-font-size-lg: 18px;
+  --display1-font-size-md: 72px;
   /**
-   * --article-figure-caption-font-size-sm
+   * Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes.
    */
-  --article-image-caption-font-size-sm: 16px;
+  --display1-font-size-lg: 120px;
   /**
-   * --article-figure-meta-font-size-sm
+   * Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
    */
-  --article-image-source-font-size-xs: 16px;
+  --display2-font-size-xs: 36px;
   /**
-   * --article-figure-meta-font-size-sm
+   * Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
    */
-  --article-image-source-font-size-sm: 16px;
+  --display2-font-size-sm: 36px;
   /**
-   * --article-figure-meta-font-size-sm
+   * Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes.
    */
-  --article-image-source-font-size-md: 16px;
+  --display2-font-size-md: 42px;
   /**
-   * --article-figure-meta-font-size-lg
+   * Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes.
    */
-  --article-image-source-font-size-lg: 18px;
-
-  /* Component - Article - LineHeight */
+  --display2-font-size-lg: 64px;
   /**
-   * --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
+   * Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
    */
-  --article-image-caption-line-height-xs: 19.5px;
+  --display3-font-size-sm: 28px;
   /**
-   * --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5
+   * Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes.
    */
-  --article-image-caption-line-height-md: 24.75px;
+  --display3-font-size-md: 32px;
   /**
-   * --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24
+   * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes.
    */
-  --article-image-caption-line-height-lg: 24.75px;
+  --display3-font-size-lg: 40px;
   /**
-   * --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
+   * Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
    */
-  --article-image-caption-line-height-sm: 19.5px;
+  --display3-font-size-xs: 28px;
+
+  /* Global - Typography - FontSize - Headline */
   /**
-   * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
+   * Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
    */
-  --article-image-source-line-height-md: 21px;
+  --headline1-font-size-xs: 48px;
   /**
-   * --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24
+   * Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
    */
-  --article-image-source-line-height-lg: 23px;
+  --headline1-font-size-sm: 48px;
   /**
-   * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
+   * Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes.
    */
-  --article-image-source-line-height-xs: 21px;
+  --headline1-font-size-md: 72px;
   /**
-   * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
+   * Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes.
    */
-  --article-image-source-line-height-sm: 21px;
-
-  /* Component - Avatar */
+  --headline1-font-size-lg: 100px;
   /**
-   * current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande
+   * Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
    */
-  --avatar-font-family: Gotham XNarrow;
+  --headline2-font-size-xs: 40px;
   /**
-   * 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13
+   * Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
    */
-  --avatar-font-size-sm: 16px;
+  --headline2-font-size-sm: 40px;
   /**
-   * 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15
+   * Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes.
    */
-  --avatar-font-size-lg: 18px;
-
-  /* Component - Breadcrumb - FontFamily */
+  --headline2-font-size-md: 48px;
   /**
-   * --breadcrumb-font
+   * Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes.
    */
-  --breadcrumb-font-family: Gotham XNarrow;
-
-  /* Component - Breadcrumb - FontSize */
+  --headline2-font-size-lg: 64px;
   /**
-   * --breadcrumb-font-size-sm
+   * Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
    */
-  --breadcrumb-font-size-xs: 15px;
+  --headline3-font-size-xs: 28px;
   /**
-   * --breadcrumb-font-size-sm
+   * Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
    */
-  --breadcrumb-font-size-sm: 15px;
+  --headline3-font-size-sm: 28px;
   /**
-   * --breadcrumb-font-size-sm
+   * Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes.
    */
-  --breadcrumb-font-size-md: 15px;
+  --headline3-font-size-md: 36px;
   /**
-   * --breadcrumb-font-size-lg
+   * Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes.
    */
-  --breadcrumb-font-size-lg: 12px;
-
-  /* Component - Breadcrumb - FontWeight */
+  --headline3-font-size-lg: 40px;
   /**
-   * --breadcrumb-font-size-sm
+   * Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
    */
-  --breadcrumb-font-weight: 700;
-
-  /* Component - Breadcrumb - LineHeight */
+  --headline4-font-size-xs: 22px;
   /**
-   * not defined as variable
+   * Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
    */
-  --breadcrumb-line-height-xs: 15px;
+  --headline4-font-size-sm: 22px;
   /**
-   * not defined as variable
+   * Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes.
    */
-  --breadcrumb-line-height-sm: 15px;
+  --headline4-font-size-md: 26px;
   /**
-   * not defined as variable
+   * Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes.
    */
-  --breadcrumb-line-height-md: 15px;
+  --headline4-font-size-lg: 32px;
   /**
-   * not defined as variable
+   * This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg
    */
-  --breadcrumb-line-height-lg: 12px;
-
-  /* Component - BreakingNews */
-  --breaking-news-content-font-size: 21px;
-
-  /* Component - Footer */
-  --footer-link-font-family: Gotham XNarrow;
-
-  /* Component - Inputfield */
-  --input-field-label-font-family: Gotham XNarrow;
-
-  /* Component - MediaPlayer */
-  --video-time-badge-font-family: Gotham XNarrow;
+  --headline-text-align: center;
 
-  /* Component - Menu */
+  /* Global - Typography - FontSize - Kicker */
   /**
-   * --nav-btn-font-size
+   * Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm
    */
-  --menu-item-font-size: 15px;
+  --kicker1-font-size-xs: 18px;
   /**
-   * --caption-1-font-size-md
+   * Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm
    */
-  --app-top-bar-title-font-size-md: 14px;
+  --kicker1-font-size-sm: 18px;
   /**
-   * --caption-1-font-size-lg
+   * Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker1 text style font size parameter for medium device sizes. Current online css: --kicker-0-font-size-md
    */
-  --app-top-bar-title-font-size-lg: 14px;
+  --kicker1-font-size-md: 22px;
   /**
-   * --caption-1-font-size-sm
+   * Bild: 30 | SpoBi: 32 | Ads: 25 | This variable is used in the kicker1 text style font size parameter for large device sizes. Current online css: --kicker-0-font-size-lg
    */
-  --app-top-bar-title-font-size-xs: 12px;
+  --kicker1-font-size-lg: 30px;
   /**
-   * --caption-1-font-size-sm
+   * Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm
    */
-  --app-top-bar-title-font-size-sm: 12px;
-  --app-top-bar-title-line-height-md: 17px;
-  --app-top-bar-title-line-height-lg: 17px;
-  --app-top-bar-title-line-height-xs: 14px;
-  --app-top-bar-title-line-height-sm: 14px;
-  --menu-item-font-weight: 700;
-
-  /* Component - Teaser */
+  --kicker2-font-size-xs: 18px;
   /**
-   * --teaser-title-padding-lg
+   * Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm
    */
-  --teaser-title-inline-space-lg: 12px;
+  --kicker2-font-size-sm: 18px;
   /**
-   * --teaser-title-padding-md
+   * Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker2 text style font size parameter for medium device sizes. Current online css: --kicker-1-font-size-md
    */
-  --teaser-title-inline-space-md: 12px;
+  --kicker2-font-size-md: 22px;
   /**
-   * --teaser-title-padding-sm
+   * Bild: 24 | SpoBi: 26 | Ads: 21 | This variable is used in the kicker2 text style font size parameter for large device sizes. Current online css: --kicker-1-font-size-lg
    */
-  --teaser-title-inline-space-sm: 8px;
+  --kicker2-font-size-lg: 24px;
   /**
-   * --teaser-title-padding-xs
+   * Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm
    */
-  --teaser-title-inline-space-xs: 8px;
-
-  /* Component - Teaser - 2xaTeaser */
-  --2xa-teaser-title-inline-space: 8px;
-
-  /* Component - Teaser - Quad */
-  --q-teaser-title-inline-space-lg: 12px;
-  --q-teaser-title-inline-space-md: 16px;
-  --q-teaser-title-inline-space-sm: 8px;
-  --q-teaser-title-inline-space-xs: 8px;
-
-  /* Component - Teaser - aTeaser */
-  --a-teaser-title-inline-space-lg: 12px;
-  --a-teaser-title-inline-space-md: 12px;
-  --a-teaser-title-inline-space-xs: 8px;
-  --a-teaser-title-inline-space-sm: 8px;
-
-  /* Component - Teaser - bTeaser */
-  --b-teaser-title-inline-space: 8px;
-
-  /* Component - Teaser - miniQ */
-  --mini-qteaser-title-inline-space-md: 8px;
-  --mini-qteaser-title-inline-space-lg: 8px;
-  --mini-qteaser-title-inline-space-sm: 8px;
-  --mini-qteaser-title-inline-space-xs: 8px;
-
-  /* Component - Teaser - superA */
-  --super-ateaser-title-inline-space: 16px;
-
-
-  /* ============================================
-     GLOBAL
-     ============================================ */
-
-  /* Global - Typography - FontFamily */
+  --kicker3-font-size-xs: 16px;
   /**
-   * Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter.
+   * Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm
    */
-  --kicker-font-family: Gotham XNarrow;
+  --kicker3-font-size-sm: 16px;
   /**
-   * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter.
+   * Bild: 18 | SpoBi: 20 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for medium device sizes. Current online css: --kicker-2-font-size-md
    */
-  --display-font-family: Gotham;
+  --kicker3-font-size-md: 18px;
   /**
-   * Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter.
+   * Bild: 20 | SpoBi: 22 | Ads: 16 | This variable is used in the kicker3 text style font size parameter for large device sizes. Current online css: --kicker-2-font-size-lg
    */
-  --headline-font-family: Gotham Condensed;
+  --kicker3-font-size-lg: 20px;
   /**
-   * Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter.
+   * Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm
    */
-  --subheadline-font-family: Gotham Condensed;
+  --kicker4-font-size-xs: 14px;
   /**
-   * Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter.
+   * Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm
    */
-  --body-font-family: Gotham XNarrow;
+  --kicker4-font-size-sm: 14px;
   /**
-   * Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter.
+   * Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for medium device sizes. Current online css: --kicker-3-font-size-md
    */
-  --footnote-font-family: Gotham XNarrow;
+  --kicker4-font-size-md: 16px;
   /**
-   * Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter.
+   * Bild: 16 | SpoBi: 18 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for large device sizes. Current online css: --kicker-3-font-size-lg
    */
-  --label-font-family: Gotham XNarrow;
-  /**
-   * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter.
-   */
-  --quote-font-family: Gotham;
-  /**
-   * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter.
-   */
-  --title-font-family: Gotham;
-  /**
-   * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter.
-   */
-  --callout-font-family: Gotham;
+  --kicker4-font-size-lg: 16px;
 
-  /* Global - Typography - FontSize - Body */
+  /* Global - Typography - FontSize - Subheadline */
   /**
-   * Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size
+   * Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
    */
-  --body-font-size-xs: 21px;
+  --subheadline1-font-size-xs: 24px;
   /**
-   * Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size
+   * Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
    */
-  --body-font-size-sm: 21px;
+  --subheadline1-font-size-sm: 24px;
   /**
-   * Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for medium device sizes. Current online css: --body-font-size
+   * Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes.
    */
-  --body-font-size-md: 21px;
+  --subheadline1-font-size-md: 32px;
   /**
-   * Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for large device sizes. Current online css: --body-font-size
+   * Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes.
    */
-  --body-font-size-lg: 21px;
+  --subheadline1-font-size-lg: 36px;
 
-  /* Global - Typography - FontSize - Callout */
+  /* Global - Typography - FontSize - Title */
   /**
-   * Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css:
+   * Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
    */
-  --callout1-font-size-xs: 18px;
+  --title1-font-size-xs: 22px;
   /**
-   * Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css:
+   * Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
    */
-  --callout1-font-size-sm: 18px;
+  --title1-font-size-sm: 22px;
   /**
-   * Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for medium device sizes. Current online css:
+   * Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md
    */
-  --callout1-font-size-md: 22px;
+  --title1-font-size-md: 22px;
   /**
-   * Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for large device sizes. Current online css:
+   * Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg
    */
-  --callout1-font-size-lg: 22px;
-
-  /* Global - Typography - FontSize - Display */
+  --title1-font-size-lg: 28px;
   /**
-   * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
+   * Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm
    */
-  --display1-font-size-xs: 40px;
+  --title2-font-size-xs: 16px;
   /**
-   * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
+   * Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm
    */
-  --display1-font-size-sm: 40px;
+  --title2-font-size-sm: 16px;
   /**
-   * Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes.
+   * Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md
    */
-  --display1-font-size-md: 72px;
+  --title2-font-size-md: 18px;
   /**
-   * Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes.
+   * Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg
    */
-  --display1-font-size-lg: 120px;
+  --title2-font-size-lg: 20px;
+
+  /* Global - Typography - FontSize - Callout */
   /**
-   * Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
+   * Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css:
    */
-  --display2-font-size-xs: 36px;
+  --callout1-font-size-xs: 18px;
   /**
-   * Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
+   * Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css:
    */
-  --display2-font-size-sm: 36px;
+  --callout1-font-size-sm: 18px;
   /**
-   * Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes.
+   * Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for medium device sizes. Current online css:
    */
-  --display2-font-size-md: 42px;
+  --callout1-font-size-md: 22px;
   /**
-   * Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes.
+   * Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for large device sizes. Current online css:
    */
-  --display2-font-size-lg: 64px;
+  --callout1-font-size-lg: 22px;
+
+  /* Global - Typography - FontSize - Body */
   /**
-   * Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
+   * Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size
    */
-  --display3-font-size-sm: 28px;
+  --body-font-size-xs: 21px;
   /**
-   * Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes.
+   * Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size
    */
-  --display3-font-size-md: 32px;
+  --body-font-size-sm: 21px;
   /**
-   * Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes.
+   * Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for medium device sizes. Current online css: --body-font-size
    */
-  --display3-font-size-lg: 40px;
+  --body-font-size-md: 21px;
   /**
-   * Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
+   * Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for large device sizes. Current online css: --body-font-size
    */
-  --display3-font-size-xs: 28px;
+  --body-font-size-lg: 21px;
 
   /* Global - Typography - FontSize - Footnote */
   /**
@@ -380,386 +302,464 @@
   --footnote2-font-size-md: 12px;
   --footnote2-font-size-lg: 16px;
 
-  /* Global - Typography - FontSize - Headline */
-  /**
-   * Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
-   */
-  --headline1-font-size-xs: 48px;
-  /**
-   * Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
-   */
-  --headline1-font-size-sm: 48px;
-  /**
-   * Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes.
-   */
-  --headline1-font-size-md: 72px;
-  /**
-   * Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes.
-   */
-  --headline1-font-size-lg: 100px;
+  /* Global - Typography - FontSize - Quote */
+  --quote-font-size-xs: 16px;
+  --quote-font-size-sm: 16px;
+  --quote-font-size-md: 18px;
+  --quote-font-size-lg: 20px;
+
+  /* Global - Typography - FontSize - Label */
+  --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;
+
+  /* Global - Typography - LineHeight - Display */
+  --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;
+
+  /* Global - Typography - LineHeight - Headline */
+  --headline1-line-height-xs: 48px;
+  --headline1-line-height-sm: 48px;
+  --headline1-line-height-md: 72px;
+  --headline1-line-height-lg: 100px;
+  --headline2-line-height-xs: 40px;
+  --headline2-line-height-sm: 40px;
+  --headline2-line-height-md: 48px;
+  --headline2-line-height-lg: 64px;
+  --headline3-line-height-xs: 28px;
+  --headline3-line-height-sm: 28px;
+  --headline3-line-height-md: 36px;
+  --headline3-line-height-lg: 40px;
+  --headline4-line-height-xs: 22px;
+  --headline4-line-height-sm: 22px;
+  --headline4-line-height-md: 22px;
+  --headline4-line-height-lg: 30px;
+
+  /* Global - Typography - LineHeight - Subheadline */
+  --subheadline1-line-height-xs: 24px;
+  --subheadline1-line-height-sm: 24px;
+  --subheadline1-line-height-md: 32px;
+  --subheadline1-line-height-lg: 36px;
+
+  /* Global - Typography - LineHeight - Kicker */
+  --kicker1-line-height-xs: 19.799999237060547px;
+  --kicker1-line-height-sm: 19.799999237060547px;
+  --kicker1-line-height-md: 22px;
+  --kicker1-line-height-lg: 30px;
+  --kicker2-line-height-xs: 19.799999237060547px;
+  --kicker2-line-height-sm: 19.799999237060547px;
+  --kicker2-line-height-md: 22px;
+  --kicker2-line-height-lg: 24px;
+  --kicker3-line-height-xs: 17.600000381469727px;
+  --kicker3-line-height-sm: 17.600000381469727px;
+  --kicker3-line-height-md: 18px;
+  --kicker3-line-height-lg: 20px;
+  --kicker4-line-height-xs: 15.399999618530273px;
+  --kicker4-line-height-sm: 15.399999618530273px;
+  --kicker4-line-height-md: 17.600000381469727px;
+  --kicker4-line-height-lg: 16px;
+
+  /* Global - Typography - LineHeight - Title */
+  --title1-line-height-xs: 22px;
+  --title1-line-height-sm: 22px;
+  --title1-line-height-md: 22px;
+  --title1-line-height-lg: 28px;
+  --title2-line-height-xs: 17.600000381469727px;
+  --title2-line-height-sm: 17.600000381469727px;
+  --title2-line-height-md: 19.799999237060547px;
+  --title2-line-height-lg: 22px;
+
+  /* Global - Typography - LineHeight - Callout */
+  --callout1-line-height-xs: 18px;
+  --callout1-line-height-sm: 18px;
+  --callout1-line-height-md: 22px;
+  --callout1-line-height-lg: 22px;
+
+  /* Global - Typography - LineHeight - Body */
+  --body-line-height-xs: 28px;
+  --body-line-height-sm: 28px;
+  --body-line-height-md: 28px;
+  --body-line-height-lg: 32px;
+
+  /* Global - Typography - LineHeight - Footnote */
+  --footnote1-line-height-xs: 21px;
+  --footnote1-line-height-sm: 21px;
+  --footnote1-line-height-md: 21px;
+  --footnote1-line-height-lg: 23px;
+  --footnote2-line-height-xs: 15.600000381469727px;
+  --footnote2-line-height-sm: 15.600000381469727px;
+  --footnote2-line-height-md: 15.800000190734863px;
+  --footnote2-line-height-lg: 21px;
+
+  /* Global - Typography - LineHeight - Label */
   /**
-   * Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
+   * Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter.
    */
-  --headline2-font-size-xs: 40px;
+  --label1-line-height: 17px;
   /**
-   * Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
+   * Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
    */
-  --headline2-font-size-sm: 40px;
+  --label1-resp-line-height-xs: 10px;
   /**
-   * Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes.
+   * Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
    */
-  --headline2-font-size-md: 48px;
+  --label1-resp-line-height-sm: 10px;
   /**
-   * Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes.
+   * Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter.
    */
-  --headline2-font-size-lg: 64px;
+  --label1-resp-line-height-md: 15px;
   /**
-   * Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
+   * Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter.
    */
-  --headline3-font-size-xs: 28px;
+  --label1-resp-line-height-lg: 17px;
   /**
-   * Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
+   * Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter.
    */
-  --headline3-font-size-sm: 28px;
+  --label2-line-height: 16px;
   /**
-   * Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes.
+   * Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter.
    */
-  --headline3-font-size-md: 36px;
+  --label3-line-height: 14.399999618530273px;
   /**
-   * Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes.
+   * Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter.
    */
-  --headline3-font-size-lg: 40px;
+  --label4-line-height: 10px;
+
+  /* Global - Typography - LineHeight - Quote */
+  --quote-line-height-xs: 16px;
+  --quote-line-height-sm: 16px;
+  --quote-line-height-md: 18px;
+  --quote-line-height-lg: 22px;
+
+  /* Global - Typography - FontWeight - Body */
+  --body-font-weight-book: 400;
+  --body-font-weight-bold: 700;
+
+  /* Global - Typography - FontWeight - Footnote */
+  --footnote-font-weight-book: 400;
+  --footnote-font-weight-bold: 700;
+
+  /* Global - Typography - FontWeight - Label */
+  --label-font-weight-book: 400;
+  --label-font-weight-bold: 700;
+
+  /* Global - Typography - FontWeight - Quote */
+  --quote-font-weight: 800;
+
+  /* Global - Typography - FontWeight - Display */
+  --display-font-weight: 800;
+
+  /* Global - Typography - FontWeight - Headline */
+  --headline1-font-weight-st: 700;
+  --headline1-font-weight: 700;
+  --headline2-font-weight: 700;
+  --headline3-font-weight: 700;
+  --headline4-font-weight: 600;
+  --headline2-font-weight-st: 700;
+  --headline3-font-weight-st: 700;
+  --headline4-font-weight-st: 600;
+
+  /* Global - Typography - FontWeight - Subheadline */
+  --subheadline-font-weight: 700;
+
+  /* Global - Typography - FontWeight - Kicker */
+  --kicker-font-weight: 700;
+  --kicker-font-weight-st: 700;
+
+  /* Global - Typography - FontWeight - Callout */
+  --callout-font-weight: 800;
+
+  /* Global - Typography - FontWeight - Title */
+  --title-font-weight: 800;
+
+  /* Global - Typography - FontFamily */
   /**
-   * Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
+   * Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter.
    */
-  --headline4-font-size-xs: 22px;
+  --kicker-font-family: Gotham XNarrow;
   /**
-   * Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
+   * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter.
    */
-  --headline4-font-size-sm: 22px;
+  --display-font-family: Gotham;
   /**
-   * Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes.
+   * Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter.
    */
-  --headline4-font-size-md: 26px;
+  --headline-font-family: Gotham Condensed;
   /**
-   * Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes.
+   * Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter.
    */
-  --headline4-font-size-lg: 32px;
+  --subheadline-font-family: Gotham Condensed;
   /**
-   * This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg
+   * Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter.
    */
-  --headline-text-align: center;
-
-  /* Global - Typography - FontSize - Kicker */
+  --body-font-family: Gotham XNarrow;
   /**
-   * Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm
+   * Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter.
    */
-  --kicker1-font-size-xs: 18px;
+  --footnote-font-family: Gotham XNarrow;
   /**
-   * Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm
+   * Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter.
    */
-  --kicker1-font-size-sm: 18px;
+  --label-font-family: Gotham XNarrow;
   /**
-   * Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker1 text style font size parameter for medium device sizes. Current online css: --kicker-0-font-size-md
+   * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter.
    */
-  --kicker1-font-size-md: 22px;
+  --quote-font-family: Gotham;
   /**
-   * Bild: 30 | SpoBi: 32 | Ads: 25 | This variable is used in the kicker1 text style font size parameter for large device sizes. Current online css: --kicker-0-font-size-lg
+   * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter.
    */
-  --kicker1-font-size-lg: 30px;
+  --title-font-family: Gotham;
   /**
-   * Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm
+   * Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter.
    */
-  --kicker2-font-size-xs: 18px;
+  --callout-font-family: Gotham;
+
+  /* Global - Visibilty */
+  --hide-on-bild: false;
+  --hide-on-sport-bild: true;
+  --only-advertorial: false;
+  --hide-on-advertorial: true;
+  --only-bild: true;
+  --only-sport-bild: false;
+
+
+  /* ============================================
+     COMPONENT
+     ============================================ */
+
+  /* Component - Article - FontSize */
   /**
-   * Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm
+   * --article-figure-caption-font-size-sm
    */
-  --kicker2-font-size-sm: 18px;
+  --article-image-caption-font-size-xs: 16px;
   /**
-   * Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker2 text style font size parameter for medium device sizes. Current online css: --kicker-1-font-size-md
+   * --article-figure-caption-font-size-md
    */
-  --kicker2-font-size-md: 22px;
+  --article-image-caption-font-size-md: 18px;
   /**
-   * Bild: 24 | SpoBi: 26 | Ads: 21 | This variable is used in the kicker2 text style font size parameter for large device sizes. Current online css: --kicker-1-font-size-lg
+   * --article-figure-caption-font-size-lg
    */
-  --kicker2-font-size-lg: 24px;
+  --article-image-caption-font-size-lg: 18px;
   /**
-   * Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm
+   * --article-figure-caption-font-size-sm
    */
-  --kicker3-font-size-xs: 16px;
+  --article-image-caption-font-size-sm: 16px;
   /**
-   * Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm
+   * --article-figure-meta-font-size-sm
    */
-  --kicker3-font-size-sm: 16px;
+  --article-image-source-font-size-xs: 16px;
   /**
-   * Bild: 18 | SpoBi: 20 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for medium device sizes. Current online css: --kicker-2-font-size-md
+   * --article-figure-meta-font-size-sm
    */
-  --kicker3-font-size-md: 18px;
+  --article-image-source-font-size-sm: 16px;
   /**
-   * Bild: 20 | SpoBi: 22 | Ads: 16 | This variable is used in the kicker3 text style font size parameter for large device sizes. Current online css: --kicker-2-font-size-lg
+   * --article-figure-meta-font-size-sm
    */
-  --kicker3-font-size-lg: 20px;
+  --article-image-source-font-size-md: 16px;
   /**
-   * Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm
+   * --article-figure-meta-font-size-lg
    */
-  --kicker4-font-size-xs: 14px;
+  --article-image-source-font-size-lg: 18px;
+
+  /* Component - Article - LineHeight */
   /**
-   * Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm
+   * --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
    */
-  --kicker4-font-size-sm: 14px;
+  --article-image-caption-line-height-xs: 19.5px;
   /**
-   * Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for medium device sizes. Current online css: --kicker-3-font-size-md
+   * --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5
    */
-  --kicker4-font-size-md: 16px;
+  --article-image-caption-line-height-md: 24.75px;
   /**
-   * Bild: 16 | SpoBi: 18 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for large device sizes. Current online css: --kicker-3-font-size-lg
+   * --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24
    */
-  --kicker4-font-size-lg: 16px;
-
-  /* Global - Typography - FontSize - Label */
-  --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;
-
-  /* Global - Typography - FontSize - Quote */
-  --quote-font-size-xs: 16px;
-  --quote-font-size-sm: 16px;
-  --quote-font-size-md: 18px;
-  --quote-font-size-lg: 20px;
-
-  /* Global - Typography - FontSize - Subheadline */
+  --article-image-caption-line-height-lg: 24.75px;
   /**
-   * Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
+   * --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
    */
-  --subheadline1-font-size-xs: 24px;
+  --article-image-caption-line-height-sm: 19.5px;
   /**
-   * Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
+   * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
    */
-  --subheadline1-font-size-sm: 24px;
+  --article-image-source-line-height-md: 21px;
   /**
-   * Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes.
+   * --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24
    */
-  --subheadline1-font-size-md: 32px;
+  --article-image-source-line-height-lg: 23px;
   /**
-   * Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes.
+   * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
    */
-  --subheadline1-font-size-lg: 36px;
+  --article-image-source-line-height-xs: 21px;
+  /**
+   * --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
+   */
+  --article-image-source-line-height-sm: 21px;
 
-  /* Global - Typography - FontSize - Title */
+  /* Component - Breadcrumb - FontSize */
   /**
-   * Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
+   * --breadcrumb-font-size-sm
    */
-  --title1-font-size-xs: 22px;
+  --breadcrumb-font-size-xs: 15px;
   /**
-   * Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
+   * --breadcrumb-font-size-sm
    */
-  --title1-font-size-sm: 22px;
+  --breadcrumb-font-size-sm: 15px;
   /**
-   * Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md
+   * --breadcrumb-font-size-sm
    */
-  --title1-font-size-md: 22px;
+  --breadcrumb-font-size-md: 15px;
   /**
-   * Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg
+   * --breadcrumb-font-size-lg
    */
-  --title1-font-size-lg: 28px;
+  --breadcrumb-font-size-lg: 12px;
+
+  /* Component - Breadcrumb - LineHeight */
   /**
-   * Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm
+   * not defined as variable
    */
-  --title2-font-size-xs: 16px;
+  --breadcrumb-line-height-xs: 15px;
   /**
-   * Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm
+   * not defined as variable
    */
-  --title2-font-size-sm: 16px;
+  --breadcrumb-line-height-sm: 15px;
   /**
-   * Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md
+   * not defined as variable
    */
-  --title2-font-size-md: 18px;
+  --breadcrumb-line-height-md: 15px;
   /**
-   * Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg
+   * not defined as variable
    */
-  --title2-font-size-lg: 20px;
-
-  /* Global - Typography - FontWeight - Body */
-  --body-font-weight-book: 400;
-  --body-font-weight-bold: 700;
-
-  /* Global - Typography - FontWeight - Callout */
-  --callout-font-weight: 800;
-
-  /* Global - Typography - FontWeight - Display */
-  --display-font-weight: 800;
-
-  /* Global - Typography - FontWeight - Footnote */
-  --footnote-font-weight-book: 400;
-  --footnote-font-weight-bold: 700;
-
-  /* Global - Typography - FontWeight - Headline */
-  --headline1-font-weight-st: 700;
-  --headline1-font-weight: 700;
-  --headline2-font-weight: 700;
-  --headline3-font-weight: 700;
-  --headline4-font-weight: 600;
-  --headline2-font-weight-st: 700;
-  --headline3-font-weight-st: 700;
-  --headline4-font-weight-st: 600;
-
-  /* Global - Typography - FontWeight - Kicker */
-  --kicker-font-weight: 700;
-  --kicker-font-weight-st: 700;
-
-  /* Global - Typography - FontWeight - Label */
-  --label-font-weight-book: 400;
-  --label-font-weight-bold: 700;
-
-  /* Global - Typography - FontWeight - Quote */
-  --quote-font-weight: 800;
-
-  /* Global - Typography - FontWeight - Subheadline */
-  --subheadline-font-weight: 700;
-
-  /* Global - Typography - FontWeight - Title */
-  --title-font-weight: 800;
-
-  /* Global - Typography - LineHeight - Body */
-  --body-line-height-xs: 28px;
-  --body-line-height-sm: 28px;
-  --body-line-height-md: 28px;
-  --body-line-height-lg: 32px;
-
-  /* Global - Typography - LineHeight - Callout */
-  --callout1-line-height-xs: 18px;
-  --callout1-line-height-sm: 18px;
-  --callout1-line-height-md: 22px;
-  --callout1-line-height-lg: 22px;
-
-  /* Global - Typography - LineHeight - Display */
-  --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;
-
-  /* Global - Typography - LineHeight - Footnote */
-  --footnote1-line-height-xs: 21px;
-  --footnote1-line-height-sm: 21px;
-  --footnote1-line-height-md: 21px;
-  --footnote1-line-height-lg: 23px;
-  --footnote2-line-height-xs: 15.600000381469727px;
-  --footnote2-line-height-sm: 15.600000381469727px;
-  --footnote2-line-height-md: 15.800000190734863px;
-  --footnote2-line-height-lg: 21px;
+  --breadcrumb-line-height-lg: 12px;
 
-  /* Global - Typography - LineHeight - Headline */
-  --headline1-line-height-xs: 48px;
-  --headline1-line-height-sm: 48px;
-  --headline1-line-height-md: 72px;
-  --headline1-line-height-lg: 100px;
-  --headline2-line-height-xs: 40px;
-  --headline2-line-height-sm: 40px;
-  --headline2-line-height-md: 48px;
-  --headline2-line-height-lg: 64px;
-  --headline3-line-height-xs: 28px;
-  --headline3-line-height-sm: 28px;
-  --headline3-line-height-md: 36px;
-  --headline3-line-height-lg: 40px;
-  --headline4-line-height-xs: 22px;
-  --headline4-line-height-sm: 22px;
-  --headline4-line-height-md: 22px;
-  --headline4-line-height-lg: 30px;
+  /* Component - Breadcrumb - FontFamily */
+  /**
+   * --breadcrumb-font
+   */
+  --breadcrumb-font-family: Gotham XNarrow;
 
-  /* Global - Typography - LineHeight - Kicker */
-  --kicker1-line-height-xs: 19.799999237060547px;
-  --kicker1-line-height-sm: 19.799999237060547px;
-  --kicker1-line-height-md: 22px;
-  --kicker1-line-height-lg: 30px;
-  --kicker2-line-height-xs: 19.799999237060547px;
-  --kicker2-line-height-sm: 19.799999237060547px;
-  --kicker2-line-height-md: 22px;
-  --kicker2-line-height-lg: 24px;
-  --kicker3-line-height-xs: 17.600000381469727px;
-  --kicker3-line-height-sm: 17.600000381469727px;
-  --kicker3-line-height-md: 18px;
-  --kicker3-line-height-lg: 20px;
-  --kicker4-line-height-xs: 15.399999618530273px;
-  --kicker4-line-height-sm: 15.399999618530273px;
-  --kicker4-line-height-md: 17.600000381469727px;
-  --kicker4-line-height-lg: 16px;
+  /* Component - Breadcrumb - FontWeight */
+  /**
+   * --breadcrumb-font-size-sm
+   */
+  --breadcrumb-font-weight: 700;
 
-  /* Global - Typography - LineHeight - Label */
+  /* Component - Menu */
   /**
-   * Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter.
+   * --nav-btn-font-size
    */
-  --label1-line-height: 17px;
+  --menu-item-font-size: 15px;
   /**
-   * Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
+   * --caption-1-font-size-md
    */
-  --label1-resp-line-height-xs: 10px;
+  --app-top-bar-title-font-size-md: 14px;
   /**
-   * Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
+   * --caption-1-font-size-lg
    */
-  --label1-resp-line-height-sm: 10px;
+  --app-top-bar-title-font-size-lg: 14px;
   /**
-   * Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter.
+   * --caption-1-font-size-sm
    */
-  --label1-resp-line-height-md: 15px;
+  --app-top-bar-title-font-size-xs: 12px;
   /**
-   * Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter.
+   * --caption-1-font-size-sm
    */
-  --label1-resp-line-height-lg: 17px;
+  --app-top-bar-title-font-size-sm: 12px;
+  --app-top-bar-title-line-height-md: 17px;
+  --app-top-bar-title-line-height-lg: 17px;
+  --app-top-bar-title-line-height-xs: 14px;
+  --app-top-bar-title-line-height-sm: 14px;
+  --menu-item-font-weight: 700;
+
+  /* Component - Teaser */
   /**
-   * Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter.
+   * --teaser-title-padding-lg
    */
-  --label2-line-height: 16px;
+  --teaser-title-inline-space-lg: 12px;
   /**
-   * Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter.
+   * --teaser-title-padding-md
    */
-  --label3-line-height: 14.399999618530273px;
+  --teaser-title-inline-space-md: 12px;
   /**
-   * Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter.
+   * --teaser-title-padding-sm
    */
-  --label4-line-height: 10px;
+  --teaser-title-inline-space-sm: 8px;
+  /**
+   * --teaser-title-padding-xs
+   */
+  --teaser-title-inline-space-xs: 8px;
 
-  /* Global - Typography - LineHeight - Quote */
-  --quote-line-height-xs: 16px;
-  --quote-line-height-sm: 16px;
-  --quote-line-height-md: 18px;
-  --quote-line-height-lg: 22px;
+  /* Component - Teaser - Quad */
+  --q-teaser-title-inline-space-lg: 12px;
+  --q-teaser-title-inline-space-md: 16px;
+  --q-teaser-title-inline-space-sm: 8px;
+  --q-teaser-title-inline-space-xs: 8px;
 
-  /* Global - Typography - LineHeight - Subheadline */
-  --subheadline1-line-height-xs: 24px;
-  --subheadline1-line-height-sm: 24px;
-  --subheadline1-line-height-md: 32px;
-  --subheadline1-line-height-lg: 36px;
+  /* Component - Teaser - aTeaser */
+  --a-teaser-title-inline-space-lg: 12px;
+  --a-teaser-title-inline-space-md: 12px;
+  --a-teaser-title-inline-space-xs: 8px;
+  --a-teaser-title-inline-space-sm: 8px;
 
-  /* Global - Typography - LineHeight - Title */
-  --title1-line-height-xs: 22px;
-  --title1-line-height-sm: 22px;
-  --title1-line-height-md: 22px;
-  --title1-line-height-lg: 28px;
-  --title2-line-height-xs: 17.600000381469727px;
-  --title2-line-height-sm: 17.600000381469727px;
-  --title2-line-height-md: 19.799999237060547px;
-  --title2-line-height-lg: 22px;
+  /* Component - Teaser - bTeaser */
+  --b-teaser-title-inline-space: 8px;
 
-  /* Global - Visibilty */
-  --hide-on-bild: false;
-  --hide-on-sport-bild: true;
-  --only-advertorial: false;
-  --hide-on-advertorial: true;
-  --only-bild: true;
-  --only-sport-bild: false;
+  /* Component - Teaser - 2xaTeaser */
+  --2xa-teaser-title-inline-space: 8px;
+
+  /* Component - Teaser - miniQ */
+  --mini-qteaser-title-inline-space-md: 8px;
+  --mini-qteaser-title-inline-space-lg: 8px;
+  --mini-qteaser-title-inline-space-sm: 8px;
+  --mini-qteaser-title-inline-space-xs: 8px;
+
+  /* Component - Teaser - superA */
+  --super-ateaser-title-inline-space: 16px;
+
+  /* Component - Avatar */
+  /**
+   * current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande
+   */
+  --avatar-font-family: Gotham XNarrow;
+  /**
+   * 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13
+   */
+  --avatar-font-size-sm: 16px;
+  /**
+   * 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15
+   */
+  --avatar-font-size-lg: 18px;
+
+  /* Component - BreakingNews */
+  --breaking-news-content-font-size: 21px;
+
+  /* Component - Accordion */
+  --accordion-label-font-family: Gotham XNarrow;
+
+  /* Component - Footer */
+  --footer-link-font-family: Gotham XNarrow;
+
+  /* Component - MediaPlayer */
+  --video-time-badge-font-family: Gotham XNarrow;
+
+  /* Component - Inputfield */
+  --input-field-label-font-family: Gotham XNarrow;
+
+  --button-label-font-weight-st: 600;
 
 
   /* ============================================