@marioschmidt/design-system-components 1.0.76 → 1.0.78

package/dist/www/css/advertorial/components/liveticker.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: LiveTicker Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="advertorial"] .live-ticker-headline,
 :host([data-content-brand="advertorial"]) .live-ticker-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: var(--font-weight-semi-bold, 600);
   font-size: 22px;
   line-height: 22px;
@@ -25,8 +25,8 @@
 [data-content-brand="advertorial"] .live-ticker-time-stamp,
 :host([data-content-brand="advertorial"]) .live-ticker-time-stamp {
   font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--live-ticker-time-stamp-font-size, 14px);
+  font-weight: var(--label-font-weight-bold);
+  font-size: var(--live-ticker-time-stamp-font-size);
   line-height: 14px;
 }
 

package/dist/www/css/advertorial/components/mediaplayer.css

@@ -1,23 +1,23 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: MediaPlayer Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="advertorial"] .podcast-player-label,
 :host([data-content-brand="advertorial"]) .podcast-player-label {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-book, 400);
+  font-family: var(--label-font-family);
+  font-weight: var(--label-font-weight-book);
   font-size: 16px;
   line-height: 16px;
 }
@@ -25,15 +25,15 @@
 [data-content-brand="advertorial"] .video-ad-time,
 :host([data-content-brand="advertorial"]) .video-ad-time {
   font-family: var(--font-family-gotham, Gotham);
-  font-weight: var(--font-weight-black, 800);
+  font-weight: var(--title-font-weight);
   font-size: 14px;
   text-transform: uppercase;
 }
 
 [data-content-brand="advertorial"] .video-player-time,
 :host([data-content-brand="advertorial"]) .video-player-time {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: 14px;
   text-transform: uppercase;
 }

package/dist/www/css/advertorial/components/menu.css

@@ -1,31 +1,31 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Menu Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="advertorial"] .app-topbar-stage-title,
 :host([data-content-brand="advertorial"]) .app-topbar-stage-title {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: 12px;
   line-height: 14px;
 }
 
 [data-content-brand="advertorial"] .app-topbar-tabs-title,
 :host([data-content-brand="advertorial"]) .app-topbar-tabs-title {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: 12px;
   line-height: 14px;
   text-transform: uppercase;
@@ -33,7 +33,7 @@
 
 [data-content-brand="advertorial"] .menu-item-label,
 :host([data-content-brand="advertorial"]) .menu-item-label {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--label-font-family);
   font-weight: 700;
   font-size: 15px;
   line-height: 15px;
@@ -42,7 +42,7 @@
 
 [data-content-brand="advertorial"] .menu-item-util-label,
 :host([data-content-brand="advertorial"]) .menu-item-util-label {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--label-font-family);
   font-weight: 700;
   font-size: var(--size-1-p-5-x, 12px);
   line-height: var(--size-1-p-5-x, 12px);

package/dist/www/css/advertorial/components/newsticker.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: NewsTicker Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
@@ -24,18 +24,18 @@
 
 [data-content-brand="advertorial"] .news-ticker-kicker,
 :host([data-content-brand="advertorial"]) .news-ticker-kicker {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--kicker-3-font-size, 14px);
-  line-height: var(--kicker-3-line-height, 15.4px);
+  font-family: var(--kicker-font-family);
+  font-weight: var(--kicker-font-weight);
+  font-size: var(--kicker-3-font-size);
+  line-height: var(--kicker-3-line-height);
 }
 
 [data-content-brand="advertorial"] .news-ticker-headline,
 :host([data-content-brand="advertorial"]) .news-ticker-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-3-font-size, 24px);
-  line-height: var(--headline-3-line-height, 26.4px);
+  font-size: var(--headline-3-font-size);
+  line-height: var(--headline-3-line-height);
 }
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/pagination.css

@@ -1,25 +1,25 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Pagination Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="advertorial"] .numbered-pagination-active,
 :host([data-content-brand="advertorial"]) .numbered-pagination-active {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--label-1-font-size, 17px);
-  line-height: var(--label-1-line-height, 20.4px);
+  font-family: var(--label-font-family);
+  font-weight: var(--label-font-weight-bold);
+  font-size: var(--label-1-font-size);
+  line-height: var(--label-1-line-height);
   letter-spacing: var(--letter-space-0-p-25, 0.25px);
   text-decoration: underline;
 }

package/dist/www/css/advertorial/components/paywall.css

@@ -1,35 +1,35 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Paywall Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="advertorial"] .paywall-card-price-tag,
 :host([data-content-brand="advertorial"]) .paywall-card-price-tag {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: var(--size-8-x, 64px);
   line-height: var(--size-8-x, 64px);
-  letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
+  letter-spacing: var(--display-2-letter-spacing);
 }
 
 [data-content-brand="advertorial"] .paywall-card-note,
 :host([data-content-brand="advertorial"]) .paywall-card-note {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: var(--size-5-x, 40px);
   line-height: var(--size-5-x, 40px);
-  letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
+  letter-spacing: var(--display-3-letter-spacing);
 }
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/quote.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Quote Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/radiobutton.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: RadioButton Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/search.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Search Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/sectiontitle.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: SectionTitle Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/separator.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Separator Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/skeletons.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Skeletons Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/slider.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Slider Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/specialnavi.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: SpecialNavi Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="advertorial"] .special-navi-item-label,
 :host([data-content-brand="advertorial"]) .special-navi-item-label {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--label-font-family);
   font-weight: 700;
   font-size: 15px;
   line-height: 15px;

package/dist/www/css/advertorial/components/spinner.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Spinner Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/tab.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Tab Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
@@ -17,14 +17,14 @@
 [data-content-brand="advertorial"] .tab-label,
 :host([data-content-brand="advertorial"]) .tab-label {
   font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--tab-label-font-size, 16px);
+  font-weight: var(--label-font-weight-bold);
+  font-size: var(--tab-label-font-size);
   text-transform: uppercase;
 }
 
 [data-content-brand="advertorial"] .app-bottom-bar-label-default,
 :host([data-content-brand="advertorial"]) .app-bottom-bar-label-default {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--body-font-family);
   font-weight: var(--font-weight-book, 400);
   font-size: 11px;
   line-height: 14.4px;
@@ -32,7 +32,7 @@
 
 [data-content-brand="advertorial"] .app-bottom-bar-label-active,
 :host([data-content-brand="advertorial"]) .app-bottom-bar-label-active {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--body-font-family);
   font-weight: var(--font-weight-bold, 700);
   font-size: 11px;
   line-height: 14.4px;

package/dist/www/css/advertorial/components/table.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Table Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/teaser.css

@@ -1,65 +1,65 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
- * Generated by Style Dictionary v4.0.0
+ * BILD Design System Tokens v1.0.78
+ * Generated by Style Dictionary v4.2.0
  *
  * Brand: Advertorial | Bundle: Teaser Component Tokens
  *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
+ * Copyright (c) 2025 Axel Springer Deutschland GmbH
  * Proprietary and confidential. All rights reserved.
  *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
+ * Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
  */
 
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="advertorial"] .a-teaser-a-teaser-kicker,
 :host([data-content-brand="advertorial"]) .a-teaser-a-teaser-kicker {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--kicker-font-family);
   font-weight: 700;
-  font-size: var(--kicker-3-font-size, 14px);
-  line-height: var(--kicker-3-font-size, 14px);
+  font-size: var(--kicker-3-font-size);
+  line-height: var(--kicker-3-font-size);
 }
 
 [data-content-brand="advertorial"] .a-teaser-a-teaser-headline,
 :host([data-content-brand="advertorial"]) .a-teaser-a-teaser-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-3-font-size, 24px);
-  line-height: var(--headline-3-font-size, 24px);
+  font-size: var(--headline-3-font-size);
+  line-height: var(--headline-3-font-size);
 }
 
 [data-content-brand="advertorial"] .m-qteaser-m-qteaser-kicker,
 :host([data-content-brand="advertorial"]) .m-qteaser-m-qteaser-kicker {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--kicker-font-family);
   font-weight: 700;
-  font-size: var(--kicker-4-font-size, 12px);
-  line-height: var(--kicker-4-line-height, 13.2px);
+  font-size: var(--kicker-4-font-size);
+  line-height: var(--kicker-4-line-height);
 }
 
 [data-content-brand="advertorial"] .m-qteaser-m-qteaser-headline,
 :host([data-content-brand="advertorial"]) .m-qteaser-m-qteaser-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-4-font-size, 16px);
-  line-height: var(--headline-4-line-height, 18.4px);
+  font-size: var(--headline-4-font-size);
+  line-height: var(--headline-4-line-height);
 }
 
 [data-content-brand="advertorial"] .q-teaser-q-teaser-headline,
 :host([data-content-brand="advertorial"]) .q-teaser-q-teaser-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-1-font-size, 36px);
-  line-height: var(--headline-1-line-height, 37.8px);
+  font-size: var(--headline-1-font-size);
+  line-height: var(--headline-1-line-height);
 }
 
 [data-content-brand="advertorial"] .std-teaser-std-teaser-headline,
 :host([data-content-brand="advertorial"]) .std-teaser-std-teaser-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 700;
-  font-size: var(--headline-4-font-size, 16px);
-  line-height: var(--headline-4-line-height, 18.4px);
+  font-size: var(--headline-4-font-size);
+  line-height: var(--headline-4-line-height);
 }
 
 /* === BREAKPOINT TOKENS === */