@marioschmidt/design-system-tokens 1.0.23 → 1.0.24

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

@@ -1,203 +1,13 @@
 /**
  * brandtokenmapping.js
- * Generiert am: 2025-11-24T21:07:28.986Z
+ * Generiert am: 2025-11-24T21:40:50.187Z
  * Nicht manuell bearbeiten!
  */
 
-// ============================================
-// COMPONENT
-// ============================================
-
-export const buttonLabelFontWeightSt = "600";
-
-// Component - Accordion
-export const accordionLabelFontFamily = "Gotham XNarrow";
-
-// Component - Article - FontSize
-/** --article-figure-caption-font-size-sm */
-export const articleImageCaptionFontSizeXs = "16px";
-/** --article-figure-caption-font-size-md */
-export const articleImageCaptionFontSizeMd = "18px";
-/** --article-figure-caption-font-size-lg */
-export const articleImageCaptionFontSizeLg = "18px";
-/** --article-figure-caption-font-size-sm */
-export const articleImageCaptionFontSizeSm = "16px";
-/** --article-figure-meta-font-size-sm */
-export const articleImageSourceFontSizeXs = "16px";
-/** --article-figure-meta-font-size-sm */
-export const articleImageSourceFontSizeSm = "16px";
-/** --article-figure-meta-font-size-sm */
-export const articleImageSourceFontSizeMd = "16px";
-/** --article-figure-meta-font-size-lg */
-export const articleImageSourceFontSizeLg = "18px";
-
-// Component - Article - LineHeight
-/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
-export const articleImageCaptionLineHeightXs = "19.5px";
-/** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
-export const articleImageCaptionLineHeightMd = "24.75px";
-/** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
-export const articleImageCaptionLineHeightLg = "24.75px";
-/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
-export const articleImageCaptionLineHeightSm = "19.5px";
-/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
-export const articleImageSourceLineHeightMd = "21px";
-/** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
-export const articleImageSourceLineHeightLg = "23px";
-/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
-export const articleImageSourceLineHeightXs = "21px";
-/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
-export const articleImageSourceLineHeightSm = "21px";
-
-// Component - Avatar
-/** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
-export const avatarFontFamily = "Gotham XNarrow";
-/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
-export const avatarFontSizeSm = "16px";
-/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
-export const avatarFontSizeLg = "18px";
-
-// Component - Breadcrumb - FontFamily
-/** --breadcrumb-font */
-export const breadcrumbFontFamily = "Gotham XNarrow";
-
-// Component - Breadcrumb - FontSize
-/** --breadcrumb-font-size-sm */
-export const breadcrumbFontSizeXs = "15px";
-/** --breadcrumb-font-size-sm */
-export const breadcrumbFontSizeSm = "15px";
-/** --breadcrumb-font-size-sm */
-export const breadcrumbFontSizeMd = "15px";
-/** --breadcrumb-font-size-lg */
-export const breadcrumbFontSizeLg = "12px";
-
-// Component - Breadcrumb - FontWeight
-/** --breadcrumb-font-size-sm */
-export const breadcrumbFontWeight = "700";
-
-// Component - Breadcrumb - LineHeight
-/** not defined as variable */
-export const breadcrumbLineHeightXs = "15px";
-/** not defined as variable */
-export const breadcrumbLineHeightSm = "15px";
-/** not defined as variable */
-export const breadcrumbLineHeightMd = "15px";
-/** not defined as variable */
-export const breadcrumbLineHeightLg = "12px";
-
-// Component - BreakingNews
-export const breakingNewsContentFontSize = "21px";
-
-// Component - Footer
-export const footerLinkFontFamily = "Gotham XNarrow";
-
-// Component - Inputfield
-export const inputFieldLabelFontFamily = "Gotham XNarrow";
-
-// Component - MediaPlayer
-export const videoTimeBadgeFontFamily = "Gotham XNarrow";
-
-// Component - Menu
-/** --nav-btn-font-size */
-export const menuItemFontSize = "15px";
-/** --caption-1-font-size-md */
-export const appTopBarTitleFontSizeMd = "14px";
-/** --caption-1-font-size-lg */
-export const appTopBarTitleFontSizeLg = "14px";
-/** --caption-1-font-size-sm */
-export const appTopBarTitleFontSizeXs = "12px";
-/** --caption-1-font-size-sm */
-export const appTopBarTitleFontSizeSm = "12px";
-export const appTopBarTitleLineHeightMd = "17px";
-export const appTopBarTitleLineHeightLg = "17px";
-export const appTopBarTitleLineHeightXs = "14px";
-export const appTopBarTitleLineHeightSm = "14px";
-export const menuItemFontWeight = "700";
-
-// Component - Teaser
-/** --teaser-title-padding-lg */
-export const teaserTitleInlineSpaceLg = "12px";
-/** --teaser-title-padding-md */
-export const teaserTitleInlineSpaceMd = "12px";
-/** --teaser-title-padding-sm */
-export const teaserTitleInlineSpaceSm = "8px";
-/** --teaser-title-padding-xs */
-export const teaserTitleInlineSpaceXs = "8px";
-
-// Component - Teaser - 2xaTeaser
-export const _2xaTeaserTitleInlineSpace = "8px";
-
-// Component - Teaser - Quad
-export const qTeaserTitleInlineSpaceLg = "12px";
-export const qTeaserTitleInlineSpaceMd = "16px";
-export const qTeaserTitleInlineSpaceSm = "8px";
-export const qTeaserTitleInlineSpaceXs = "8px";
-
-// Component - Teaser - aTeaser
-export const aTeaserTitleInlineSpaceLg = "12px";
-export const aTeaserTitleInlineSpaceMd = "12px";
-export const aTeaserTitleInlineSpaceXs = "8px";
-export const aTeaserTitleInlineSpaceSm = "8px";
-
-// Component - Teaser - bTeaser
-export const bTeaserTitleInlineSpace = "8px";
-
-// Component - Teaser - miniQ
-export const miniQteaserTitleInlineSpaceMd = "8px";
-export const miniQteaserTitleInlineSpaceLg = "8px";
-export const miniQteaserTitleInlineSpaceSm = "8px";
-export const miniQteaserTitleInlineSpaceXs = "8px";
-
-// Component - Teaser - superA
-export const superAteaserTitleInlineSpace = "16px";
-
-
 // ============================================
 // GLOBAL
 // ============================================
 
-// Global - Typography - FontFamily
-/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
-export const kickerFontFamily = "Gotham XNarrow";
-/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
-export const displayFontFamily = "Gotham";
-/** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
-export const headlineFontFamily = "Gotham Condensed";
-/** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
-export const subheadlineFontFamily = "Gotham Condensed";
-/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
-export const bodyFontFamily = "Gotham XNarrow";
-/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
-export const footnoteFontFamily = "Gotham XNarrow";
-/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
-export const labelFontFamily = "Gotham XNarrow";
-/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
-export const quoteFontFamily = "Gotham";
-/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
-export const titleFontFamily = "Gotham";
-/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
-export const calloutFontFamily = "Gotham";
-
-// Global - Typography - FontSize - Body
-/** 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 */
-export const bodyFontSizeXs = "21px";
-/** 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 */
-export const bodyFontSizeSm = "21px";
-/** 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 */
-export const bodyFontSizeMd = "21px";
-/** 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 */
-export const bodyFontSizeLg = "21px";
-
-// Global - Typography - FontSize - Callout
-/** 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: */
-export const callout1FontSizeXs = "18px";
-/** 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: */
-export const callout1FontSizeSm = "18px";
-/** 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: */
-export const callout1FontSizeMd = "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: */
-export const callout1FontSizeLg = "22px";
-
 // Global - Typography - FontSize - Display
 /** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
 export const display1FontSizeXs = "40px";
@@ -224,19 +34,6 @@ export const display3FontSizeLg = "40px";
 /** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
 export const display3FontSizeXs = "28px";
 
-// Global - Typography - FontSize - Footnote
-/** --footnote-font-size-sm */
-export const footnote1FontSizeXs = "16px";
-/** --footnote-font-size-sm */
-export const footnote1FontSizeSm = "16px";
-export const footnote1FontSizeMd = "16px";
-/** --footnote-font-size-lg */
-export const footnote1FontSizeLg = "18px";
-export const footnote2FontSizeXs = "12px";
-export const footnote2FontSizeSm = "12px";
-export const footnote2FontSizeMd = "12px";
-export const footnote2FontSizeLg = "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. */
 export const headline1FontSizeXs = "48px";
@@ -307,22 +104,6 @@ export const kicker4FontSizeMd = "16px";
 /** 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 */
 export const kicker4FontSizeLg = "16px";
 
-// Global - Typography - FontSize - Label
-export const label1FontSize = "17px";
-export const label2FontSize = "15px";
-export const label3FontSize = "12px";
-export const label4FontSize = "8px";
-export const label1RespFontSizeXs = "10px";
-export const label1RespFontSizeSm = "10px";
-export const label1RespFontSizeMd = "15px";
-export const label1RespFontSizeLg = "17px";
-
-// Global - Typography - FontSize - Quote
-export const quoteFontSizeXs = "16px";
-export const quoteFontSizeSm = "16px";
-export const quoteFontSizeMd = "18px";
-export const quoteFontSizeLg = "20px";
-
 // Global - Typography - FontSize - Subheadline
 /** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
 export const subheadline1FontSizeXs = "24px";
@@ -351,58 +132,54 @@ export const title2FontSizeMd = "18px";
 /** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
 export const title2FontSizeLg = "20px";
 
-// Global - Typography - FontWeight - Body
-export const bodyFontWeightBook = "400";
-export const bodyFontWeightBold = "700";
+// Global - Typography - FontSize - Callout
+/** 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: */
+export const callout1FontSizeXs = "18px";
+/** 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: */
+export const callout1FontSizeSm = "18px";
+/** 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: */
+export const callout1FontSizeMd = "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: */
+export const callout1FontSizeLg = "22px";
 
-// Global - Typography - FontWeight - Callout
-export const calloutFontWeight = "800";
+// Global - Typography - FontSize - Body
+/** 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 */
+export const bodyFontSizeXs = "21px";
+/** 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 */
+export const bodyFontSizeSm = "21px";
+/** 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 */
+export const bodyFontSizeMd = "21px";
+/** 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 */
+export const bodyFontSizeLg = "21px";
 
-// Global - Typography - FontWeight - Display
-export const displayFontWeight = "800";
+// Global - Typography - FontSize - Footnote
+/** --footnote-font-size-sm */
+export const footnote1FontSizeXs = "16px";
+/** --footnote-font-size-sm */
+export const footnote1FontSizeSm = "16px";
+export const footnote1FontSizeMd = "16px";
+/** --footnote-font-size-lg */
+export const footnote1FontSizeLg = "18px";
+export const footnote2FontSizeXs = "12px";
+export const footnote2FontSizeSm = "12px";
+export const footnote2FontSizeMd = "12px";
+export const footnote2FontSizeLg = "16px";
 
-// Global - Typography - FontWeight - Footnote
-export const footnoteFontWeightBook = "400";
-export const footnoteFontWeightBold = "700";
-
-// Global - Typography - FontWeight - Headline
-export const headline1FontWeightSt = "700";
-export const headline1FontWeight = "700";
-export const headline2FontWeight = "700";
-export const headline3FontWeight = "700";
-export const headline4FontWeight = "600";
-export const headline2FontWeightSt = "700";
-export const headline3FontWeightSt = "700";
-export const headline4FontWeightSt = "600";
-
-// Global - Typography - FontWeight - Kicker
-export const kickerFontWeight = "700";
-export const kickerFontWeightSt = "700";
-
-// Global - Typography - FontWeight - Label
-export const labelFontWeightBook = "400";
-export const labelFontWeightBold = "700";
-
-// Global - Typography - FontWeight - Quote
-export const quoteFontWeight = "800";
-
-// Global - Typography - FontWeight - Subheadline
-export const subheadlineFontWeight = "700";
-
-// Global - Typography - FontWeight - Title
-export const titleFontWeight = "800";
-
-// Global - Typography - LineHeight - Body
-export const bodyLineHeightXs = "28px";
-export const bodyLineHeightSm = "28px";
-export const bodyLineHeightMd = "28px";
-export const bodyLineHeightLg = "32px";
+// Global - Typography - FontSize - Quote
+export const quoteFontSizeXs = "16px";
+export const quoteFontSizeSm = "16px";
+export const quoteFontSizeMd = "18px";
+export const quoteFontSizeLg = "20px";
 
-// Global - Typography - LineHeight - Callout
-export const callout1LineHeightXs = "18px";
-export const callout1LineHeightSm = "18px";
-export const callout1LineHeightMd = "22px";
-export const callout1LineHeightLg = "22px";
+// Global - Typography - FontSize - Label
+export const label1FontSize = "17px";
+export const label2FontSize = "15px";
+export const label3FontSize = "12px";
+export const label4FontSize = "8px";
+export const label1RespFontSizeXs = "10px";
+export const label1RespFontSizeSm = "10px";
+export const label1RespFontSizeMd = "15px";
+export const label1RespFontSizeLg = "17px";
 
 // Global - Typography - LineHeight - Display
 export const display1LineHeightXs = "40px";
@@ -418,16 +195,6 @@ export const display3LineHeightMd = "32px";
 export const display3LineHeightSm = "28px";
 export const display3LineHeightXs = "28px";
 
-// Global - Typography - LineHeight - Footnote
-export const footnote1LineHeightXs = "21px";
-export const footnote1LineHeightSm = "21px";
-export const footnote1LineHeightMd = "21px";
-export const footnote1LineHeightLg = "23px";
-export const footnote2LineHeightXs = "15.600000381469727px";
-export const footnote2LineHeightSm = "15.600000381469727px";
-export const footnote2LineHeightMd = "15.800000190734863px";
-export const footnote2LineHeightLg = "21px";
-
 // Global - Typography - LineHeight - Headline
 export const headline1LineHeightXs = "48px";
 export const headline1LineHeightSm = "48px";
@@ -446,6 +213,12 @@ export const headline4LineHeightSm = "22px";
 export const headline4LineHeightMd = "22px";
 export const headline4LineHeightLg = "30px";
 
+// Global - Typography - LineHeight - Subheadline
+export const subheadline1LineHeightXs = "24px";
+export const subheadline1LineHeightSm = "24px";
+export const subheadline1LineHeightMd = "32px";
+export const subheadline1LineHeightLg = "36px";
+
 // Global - Typography - LineHeight - Kicker
 export const kicker1LineHeightXs = "19.799999237060547px";
 export const kicker1LineHeightSm = "19.799999237060547px";
@@ -464,6 +237,38 @@ export const kicker4LineHeightSm = "15.399999618530273px";
 export const kicker4LineHeightMd = "17.600000381469727px";
 export const kicker4LineHeightLg = "16px";
 
+// Global - Typography - LineHeight - Title
+export const title1LineHeightXs = "22px";
+export const title1LineHeightSm = "22px";
+export const title1LineHeightMd = "22px";
+export const title1LineHeightLg = "28px";
+export const title2LineHeightXs = "17.600000381469727px";
+export const title2LineHeightSm = "17.600000381469727px";
+export const title2LineHeightMd = "19.799999237060547px";
+export const title2LineHeightLg = "22px";
+
+// Global - Typography - LineHeight - Callout
+export const callout1LineHeightXs = "18px";
+export const callout1LineHeightSm = "18px";
+export const callout1LineHeightMd = "22px";
+export const callout1LineHeightLg = "22px";
+
+// Global - Typography - LineHeight - Body
+export const bodyLineHeightXs = "28px";
+export const bodyLineHeightSm = "28px";
+export const bodyLineHeightMd = "28px";
+export const bodyLineHeightLg = "32px";
+
+// Global - Typography - LineHeight - Footnote
+export const footnote1LineHeightXs = "21px";
+export const footnote1LineHeightSm = "21px";
+export const footnote1LineHeightMd = "21px";
+export const footnote1LineHeightLg = "23px";
+export const footnote2LineHeightXs = "15.600000381469727px";
+export const footnote2LineHeightSm = "15.600000381469727px";
+export const footnote2LineHeightMd = "15.800000190734863px";
+export const footnote2LineHeightLg = "21px";
+
 // Global - Typography - LineHeight - Label
 /** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
 export const label1LineHeight = "17px";
@@ -488,21 +293,68 @@ export const quoteLineHeightSm = "16px";
 export const quoteLineHeightMd = "18px";
 export const quoteLineHeightLg = "22px";
 
-// Global - Typography - LineHeight - Subheadline
-export const subheadline1LineHeightXs = "24px";
-export const subheadline1LineHeightSm = "24px";
-export const subheadline1LineHeightMd = "32px";
-export const subheadline1LineHeightLg = "36px";
+// Global - Typography - FontWeight - Body
+export const bodyFontWeightBook = "400";
+export const bodyFontWeightBold = "700";
 
-// Global - Typography - LineHeight - Title
-export const title1LineHeightXs = "22px";
-export const title1LineHeightSm = "22px";
-export const title1LineHeightMd = "22px";
-export const title1LineHeightLg = "28px";
-export const title2LineHeightXs = "17.600000381469727px";
-export const title2LineHeightSm = "17.600000381469727px";
-export const title2LineHeightMd = "19.799999237060547px";
-export const title2LineHeightLg = "22px";
+// Global - Typography - FontWeight - Footnote
+export const footnoteFontWeightBook = "400";
+export const footnoteFontWeightBold = "700";
+
+// Global - Typography - FontWeight - Label
+export const labelFontWeightBook = "400";
+export const labelFontWeightBold = "700";
+
+// Global - Typography - FontWeight - Quote
+export const quoteFontWeight = "800";
+
+// Global - Typography - FontWeight - Display
+export const displayFontWeight = "800";
+
+// Global - Typography - FontWeight - Headline
+export const headline1FontWeightSt = "700";
+export const headline1FontWeight = "700";
+export const headline2FontWeight = "700";
+export const headline3FontWeight = "700";
+export const headline4FontWeight = "600";
+export const headline2FontWeightSt = "700";
+export const headline3FontWeightSt = "700";
+export const headline4FontWeightSt = "600";
+
+// Global - Typography - FontWeight - Subheadline
+export const subheadlineFontWeight = "700";
+
+// Global - Typography - FontWeight - Kicker
+export const kickerFontWeight = "700";
+export const kickerFontWeightSt = "700";
+
+// Global - Typography - FontWeight - Callout
+export const calloutFontWeight = "800";
+
+// Global - Typography - FontWeight - Title
+export const titleFontWeight = "800";
+
+// Global - Typography - FontFamily
+/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
+export const kickerFontFamily = "Gotham XNarrow";
+/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
+export const displayFontFamily = "Gotham";
+/** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
+export const headlineFontFamily = "Gotham Condensed";
+/** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
+export const subheadlineFontFamily = "Gotham Condensed";
+/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
+export const bodyFontFamily = "Gotham XNarrow";
+/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
+export const footnoteFontFamily = "Gotham XNarrow";
+/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
+export const labelFontFamily = "Gotham XNarrow";
+/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
+export const quoteFontFamily = "Gotham";
+/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
+export const titleFontFamily = "Gotham";
+/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
+export const calloutFontFamily = "Gotham";
 
 // Global - Visibilty
 export const hideOnBild = "false";
@@ -513,6 +365,154 @@ export const onlyBild = "true";
 export const onlySportBild = "false";
 
 
+// ============================================
+// COMPONENT
+// ============================================
+
+// Component - Article - FontSize
+/** --article-figure-caption-font-size-sm */
+export const articleImageCaptionFontSizeXs = "16px";
+/** --article-figure-caption-font-size-md */
+export const articleImageCaptionFontSizeMd = "18px";
+/** --article-figure-caption-font-size-lg */
+export const articleImageCaptionFontSizeLg = "18px";
+/** --article-figure-caption-font-size-sm */
+export const articleImageCaptionFontSizeSm = "16px";
+/** --article-figure-meta-font-size-sm */
+export const articleImageSourceFontSizeXs = "16px";
+/** --article-figure-meta-font-size-sm */
+export const articleImageSourceFontSizeSm = "16px";
+/** --article-figure-meta-font-size-sm */
+export const articleImageSourceFontSizeMd = "16px";
+/** --article-figure-meta-font-size-lg */
+export const articleImageSourceFontSizeLg = "18px";
+
+// Component - Article - LineHeight
+/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
+export const articleImageCaptionLineHeightXs = "19.5px";
+/** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
+export const articleImageCaptionLineHeightMd = "24.75px";
+/** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
+export const articleImageCaptionLineHeightLg = "24.75px";
+/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
+export const articleImageCaptionLineHeightSm = "19.5px";
+/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+export const articleImageSourceLineHeightMd = "21px";
+/** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
+export const articleImageSourceLineHeightLg = "23px";
+/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+export const articleImageSourceLineHeightXs = "21px";
+/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+export const articleImageSourceLineHeightSm = "21px";
+
+// Component - Breadcrumb - FontSize
+/** --breadcrumb-font-size-sm */
+export const breadcrumbFontSizeXs = "15px";
+/** --breadcrumb-font-size-sm */
+export const breadcrumbFontSizeSm = "15px";
+/** --breadcrumb-font-size-sm */
+export const breadcrumbFontSizeMd = "15px";
+/** --breadcrumb-font-size-lg */
+export const breadcrumbFontSizeLg = "12px";
+
+// Component - Breadcrumb - LineHeight
+/** not defined as variable */
+export const breadcrumbLineHeightXs = "15px";
+/** not defined as variable */
+export const breadcrumbLineHeightSm = "15px";
+/** not defined as variable */
+export const breadcrumbLineHeightMd = "15px";
+/** not defined as variable */
+export const breadcrumbLineHeightLg = "12px";
+
+// Component - Breadcrumb - FontFamily
+/** --breadcrumb-font */
+export const breadcrumbFontFamily = "Gotham XNarrow";
+
+// Component - Breadcrumb - FontWeight
+/** --breadcrumb-font-size-sm */
+export const breadcrumbFontWeight = "700";
+
+// Component - Menu
+/** --nav-btn-font-size */
+export const menuItemFontSize = "15px";
+/** --caption-1-font-size-md */
+export const appTopBarTitleFontSizeMd = "14px";
+/** --caption-1-font-size-lg */
+export const appTopBarTitleFontSizeLg = "14px";
+/** --caption-1-font-size-sm */
+export const appTopBarTitleFontSizeXs = "12px";
+/** --caption-1-font-size-sm */
+export const appTopBarTitleFontSizeSm = "12px";
+export const appTopBarTitleLineHeightMd = "17px";
+export const appTopBarTitleLineHeightLg = "17px";
+export const appTopBarTitleLineHeightXs = "14px";
+export const appTopBarTitleLineHeightSm = "14px";
+export const menuItemFontWeight = "700";
+
+// Component - Teaser
+/** --teaser-title-padding-lg */
+export const teaserTitleInlineSpaceLg = "12px";
+/** --teaser-title-padding-md */
+export const teaserTitleInlineSpaceMd = "12px";
+/** --teaser-title-padding-sm */
+export const teaserTitleInlineSpaceSm = "8px";
+/** --teaser-title-padding-xs */
+export const teaserTitleInlineSpaceXs = "8px";
+
+// Component - Teaser - Quad
+export const qTeaserTitleInlineSpaceLg = "12px";
+export const qTeaserTitleInlineSpaceMd = "16px";
+export const qTeaserTitleInlineSpaceSm = "8px";
+export const qTeaserTitleInlineSpaceXs = "8px";
+
+// Component - Teaser - aTeaser
+export const aTeaserTitleInlineSpaceLg = "12px";
+export const aTeaserTitleInlineSpaceMd = "12px";
+export const aTeaserTitleInlineSpaceXs = "8px";
+export const aTeaserTitleInlineSpaceSm = "8px";
+
+// Component - Teaser - bTeaser
+export const bTeaserTitleInlineSpace = "8px";
+
+// Component - Teaser - 2xaTeaser
+export const _2xaTeaserTitleInlineSpace = "8px";
+
+// Component - Teaser - miniQ
+export const miniQteaserTitleInlineSpaceMd = "8px";
+export const miniQteaserTitleInlineSpaceLg = "8px";
+export const miniQteaserTitleInlineSpaceSm = "8px";
+export const miniQteaserTitleInlineSpaceXs = "8px";
+
+// Component - Teaser - superA
+export const superAteaserTitleInlineSpace = "16px";
+
+// Component - Avatar
+/** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
+export const avatarFontFamily = "Gotham XNarrow";
+/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
+export const avatarFontSizeSm = "16px";
+/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
+export const avatarFontSizeLg = "18px";
+
+// Component - BreakingNews
+export const breakingNewsContentFontSize = "21px";
+
+// Component - Accordion
+export const accordionLabelFontFamily = "Gotham XNarrow";
+
+// Component - Footer
+export const footerLinkFontFamily = "Gotham XNarrow";
+
+// Component - MediaPlayer
+export const videoTimeBadgeFontFamily = "Gotham XNarrow";
+
+// Component - Inputfield
+export const inputFieldLabelFontFamily = "Gotham XNarrow";
+
+export const buttonLabelFontWeightSt = "600";
+
+
 // ============================================
 // OTHER
 // ============================================