@marioschmidt/design-system-components 1.4.2 → 1.4.4

package/dist/www/css/bundles/sportbild.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.4.2
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Brand: Sportbild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -738,102 +738,138 @@
 
 /* Effects - Light */
 /* ============================================
-   DROPSHADOWSOFT
+   CSS CUSTOM PROPERTIES
+   ============================================ */
+
+[data-color-brand="sportbild"][data-theme="light"],
+:host([data-color-brand="sportbild"][data-theme="light"]) {
+  /* dropshadowsoft */
+  --shadow-soft-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
+  --shadow-soft-md: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
+  --shadow-soft-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
+  --shadow-soft-xl: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  /* dropshadowhard */
+  --shadow-hard-sm: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --shadow-hard-md: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
+  --shadow-hard-lg: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --shadow-hard-xl: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+}
+
+/* ============================================
+   DROPSHADOWSOFT (Classes)
    ============================================ */
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-sm,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-sm {
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--shadow-soft-sm);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-md,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-md {
-  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
+  box-shadow: var(--shadow-soft-md);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-lg,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-lg {
-  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
+  box-shadow: var(--shadow-soft-lg);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-soft-xl,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-soft-xl {
-  box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-soft-xl);
 }
 
 
 /* ============================================
-   DROPSHADOWHARD
+   DROPSHADOWHARD (Classes)
    ============================================ */
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-sm,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-sm {
-  box-shadow: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-sm);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-md,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-md {
-  box-shadow: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
+  box-shadow: var(--shadow-hard-md);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-lg,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-lg {
-  box-shadow: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-lg);
 }
 
 [data-color-brand="sportbild"][data-theme="light"] .shadow-hard-xl,
 :host([data-color-brand="sportbild"][data-theme="light"]) .shadow-hard-xl {
-  box-shadow: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-xl);
 }
 
 /* Effects - Dark */
 /* ============================================
-   DROPSHADOWSOFT
+   CSS CUSTOM PROPERTIES
+   ============================================ */
+
+[data-color-brand="sportbild"][data-theme="dark"],
+:host([data-color-brand="sportbild"][data-theme="dark"]) {
+  /* dropshadowsoft */
+  --shadow-soft-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
+  --shadow-soft-md: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
+  --shadow-soft-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
+  --shadow-soft-xl: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  /* dropshadowhard */
+  --shadow-hard-sm: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --shadow-hard-md: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
+  --shadow-hard-lg: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --shadow-hard-xl: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+}
+
+/* ============================================
+   DROPSHADOWSOFT (Classes)
    ============================================ */
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-sm,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-sm {
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--shadow-soft-sm);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-md,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-md {
-  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
+  box-shadow: var(--shadow-soft-md);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-lg,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-lg {
-  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07);
+  box-shadow: var(--shadow-soft-lg);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-soft-xl,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-soft-xl {
-  box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-soft-xl);
 }
 
 
 /* ============================================
-   DROPSHADOWHARD
+   DROPSHADOWHARD (Classes)
    ============================================ */
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-sm,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-sm {
-  box-shadow: 0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-sm);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-md,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-md {
-  box-shadow: 0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
+  box-shadow: var(--shadow-hard-md);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-lg,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-lg {
-  box-shadow: 0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-lg);
 }
 
 [data-color-brand="sportbild"][data-theme="dark"] .shadow-hard-xl,
 :host([data-color-brand="sportbild"][data-theme="dark"]) .shadow-hard-xl {
-  box-shadow: 0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  box-shadow: var(--shadow-hard-xl);
 }
 
 
@@ -1039,7 +1075,7 @@
 
 @media (min-width: 390px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --canvas-min-width-size: 390px;
     --canvas-max-width-size: 599px;
     --canvas-height-size-web: 844px;
@@ -1058,7 +1094,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --grid-space-resp-lg: var(--space-4-x, 32px);
     --grid-space-resp-xl: var(--space-8-x, 64px);
     --layout-guide-grid-columns: 8;
@@ -1144,7 +1180,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --grid-space-resp-base: var(--space-2-x, 16px);
     --grid-space-resp-sm: var(--space-1-x, 8px);
     --page-inline-space: var(--space-2-x, 16px);
@@ -1756,6 +1792,22 @@
 
 /* === OTHER TOKENS === */
 
+[data-color-brand="sportbild"],
+:host([data-color-brand="sportbild"]) {
+  --alert-shadow-down: 0px 6px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+  --alert-shadow-up: 0px -2px 10px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
+}
+
+[data-color-brand="sportbild"] .alert-shadow-down,
+:host([data-color-brand="sportbild"]) .alert-shadow-down {
+  box-shadow: var(--alert-shadow-down);
+}
+
+[data-color-brand="sportbild"] .alert-shadow-up,
+:host([data-color-brand="sportbild"]) .alert-shadow-up {
+  box-shadow: var(--alert-shadow-up);
+}
+
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="sportbild"] .article-kicker,
@@ -1826,7 +1878,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --aricle-mobile-1-col-grid-image-margin-space: var(--space-9-x, 72px);
     --article-image-landscape-inline-space: var(--space-1-p-5-x, 12px);
     --article-content-inline-space: var(--space-9-x, 72px);
@@ -1839,7 +1891,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --article-headings-stack-space: var(--space-2-x, 16px);
     --article-image-landscape-inline-space: var(--space-2-x, 16px);
     --article-content-inline-space: 162px;
@@ -1872,7 +1924,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --audio-player-font-size: 18px;
   }
 }
@@ -1950,7 +2002,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --avatar-author-page-size: var(--size-16-p-25, 130px);
     --avatar-lane-gap-space: var(--space-3-x, 24px);
   }
@@ -1958,7 +2010,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --avatar-label-font-size: 15px;
     --avatar-label-line-height: 23px;
   }
@@ -2042,7 +2094,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --breadcrumb-font-size: 11px;
     --breadcrumb-inline-space: 0px;
     --breadcrumb-line-height: 11px;
@@ -2134,7 +2186,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :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;
@@ -2145,7 +2197,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --breaking-news-badge-inline-space: var(--size-3-p-25-x, 26px);
   }
 }
@@ -2236,7 +2288,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --partner-link-button-label-font-size: 18px;
   }
 }
@@ -2312,7 +2364,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --search-result-card-image-width-size: 260px;
   }
 }
@@ -2332,7 +2384,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --gallery-teaser-title-bottom-space: var(--space-4-p-5-x, 36px);
     --gallery-teaser-app-gap-space: var(--gap-space-const-sm);
     --app-epaper-carousel-item-focus-width: 240px;
@@ -2344,7 +2396,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --standard-teaser-gallery-teaser-width-web: 300px;
     --standard-teaser-gallery-teaser-width-app: 464px;
   }
@@ -2386,7 +2438,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --chip-font-size: var(--size-2-p-25-x, 18px);
   }
 }
@@ -2584,7 +2636,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --info-element-teaser-image-height-size: 83px;
     --info-element-teaser-image-width-size: var(--size-18-p-5-x, 148px);
   }
@@ -2592,7 +2644,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --info-element-teaser-badge-height-size: var(--size-3-x, 24px);
     --info-element-teaser-image-height-size: 133px;
     --info-element-teaser-image-width-size: 236px;
@@ -2672,7 +2724,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --hey-input-container-inline-space: var(--inline-space-const-lg);
     --input-field-label-line-height: var(--density-input-field-label-font-size);
   }
@@ -2777,7 +2829,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --live-ticker-headlines-font-size: 32px;
     --live-ticker-time-stamp-font-size: 16px;
     --live-ticker-app-card-height-size: 128px;
@@ -2787,7 +2839,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --live-ticker-slider-item-width-max-size: 537px;
   }
 }
@@ -2882,7 +2934,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --vid-player-timecode-font-size: 16px;
     --vid-player-timecode-container-min-width-size: 58px;
   }
@@ -2890,7 +2942,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --vid-player-bottom-bar-gap-space: var(--gap-space-const-lg);
     --vid-player-timecode-font-size: 18px;
     --vid-player-progress-bar-container-height-size: 42px;
@@ -2997,7 +3049,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --app-topbar-title-font-size: 13px;
     --app-topbar-stage-title-height: 17px;
     --i-osapp-top-bar-height-size: 48px;
@@ -3008,7 +3060,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --menu-logo-default-size: var(--size-18-p-5-x, 148px);
     --menu-special-navi-item-height-size: 56px;
     --menu-utility-links-container-height-size: var(--size-12-p-5-x, 100px);
@@ -3031,6 +3083,22 @@
   --app-top-bar-icon-color: var(--icon-color-secondary);
 }
 
+[data-color-brand="sportbild"],
+:host([data-color-brand="sportbild"]) {
+  --menu-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));
+  --hey-input-shadow: 0px 8px 10px -8px var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));
+}
+
+[data-color-brand="sportbild"] .menu-shadow,
+:host([data-color-brand="sportbild"]) .menu-shadow {
+  box-shadow: var(--menu-shadow);
+}
+
+[data-color-brand="sportbild"] .hey-input-shadow,
+:host([data-color-brand="sportbild"]) .hey-input-shadow {
+  box-shadow: var(--hey-input-shadow);
+}
+
 /* === OTHER TOKENS === */
 
 [data-color-brand="sportbild"],
@@ -3092,14 +3160,14 @@
 
 @media (min-width: 390px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --news-ticker-time-font-family: var(--label-font-family);
   }
 }
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --news-ticker-titles-inline-space: var(--space-3-x, 24px);
     --news-ticker-badges-inline-space: var(--space-1-p-5-x, 12px);
     --news-ticker-time-kicker-stack-space: var(--space-0-p-75-x, 6px);
@@ -3113,7 +3181,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --news-ticker-time-font-size: 18px;
     --news-ticker-time-line-height: 23.4px;
     --news-ticker-titles-inline-space: 30px;
@@ -3172,7 +3240,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --gallery-pagination-container-web-inline-space: var(--inline-space-const-md);
     --gallery-pagination-container-stack-space: var(--stack-space-const-lg);
   }
@@ -3256,7 +3324,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --quote-quotation-marks-font-size: var(--size-4-x, 32px);
     --quote-content-gap-space: var(--gap-space-const-3-xl);
   }
@@ -3264,7 +3332,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --quote-container-inline-space: var(--space-3-p-5-x, 28px);
     --quote-quotation-marks-font-size: var(--size-4-p-5-x, 36px);
   }
@@ -3297,7 +3365,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --section-title-height-size: var(--size-5-x, 40px);
     --section-title-arrow-inline-space-active: 8px;
   }
@@ -3329,7 +3397,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --headlines-skeleton-image-placeholder-max-width: var(--size-20-x, 160px);
     --article-skeleton-image-inline-space: var(--space-6-x, 48px);
     --article-skeleton-text-inline-space: var(--space-6-x, 48px);
@@ -3388,7 +3456,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --special-navi-inline-space: var(--space-4-x, 32px);
   }
 }
@@ -3404,7 +3472,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --video-spinner-size: var(--size-10-x, 80px);
     --video-spinner-stroke-size: 4px;
     --video-spinner-size-0-5-x: 40px;
@@ -3483,14 +3551,14 @@
 
 @media (min-width: 390px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --apps-tabs-label-font-size: 12px;
   }
 }
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --android-tabbar-height-size: 74px;
     --tab-label-font-size-line: 16px;
     --apps-tabs-label-font-size: 16px;
@@ -3514,7 +3582,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --table-column-width-size-1-x: var(--size-12-x, 96px);
     --table-column-width-size-2-x: var(--size-22-p-5-x, 180px);
     --table-column-width-size-0-p-5-x: var(--size-6-x, 48px);
@@ -3527,7 +3595,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --table-column-width-size-1-x: var(--size-17-p-5-x, 140px);
     --table-column-width-size-2-x: var(--size-27-p-5-x, 220px);
     --table-column-width-size-0-p-5-x: var(--size-9-x, 72px);
@@ -3645,7 +3713,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --teaser-title-inline-left-space: var(--space-0-x, 0px);
     --teaser-title-bottom-stack-space: var(--space-2-x, 16px);
     --m-qteaser-headline-font-size: var(--headline-3-font-size);
@@ -3666,7 +3734,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --teaser-title-stack-space: var(--space-0-p-75-x, 6px);
     --teaser-badges-height-size-lg: var(--size-const-sm);
     --bild-play-teaser-width-size: 193px;
@@ -3680,6 +3748,16 @@
   --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);
+}
+
 /* === TYPOGRAPHY TOKENS === */
 
 [data-content-brand="sportbild"] .app-toogle-item-label,
@@ -3701,7 +3779,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --app-toggle-item-label-font-size: 16px;
     --app-toggle-item-label-line-height: 16.2px;
   }
@@ -3709,7 +3787,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --app-toggle-item-label-font-size: 18px;
     --app-toggle-item-label-line-height: 18.2px;
   }
@@ -3733,7 +3811,7 @@
 
 @media (min-width: 600px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --video-time-badge-font-size: 18px;
     --video-time-badge-size: var(--size-4-x, 32px);
     --video-red-play-icon-width-size: var(--size-1-p-5-x, 12px);
@@ -3748,7 +3826,7 @@
 
 @media (min-width: 1024px) {
   [data-content-brand="sportbild"],
-:host([data-content-brand="sportbild"]) {
+  :host([data-content-brand="sportbild"]) {
     --video-time-badge-size: var(--size-5-x, 40px);
     --video-red-play-icon-width-size: var(--size-1-p-75-x, 14px);
     --video-red-play-icon-height-size: var(--size-2-p-25-x, 18px);

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.4.2
+ * BILD Design System Tokens v1.4.4
  * 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.4.2
+ * BILD Design System Tokens v1.4.4
  * 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.4.2
+ * BILD Design System Tokens v1.4.4
  * 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.4.2
+ * BILD Design System Tokens v1.4.4
  * 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.4.2
+ * BILD Design System Tokens v1.4.4
  * Generated by Style Dictionary v5.1.4
  *
  * Copyright (c) 2026 Axel Springer Deutschland GmbH