@marioschmidt/design-system-tokens 1.0.15 → 1.0.17

package/dist/css/brands/sportbild/density/density-compact.css

@@ -0,0 +1,14 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --component-button-button-content-gap-space: 6px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-button-button-stack-space: 6px; /** This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-button-button-label-font-size: 15px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 */
+  --component-button-button-inline-space: 16px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-inputfield-input-field-inline-space: 16px;
+  --component-inputfield-input-field-stack-space: 6px;
+  --component-inputfield-input-field-height-size: 36px;
+  --component-inputfield-input-field-label-font-size: 16px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
+}

package/dist/css/brands/sportbild/density/density-default.css

@@ -0,0 +1,14 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --component-button-button-content-gap-space: 8px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-button-button-stack-space: 8px; /** This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-button-button-label-font-size: 17px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 */
+  --component-button-button-inline-space: 20px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-inputfield-input-field-inline-space: 16px;
+  --component-inputfield-input-field-stack-space: 8px;
+  --component-inputfield-input-field-height-size: 40px;
+  --component-inputfield-input-field-label-font-size: 17px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
+}

package/dist/css/brands/sportbild/density/density-spacious.css

@@ -0,0 +1,14 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --component-button-button-content-gap-space: 8px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-button-button-stack-space: 12px; /** This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-button-button-label-font-size: 19px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19 */
+  --component-button-button-inline-space: 24px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
+  --component-inputfield-input-field-inline-space: 16px;
+  --component-inputfield-input-field-stack-space: 12px;
+  --component-inputfield-input-field-height-size: 48px;
+  --component-inputfield-input-field-label-font-size: 19px; /** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
+}

package/dist/css/brands/sportbild/overrides/brandcolormapping.css

@@ -0,0 +1,74 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --global-core-core-color-primary: #0A2750; /** Bild: 046; SpoBi: 016 current css calls this variable main tenant color */
+  --global-core-core-color-secondary: #FFFFFF; /** Bild&SpoBi Tone 100 */
+  --global-core-core-color-secondary-dark: #081828; /** Bild: 015 ; SpoBi: 010 */
+  --global-core-core-color-tertiary: #081828; /** Bild: 015 ; SpoBi: 010 */
+  --global-core-core-color-tertiary-dark: #FFFFFF; /** Bild&SpoBi: 100 */
+  --global-attention-accent-color-primary: #174482; /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
+  --global-attention-accent-color-primary-dark: #F7F9FD; /** Bild: 100 ; SpoBi: 098 */
+  --global-surface-surface-color-primary: #FFFFFF; /** Bild: 100 ; SpoBi: 100 */
+  --global-surface-surface-color-primary-dark: #081828; /** Bild: 015 ; SpoBi: 010 */
+  --global-surface-surface-color-secondary: #F7F9FD; /** Bild: 096 ; SpoBi: 098 */
+  --global-surface-surface-color-secondary-dark: #0A2750; /** Bild: 020 ; SpoBi: 016 */
+  --global-surface-surface-color-tertiary: #BDCADB; /** Bild: 093 ; SpoBi: 081 */
+  --global-surface-surface-color-tertiary-dark: #174482; /** Bild: 025 ; SpoBi: 029 */
+  --global-surface-surface-color-quartenary: #CED4DA; /** Bild: 085 ; SpoBi: 085 */
+  --global-surface-surface-color-quartenary-dark: #4B525A; /** Bild: 035 ; SpoBi: 035 */
+  --global-state-color-primary-active: #174482; /** Bild: 046 ; SpoBi: 029 */
+  --global-state-color-primary-active-dark: #F7F9FD; /** Bild: 046 ; SpoBi: 098 */
+  --global-text-text-color-primary: #232629; /** Bild & SpoBi: Tone 015 */
+  --global-text-text-color-primary-dark: #E9ECEF; /** Bild & SpoBi: Tone 093 */
+  --global-text-headline-color-primary: #0A2750; /** Bild: 015 ; SpoBi: 016 */
+  --global-text-headline-color-primary-dark: #FFFFFF; /** Bild&SpoBi: Tone 100 */
+  --global-text-kicker-text-color-on-bg: #FFFFFF; /** This variable is used on kicker texts that are on top of a color that is different from the outer color of the overall user interface. Bild & SpoBi: Tone 100 */
+  --global-text-kicker-text-color-on-surface: #8C9196; /** This variable is used for the color of kicker texts that are not no top of a different color of the overall user interface. Bild: 046 ; SpoBi: 060 */
+  --global-text-kicker-text-color-on-surface-dark: #8C9196; /** Use this variable for kicker texts that are directly on top of the color of the overall user interface. Bild & SpoBi tone 060. */
+  --global-text-text-color-secondary: #8C9196; /** Bild & SpoBi: Tone 060 */
+  --global-text-text-color-secondary-dark: #8C9196; /** Bild & SpoBi: Tone 060 */
+  --global-text-kicker-bg-color-on-surface: #174482; /** Use this variable for the color immediately behind the bounding box of the kicker text element. Bild: 046 ; SpoBi: 029 */
+  --global-text-kicker-bg-color-on-surface-dark: #8C9196; /** Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 */
+  --component-button-primary-neutral-button-primary-bg-color-idle: #232629; /** Bild & SpoBi: Tone 015 */
+  --component-button-primary-neutral-button-primary-bg-color-hover: #4B525A; /** Bild & SpoBi: Tone 035 */
+  --component-button-primary-neutral-button-primary-bg-color-idle-dark: #FFFFFF; /** Bild & SpoBi: Tone 100 */
+  --component-button-primary-neutral-button-primary-bg-color-hover-dark: #BDCADB; /** Bild: 093 ; SpoBi: 081 */
+  --component-button-primary-brand-button-primary-bg-color-idle: #174482; /** Bild: 046 ; SpoBi: 029 */
+  --component-button-primary-brand-button-primary-bg-color-idle-dark: #315998; /** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
+  --component-button-primary-brand-button-primary-bg-color-hover: #0A2750; /** Bild: 035 ; SpoBi: 016 */
+  --component-button-primary-brand-button-primary-bg-color-hover-dark: #174482; /** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
+  --component-breaking-news-breaking-news-text-content-color: #232629; /** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
+  --component-breaking-news-breaking-news-surface-color: #FFBF00; /** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
+  --component-breaking-news-breaking-news-title-surface-color: #0A2750; /** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
+  --component-breaking-news-breaking-news-top-title-text-color: #FFBF00; /** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
+  --component-breaking-news-breaking-news-surface-color-dark: #FFBF00; /** This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081 */
+  --component-breaking-news-breaking-news-text-content-color-dark: #232629; /** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
+  --component-breaking-news-breaking-news-bottom-title-text-color: #FFFFFF; /** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
+  --component-teaser-teaser-title-background-gradient-start: rgba(10, 39, 80, 0.699999988079071);
+  --component-teaser-teaser-title-background-gradient-stop: rgba(10, 39, 80, 0);
+  --component-menu-menu-link-lane-surface-color: #0A2750; /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component. */
+  --component-menu-menu-link-lane-label-color: #CED4DA; /** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
+  --component-menu-menu-link-lane-label-color-dark: #AEB4B9;
+  --component-menu-menu-link-lane-surface-color-dark: #0A2750; /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component on Dark mode. */
+  --component-menu-menu-link-color-border-active: #0A2750;
+  --component-menu-menu-link-color-border-active-dark: #F7F9FD;
+  --component-menu-menu-link-lane-label-color-active: #FFFFFF; /** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
+  --component-menu-app-top-bar-surface-color: #2C3138;
+  --component-menu-app-top-bar-bg-color-dark: #2C3138;
+  --component-menu-app-bottom-tab-bar-bg-color: #FFFFFF;
+  --component-menu-app-bottom-tab-bar-bg-dark: #2C3138;
+  --component-menu-app-top-bar-icon-color: #8C9196;
+  --component-menu-app-top-bar-icon-color-dark: #8C9196;
+  --component-menu-app-top-bar-text-color: #E9ECEF;
+  --component-menu-app-top-bar-text-color-dark: #E9ECEF;
+  --component-menu-app-tob-bar-tab-nav-bottom-border: #174482;
+  --component-menu-app-tob-bar-tab-nav-bottom-border-dark: #174482;
+  --component-menu-app-tob-bar-tab-nav-bottom-border-active: #CED4DA;
+  --component-menu-app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
+  --component-avatar-avatar-label-color: #666B70; /** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
+  --component-avatar-avatar-label-color-dark: #E9ECEF; /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
+  --component-avatar-avatar-label-color-hover: #174482; /** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
+  --component-chip-color-active: #174482;
+}

package/dist/css/{mapping/brand-sportbild-global.css → brands/sportbild/overrides/brandtokenmapping.css}

@@ -3,16 +3,6 @@
  */
 
 :root {
-  --global-typography-font-family-display-font-family: AntennaCond; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
-  --global-typography-font-family-headline-font-family: AntennaExtraCond; /** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
-  --global-typography-font-family-subheadline-font-family: AntennaCond; /** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
-  --global-typography-font-family-kicker-font-family: AntennaExtraCond; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
-  --global-typography-font-family-title-font-family: AntennaCond; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
-  --global-typography-font-family-callout-font-family: AntennaCond; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
-  --global-typography-font-family-body-font-family: Inter; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
-  --global-typography-font-family-footnote-font-family: Inter; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
-  --global-typography-font-family-label-font-family: AntennaExtraCond; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
-  --global-typography-font-family-quote-font-family: AntennaCond; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
   --global-typography-font-size-display-display1-font-size-xs: 38px; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
   --global-typography-font-size-display-display1-font-size-sm: 38px; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
   --global-typography-font-size-display-display1-font-size-md: 68px; /** Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes. */
@@ -21,11 +11,10 @@
   --global-typography-font-size-display-display2-font-size-sm: 34px; /** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
   --global-typography-font-size-display-display2-font-size-md: 40px; /** Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes. */
   --global-typography-font-size-display-display2-font-size-lg: 61px; /** Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes. */
-  --global-typography-font-size-display-display3-font-size-xs: 27px; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
   --global-typography-font-size-display-display3-font-size-sm: 27px; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
   --global-typography-font-size-display-display3-font-size-md: 30px; /** Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes. */
   --global-typography-font-size-display-display3-font-size-lg: 38px; /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes. */
-  --global-typography-font-size-headline-headline-text-align: left; /** This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg */
+  --global-typography-font-size-display-display3-font-size-xs: 27px; /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
   --global-typography-font-size-headline-headline1-font-size-xs: 42px; /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
   --global-typography-font-size-headline-headline1-font-size-sm: 42px; /** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
   --global-typography-font-size-headline-headline1-font-size-md: 60px; /** Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes. */
@@ -42,10 +31,7 @@
   --global-typography-font-size-headline-headline4-font-size-sm: 21px; /** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
   --global-typography-font-size-headline-headline4-font-size-md: 26px; /** Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes. */
   --global-typography-font-size-headline-headline4-font-size-lg: 26px; /** Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes. */
-  --global-typography-font-size-subheadline-subheadline1-font-size-xs: 18px; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
-  --global-typography-font-size-subheadline-subheadline1-font-size-sm: 18px; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
-  --global-typography-font-size-subheadline-subheadline1-font-size-md: 22px; /** Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes. */
-  --global-typography-font-size-subheadline-subheadline1-font-size-lg: 26px; /** Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes. */
+  --global-typography-font-size-headline-headline-text-align: left; /** This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg */
   --global-typography-font-size-kicker-kicker1-font-size-xs: 20px; /** 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 */
   --global-typography-font-size-kicker-kicker1-font-size-sm: 20px; /** 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 */
   --global-typography-font-size-kicker-kicker1-font-size-md: 26px; /** 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 */
@@ -62,6 +48,10 @@
   --global-typography-font-size-kicker-kicker4-font-size-sm: 14px; /** 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 */
   --global-typography-font-size-kicker-kicker4-font-size-md: 16px; /** 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 */
   --global-typography-font-size-kicker-kicker4-font-size-lg: 18px; /** 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 */
+  --global-typography-font-size-subheadline-subheadline1-font-size-xs: 18px; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
+  --global-typography-font-size-subheadline-subheadline1-font-size-sm: 18px; /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
+  --global-typography-font-size-subheadline-subheadline1-font-size-md: 22px; /** Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes. */
+  --global-typography-font-size-subheadline-subheadline1-font-size-lg: 26px; /** Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes. */
   --global-typography-font-size-title-title1-font-size-xs: 24px; /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
   --global-typography-font-size-title-title1-font-size-sm: 24px; /** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
   --global-typography-font-size-title-title1-font-size-md: 28px; /** Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md */
@@ -86,18 +76,18 @@
   --global-typography-font-size-footnote-footnote2-font-size-sm: 10px;
   --global-typography-font-size-footnote-footnote2-font-size-md: 10px;
   --global-typography-font-size-footnote-footnote2-font-size-lg: 13px;
+  --global-typography-font-size-quote-quote-font-size-xs: 16px;
+  --global-typography-font-size-quote-quote-font-size-sm: 16px;
+  --global-typography-font-size-quote-quote-font-size-md: 18px;
+  --global-typography-font-size-quote-quote-font-size-lg: 20px;
   --global-typography-font-size-label-label1-font-size: 17px;
+  --global-typography-font-size-label-label2-font-size: 15px;
+  --global-typography-font-size-label-label3-font-size: 12px;
+  --global-typography-font-size-label-label4-font-size: 8px;
   --global-typography-font-size-label-label1-resp-font-size-xs: 10px;
   --global-typography-font-size-label-label1-resp-font-size-sm: 10px;
   --global-typography-font-size-label-label1-resp-font-size-md: 15px;
   --global-typography-font-size-label-label1-resp-font-size-lg: 17px;
-  --global-typography-font-size-label-label2-font-size: 15px;
-  --global-typography-font-size-label-label3-font-size: 12px;
-  --global-typography-font-size-label-label4-font-size: 8px;
-  --global-typography-font-size-quote-quote-font-size-xs: 16px;
-  --global-typography-font-size-quote-quote-font-size-sm: 16px;
-  --global-typography-font-size-quote-quote-font-size-md: 18px;
-  --global-typography-font-size-quote-quote-font-size-lg: 20px;
   --global-typography-line-height-display-display1-line-height-xs: 40px;
   --global-typography-line-height-display-display1-line-height-sm: 40px;
   --global-typography-line-height-display-display1-line-height-md: 72px;
@@ -106,132 +96,135 @@
   --global-typography-line-height-display-display2-line-height-sm: 36px;
   --global-typography-line-height-display-display2-line-height-md: 42px;
   --global-typography-line-height-display-display2-line-height-lg: 64px;
-  --global-typography-line-height-display-display3-line-height-xs: 28px;
-  --global-typography-line-height-display-display3-line-height-sm: 28px;
-  --global-typography-line-height-display-display3-line-height-md: 32px;
   --global-typography-line-height-display-display3-line-height-lg: 40px;
+  --global-typography-line-height-display-display3-line-height-md: 32px;
+  --global-typography-line-height-display-display3-line-height-sm: 28px;
+  --global-typography-line-height-display-display3-line-height-xs: 28px;
   --global-typography-line-height-headline-headline1-line-height-xs: 42px;
   --global-typography-line-height-headline-headline1-line-height-sm: 42px;
   --global-typography-line-height-headline-headline1-line-height-md: 69px;
   --global-typography-line-height-headline-headline1-line-height-lg: 88px;
   --global-typography-line-height-headline-headline2-line-height-xs: 42px;
   --global-typography-line-height-headline-headline2-line-height-sm: 42px;
-  --global-typography-line-height-headline-headline2-line-height-md: 50.6px;
-  --global-typography-line-height-headline-headline2-line-height-lg: 57.6px;
+  --global-typography-line-height-headline-headline2-line-height-md: 50.599998474121094px;
+  --global-typography-line-height-headline-headline2-line-height-lg: 57.599998474121094px;
   --global-typography-line-height-headline-headline3-line-height-xs: 33px;
   --global-typography-line-height-headline-headline3-line-height-sm: 33px;
   --global-typography-line-height-headline-headline3-line-height-md: 34.5px;
-  --global-typography-line-height-headline-headline3-line-height-lg: 39.1px;
-  --global-typography-line-height-headline-headline4-line-height-xs: 23.1px;
-  --global-typography-line-height-headline-headline4-line-height-sm: 23.1px;
-  --global-typography-line-height-headline-headline4-line-height-md: 28.6px;
-  --global-typography-line-height-headline-headline4-line-height-lg: 29.9px;
-  --global-typography-line-height-subheadline-subheadline1-line-height-xs: 23.4px;
-  --global-typography-line-height-subheadline-subheadline1-line-height-sm: 23.4px;
-  --global-typography-line-height-subheadline-subheadline1-line-height-md: 28.6px;
-  --global-typography-line-height-subheadline-subheadline1-line-height-lg: 33.8px;
+  --global-typography-line-height-headline-headline3-line-height-lg: 39.099998474121094px;
+  --global-typography-line-height-headline-headline4-line-height-xs: 23.100000381469727px;
+  --global-typography-line-height-headline-headline4-line-height-sm: 23.100000381469727px;
+  --global-typography-line-height-headline-headline4-line-height-md: 28.600000381469727px;
+  --global-typography-line-height-headline-headline4-line-height-lg: 29.899999618530273px;
+  --global-typography-line-height-subheadline-subheadline1-line-height-xs: 23.399999618530273px;
+  --global-typography-line-height-subheadline-subheadline1-line-height-sm: 23.399999618530273px;
+  --global-typography-line-height-subheadline-subheadline1-line-height-md: 28.600000381469727px;
+  --global-typography-line-height-subheadline-subheadline1-line-height-lg: 33.79999923706055px;
   --global-typography-line-height-kicker-kicker1-line-height-xs: 22px;
   --global-typography-line-height-kicker-kicker1-line-height-sm: 22px;
-  --global-typography-line-height-kicker-kicker1-line-height-md: 28.6px;
-  --global-typography-line-height-kicker-kicker1-line-height-lg: 35.2px;
-  --global-typography-line-height-kicker-kicker2-line-height-xs: 17.6px;
-  --global-typography-line-height-kicker-kicker2-line-height-sm: 17.6px;
-  --global-typography-line-height-kicker-kicker2-line-height-md: 28.6px;
-  --global-typography-line-height-kicker-kicker2-line-height-lg: 28.6px;
-  --global-typography-line-height-kicker-kicker3-line-height-xs: 17.6px;
-  --global-typography-line-height-kicker-kicker3-line-height-sm: 17.6px;
+  --global-typography-line-height-kicker-kicker1-line-height-md: 28.600000381469727px;
+  --global-typography-line-height-kicker-kicker1-line-height-lg: 35.20000076293945px;
+  --global-typography-line-height-kicker-kicker2-line-height-xs: 17.600000381469727px;
+  --global-typography-line-height-kicker-kicker2-line-height-sm: 17.600000381469727px;
+  --global-typography-line-height-kicker-kicker2-line-height-md: 28.600000381469727px;
+  --global-typography-line-height-kicker-kicker2-line-height-lg: 28.600000381469727px;
+  --global-typography-line-height-kicker-kicker3-line-height-xs: 17.600000381469727px;
+  --global-typography-line-height-kicker-kicker3-line-height-sm: 17.600000381469727px;
   --global-typography-line-height-kicker-kicker3-line-height-md: 22px;
-  --global-typography-line-height-kicker-kicker3-line-height-lg: 24.2px;
-  --global-typography-line-height-kicker-kicker4-line-height-xs: 15.4px;
-  --global-typography-line-height-kicker-kicker4-line-height-sm: 15.4px;
-  --global-typography-line-height-kicker-kicker4-line-height-md: 17.6px;
-  --global-typography-line-height-kicker-kicker4-line-height-lg: 19.8px;
-  --global-typography-line-height-title-title1-line-height-xs: 26.4px;
-  --global-typography-line-height-title-title1-line-height-sm: 26.4px;
-  --global-typography-line-height-title-title1-line-height-md: 30.8px;
+  --global-typography-line-height-kicker-kicker3-line-height-lg: 24.200000762939453px;
+  --global-typography-line-height-kicker-kicker4-line-height-xs: 15.399999618530273px;
+  --global-typography-line-height-kicker-kicker4-line-height-sm: 15.399999618530273px;
+  --global-typography-line-height-kicker-kicker4-line-height-md: 17.600000381469727px;
+  --global-typography-line-height-kicker-kicker4-line-height-lg: 19.799999237060547px;
+  --global-typography-line-height-title-title1-line-height-xs: 26.399999618530273px;
+  --global-typography-line-height-title-title1-line-height-sm: 26.399999618530273px;
+  --global-typography-line-height-title-title1-line-height-md: 30.799999237060547px;
   --global-typography-line-height-title-title1-line-height-lg: 33px;
-  --global-typography-line-height-title-title2-line-height-xs: 16.8px;
-  --global-typography-line-height-title-title2-line-height-sm: 20.8px;
-  --global-typography-line-height-title-title2-line-height-md: 23.4px;
+  --global-typography-line-height-title-title2-line-height-xs: 16.799999237060547px;
+  --global-typography-line-height-title-title2-line-height-sm: 20.799999237060547px;
+  --global-typography-line-height-title-title2-line-height-md: 23.399999618530273px;
   --global-typography-line-height-title-title2-line-height-lg: 26px;
-  --global-typography-line-height-callout-callout1-line-height-xs: 23.4px;
-  --global-typography-line-height-callout-callout1-line-height-sm: 23.4px;
-  --global-typography-line-height-callout-callout1-line-height-md: 31.2px;
-  --global-typography-line-height-callout-callout1-line-height-lg: 31.2px;
-  --global-typography-line-height-body-body-line-height-xs: 28.05px;
-  --global-typography-line-height-body-body-line-height-sm: 28.05px;
+  --global-typography-line-height-callout-callout1-line-height-xs: 23.399999618530273px;
+  --global-typography-line-height-callout-callout1-line-height-sm: 23.399999618530273px;
+  --global-typography-line-height-callout-callout1-line-height-md: 31.200000762939453px;
+  --global-typography-line-height-callout-callout1-line-height-lg: 31.200000762939453px;
+  --global-typography-line-height-body-body-line-height-xs: 28.049999237060547px;
+  --global-typography-line-height-body-body-line-height-sm: 28.049999237060547px;
   --global-typography-line-height-body-body-line-height-md: 29.75px;
-  --global-typography-line-height-body-body-line-height-lg: 28.05px;
-  --global-typography-line-height-footnote-footnote1-line-height-xs: 17.03px;
-  --global-typography-line-height-footnote-footnote1-line-height-sm: 17.03px;
-  --global-typography-line-height-footnote-footnote1-line-height-md: 17.03px;
+  --global-typography-line-height-body-body-line-height-lg: 28.049999237060547px;
+  --global-typography-line-height-footnote-footnote1-line-height-xs: 17.030000686645508px;
+  --global-typography-line-height-footnote-footnote1-line-height-sm: 17.030000686645508px;
+  --global-typography-line-height-footnote-footnote1-line-height-md: 17.030000686645508px;
   --global-typography-line-height-footnote-footnote1-line-height-lg: 19px;
   --global-typography-line-height-footnote-footnote2-line-height-xs: 13px;
   --global-typography-line-height-footnote-footnote2-line-height-sm: 13px;
   --global-typography-line-height-footnote-footnote2-line-height-md: 13px;
-  --global-typography-line-height-footnote-footnote2-line-height-lg: 17.03px;
-  --global-typography-line-height-label-label1-line-height: 20.4px; /** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
+  --global-typography-line-height-footnote-footnote2-line-height-lg: 17.030000686645508px;
+  --global-typography-line-height-label-label1-line-height: 20.399999618530273px; /** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
   --global-typography-line-height-label-label1-resp-line-height-xs: 12px; /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
   --global-typography-line-height-label-label1-resp-line-height-sm: 12px; /** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
   --global-typography-line-height-label-label1-resp-line-height-md: 18px; /** Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter. */
-  --global-typography-line-height-label-label1-resp-line-height-lg: 20.4px; /** Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. */
-  --global-typography-line-height-label-label2-line-height: 19.2px; /** Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. */
-  --global-typography-line-height-label-label3-line-height: 14.4px; /** Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. */
+  --global-typography-line-height-label-label1-resp-line-height-lg: 20.399999618530273px; /** Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. */
+  --global-typography-line-height-label-label2-line-height: 19.200000762939453px; /** Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. */
+  --global-typography-line-height-label-label3-line-height: 14.399999618530273px; /** Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. */
   --global-typography-line-height-label-label4-line-height: 10px; /** Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter. */
-  --global-typography-line-height-quote-quote-line-height-xs: 20.8px;
-  --global-typography-line-height-quote-quote-line-height-sm: 20.8px;
-  --global-typography-line-height-quote-quote-line-height-md: 23.4px;
+  --global-typography-line-height-quote-quote-line-height-xs: 20.799999237060547px;
+  --global-typography-line-height-quote-quote-line-height-sm: 20.799999237060547px;
+  --global-typography-line-height-quote-quote-line-height-md: 23.399999618530273px;
   --global-typography-line-height-quote-quote-line-height-lg: 26px;
+  --global-typography-font-weight-body-body-font-weight-book: 400;
+  --global-typography-font-weight-body-body-font-weight-bold: 700;
+  --global-typography-font-weight-footnote-footnote-font-weight-book: 400;
+  --global-typography-font-weight-footnote-footnote-font-weight-bold: 700;
+  --global-typography-font-weight-label-label-font-weight-book: 400;
+  --global-typography-font-weight-label-label-font-weight-bold: 700;
+  --global-typography-font-weight-quote-quote-font-weight: 800;
   --global-typography-font-weight-display-display-font-weight: 800;
-  --global-typography-font-weight-headline-headline1-font-weight: 700;
   --global-typography-font-weight-headline-headline1-font-weight-st: Bold Italic;
+  --global-typography-font-weight-headline-headline1-font-weight: 700;
   --global-typography-font-weight-headline-headline2-font-weight: 700;
-  --global-typography-font-weight-headline-headline2-font-weight-st: Bold Italic;
   --global-typography-font-weight-headline-headline3-font-weight: 700;
-  --global-typography-font-weight-headline-headline3-font-weight-st: Bold Italic;
   --global-typography-font-weight-headline-headline4-font-weight: 700;
+  --global-typography-font-weight-headline-headline2-font-weight-st: Bold Italic;
+  --global-typography-font-weight-headline-headline3-font-weight-st: Bold Italic;
   --global-typography-font-weight-headline-headline4-font-weight-st: Bold Italic;
   --global-typography-font-weight-subheadline-subheadline-font-weight: 700;
   --global-typography-font-weight-kicker-kicker-font-weight: 700;
   --global-typography-font-weight-kicker-kicker-font-weight-st: Black Italic;
-  --global-typography-font-weight-title-title-font-weight: 800;
   --global-typography-font-weight-callout-callout-font-weight: 800;
-  --global-typography-font-weight-body-body-font-weight-book: 400;
-  --global-typography-font-weight-body-body-font-weight-bold: 700;
-  --global-typography-font-weight-footnote-footnote-font-weight-book: 400;
-  --global-typography-font-weight-footnote-footnote-font-weight-bold: 700;
-  --global-typography-font-weight-label-label-font-weight-book: 400;
-  --global-typography-font-weight-label-label-font-weight-bold: 700;
-  --global-typography-font-weight-quote-quote-font-weight: 800;
+  --global-typography-font-weight-title-title-font-weight: 800;
+  --global-typography-font-family-kicker-font-family: AntennaExtraCond; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
+  --global-typography-font-family-display-font-family: AntennaCond; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
+  --global-typography-font-family-headline-font-family: AntennaExtraCond; /** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
+  --global-typography-font-family-subheadline-font-family: AntennaCond; /** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
+  --global-typography-font-family-body-font-family: Inter; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
+  --global-typography-font-family-footnote-font-family: Inter; /** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
+  --global-typography-font-family-label-font-family: AntennaExtraCond; /** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
+  --global-typography-font-family-quote-font-family: AntennaCond; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
+  --global-typography-font-family-title-font-family: AntennaCond; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
+  --global-typography-font-family-callout-font-family: AntennaCond; /** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
   --global-visibilty-hide-on-bild: true;
   --global-visibilty-hide-on-sport-bild: false;
+  --global-visibilty-only-advertorial: false;
   --global-visibilty-hide-on-advertorial: true;
   --global-visibilty-only-bild: false;
   --global-visibilty-only-sport-bild: true;
-  --global-visibilty-only-advertorial: false;
-  --component-button-label-font-weight-st: Bold Italic;
-  --component-accordion-accordion-label-font-family: Inter;
   --component-article-font-size-article-image-caption-font-size-xs: 13px; /** --article-figure-caption-font-size-sm */
-  --component-article-font-size-article-image-caption-font-size-sm: 13px; /** --article-figure-caption-font-size-sm */
   --component-article-font-size-article-image-caption-font-size-md: 13px; /** --article-figure-caption-font-size-md */
   --component-article-font-size-article-image-caption-font-size-lg: 15px; /** --article-figure-caption-font-size-lg */
+  --component-article-font-size-article-image-caption-font-size-sm: 13px; /** --article-figure-caption-font-size-sm */
   --component-article-font-size-article-image-source-font-size-xs: 13px; /** --article-figure-meta-font-size-sm */
   --component-article-font-size-article-image-source-font-size-sm: 13px; /** --article-figure-meta-font-size-sm */
   --component-article-font-size-article-image-source-font-size-md: 13px; /** --article-figure-meta-font-size-sm */
   --component-article-font-size-article-image-source-font-size-lg: 15px; /** --article-figure-meta-font-size-lg */
-  --component-article-line-height-article-image-caption-line-height-xs: 16.9px; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
-  --component-article-line-height-article-image-caption-line-height-sm: 16.9px; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
-  --component-article-line-height-article-image-caption-line-height-md: 16.9px; /** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
+  --component-article-line-height-article-image-caption-line-height-xs: 16.899999618530273px; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
+  --component-article-line-height-article-image-caption-line-height-md: 16.899999618530273px; /** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
   --component-article-line-height-article-image-caption-line-height-lg: 19.5px; /** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
-  --component-article-line-height-article-image-source-line-height-xs: 17px; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
-  --component-article-line-height-article-image-source-line-height-sm: 17px; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+  --component-article-line-height-article-image-caption-line-height-sm: 16.899999618530273px; /** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
   --component-article-line-height-article-image-source-line-height-md: 17px; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
   --component-article-line-height-article-image-source-line-height-lg: 19px; /** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
-  --component-avatar-avatar-font-family: Inter; /** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
-  --component-avatar-avatar-font-size-sm: 13px; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
-  --component-avatar-avatar-font-size-lg: 15px; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
-  --component-breadcrumb-font-family-breadcrumb-font-family: Inter; /** --breadcrumb-font */
-  --component-breadcrumb-font-weight-breadcrumb-font-weight: 400; /** --breadcrumb-font-size-sm */
+  --component-article-line-height-article-image-source-line-height-xs: 17px; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+  --component-article-line-height-article-image-source-line-height-sm: 17px; /** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
   --component-breadcrumb-font-size-breadcrumb-font-size-xs: 14px; /** --breadcrumb-font-size-sm */
   --component-breadcrumb-font-size-breadcrumb-font-size-sm: 14px; /** --breadcrumb-font-size-sm */
   --component-breadcrumb-font-size-breadcrumb-font-size-md: 14px; /** --breadcrumb-font-size-sm */
@@ -240,38 +233,45 @@
   --component-breadcrumb-line-height-breadcrumb-line-height-sm: 14px; /** not defined as variable */
   --component-breadcrumb-line-height-breadcrumb-line-height-md: 14px; /** not defined as variable */
   --component-breadcrumb-line-height-breadcrumb-line-height-lg: 11px; /** not defined as variable */
-  --component-breaking-news-breaking-news-content-font-size: 26px;
-  --component-footer-footer-link-font-family: Inter;
-  --component-inputfield-input-field-label-font-family: Inter;
-  --component-media-player-video-time-badge-font-family: Inter;
-  --component-menu-menu-item-font-size: 18; /** --nav-btn-font-size */
-  --component-menu-menu-item-font-weight: Black Italic;
-  --component-menu-app-top-bar-title-font-size-xs: 12px; /** --caption-1-font-size-sm */
-  --component-menu-app-top-bar-title-font-size-sm: 12px; /** --caption-1-font-size-sm */
+  --component-breadcrumb-font-family-breadcrumb-font-family: Inter; /** --breadcrumb-font */
+  --component-breadcrumb-font-weight-breadcrumb-font-weight: 400; /** --breadcrumb-font-size-sm */
+  --component-menu-menu-item-font-size: 18px; /** --nav-btn-font-size */
   --component-menu-app-top-bar-title-font-size-md: 13px; /** --caption-1-font-size-md */
   --component-menu-app-top-bar-title-font-size-lg: 13px; /** --caption-1-font-size-lg */
-  --component-menu-app-top-bar-title-line-height-xs: 14px;
-  --component-menu-app-top-bar-title-line-height-sm: 14px;
+  --component-menu-app-top-bar-title-font-size-xs: 12px; /** --caption-1-font-size-sm */
+  --component-menu-app-top-bar-title-font-size-sm: 12px; /** --caption-1-font-size-sm */
   --component-menu-app-top-bar-title-line-height-md: 17px;
   --component-menu-app-top-bar-title-line-height-lg: 17px;
-  --component-teaser-teaser-title-inline-space-xs: 12; /** --teaser-title-padding-xs */
-  --component-teaser-teaser-title-inline-space-sm: 12; /** --teaser-title-padding-sm */
-  --component-teaser-teaser-title-inline-space-md: 16; /** --teaser-title-padding-md */
-  --component-teaser-teaser-title-inline-space-lg: 16; /** --teaser-title-padding-lg */
-  --component-teaser-quad-q-teaser-title-inline-space-xs: 12;
-  --component-teaser-quad-q-teaser-title-inline-space-sm: 12;
-  --component-teaser-quad-q-teaser-title-inline-space-md: 24;
-  --component-teaser-quad-q-teaser-title-inline-space-lg: 24;
-  --component-teaser-mini-q-mini-q-teaser-title-inline-space-xs: 12;
-  --component-teaser-mini-q-mini-q-teaser-title-inline-space-sm: 12;
-  --component-teaser-mini-q-mini-q-teaser-title-inline-space-md: 12;
-  --component-teaser-mini-q-mini-q-teaser-title-inline-space-lg: 12;
-  --component-teaser-a-teaser-a-teaser-title-inline-space-xs: 12;
-  --component-teaser-a-teaser-a-teaser-title-inline-space-sm: 12;
-  --component-teaser-a-teaser-a-teaser-title-inline-space-md: 16;
-  --component-teaser-a-teaser-a-teaser-title-inline-space-lg: 16;
-  --component-teaser-super-a-super-ateaser-title-inline-space: 24;
-  --component-teaser-2xa-teaser-2xa-teaser-title-inline-space: 16;
-  --component-teaser-b-teaser-b-teaser-title-inline-space: 16;
+  --component-menu-app-top-bar-title-line-height-xs: 14px;
+  --component-menu-app-top-bar-title-line-height-sm: 14px;
+  --component-menu-menu-item-font-weight: Black Italic;
+  --component-teaser-teaser-title-inline-space-lg: 16px; /** --teaser-title-padding-lg */
+  --component-teaser-teaser-title-inline-space-md: 16px; /** --teaser-title-padding-md */
+  --component-teaser-teaser-title-inline-space-sm: 12px; /** --teaser-title-padding-sm */
+  --component-teaser-teaser-title-inline-space-xs: 12px; /** --teaser-title-padding-xs */
+  --component-teaser-quad-q-teaser-title-inline-space-lg: 24px;
+  --component-teaser-quad-q-teaser-title-inline-space-md: 24px;
+  --component-teaser-quad-q-teaser-title-inline-space-sm: 12px;
+  --component-teaser-quad-q-teaser-title-inline-space-xs: 12px;
+  --component-teaser-a-teaser-a-teaser-title-inline-space-lg: 16px;
+  --component-teaser-a-teaser-a-teaser-title-inline-space-md: 16px;
+  --component-teaser-a-teaser-a-teaser-title-inline-space-xs: 12px;
+  --component-teaser-a-teaser-a-teaser-title-inline-space-sm: 12px;
+  --component-teaser-b-teaser-b-teaser-title-inline-space: 16px;
+  --component-teaser-2xa-teaser-2xa-teaser-title-inline-space: 16px;
+  --component-teaser-mini-q-mini-q-teaser-title-inline-space-md: 12px;
+  --component-teaser-mini-q-mini-q-teaser-title-inline-space-lg: 12px;
+  --component-teaser-mini-q-mini-q-teaser-title-inline-space-sm: 12px;
+  --component-teaser-mini-q-mini-q-teaser-title-inline-space-xs: 12px;
+  --component-teaser-super-a-super-ateaser-title-inline-space: 24px;
+  --component-avatar-avatar-font-family: Inter; /** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
+  --component-avatar-avatar-font-size-sm: 13px; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
+  --component-avatar-avatar-font-size-lg: 15px; /** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
+  --component-breaking-news-breaking-news-content-font-size: 26px;
+  --component-accordion-accordion-label-font-family: Inter;
+  --component-footer-footer-link-font-family: Inter;
+  --component-media-player-video-time-badge-font-family: Inter;
+  --component-inputfield-input-field-label-font-family: Inter;
+  --component-button-label-font-weight-st: Bold Italic;
   --brand-name: SportBILD;
 }