@marioschmidt/design-system-components 1.6.0 → 1.7.0

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Chip Component Tokens
@@ -34,7 +34,7 @@
 :host([data-content-brand="bild"]) .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/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Datepicker Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Drawers Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Dropdown Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Empties Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Footer Component Tokens
@@ -16,10 +16,10 @@
 
 [data-content-brand="bild"] .footer-link,
 :host([data-content-brand="bild"]) .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="bild"],
 :host([data-content-brand="bild"]) {
   --footer-font-size: 11px;
-  --footer-line-height: 14px;
+  --footer-line-height: 1.27;
   --footer-font-family: var(--body-font-family);
 }

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Gallery Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Icon Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: IconButton Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: InfoElement Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Inputfield Component Tokens
@@ -16,10 +16,10 @@
 
 [data-content-brand="bild"] .input-field-label,
 :host([data-content-brand="bild"]) .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/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Kicker Component Tokens

package/dist/www/css/bild/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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: LiveTicker Component Tokens
@@ -17,17 +17,17 @@
 [data-content-brand="bild"] .live-ticker-headline,
 :host([data-content-brand="bild"]) .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="bild"] .live-ticker-time-stamp,
 :host([data-content-brand="bild"]) .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 === */

package/dist/www/css/bild/components/mediaplayer.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: MediaPlayer Component Tokens
@@ -64,15 +64,15 @@
 :host([data-content-brand="bild"]) .podcast-player-label {
   font-family: var(--label-font-family);
   font-weight: var(--label-font-weight-book);
-  font-size: 16px;
-  line-height: 16px;
+  font-size: var(--audio-player-font-size);
+  line-height: var(--audio-player-font-size);
 }
 
 [data-content-brand="bild"] .video-ad-time,
 :host([data-content-brand="bild"]) .video-ad-time {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: 14px;
+  font-size: var(--video-ad-badge-font-size);
   text-transform: uppercase;
 }
 
@@ -80,7 +80,8 @@
 :host([data-content-brand="bild"]) .video-player-time {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: 14px;
+  font-size: var(--vid-player-timecode-font-size);
+  line-height: 1;
   text-transform: uppercase;
 }
 

package/dist/www/css/bild/components/menu.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Menu Component Tokens
@@ -46,16 +46,16 @@
 :host([data-content-brand="bild"]) .app-topbar-stage-title {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: 12px;
-  line-height: 14px;
+  font-size: var(--app-topbar-title-font-size);
+  line-height: var(--app-topbar-stage-title-line-height);
 }
 
 [data-content-brand="bild"] .app-topbar-tabs-title,
 :host([data-content-brand="bild"]) .app-topbar-tabs-title {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: 12px;
-  line-height: 14px;
+  font-size: var(--app-topbar-title-font-size);
+  line-height: var(--app-topbar-stage-title-line-height);
   text-transform: uppercase;
 }
 
@@ -63,8 +63,8 @@
 :host([data-content-brand="bild"]) .menu-item-label {
   font-family: var(--label-font-family);
   font-weight: 700;
-  font-size: 15px;
-  line-height: 15px;
+  font-size: var(--menu-item-font-size);
+  line-height: var(--menu-item-font-size);
   text-transform: uppercase;
 }
 
@@ -72,8 +72,8 @@
 :host([data-content-brand="bild"]) .menu-item-util-label {
   font-family: var(--label-font-family);
   font-weight: 700;
-  font-size: 12px;
-  line-height: 12px;
+  font-size: var(--menu-item-util-font-size);
+  line-height: var(--menu-item-util-font-size);
   text-transform: uppercase;
 }
 
@@ -102,7 +102,7 @@
   --menu-shadow-visibility: var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
   --hey-input-shadow-visibility: var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
   --app-topbar-title-font-size: 12px;
-  --app-topbar-stage-title-height: 14px;
+  --app-topbar-stage-title-line-height: 1.17;
   --i-osapp-top-bar-height-size: 44px;
   --i-osapp-top-bar-left-inline-space: 12px;
   --i-osapp-top-bar-right-inline-space: 16px;
@@ -112,7 +112,7 @@
   [data-content-brand="bild"],
   :host([data-content-brand="bild"]) {
     --app-topbar-title-font-size: 14px;
-    --app-topbar-stage-title-height: 17px;
+    --app-topbar-stage-title-line-height: 1.21;
     --i-osapp-top-bar-height-size: 48px;
     --i-osapp-top-bar-left-inline-space: 19px;
     --i-osapp-top-bar-right-inline-space: 19px;

package/dist/www/css/bild/components/menuitem.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: MenuItem Component Tokens

package/dist/www/css/bild/components/newsticker.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: NewsTicker Component Tokens
@@ -16,10 +16,10 @@
 
 [data-content-brand="bild"] .news-ticker-time-stamp,
 :host([data-content-brand="bild"]) .news-ticker-time-stamp {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: 16px;
-  line-height: 20.8px;
+  font-family: var(--news-ticker-time-font-family);
+  font-weight: var(--news-ticker-time-font-weight);
+  font-size: var(--news-ticker-time-font-size);
+  line-height: var(--news-ticker-time-line-height);
 }
 
 [data-content-brand="bild"] .news-ticker-kicker,
@@ -45,7 +45,7 @@
   --news-ticker-time-font-size: 16px;
   --news-ticker-time-font-weight: var(--font-weight-bold, 700);
   --news-ticker-time-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  --news-ticker-time-line-height: 20.8px;
+  --news-ticker-time-line-height: 1.3;
   --news-ticker-content-stack-space: var(--gap-space-const-xs);
   --news-ticker-kicker-inner-stack-space: var(--space-0-p-25-x, 2px);
   --news-ticker-titles-inline-space: 18px;
@@ -86,7 +86,6 @@
   [data-content-brand="bild"],
   :host([data-content-brand="bild"]) {
     --news-ticker-time-font-size: 18px;
-    --news-ticker-time-line-height: 23.4px;
     --news-ticker-titles-inline-space: 30px;
     --news-ticker-badges-inline-space: var(--space-2-x, 16px);
     --news-ticker-red-dot-size: var(--size-2-x, 16px);

package/dist/www/css/bild/components/pagination.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Pagination Component Tokens

package/dist/www/css/bild/components/partnerlinks.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: PartnerLinks Component Tokens

package/dist/www/css/bild/components/paywall.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Paywall Component Tokens
@@ -19,7 +19,7 @@
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
   font-size: var(--paywall-card-price-tag-font-size);
-  line-height: var(--size-8-x, 64px);
+  line-height: var(--paywall-card-price-tag-line-height);
   letter-spacing: var(--display-2-letter-space);
 }
 
@@ -27,8 +27,8 @@
 :host([data-content-brand="bild"]) .paywall-card-note {
   font-family: var(--title-font-family);
   font-weight: var(--title-font-weight);
-  font-size: 40px;
-  line-height: var(--size-5-x, 40px);
+  font-size: var(--paywall-card-price-note-font-size);
+  line-height: var(--paywall-card-price-note-line-height);
   letter-spacing: var(--display-3-letter-space);
 }
 
@@ -40,7 +40,7 @@
   --paywall-header-bottom-stack-space: var(--space-10-x, 80px);
   --paywall-card-max-width-size: 346px;
   --paywall-card-price-tag-font-size: 64px;
-  --paywall-card-price-tag-line-height: var(--size-8-x, 64px);
-  --paywall-card-price-note-line-height: var(--size-5-x, 40px);
+  --paywall-card-price-tag-line-height: 1;
+  --paywall-card-price-note-line-height: var(--size-5-x, 1);
   --paywall-card-price-note-font-size: 40px;
 }

package/dist/www/css/bild/components/quote.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Quote Component Tokens

package/dist/www/css/bild/components/radiobutton.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: RadioButton Component Tokens

package/dist/www/css/bild/components/search.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Search Component Tokens

package/dist/www/css/bild/components/sectiontitle.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: SectionTitle Component Tokens

package/dist/www/css/bild/components/selection.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Selection Component Tokens

package/dist/www/css/bild/components/separator.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Separator Component Tokens

package/dist/www/css/bild/components/skeletons.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Skeletons Component Tokens

package/dist/www/css/bild/components/slider.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Slider Component Tokens

package/dist/www/css/bild/components/specialnavi.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: SpecialNavi Component Tokens
@@ -18,8 +18,8 @@
 :host([data-content-brand="bild"]) .special-navi-item-label {
   font-family: var(--label-font-family);
   font-weight: 700;
-  font-size: 15px;
-  line-height: 15px;
+  font-size: var(--menu-item-font-size);
+  line-height: var(--menu-item-font-size);
 }
 
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/bild/components/spinner.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Spinner Component Tokens

package/dist/www/css/bild/components/subheader.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Subheader Component Tokens

package/dist/www/css/bild/components/tab.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Tab Component Tokens
@@ -50,16 +50,16 @@
 :host([data-content-brand="bild"]) .app-bottom-bar-label-default {
   font-family: var(--body-font-family);
   font-weight: var(--font-weight-book, 400);
-  font-size: 11px;
-  line-height: 14.4px;
+  font-size: var(--apps-tabs-label-font-size);
+  line-height: var(--apps-tabs-label-line-height);
 }
 
 [data-content-brand="bild"] .app-bottom-bar-label-active,
 :host([data-content-brand="bild"]) .app-bottom-bar-label-active {
   font-family: var(--body-font-family);
   font-weight: var(--font-weight-bold, 700);
-  font-size: 11px;
-  line-height: 14.4px;
+  font-size: var(--apps-tabs-label-font-size);
+  line-height: var(--apps-tabs-label-line-height);
 }
 
 /* === BREAKPOINT TOKENS === */
@@ -71,7 +71,7 @@
   --android-tabbar-height-size: 56px;
   --tab-label-font-size-line: 12px;
   --apps-tabs-label-font-size: 11px;
-  --apps-tabs-label-line-height: 14.4px;
+  --apps-tabs-label-line-height: 1.31;
   --top-bar-tab-item-height-size: 44px;
 }
 
@@ -79,6 +79,7 @@
   [data-content-brand="bild"],
   :host([data-content-brand="bild"]) {
     --apps-tabs-label-font-size: 12px;
+    --apps-tabs-label-line-height: 1.2;
   }
 }
 
@@ -88,6 +89,6 @@
     --android-tabbar-height-size: 74px;
     --tab-label-font-size-line: 16px;
     --apps-tabs-label-font-size: 16px;
-    --apps-tabs-label-line-height: 23.4px;
+    --apps-tabs-label-line-height: 1.46;
   }
 }

package/dist/www/css/bild/components/table.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Table Component Tokens

package/dist/www/css/bild/components/teaser.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.0
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Bild | Bundle: Teaser Component Tokens
@@ -34,16 +34,16 @@
 :host([data-content-brand="bild"]) .a-teaser-a-teaser-kicker {
   font-family: var(--kicker-font-family);
   font-weight: 700;
-  font-size: var(--kicker-3-font-size);
-  line-height: var(--kicker-3-font-size);
+  font-size: var(--a-teaser-kicker-font-size);
+  line-height: var(--a-teaser-kicker-line-height);
 }
 
 [data-content-brand="bild"] .a-teaser-a-teaser-headline,
 :host([data-content-brand="bild"]) .a-teaser-a-teaser-headline {
   font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-3-font-size);
-  line-height: var(--headline-3-font-size);
+  font-size: var(--a-teaser-headline-font-size);
+  line-height: var(--a-teaser-headline-line-height);
 }
 
 [data-content-brand="bild"] .m-qteaser-m-qteaser-kicker,
@@ -58,16 +58,16 @@
 :host([data-content-brand="bild"]) .m-qteaser-m-qteaser-headline {
   font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-4-font-size);
-  line-height: var(--headline-4-line-height);
+  font-size: var(--m-qteaser-headline-font-size);
+  line-height: var(--m-qteaser-headline-line-height);
 }
 
 [data-content-brand="bild"] .q-teaser-q-teaser-headline,
 :host([data-content-brand="bild"]) .q-teaser-q-teaser-headline {
   font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-1-font-size);
-  line-height: var(--headline-1-line-height);
+  font-size: var(--quad-headline-font-size);
+  line-height: var(--quad-headline-line-height);
 }
 
 [data-content-brand="bild"] .std-teaser-std-teaser-headline,