@marioschmidt/design-system-tokens 1.0.20 → 1.0.21

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

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