@marioschmidt/design-system-components 1.6.0 → 1.7.1

package/dist/www/css/shared/colorprimitive.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Copyright (c) 2026 Axel Springer Deutschland GmbH

package/dist/www/css/shared/fontprimitive.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Copyright (c) 2026 Axel Springer Deutschland GmbH

package/dist/www/css/shared/primitives.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Bundle: Primitives (Base values: space, size, colors, fonts)

package/dist/www/css/shared/sizeprimitive.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Copyright (c) 2026 Axel Springer Deutschland GmbH

package/dist/www/css/shared/spaceprimitive.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Copyright (c) 2026 Axel Springer Deutschland GmbH

package/dist/www/css/sportbild/components/alert.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Alert Component Tokens

package/dist/www/css/sportbild/components/article.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Article Component Tokens
@@ -18,7 +18,7 @@
 :host([data-content-brand="sportbild"]) .article-kicker {
   font-family: var(--kicker-font-family);
   font-weight: 700;
-  font-size: var(--kicker-1-font-size);
+  font-size: var(--article-kicker-font-size);
   line-height: var(--kicker-1-line-height);
   font-style: italic;
 }
@@ -27,16 +27,16 @@
 :host([data-content-brand="sportbild"]) .article-image-caption {
   font-family: var(--body-font-family);
   font-weight: var(--font-weight-bold, 700);
-  font-size: 13px;
-  line-height: 16.9px;
+  font-size: var(--article-image-caption-font-size);
+  line-height: var(--article-image-caption-line-height);
 }
 
 [data-content-brand="sportbild"] .article-headline,
 :host([data-content-brand="sportbild"]) .article-headline {
   font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-2-font-size);
-  line-height: var(--headline-2-font-size);
+  font-size: var(--article-headline-font-size);
+  line-height: var(--article-headline-font-size);
   font-style: italic;
 }
 
@@ -44,15 +44,15 @@
 :host([data-content-brand="sportbild"]) .article-meta-source {
   font-family: var(--footnote-font-family);
   font-weight: var(--footnote-font-weight-book);
-  font-size: 13px;
-  line-height: 17px;
+  font-size: var(--article-image-source-font-size);
+  line-height: var(--article-image-source-line-height);
 }
 
 [data-content-brand="sportbild"] .article-time-stamp,
 :host([data-content-brand="sportbild"]) .article-time-stamp {
-  font-family: var(--font-family-antenna-cond, AntennaCond);
+  font-family: var(--article-meta-font-family);
   font-weight: var(--font-weight-black, 800);
-  font-size: 12px;
+  font-size: var(--article-meta-font-size);
 }
 
 /* === BREAKPOINT TOKENS === */
@@ -75,8 +75,8 @@
   --article-image-caption-font-size: 13px;
   --article-image-source-font-size: 13px;
   --article-meta-font-size: 12px;
-  --article-image-caption-line-height: 16.9px;
-  --article-image-source-line-height: 17px;
+  --article-image-caption-line-height: 1.3;
+  --article-image-source-line-height: 1.31;
   --article-meta-font-family: var(--font-family-antenna-cond, AntennaCond);
 }
 
@@ -104,7 +104,6 @@
     --article-image-caption-font-size: 15px;
     --article-image-source-font-size: 15px;
     --article-meta-font-size: 16px;
-    --article-image-caption-line-height: 19.5px;
-    --article-image-source-line-height: 19px;
+    --article-image-source-line-height: 1.27;
   }
 }

package/dist/www/css/sportbild/components/audioplayer.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: AudioPlayer Component Tokens
@@ -18,8 +18,8 @@
 :host([data-content-brand="sportbild"]) .audio-player-label {
   font-family: var(--label-font-family);
   font-weight: var(--label-font-weight-bold);
-  font-size: 16px;
-  line-height: 16px;
+  font-size: var(--audio-player-font-size);
+  line-height: var(--audio-player-font-size);
 }
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/sportbild/components/avatar.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Avatar Component Tokens
@@ -30,43 +30,43 @@
 
 [data-content-brand="sportbild"] .app-avatar,
 :host([data-content-brand="sportbild"]) .app-avatar {
-  font-family: var(--font-family-antenna-cond, AntennaCond);
+  font-family: var(--article-meta-font-family);
   font-weight: var(--font-weight-black, 800);
-  font-size: 12px;
+  font-size: var(--article-meta-font-size);
   text-transform: uppercase;
 }
 
 [data-content-brand="sportbild"] .avatar-default,
 :host([data-content-brand="sportbild"]) .avatar-default {
-  font-family: var(--body-font-family);
+  font-family: var(--avatar-font-family);
   font-weight: var(--font-weight-bold, 700);
-  font-size: 13px;
-  line-height: 21px;
+  font-size: var(--avatar-label-font-size);
+  line-height: var(--avatar-label-line-height);
 }
 
 [data-content-brand="sportbild"] .avatar-hover,
 :host([data-content-brand="sportbild"]) .avatar-hover {
-  font-family: var(--body-font-family);
+  font-family: var(--avatar-font-family);
   font-weight: var(--label-font-weight-bold);
-  font-size: 13px;
-  line-height: 21px;
+  font-size: var(--avatar-label-font-size);
+  line-height: var(--avatar-label-line-height);
   text-decoration: underline;
 }
 
 [data-content-brand="sportbild"] .avatar-secondary-info,
 :host([data-content-brand="sportbild"]) .avatar-secondary-info {
-  font-family: var(--body-font-family);
+  font-family: var(--avatar-font-family);
   font-weight: var(--label-font-weight-book);
-  font-size: 13px;
-  line-height: 21px;
+  font-size: var(--avatar-label-font-size);
+  line-height: var(--avatar-label-line-height);
 }
 
 [data-content-brand="sportbild"] .avatar-secondary-info-hover,
 :host([data-content-brand="sportbild"]) .avatar-secondary-info-hover {
-  font-family: var(--body-font-family);
+  font-family: var(--avatar-font-family);
   font-weight: var(--label-font-weight-book);
-  font-size: 13px;
-  line-height: 21px;
+  font-size: var(--avatar-label-font-size);
+  line-height: var(--avatar-label-line-height);
   text-decoration: underline;
 }
 
@@ -78,7 +78,7 @@
   --avatar-article-size: var(--size-const-md);
   --avatar-author-page-size: var(--size-12-x, 96px);
   --avatar-font-family: var(--body-font-family);
-  --avatar-label-line-height: 21px;
+  --avatar-label-line-height: 1.62;
   --avatar-lane-gap-space: var(--space-2-x, 16px);
   --app-avatar-font-family: var(--title-font-family);
 }
@@ -95,7 +95,7 @@
   [data-content-brand="sportbild"],
   :host([data-content-brand="sportbild"]) {
     --avatar-label-font-size: 15px;
-    --avatar-label-line-height: 23px;
+    --avatar-label-line-height: 1.53;
   }
 }
 

package/dist/www/css/sportbild/components/badge.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Badge Component Tokens
@@ -18,7 +18,7 @@
 :host([data-content-brand="sportbild"]) .video-ad-badge {
   font-family: var(--body-font-family);
   font-weight: var(--font-weight-book, 400);
-  font-size: 14px;
+  font-size: var(--video-ad-badge-font-size);
   text-transform: uppercase;
 }
 
@@ -26,8 +26,8 @@
 :host([data-content-brand="sportbild"]) .video-time-badge {
   font-family: var(--body-font-family);
   font-weight: var(--label-font-weight-book);
-  font-size: 16px;
-  line-height: 21px;
+  font-size: var(--video-time-badge-font-size);
+  line-height: var(--video-badge-time-line-height);
 }
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/sportbild/components/breadcrumb.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Breadcrumb Component Tokens
@@ -16,27 +16,27 @@
 
 [data-content-brand="sportbild"] .breadcrumb,
 :host([data-content-brand="sportbild"]) .breadcrumb {
-  font-family: var(--body-font-family);
-  font-weight: var(--body-font-weight-bold);
+  font-family: var(--breadcrumb-font-family);
+  font-weight: var(--breadcrumb-font-weight);
   font-size: var(--breadcrumb-font-size);
   line-height: var(--breadcrumb-line-height);
 }
 
 [data-content-brand="sportbild"] .breadcrumb-link,
 :host([data-content-brand="sportbild"]) .breadcrumb-link {
-  font-family: var(--body-font-family);
-  font-weight: var(--body-font-weight-bold);
-  font-size: 14px;
-  line-height: 14px;
+  font-family: var(--breadcrumb-font-family);
+  font-weight: var(--breadcrumb-font-weight);
+  font-size: var(--breadcrumb-font-size);
+  line-height: var(--breadcrumb-font-size);
   text-decoration: underline;
 }
 
 [data-content-brand="sportbild"] .breadcrumb-link-hover,
 :host([data-content-brand="sportbild"]) .breadcrumb-link-hover {
-  font-family: var(--body-font-family);
-  font-weight: var(--body-font-weight-bold);
-  font-size: 14px;
-  line-height: 14px;
+  font-family: var(--breadcrumb-font-family);
+  font-weight: var(--breadcrumb-font-weight);
+  font-size: var(--breadcrumb-font-size);
+  line-height: var(--breadcrumb-font-size);
   text-decoration: underline;
 }
 
@@ -49,7 +49,7 @@
   --breadcrumb-arrow-left-inline-space-1: 3px;
   --breadcrumb-arrow-right-inline-space-2: 5px;
   --breadcrumb-inline-space: var(--grid-space-resp-base);
-  --breadcrumb-line-height: 14px;
+  --breadcrumb-line-height: 1;
   --breadcrumb-font-weight: var(--body-font-weight-bold);
   --breadcrumb-stack-space: 14px;
 }
@@ -59,7 +59,6 @@
   :host([data-content-brand="sportbild"]) {
     --breadcrumb-font-size: 11px;
     --breadcrumb-inline-space: 0px;
-    --breadcrumb-line-height: 11px;
     --breadcrumb-stack-space: 16px;
   }
 }

package/dist/www/css/sportbild/components/breakingnews.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: BreakingNews Component Tokens
@@ -50,8 +50,8 @@
 :host([data-content-brand="sportbild"]) .breaking-news-text {
   font-family: var(--kicker-font-family);
   font-weight: var(--body-font-weight-bold);
-  font-size: 21px;
-  line-height: 24px;
+  font-size: var(--breaking-news-scrolling-text-font-size);
+  line-height: var(--breaking-news-scrolling-text-line-height);
   text-transform: uppercase;
 }
 
@@ -59,16 +59,16 @@
 :host([data-content-brand="sportbild"]) .breaking-news-upper-title {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: 13px;
-  line-height: 13px;
+  font-size: var(--breaking-news-badge-upper-title-font-size);
+  line-height: var(--breaking-news-badge-upper-title-line-height);
 }
 
 [data-content-brand="sportbild"] .breaking-news-lower-title,
 :host([data-content-brand="sportbild"]) .breaking-news-lower-title {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: 23px;
-  line-height: 21px;
+  font-size: var(--breaking-news-badge-lower-title-font-size);
+  line-height: var(--breaking-news-badge-lower-title-line-height);
 }
 
 /* === BREAKPOINT TOKENS === */
@@ -78,11 +78,11 @@
   --breaking-news-container-height-size: var(--size-const-lg);
   --breaking-news-badge-upper-title-font-size: 13px;
   --breaking-news-badge-lower-title-font-size: 23px;
-  --breaking-news-badge-upper-title-line-height: 13px;
-  --breaking-news-badge-lower-title-line-height: 21px;
+  --breaking-news-badge-upper-title-line-height: 1;
+  --breaking-news-badge-lower-title-line-height: 0.91;
   --breaking-news-badge-titels-stack-space: var(--space-0-x, 0px);
   --breaking-news-scrolling-text-font-size: 21px;
-  --breaking-news-scrolling-text-line-height: 24px;
+  --breaking-news-scrolling-text-line-height: 1.14;
   --breaking-news-badge-inline-space: var(--size-0-p-75-x, 6px);
 }
 
@@ -91,7 +91,8 @@
   :host([data-content-brand="sportbild"]) {
     --breaking-news-badge-upper-title-font-size: 17px;
     --breaking-news-badge-lower-title-font-size: 30px;
-    --breaking-news-badge-upper-title-line-height: 12px;
+    --breaking-news-badge-upper-title-line-height: 0.71;
+    --breaking-news-badge-lower-title-line-height: 0.7;
     --breaking-news-badge-titels-stack-space: var(--space-0-p-5-x, 4px);
     --breaking-news-badge-inline-space: var(--size-1-p-5-x, 12px);
   }

package/dist/www/css/sportbild/components/button.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Button Component Tokens
@@ -60,7 +60,7 @@
 
 [data-content-brand="sportbild"] .button-label,
 :host([data-content-brand="sportbild"]) .button-label {
-  font-family: var(--label-font-family);
+  font-family: var(--button-label-font-family);
   font-weight: 700;
   font-size: var(--button-label-font-size);
   line-height: var(--button-label-line-height);
@@ -74,7 +74,7 @@
   font-family: var(--label-font-family);
   font-weight: var(--label-font-weight-book);
   font-size: var(--partner-link-button-label-font-size);
-  line-height: 16px;
+  line-height: var(--partner-link-button-label-font-size);
 }
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/sportbild/components/card.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Card Component Tokens

package/dist/www/css/sportbild/components/carousel.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Carousel Component Tokens

package/dist/www/css/sportbild/components/chip.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Chip Component Tokens
@@ -34,7 +34,7 @@
 :host([data-content-brand="sportbild"]) .chip-label {
   font-family: var(--footnote-font-family);
   font-weight: var(--label-font-weight-bold);
-  font-size: 16px;
+  font-size: var(--chip-font-size);
 }
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/sportbild/components/datepicker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Datepicker Component Tokens

package/dist/www/css/sportbild/components/drawers.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Drawers Component Tokens

package/dist/www/css/sportbild/components/dropdown.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Dropdown Component Tokens

package/dist/www/css/sportbild/components/empties.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Empties Component Tokens

package/dist/www/css/sportbild/components/footer.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Footer Component Tokens
@@ -16,10 +16,10 @@
 
 [data-content-brand="sportbild"] .footer-link,
 :host([data-content-brand="sportbild"]) .footer-link {
-  font-family: var(--body-font-family);
+  font-family: var(--footer-font-family);
   font-weight: var(--label-font-weight-bold);
-  font-size: 11px;
-  line-height: 14px;
+  font-size: var(--footer-font-size);
+  line-height: var(--footer-line-height);
 }
 
 /* === BREAKPOINT TOKENS === */
@@ -27,6 +27,6 @@
 [data-content-brand="sportbild"],
 :host([data-content-brand="sportbild"]) {
   --footer-font-size: 11px;
-  --footer-line-height: 14px;
+  --footer-line-height: 1.27;
   --footer-font-family: var(--body-font-family);
 }

package/dist/www/css/sportbild/components/gallery.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Gallery Component Tokens

package/dist/www/css/sportbild/components/icon.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Icon Component Tokens

package/dist/www/css/sportbild/components/iconbutton.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: IconButton Component Tokens

package/dist/www/css/sportbild/components/infoelement.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: InfoElement Component Tokens

package/dist/www/css/sportbild/components/inputfield.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Inputfield Component Tokens
@@ -16,10 +16,10 @@
 
 [data-content-brand="sportbild"] .input-field-label,
 :host([data-content-brand="sportbild"]) .input-field-label {
-  font-family: var(--body-font-family);
+  font-family: var(--input-field-label-font-family);
   font-weight: var(--label-font-weight-book);
-  font-size: 16px;
-  line-height: 16px;
+  font-size: var(--input-field-label-font-size);
+  line-height: var(--input-field-label-line-height);
 }
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/sportbild/components/kicker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Kicker Component Tokens

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.6.0
+ * BILD Design System Tokens v1.7.1
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: LiveTicker Component Tokens
@@ -17,17 +17,17 @@
 [data-content-brand="sportbild"] .live-ticker-headline,
 :host([data-content-brand="sportbild"]) .live-ticker-headline {
   font-family: var(--headline-font-family);
-  font-weight: var(--font-weight-semi-bold, 600);
-  font-size: 22px;
-  line-height: 22px;
+  font-weight: var(--live-tickerheadline-font-weight);
+  font-size: var(--live-ticker-headlines-font-size);
+  line-height: var(--live-ticker-headlines-font-size);
 }
 
 [data-content-brand="sportbild"] .live-ticker-time-stamp,
 :host([data-content-brand="sportbild"]) .live-ticker-time-stamp {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+  font-family: var(--time-stamp-font-family);
   font-weight: var(--label-font-weight-bold);
   font-size: var(--live-ticker-time-stamp-font-size);
-  line-height: 14px;
+  line-height: var(--live-ticker-time-stamp-font-size);
 }
 
 /* === BREAKPOINT TOKENS === */