@marioschmidt/design-system-tokens 1.0.20 → 1.0.21

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

@@ -1,92 +1,410 @@
 /**
- * Do not edit directly, this file was auto-generated.
+ * brandtokenmapping.js
+ * Generiert am: 2025-11-24T20:34:57.302Z
+ * Nicht manuell bearbeiten!
  */
 
+// ============================================
+// COMPONENT
+// ============================================
+
+export const buttonLabelFontWeightSt = "600";
+
+// Component - Accordion
+export const accordionLabelFontFamily = "Lucida Grande";
+
+// Component - Article - FontSize
+/** --article-figure-caption-font-size-sm */
+export const articleImageCaptionFontSizeXs = "13px";
+/** --article-figure-caption-font-size-md */
+export const articleImageCaptionFontSizeMd = "13px";
+/** --article-figure-caption-font-size-lg */
+export const articleImageCaptionFontSizeLg = "16px";
+/** --article-figure-caption-font-size-sm */
+export const articleImageCaptionFontSizeSm = "13px";
+/** --article-figure-meta-font-size-sm */
+export const articleImageSourceFontSizeXs = "13px";
+/** --article-figure-meta-font-size-sm */
+export const articleImageSourceFontSizeSm = "13px";
+/** --article-figure-meta-font-size-sm */
+export const articleImageSourceFontSizeMd = "13px";
+/** --article-figure-meta-font-size-lg */
+export const articleImageSourceFontSizeLg = "16px";
+
+// 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 = "19.5px";
+/** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
+export const articleImageCaptionLineHeightLg = "24px";
+/** --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 = "19px";
+/** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
+export const articleImageSourceLineHeightLg = "24px";
+/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+export const articleImageSourceLineHeightXs = "19px";
+/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
+export const articleImageSourceLineHeightSm = "19px";
+
+// Component - Avatar
+/** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
+export const avatarFontFamily = "Lucida Grande";
+/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
+export const avatarFontSizeSm = "13px";
+/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
+export const avatarFontSizeLg = "15px";
+
+// Component - Breadcrumb - FontFamily
+/** --breadcrumb-font */
+export const breadcrumbFontFamily = "Lucida Grande";
+
+// 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 = "Lucida Grande";
+
+// Component - MediaPlayer
+export const videoTimeBadgeFontFamily = "Lucida Grande";
+
+// 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 = "Lucida Grande";
+/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
+export const displayFontFamily = "Lucida Grande";
+/** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
+export const headlineFontFamily = "Lucida Grande";
+/** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
+export const subheadlineFontFamily = "Lucida Grande";
+/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
+export const bodyFontFamily = "Lucida Grande";
+/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
+export const footnoteFontFamily = "Lucida Grande";
+/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
+export const labelFontFamily = "Lucida Grande";
+/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
+export const quoteFontFamily = "Lucida Grande";
+/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
+export const titleFontFamily = "Lucida Grande";
+/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
+export const calloutFontFamily = "Lucida Grande";
+
+// 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 = "17px";
+/** 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 = "17px";
+/** 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 = "17px";
+/** 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 = "17px";
+
+// 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 = "16px";
+/** 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 = "16px";
+/** 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 = "39px";
+/** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
 export const display1FontSizeSm = "39px";
+/** Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes. */
 export const display1FontSizeMd = "70px";
+/** Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes. */
 export const display1FontSizeLg = "116px";
+/** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
 export const display2FontSizeXs = "35px";
+/** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
 export const display2FontSizeSm = "35px";
+/** Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes. */
 export const display2FontSizeMd = "41px";
+/** Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes. */
 export const display2FontSizeLg = "62px";
+/** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
 export const display3FontSizeSm = "27px";
+/** Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes. */
 export const display3FontSizeMd = "31px";
+/** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes. */
 export const display3FontSizeLg = "39px";
+/** 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 = "27px";
+
+// Global - Typography - FontSize - Footnote
+/** --footnote-font-size-sm */
+export const footnote1FontSizeXs = "13px";
+/** --footnote-font-size-sm */
+export const footnote1FontSizeSm = "13px";
+export const footnote1FontSizeMd = "13px";
+/** --footnote-font-size-lg */
+export const footnote1FontSizeLg = "15px";
+export const footnote2FontSizeXs = "10px";
+export const footnote2FontSizeSm = "10px";
+export const footnote2FontSizeMd = "10px";
+export const footnote2FontSizeLg = "13px";
+
+// 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 = "36px";
+/** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
 export const headline1FontSizeSm = "36px";
+/** Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes. */
 export const headline1FontSizeMd = "54px";
+/** Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes. */
 export const headline1FontSizeLg = "70px";
+/** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
 export const headline2FontSizeXs = "30px";
+/** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
 export const headline2FontSizeSm = "30px";
+/** Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes. */
 export const headline2FontSizeMd = "36px";
+/** Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes. */
 export const headline2FontSizeLg = "48px";
+/** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
 export const headline3FontSizeXs = "24px";
+/** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
 export const headline3FontSizeSm = "24px";
+/** Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes. */
 export const headline3FontSizeMd = "26px";
+/** Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes. */
 export const headline3FontSizeLg = "32px";
+/** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
 export const headline4FontSizeXs = "16px";
+/** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
 export const headline4FontSizeSm = "16px";
+/** Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes. */
 export const headline4FontSizeMd = "20px";
+/** Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes. */
 export const headline4FontSizeLg = "22px";
+/** This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg */
 export const headlineTextAlign = "center";
+
+// Global - Typography - FontSize - Kicker
+/** 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 */
 export const kicker1FontSizeXs = "16px";
+/** 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 */
 export const kicker1FontSizeSm = "16px";
+/** 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 */
 export const kicker1FontSizeMd = "18px";
+/** 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 */
 export const kicker1FontSizeLg = "25px";
+/** 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 */
 export const kicker2FontSizeXs = "16px";
+/** 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 */
 export const kicker2FontSizeSm = "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 */
 export const kicker2FontSizeMd = "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 */
 export const kicker2FontSizeLg = "21px";
+/** 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 */
 export const kicker3FontSizeXs = "14px";
+/** 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 */
 export const kicker3FontSizeSm = "14px";
+/** 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 */
 export const kicker3FontSizeMd = "14px";
+/** 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 */
 export const kicker3FontSizeLg = "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 */
 export const kicker4FontSizeXs = "12px";
+/** 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 */
 export const kicker4FontSizeSm = "12px";
+/** 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 */
 export const kicker4FontSizeMd = "14px";
+/** 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 = "14px";
+
+// 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 = "16px";
+export const quoteFontSizeLg = "18px";
+
+// 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 = "18px";
+/** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
 export const subheadline1FontSizeSm = "18px";
+/** Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes. */
 export const subheadline1FontSizeMd = "18px";
+/** Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes. */
 export const subheadline1FontSizeLg = "28px";
+
+// Global - Typography - FontSize - Title
+/** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
 export const title1FontSizeXs = "22px";
+/** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
 export const title1FontSizeSm = "22px";
+/** Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md */
 export const title1FontSizeMd = "22px";
+/** Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg */
 export const title1FontSizeLg = "28px";
+/** Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm */
 export const title2FontSizeXs = "14px";
+/** Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm */
 export const title2FontSizeSm = "14px";
+/** Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md */
 export const title2FontSizeMd = "16px";
+/** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
 export const title2FontSizeLg = "18px";
-export const callout1FontSizeXs = "16px";
-export const callout1FontSizeSm = "16px";
-export const callout1FontSizeMd = "22px";
-export const callout1FontSizeLg = "22px";
-export const bodyFontSizeXs = "17px";
-export const bodyFontSizeSm = "17px";
-export const bodyFontSizeMd = "17px";
-export const bodyFontSizeLg = "17px";
-export const footnote1FontSizeXs = "13px";
-export const footnote1FontSizeSm = "13px";
-export const footnote1FontSizeMd = "13px";
-export const footnote1FontSizeLg = "15px";
-export const footnote2FontSizeXs = "10px";
-export const footnote2FontSizeSm = "10px";
-export const footnote2FontSizeMd = "10px";
-export const footnote2FontSizeLg = "13px";
-export const quoteFontSizeXs = "16px";
-export const quoteFontSizeSm = "16px";
-export const quoteFontSizeMd = "16px";
-export const quoteFontSizeLg = "18px";
-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 - FontWeight - Body
+export const bodyFontWeightBook = "400";
+export const bodyFontWeightBold = "700";
+
+// Global - Typography - FontWeight - Callout
+export const calloutFontWeight = "800";
+
+// Global - Typography - FontWeight - Display
+export const displayFontWeight = "800";
+
+// 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 = "29.75px";
+export const bodyLineHeightSm = "29.75px";
+export const bodyLineHeightMd = "29.75px";
+export const bodyLineHeightLg = "29.75px";
+
+// Global - Typography - LineHeight - Callout
+export const callout1LineHeightXs = "20.799999237060547px";
+export const callout1LineHeightSm = "20.799999237060547px";
+export const callout1LineHeightMd = "28.600000381469727px";
+export const callout1LineHeightLg = "28.600000381469727px";
+
+// Global - Typography - LineHeight - Display
 export const display1LineHeightXs = "40px";
 export const display1LineHeightSm = "40px";
 export const display1LineHeightMd = "72px";
@@ -99,6 +417,18 @@ export const display3LineHeightLg = "40px";
 export const display3LineHeightMd = "32px";
 export const display3LineHeightSm = "28px";
 export const display3LineHeightXs = "28px";
+
+// Global - Typography - LineHeight - Footnote
+export const footnote1LineHeightXs = "16.899999618530273px";
+export const footnote1LineHeightSm = "16.899999618530273px";
+export const footnote1LineHeightMd = "16.899999618530273px";
+export const footnote1LineHeightLg = "19.5px";
+export const footnote2LineHeightXs = "13px";
+export const footnote2LineHeightSm = "13px";
+export const footnote2LineHeightMd = "13px";
+export const footnote2LineHeightLg = "16.899999618530273px";
+
+// Global - Typography - LineHeight - Headline
 export const headline1LineHeightXs = "37.79999923706055px";
 export const headline1LineHeightSm = "37.79999923706055px";
 export const headline1LineHeightMd = "56.70000076293945px";
@@ -115,10 +445,8 @@ export const headline4LineHeightXs = "18.399999618530273px";
 export const headline4LineHeightSm = "18.399999618530273px";
 export const headline4LineHeightMd = "19.799999237060547px";
 export const headline4LineHeightLg = "27.5px";
-export const subheadline1LineHeightXs = "23.399999618530273px";
-export const subheadline1LineHeightSm = "23.399999618530273px";
-export const subheadline1LineHeightMd = "23.399999618530273px";
-export const subheadline1LineHeightLg = "36.400001525878906px";
+
+// Global - Typography - LineHeight - Kicker
 export const kicker1LineHeightXs = "17.600000381469727px";
 export const kicker1LineHeightSm = "17.600000381469727px";
 export const kicker1LineHeightMd = "19.799999237060547px";
@@ -135,141 +463,59 @@ export const kicker4LineHeightXs = "13.199999809265137px";
 export const kicker4LineHeightSm = "13.199999809265137px";
 export const kicker4LineHeightMd = "15.399999618530273px";
 export const kicker4LineHeightLg = "15.399999618530273px";
-export const title1LineHeightXs = "26.399999618530273px";
-export const title1LineHeightSm = "26.399999618530273px";
-export const title1LineHeightMd = "26.399999618530273px";
-export const title1LineHeightLg = "33.599998474121094px";
-export const title2LineHeightXs = "16.799999237060547px";
-export const title2LineHeightSm = "16.799999237060547px";
-export const title2LineHeightMd = "19.200000762939453px";
-export const title2LineHeightLg = "23.399999618530273px";
-export const callout1LineHeightXs = "20.799999237060547px";
-export const callout1LineHeightSm = "20.799999237060547px";
-export const callout1LineHeightMd = "28.600000381469727px";
-export const callout1LineHeightLg = "28.600000381469727px";
-export const bodyLineHeightXs = "29.75px";
-export const bodyLineHeightSm = "29.75px";
-export const bodyLineHeightMd = "29.75px";
-export const bodyLineHeightLg = "29.75px";
-export const footnote1LineHeightXs = "16.899999618530273px";
-export const footnote1LineHeightSm = "16.899999618530273px";
-export const footnote1LineHeightMd = "16.899999618530273px";
-export const footnote1LineHeightLg = "19.5px";
-export const footnote2LineHeightXs = "13px";
-export const footnote2LineHeightSm = "13px";
-export const footnote2LineHeightMd = "13px";
-export const footnote2LineHeightLg = "16.899999618530273px";
+
+// 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 = "20.399999618530273px";
+/** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
 export const label1RespLineHeightXs = "10px";
+/** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
 export const label1RespLineHeightSm = "10px";
+/** Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter. */
 export const label1RespLineHeightMd = "15px";
+/** Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. */
 export const label1RespLineHeightLg = "17px";
+/** Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. */
 export const label2LineHeight = "16px";
+/** Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. */
 export const label3LineHeight = "14.399999618530273px";
+/** Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter. */
 export const label4LineHeight = "10px";
+
+// Global - Typography - LineHeight - Quote
 export const quoteLineHeightXs = "20.799999237060547px";
 export const quoteLineHeightSm = "20.799999237060547px";
 export const quoteLineHeightMd = "20.799999237060547px";
 export const quoteLineHeightLg = "23.399999618530273px";
-export const bodyFontWeightBook = 400;
-export const bodyFontWeightBold = 700;
-export const footnoteFontWeightBook = 400;
-export const footnoteFontWeightBold = 700;
-export const labelFontWeightBook = 400;
-export const labelFontWeightBold = 700;
-export const quoteFontWeight = 800;
-export const displayFontWeight = 800;
-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";
-export const subheadlineFontWeight = 700;
-export const kickerFontWeight = 700;
-export const kickerFontWeightSt = "700";
-export const calloutFontWeight = 800;
-export const titleFontWeight = 800;
-export const kickerFontFamily = "Lucida Grande";
-export const displayFontFamily = "Lucida Grande";
-export const headlineFontFamily = "Lucida Grande";
-export const subheadlineFontFamily = "Lucida Grande";
-export const bodyFontFamily = "Lucida Grande";
-export const footnoteFontFamily = "Lucida Grande";
-export const labelFontFamily = "Lucida Grande";
-export const quoteFontFamily = "Lucida Grande";
-export const titleFontFamily = "Lucida Grande";
-export const calloutFontFamily = "Lucida Grande";
-export const hideOnBild = true;
-export const hideOnSportBild = true;
-export const onlyAdvertorial = true;
-export const hideOnAdvertorial = false;
-export const onlyBild = false;
-export const onlySportBild = false;
-export const articleImageCaptionFontSizeXs = "13px";
-export const articleImageCaptionFontSizeMd = "13px";
-export const articleImageCaptionFontSizeLg = "16px";
-export const articleImageCaptionFontSizeSm = "13px";
-export const articleImageSourceFontSizeXs = "13px";
-export const articleImageSourceFontSizeSm = "13px";
-export const articleImageSourceFontSizeMd = "13px";
-export const articleImageSourceFontSizeLg = "16px";
-export const articleImageCaptionLineHeightXs = "19.5px";
-export const articleImageCaptionLineHeightMd = "19.5px";
-export const articleImageCaptionLineHeightLg = "24px";
-export const articleImageCaptionLineHeightSm = "19.5px";
-export const articleImageSourceLineHeightMd = "19px";
-export const articleImageSourceLineHeightLg = "24px";
-export const articleImageSourceLineHeightXs = "19px";
-export const articleImageSourceLineHeightSm = "19px";
-export const breadcrumbFontSizeXs = "15px";
-export const breadcrumbFontSizeSm = "15px";
-export const breadcrumbFontSizeMd = "15px";
-export const breadcrumbFontSizeLg = "12px";
-export const breadcrumbLineHeightXs = "15px";
-export const breadcrumbLineHeightSm = "15px";
-export const breadcrumbLineHeightMd = "15px";
-export const breadcrumbLineHeightLg = "12px";
-export const breadcrumbFontFamily = "Lucida Grande";
-export const breadcrumbFontWeight = 700;
-export const menuItemFontSize = "15px";
-export const appTopBarTitleFontSizeMd = "14px";
-export const appTopBarTitleFontSizeLg = "14px";
-export const appTopBarTitleFontSizeXs = "12px";
-export const appTopBarTitleFontSizeSm = "12px";
-export const appTopBarTitleLineHeightMd = "17px";
-export const appTopBarTitleLineHeightLg = "17px";
-export const appTopBarTitleLineHeightXs = "14px";
-export const appTopBarTitleLineHeightSm = "14px";
-export const menuItemFontWeight = "700";
-export const teaserTitleInlineSpaceLg = "12px";
-export const teaserTitleInlineSpaceMd = "12px";
-export const teaserTitleInlineSpaceSm = "8px";
-export const teaserTitleInlineSpaceXs = "8px";
-export const qTeaserTitleInlineSpaceLg = "12px";
-export const qTeaserTitleInlineSpaceMd = "16px";
-export const qTeaserTitleInlineSpaceSm = "8px";
-export const qTeaserTitleInlineSpaceXs = "8px";
-export const aTeaserTitleInlineSpaceLg = "12px";
-export const aTeaserTitleInlineSpaceMd = "12px";
-export const aTeaserTitleInlineSpaceXs = "8px";
-export const aTeaserTitleInlineSpaceSm = "8px";
-export const bTeaserTitleInlineSpace = "8px";
-export const _2xaTeaserTitleInlineSpace = "8px";
-export const miniQteaserTitleInlineSpaceMd = "8px";
-export const miniQteaserTitleInlineSpaceLg = "8px";
-export const miniQteaserTitleInlineSpaceSm = "8px";
-export const miniQteaserTitleInlineSpaceXs = "8px";
-export const superAteaserTitleInlineSpace = "16px";
-export const avatarFontFamily = "Lucida Grande";
-export const avatarFontSizeSm = "13px";
-export const avatarFontSizeLg = "15px";
-export const breakingNewsContentFontSize = "21px";
-export const accordionLabelFontFamily = "Lucida Grande";
-export const footerLinkFontFamily = "Gotham XNarrow";
-export const videoTimeBadgeFontFamily = "Lucida Grande";
-export const inputFieldLabelFontFamily = "Lucida Grande";
-export const buttonLabelFontWeightSt = "600";
+
+// Global - Typography - LineHeight - Subheadline
+export const subheadline1LineHeightXs = "23.399999618530273px";
+export const subheadline1LineHeightSm = "23.399999618530273px";
+export const subheadline1LineHeightMd = "23.399999618530273px";
+export const subheadline1LineHeightLg = "36.400001525878906px";
+
+// Global - Typography - LineHeight - Title
+export const title1LineHeightXs = "26.399999618530273px";
+export const title1LineHeightSm = "26.399999618530273px";
+export const title1LineHeightMd = "26.399999618530273px";
+export const title1LineHeightLg = "33.599998474121094px";
+export const title2LineHeightXs = "16.799999237060547px";
+export const title2LineHeightSm = "16.799999237060547px";
+export const title2LineHeightMd = "19.200000762939453px";
+export const title2LineHeightLg = "23.399999618530273px";
+
+// Global - Visibilty
+export const hideOnBild = "true";
+export const hideOnSportBild = "true";
+export const onlyAdvertorial = "true";
+export const hideOnAdvertorial = "false";
+export const onlyBild = "false";
+export const onlySportBild = "false";
+
+
+// ============================================
+// OTHER
+// ============================================
+
 export const brandName = "Advertorial";
+