@marioschmidt/design-system-components 1.7.7 → 1.7.9

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

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

package/dist/www/css/sportbild/components/newsticker-utilities.css

@@ -0,0 +1,40 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.7.9
+ * Generated by Style Dictionary v5.1.4
+ *
+ * Brand: Sportbild | Bundle: NewsTicker Utility Classes
+ *
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ *
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
+ */
+
+/* === TYPOGRAPHY CLASSES === */
+
+[data-content-brand="sportbild"] .news-ticker-time-stamp,
+:host([data-content-brand="sportbild"]) .news-ticker-time-stamp {
+  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="sportbild"] .news-ticker-kicker,
+:host([data-content-brand="sportbild"]) .news-ticker-kicker {
+  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="sportbild"] .news-ticker-headline,
+:host([data-content-brand="sportbild"]) .news-ticker-headline {
+  font-family: var(--headline-font-family);
+  font-weight: 900;
+  font-size: var(--headline-3-font-size);
+  line-height: var(--headline-3-line-height);
+  font-style: italic;
+}

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.7.7
+ * BILD Design System Tokens v1.7.9
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: NewsTicker Component Tokens
@@ -12,33 +12,6 @@
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
  */
 
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .news-ticker-time-stamp,
-:host([data-content-brand="sportbild"]) .news-ticker-time-stamp {
-  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="sportbild"] .news-ticker-kicker,
-:host([data-content-brand="sportbild"]) .news-ticker-kicker {
-  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="sportbild"] .news-ticker-headline,
-:host([data-content-brand="sportbild"]) .news-ticker-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--headline-3-font-size);
-  line-height: var(--headline-3-line-height);
-  font-style: italic;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="sportbild"],

package/dist/www/css/sportbild/components/pagination-utilities.css

@@ -0,0 +1,25 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.7.9
+ * Generated by Style Dictionary v5.1.4
+ *
+ * Brand: Sportbild | Bundle: Pagination Utility Classes
+ *
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ *
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
+ */
+
+/* === TYPOGRAPHY CLASSES === */
+
+[data-content-brand="sportbild"] .numbered-pagination-active,
+:host([data-content-brand="sportbild"]) .numbered-pagination-active {
+  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/sportbild/components/pagination.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.7.7
+ * BILD Design System Tokens v1.7.9
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Pagination Component Tokens
@@ -28,18 +28,6 @@
   --scroll-bar-track-bg-color: var(--color-neutral-100-a-10, rgba(255, 255, 255, 0.1));
 }
 
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .numbered-pagination-active,
-:host([data-content-brand="sportbild"]) .numbered-pagination-active {
-  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;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="sportbild"],

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

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

package/dist/www/css/sportbild/components/paywall-utilities.css

@@ -0,0 +1,33 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.7.9
+ * Generated by Style Dictionary v5.1.4
+ *
+ * Brand: Sportbild | Bundle: Paywall Utility Classes
+ *
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ *
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
+ */
+
+/* === TYPOGRAPHY CLASSES === */
+
+[data-content-brand="sportbild"] .paywall-card-price-tag,
+:host([data-content-brand="sportbild"]) .paywall-card-price-tag {
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
+  font-size: var(--paywall-card-price-tag-font-size);
+  line-height: var(--paywall-card-price-tag-line-height);
+  letter-spacing: var(--display-2-letter-space);
+}
+
+[data-content-brand="sportbild"] .paywall-card-note,
+:host([data-content-brand="sportbild"]) .paywall-card-note {
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
+  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);
+}

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.7.7
+ * BILD Design System Tokens v1.7.9
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Paywall Component Tokens
@@ -12,26 +12,6 @@
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
  */
 
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .paywall-card-price-tag,
-:host([data-content-brand="sportbild"]) .paywall-card-price-tag {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  font-size: var(--paywall-card-price-tag-font-size);
-  line-height: var(--paywall-card-price-tag-line-height);
-  letter-spacing: var(--display-2-letter-space);
-}
-
-[data-content-brand="sportbild"] .paywall-card-note,
-:host([data-content-brand="sportbild"]) .paywall-card-note {
-  font-family: var(--title-font-family);
-  font-weight: var(--title-font-weight);
-  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);
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="sportbild"],

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/www/css/sportbild/components/specialnavi-utilities.css

@@ -0,0 +1,24 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.7.9
+ * Generated by Style Dictionary v5.1.4
+ *
+ * Brand: Sportbild | Bundle: SpecialNavi Utility Classes
+ *
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ *
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
+ */
+
+/* === TYPOGRAPHY CLASSES === */
+
+[data-content-brand="sportbild"] .special-navi-item-label,
+:host([data-content-brand="sportbild"]) .special-navi-item-label {
+  font-family: var(--label-font-family);
+  font-weight: 700;
+  font-size: var(--menu-item-font-size);
+  line-height: var(--menu-item-font-size);
+  font-style: italic;
+}

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.7.7
+ * BILD Design System Tokens v1.7.9
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: SpecialNavi Component Tokens
@@ -12,17 +12,6 @@
  * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
  */
 
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .special-navi-item-label,
-:host([data-content-brand="sportbild"]) .special-navi-item-label {
-  font-family: var(--label-font-family);
-  font-weight: 700;
-  font-size: var(--menu-item-font-size);
-  line-height: var(--menu-item-font-size);
-  font-style: italic;
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="sportbild"],

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

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

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

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

package/dist/www/css/sportbild/components/tab-utilities.css

@@ -0,0 +1,39 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.7.9
+ * Generated by Style Dictionary v5.1.4
+ *
+ * Brand: Sportbild | Bundle: Tab Utility Classes
+ *
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ *
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
+ */
+
+/* === TYPOGRAPHY CLASSES === */
+
+[data-content-brand="sportbild"] .tab-label,
+:host([data-content-brand="sportbild"]) .tab-label {
+  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+  font-weight: var(--label-font-weight-bold);
+  font-size: var(--tab-label-font-size);
+  text-transform: uppercase;
+}
+
+[data-content-brand="sportbild"] .app-bottom-bar-label-default,
+:host([data-content-brand="sportbild"]) .app-bottom-bar-label-default {
+  font-family: var(--body-font-family);
+  font-weight: var(--font-weight-book, 400);
+  font-size: var(--apps-tabs-label-font-size);
+  line-height: var(--apps-tabs-label-line-height);
+}
+
+[data-content-brand="sportbild"] .app-bottom-bar-label-active,
+:host([data-content-brand="sportbild"]) .app-bottom-bar-label-active {
+  font-family: var(--body-font-family);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: var(--apps-tabs-label-font-size);
+  line-height: var(--apps-tabs-label-line-height);
+}

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.7.7
+ * BILD Design System Tokens v1.7.9
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Tab Component Tokens
@@ -36,32 +36,6 @@
 
 }
 
-/* === TYPOGRAPHY TOKENS === */
-
-[data-content-brand="sportbild"] .tab-label,
-:host([data-content-brand="sportbild"]) .tab-label {
-  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--label-font-weight-bold);
-  font-size: var(--tab-label-font-size);
-  text-transform: uppercase;
-}
-
-[data-content-brand="sportbild"] .app-bottom-bar-label-default,
-:host([data-content-brand="sportbild"]) .app-bottom-bar-label-default {
-  font-family: var(--body-font-family);
-  font-weight: var(--font-weight-book, 400);
-  font-size: var(--apps-tabs-label-font-size);
-  line-height: var(--apps-tabs-label-line-height);
-}
-
-[data-content-brand="sportbild"] .app-bottom-bar-label-active,
-:host([data-content-brand="sportbild"]) .app-bottom-bar-label-active {
-  font-family: var(--body-font-family);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--apps-tabs-label-font-size);
-  line-height: var(--apps-tabs-label-line-height);
-}
-
 /* === BREAKPOINT TOKENS === */
 
 [data-content-brand="sportbild"],

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

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

package/dist/www/css/sportbild/components/teaser-utilities.css

@@ -0,0 +1,76 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.7.9
+ * Generated by Style Dictionary v5.1.4
+ *
+ * Brand: Sportbild | Bundle: Teaser Utility Classes
+ *
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ *
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
+ */
+
+/* === TYPOGRAPHY CLASSES === */
+
+[data-content-brand="sportbild"] .a-teaser-a-teaser-kicker,
+:host([data-content-brand="sportbild"]) .a-teaser-a-teaser-kicker {
+  font-family: var(--kicker-font-family);
+  font-weight: 700;
+  font-size: var(--a-teaser-kicker-font-size);
+  line-height: var(--a-teaser-kicker-line-height);
+  font-style: italic;
+}
+
+[data-content-brand="sportbild"] .a-teaser-a-teaser-headline,
+:host([data-content-brand="sportbild"]) .a-teaser-a-teaser-headline {
+  font-family: var(--headline-font-family);
+  font-weight: 900;
+  font-size: var(--a-teaser-headline-font-size);
+  line-height: var(--a-teaser-headline-line-height);
+  font-style: italic;
+}
+
+[data-content-brand="sportbild"] .m-qteaser-m-qteaser-kicker,
+:host([data-content-brand="sportbild"]) .m-qteaser-m-qteaser-kicker {
+  font-family: var(--kicker-font-family);
+  font-weight: 700;
+  font-size: var(--kicker-4-font-size);
+  line-height: var(--kicker-4-line-height);
+  font-style: italic;
+}
+
+[data-content-brand="sportbild"] .m-qteaser-m-qteaser-headline,
+:host([data-content-brand="sportbild"]) .m-qteaser-m-qteaser-headline {
+  font-family: var(--headline-font-family);
+  font-weight: 900;
+  font-size: var(--m-qteaser-headline-font-size);
+  line-height: var(--m-qteaser-headline-line-height);
+  font-style: italic;
+}
+
+[data-content-brand="sportbild"] .q-teaser-q-teaser-headline,
+:host([data-content-brand="sportbild"]) .q-teaser-q-teaser-headline {
+  font-family: var(--headline-font-family);
+  font-weight: 900;
+  font-size: var(--quad-headline-font-size);
+  line-height: var(--quad-headline-line-height);
+  font-style: italic;
+}
+
+[data-content-brand="sportbild"] .std-teaser-std-teaser-headline,
+:host([data-content-brand="sportbild"]) .std-teaser-std-teaser-headline {
+  font-family: var(--headline-font-family);
+  font-weight: 700;
+  font-size: var(--headline-4-font-size);
+  line-height: var(--headline-4-line-height);
+  font-style: italic;
+}
+
+/* === EFFECT CLASSES === */
+
+[data-color-brand="sportbild"] .teaser-headlines-shadow,
+:host([data-color-brand="sportbild"]) .teaser-headlines-shadow {
+  box-shadow: var(--teaser-headlines-shadow);
+}

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

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.7.7
+ * BILD Design System Tokens v1.7.9
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Teaser Component Tokens
@@ -28,60 +28,11 @@
   --teaser-title-bg-gradient-stop: var(--color-spobi-blue-15-a-0, rgba(11, 38, 71, 0));
 }
 
-/* === TYPOGRAPHY TOKENS === */
+/* === EFFECTS VARIABLES === */
 
-[data-content-brand="sportbild"] .a-teaser-a-teaser-kicker,
-:host([data-content-brand="sportbild"]) .a-teaser-a-teaser-kicker {
-  font-family: var(--kicker-font-family);
-  font-weight: 700;
-  font-size: var(--a-teaser-kicker-font-size);
-  line-height: var(--a-teaser-kicker-line-height);
-  font-style: italic;
-}
-
-[data-content-brand="sportbild"] .a-teaser-a-teaser-headline,
-:host([data-content-brand="sportbild"]) .a-teaser-a-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--a-teaser-headline-font-size);
-  line-height: var(--a-teaser-headline-line-height);
-  font-style: italic;
-}
-
-[data-content-brand="sportbild"] .m-qteaser-m-qteaser-kicker,
-:host([data-content-brand="sportbild"]) .m-qteaser-m-qteaser-kicker {
-  font-family: var(--kicker-font-family);
-  font-weight: 700;
-  font-size: var(--kicker-4-font-size);
-  line-height: var(--kicker-4-line-height);
-  font-style: italic;
-}
-
-[data-content-brand="sportbild"] .m-qteaser-m-qteaser-headline,
-:host([data-content-brand="sportbild"]) .m-qteaser-m-qteaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--m-qteaser-headline-font-size);
-  line-height: var(--m-qteaser-headline-line-height);
-  font-style: italic;
-}
-
-[data-content-brand="sportbild"] .q-teaser-q-teaser-headline,
-:host([data-content-brand="sportbild"]) .q-teaser-q-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 900;
-  font-size: var(--quad-headline-font-size);
-  line-height: var(--quad-headline-line-height);
-  font-style: italic;
-}
-
-[data-content-brand="sportbild"] .std-teaser-std-teaser-headline,
-:host([data-content-brand="sportbild"]) .std-teaser-std-teaser-headline {
-  font-family: var(--headline-font-family);
-  font-weight: 700;
-  font-size: var(--headline-4-font-size);
-  line-height: var(--headline-4-line-height);
-  font-style: italic;
+[data-color-brand="sportbild"],
+:host([data-color-brand="sportbild"]) {
+  --teaser-headlines-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
 }
 
 /* === BREAKPOINT TOKENS === */
@@ -155,13 +106,3 @@
 :host([data-color-brand="sportbild"]) {
   --teaser-hover-opacity: var(--layer-opacity-80);
 }
-
-[data-color-brand="sportbild"],
-:host([data-color-brand="sportbild"]) {
-  --teaser-headlines-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
-}
-
-[data-color-brand="sportbild"] .teaser-headlines-shadow,
-:host([data-color-brand="sportbild"]) .teaser-headlines-shadow {
-  box-shadow: var(--teaser-headlines-shadow);
-}

package/dist/www/css/sportbild/components/toggleswitch-utilities.css

@@ -0,0 +1,24 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ *
+ * BILD Design System Tokens v1.7.9
+ * Generated by Style Dictionary v5.1.4
+ *
+ * Brand: Sportbild | Bundle: ToggleSwitch Utility Classes
+ *
+ * Copyright (c) 2026 Axel Springer Deutschland GmbH
+ * Proprietary and confidential. All rights reserved.
+ *
+ * Documentation: https://github.com/UXWizard25/bild-design-system/blob/main/packages/tokens/docs/css.md
+ */
+
+/* === TYPOGRAPHY CLASSES === */
+
+[data-content-brand="sportbild"] .app-toogle-item-label,
+:host([data-content-brand="sportbild"]) .app-toogle-item-label {
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
+  font-size: var(--app-toggle-item-label-font-size);
+  line-height: var(--app-toggle-item-label-line-height);
+  text-transform: uppercase;
+}