hr-design-system-handlebars 1.69.0 → 1.69.1

package/dist/assets/index.css

@@ -1083,12 +1083,6 @@ article.indexTextDS .indexTextHighlighted .link {
 [dir="rtl"] .start-1 {
   right: 0.25rem;
 }
-[dir="ltr"] .start-8 {
-  left: 2rem;
-}
-[dir="rtl"] .start-8 {
-  right: 2rem;
-}
 .top-0 {
   top: 0px;
 }
@@ -3026,10 +3020,6 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(29, 78, 216, var(--tw-text-opacity));
 }
-.text-blue-science {
-  --tw-text-opacity: 1;
-  color: rgba(0, 109, 193, var(--tw-text-opacity));
-}
 .text-brandnav-pseudo {
   color: #005293;
   color: var(--color-brandnav-pseudo);
@@ -3094,6 +3084,10 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #276b9e;
   color: var(--color-media-button);
 }
+.text-media-button-live {
+  color: #d34600;
+  color: var(--color-media-button-live);
+}
 .text-navigation-icons {
   color: #000000;
   color: var(--color-navigation-icons);
@@ -3102,10 +3096,6 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #000000;
   color: var(--color-navigation-text);
 }
-.text-orange-spicyCarrot {
-  --tw-text-opacity: 1;
-  color: rgba(211, 70, 0, var(--tw-text-opacity));
-}
 .text-podcast-text {
   color: #006eb7;
   color: var(--color-podcast-text);
@@ -3353,7 +3343,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1717170543726;
+  counter-reset: cnt1717676490982;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3732,7 +3722,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1717170543726 1;
+  counter-increment: cnt1717676490982 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3748,7 +3738,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1717170543726);
+  content: counter(cnt1717676490982);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -3853,12 +3843,12 @@ article.indexTextDS .indexTextHighlighted .link {
 /*! purgecss start ignore */
 :root,
 [data-theme='default'] {
-    --breakpoint-xs:  360px;
+    --breakpoint-xs: 360px;
     --breakpoint-sm480: 480px;
     --breakpoint-sm: 640px;
-    --breakpoint-md: 768px; 
+    --breakpoint-md: 768px;
     --breakpoint-lg: 1024px;
-    
+
     --color-primary-ds: #005293;
     --color-secondary-ds: #606060;
     --color-highlight-1: #eaf3fa;
@@ -3868,27 +3858,27 @@ article.indexTextDS .indexTextHighlighted .link {
 
     /* Text */
     --color-standard-text: #000000;
-    --color-standard-text-dark: #F0F0F0;
+    --color-standard-text-dark: #f0f0f0;
     /* Navigation Hintergrund */
     --color-navigation-bg: #fff;
-    --color-brandnavigation-bg: #fff; 
+    --color-brandnavigation-bg: #fff;
     /* Navigation Icons */
     --color-navigation-icons: #000000;
     /* Navigation Text */
     --color-navigation-text: #000000;
     --color-search-header-text: #000000;
     /* Brandnavigation Border and :before Color */
-    --color-brandnavigation-border-color: #005293; 
+    --color-brandnavigation-border-color: #005293;
     --color-brandnav-pseudo: #005293;
     /* Service/Sectionnavigation Border-Color */
     --color-navigation-border-color: #fff;
-    --color-servicenavigation-border-color:  #fff;
+    --color-servicenavigation-border-color: #fff;
     /* Sectionnavigation Border Bottom Width */
     --border-navigation-border-width: 1px;
     /* Suchfeld Header und Footer */
-    --search-border-color-desktop:  #000000;
-    --search-border-color-mobile:  #000000;
-    --color-search-footer-text:  #000000;
+    --search-border-color-desktop: #000000;
+    --search-border-color-mobile: #000000;
+    --color-search-footer-text: #000000;
     --search-icon-color: #000000;
 
     /* Content navi button border color for dark mode */
@@ -3898,7 +3888,7 @@ article.indexTextDS .indexTextHighlighted .link {
     --logo-padding-top: 6px;
     --logo-padding-bottom: 6px;
     --logo-padding-top-md: 10px;
-    --logo-padding-bottom-md: 10px;    
+    --logo-padding-bottom-md: 10px;
     --logo-padding-top-lg: 10px;
     --logo-padding-bottom-lg: 10px;
 
@@ -3908,7 +3898,7 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-footer-heading: #000000;
     --color-footer-border: red;
     --color-footer-bg: white;
-    
+
     /* Footer padding : 132px when a radioplayer is used */
     --footer-padding-bottom: 16px;
 
@@ -3964,13 +3954,15 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-button-hollow: #006dc1;
     /* Media-Button */
     --color-media-button: #276b9e;
+    /* Media-Button Live */
+    --color-media-button-live: #d34600;
     /* States */
     --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
     --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
     --color-podcast: #006dc1;
-    --color-podcast-dark : var(--color-highlight-1-dark);
+    --color-podcast-dark: var(--color-highlight-1-dark);
     --color-podcast-text: var(--color-link);
     --color-podcast-text-dark: var(---color-standard-text-dark);
     /* Byline */
@@ -3988,13 +3980,12 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-ticker-teaser-timeline-score: #d34600;
     --color-ticker-teaser-footer: #ffffff;
 
-    --color-ticker-teaser-headline-underline : #ffffff;
-    --color-toggle-confirmation: #2c7e13; 
+    --color-ticker-teaser-headline-underline: #ffffff;
+    --color-toggle-confirmation: #2c7e13;
     --color-toggle-default: #797979;
 
-    
     --banner__background-color: #ffffff;
-    --banner__background-color--with-image:transparent;
+    --banner__background-color--with-image: transparent;
     --banner-overlay_background-color: #ffffff;
     --banner-overlay__background-color--rgba: rgba(--banner-overlay_background-color, 0.85);
     --banner-topline__color: #000000;
@@ -4010,6 +4001,16 @@ article.indexTextDS .indexTextHighlighted .link {
 
     --feature-box-height: 0;
 }
+:root .ardplayer, [data-theme='default'] .ardplayer {
+        --ardplayer-color-primary-live: #d34600;
+        --ardplayer-color-primary-live-transparent-30: rgba(
+            211, 70, 0, 0.7
+        );
+    }
+:root .ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover, [data-theme='default'] .ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover {
+                    --ardplayer-color-lightest: #ffffff;
+                    color: var(--ardplayer-color-lightest);
+                }
 [data-theme='hessenschau'] {
     --color-primary-ds: #005293;
     --color-secondary-ds: #606060;
@@ -4020,7 +4021,7 @@ article.indexTextDS .indexTextHighlighted .link {
     /* Text */
     --color-standard-text: #000;
     --color-standard-text-dark: #d8e9f6;
-    --color-navigation-bg:#005293;
+    --color-navigation-bg: #005293;
     /* Navigation Icons */
     --color-navigation-icons: #fff;
     /* Navigation Text */
@@ -4035,21 +4036,19 @@ article.indexTextDS .indexTextHighlighted .link {
     --logo-padding-top: 6px;
     --logo-padding-bottom: 6px;
     --logo-padding-top-md: 6px;
-    --logo-padding-bottom-md: 6px;    
+    --logo-padding-bottom-md: 6px;
     --logo-padding-top-lg: 8px;
     --logo-padding-bottom-lg: 8px;
 
     /* Footer Color Options */
     --invert-logo-footer: 0;
-    --color-footer-text: white; 
-    --color-footer-heading: white; 
+    --color-footer-text: white;
+    --color-footer-heading: white;
     --color-footer-border: #accfe9;
     --color-footer-bg: #606060;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006dc1;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Event */
     --color-label-event: #000000;
     /* Eilmeldung */
@@ -4113,28 +4112,48 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-ticker-teaser-label-byline: #ffffff;
     --color-ticker-teaser-timeline-score: #d34600;
     --color-ticker-teaser-footer: #ffffff;
-    --color-ticker-teaser-headline : #ffffff;
+    --color-ticker-teaser-headline: #ffffff;
 }
+[data-theme='hessenschau'] .ardplayer {
+        --ardplayer-color-primary-base: #006dc1;
+        --ardplayer-color-primary-base-transparent-30: rgba(0, 109, 193, 0.7);
+        --ardplayer-color-primary-dark-base: #eaf3fa;
+        --ardplayer-color-tertiary-base: #005293;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hessenschau'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #005293;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #005293;
+        }
+[data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #005293;
+                }
+[data-theme='hessenschau'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #005293;
+    }
 [data-theme='hr-fernsehen'] {
-    --color-primary-ds: #007396; 
+    --color-primary-ds: #007396;
     --color-secondary-ds: #007179;
     --color-highlight-1: #eaeded;
     --color-highlight-2: #d34600;
 
-    
     /* Brandnavigation Border and :before Colors*/
-    --color-brandnavigation-border-color: #007396; 
-    --color-brandnav-pseudo: #007396; 
+    --color-brandnavigation-border-color: #007396;
+    --color-brandnav-pseudo: #007396;
     /* Service/Sectionnavigation Border-Color */
-    --color-navigation-border-color: #007396; 
-    --color-servicenavigation-border-color: #007396; 
-   
-    --color-footer-border: #007396; 
+    --color-navigation-border-color: #007396;
+    --color-servicenavigation-border-color: #007396;
+
+    --color-footer-border: #007396;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #017e5c;
     /* Eilmeldung */
@@ -4150,22 +4169,22 @@ article.indexTextDS .indexTextHighlighted .link {
     /* Eventkalender */
     --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
-    --color-topline: #007396; 
+    --color-topline: #007396;
     /* Subline */
     --color-subline: var(--color-topline);
     /* Link */
-    --color-link: #007396; 
-    --color-link-dark: #007396; 
+    --color-link: #007396;
+    --color-link-dark: #007396;
     /* Stage */
     --color-stage-text-box: 234 237 237;
     --color-stage-text: #000000;
     --color-stage-primary: #6d0041;
     --color-stage-link: var(--color-link);
     /* Cluster-Teaser */
-    --color-cluster-teaser-link: #007396; 
+    --color-cluster-teaser-link: #007396;
     --color-cluster-teaser-headline: #6d0041;
     /* Button */
-    --color-button: #000000; 
+    --color-button: #000000;
     --color-button--dark: #6d0041;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
@@ -4176,13 +4195,38 @@ article.indexTextDS .indexTextHighlighted .link {
     /* Content-Nav */
     --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
-    --color-podcast: #007396; 
+    --color-podcast: #007396;
     --color-podcast-text: var(--color-link);
     --color-podcast-highlight: #007899;
     /* Font */
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
 }
+[data-theme='hr-fernsehen'] .ardplayer {
+        --ardplayer-color-primary-base: #007396;
+        --ardplayer-color-primary-base-transparent-30: rgba(
+            0, 115, 150, 0.7
+        );
+        --ardplayer-color-primary-dark-base: #eaeded;
+        --ardplayer-color-tertiary-base: #007396;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr-fernsehen'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #007396;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr-fernsehen'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #007396;
+        }
+[data-theme='hr-fernsehen'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr-fernsehen'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #007396;
+                }
+[data-theme='hr-fernsehen'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #007396;
+    }
 [data-theme='hr-inforadio'] {
     --color-primary-ds: #276b9e;
     --color-secondary-ds: #007179;
@@ -4190,22 +4234,20 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-highlight-2: #d34600;
 
     /* Service/Sectionnavigation Border-Color */
-    --color-navigation-border-color: #00375d; 
-    --color-servicenavigation-border-color:  #00375d; 
+    --color-navigation-border-color: #00375d;
+    --color-servicenavigation-border-color: #00375d;
     /* Sectionnavigation Border Bottom Width */
     --border-navigation-border-width: 1px;
     /* Brandnavigation Border and :before Colors*/
-    --color-brandnavigation-border-color: #00375d; 
+    --color-brandnavigation-border-color: #00375d;
     --color-brandnav-pseudo: #00375d;
-    
-    --color-footer-border:  #00375d;
+
+    --color-footer-border: #00375d;
 
     --footer-padding-bottom: 132px;
-    
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #276b9e;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #017e5c;
     /* Eilmeldung */
@@ -4257,6 +4299,31 @@ article.indexTextDS .indexTextHighlighted .link {
 
     --feature-box-height: 96px;
 }
+[data-theme='hr-inforadio'] .ardplayer {
+        --ardplayer-color-primary-base: #276b9e;
+        --ardplayer-color-primary-base-transparent-30: rgba(
+            39, 107, 158, 0.7
+        );
+        --ardplayer-color-primary-dark-base: #e5edf1;
+        --ardplayer-color-tertiary-base: #276b9e;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr-inforadio'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #276b9e;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr-inforadio'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #276b9e;
+        }
+[data-theme='hr-inforadio'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr-inforadio'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #276b9e;
+                }
+[data-theme='hr-inforadio'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #276b9e;
+    }
 [data-theme='hr-rundfunkrat'] {
     --color-primary-ds: #606060;
     --color-secondary-ds: #007179;
@@ -4276,19 +4343,17 @@ article.indexTextDS .indexTextHighlighted .link {
     --logo-padding-top: 8px;
     --logo-padding-bottom: 8px;
     --logo-padding-top-md: 8px;
-    --logo-padding-bottom-md: 8px;    
+    --logo-padding-bottom-md: 8px;
     --logo-padding-top-lg: 12px;
     --logo-padding-bottom-lg: 12px;
 
-    --color-footer-bg: #606060; 
+    --color-footer-bg: #606060;
     --color-footer-border: #276b9e;
-    --color-footer-text: white; 
-    --color-footer-heading: white; 
+    --color-footer-text: white;
+    --color-footer-heading: white;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #017e5c;
     /* Eilmeldung */
@@ -4340,29 +4405,66 @@ article.indexTextDS .indexTextHighlighted .link {
     /* Structure Navigation */
     --structure-nav-background: #006eb7;
 }
+[data-theme='hr-rundfunkrat'] .ardplayer {
+        --ardplayer-color-primary-base: #006eb7;
+        --ardplayer-color-primary-base-transparent-30: rgba(
+            0, 110, 183, 0.7
+        );
+        --ardplayer-color-primary-dark-base: #eaf3fa;
+        --ardplayer-color-tertiary-base: #006eb7;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr-rundfunkrat'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #006eb7;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr-rundfunkrat'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #006eb7;
+        }
+[data-theme='hr-rundfunkrat'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr-rundfunkrat'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #006eb7;
+                }
+[data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #006eb7;
+    }
 [data-theme='hr-werbung'] {
-    --color-primary-ds: #007396; 
+    --color-primary-ds: #007396;
     --color-secondary-ds: #007179;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
     /* Brandnavigation Border and :before Colors*/
-    --color-brandnavigation-border-color: #007396; 
-    --color-brandnav-pseudo: #007396; 
+    --color-brandnavigation-border-color: #007396;
+    --color-brandnav-pseudo: #007396;
 
     /* Service/Sectionnavigation Border-Color */
-    --color-navigation-border-color: #007396; 
-    --color-servicenavigation-border-color: #007396; 
+    --color-navigation-border-color: #007396;
+    --color-servicenavigation-border-color: #007396;
     /* Sectionnavigation Border Bottom Width*/
     --border-navigation-border-width: 11px;
     /* The Fancy special border on werbung */
-    --border-navigation-border-image: linear-gradient(to right, #dda91e 0%, #dda91e 17%, #c32728 17%, #c32728 34%, #bf0171 34%, #bf0171 51%, #003a5c 51%, #003a5c 68%,#000206 68%,#000206 84%,#007a9f 84%, #007a9f 100%);
-    --color-footer-border: #007396; 
+    --border-navigation-border-image: linear-gradient(
+        to right,
+        #dda91e 0%,
+        #dda91e 17%,
+        #c32728 17%,
+        #c32728 34%,
+        #bf0171 34%,
+        #bf0171 51%,
+        #003a5c 51%,
+        #003a5c 68%,
+        #000206 68%,
+        #000206 84%,
+        #007a9f 84%,
+        #007a9f 100%
+    );
+    --color-footer-border: #007396;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: #007396; 
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
+    --color-label-media: #007396;
     /* Kommentar */
     --color-label-comment: #017e5c;
     /* Eilmeldung */
@@ -4374,13 +4476,13 @@ article.indexTextDS .indexTextHighlighted .link {
     /* Event */
     --color-label-event: #000000;
     /* Pressemitteilungen */
-    --color-label-pm: #007396; 
+    --color-label-pm: #007396;
     /* Kurzmeldung */
     --color-label-kurzmeldung: #0a3355;
     /* Eventkalender */
-    --color-eventcalendar-primary: #007396; 
+    --color-eventcalendar-primary: #007396;
     /* Dachzeile */
-    --color-topline: #007396; 
+    --color-topline: #007396;
     /* Subline */
     --color-subline: var(--color-topline);
     /* Link */
@@ -4392,10 +4494,10 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-stage-link: #ffffff;
     /* Cluster-Teaser */
     --color-cluster-teaser-link: var(--color-primary-ds);
-    --color-cluster-teaser-headline: #007396; 
+    --color-cluster-teaser-headline: #007396;
     /* Button */
-    --color-button: #000000; 
-    --color-button--dark: #007396; 
+    --color-button: #000000;
+    --color-button--dark: #007396;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
     /* Media-Button */
@@ -4405,13 +4507,38 @@ article.indexTextDS .indexTextHighlighted .link {
     /* Content-Nav */
     --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
-    --color-podcast: #007396; 
+    --color-podcast: #007396;
     --color-podcast-text: var(--color-link);
     --color-podcast-highlight: #AD5500;
     /* Font */
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
 }
+[data-theme='hr-werbung'] .ardplayer {
+        --ardplayer-color-primary-base: #007396;
+        --ardplayer-color-primary-base-transparent-30: rgba(
+            0, 115, 150, 0.7
+        );
+        --ardplayer-color-primary-dark-base: #eaf5f7;
+        --ardplayer-color-tertiary-base: #007396;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr-werbung'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #007396;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr-werbung'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #007396;
+        }
+[data-theme='hr-werbung'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr-werbung'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #007396;
+                }
+[data-theme='hr-werbung'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #007396;
+    }
 [data-theme='hr-sinfonieorchester'] {
     --color-primary-ds: #8d2725;
     --color-secondary-ds: #007179;
@@ -4430,16 +4557,14 @@ article.indexTextDS .indexTextHighlighted .link {
     --logo-padding-top: 6px;
     --logo-padding-bottom: 6px;
     --logo-padding-top-md: 4px;
-    --logo-padding-bottom-md: 4px;    
+    --logo-padding-bottom-md: 4px;
     --logo-padding-top-lg: 6px;
     --logo-padding-bottom-lg: 6px;
 
-    --color-footer-border: #8d2725; 
+    --color-footer-border: #8d2725;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #8d2725;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #017e5c;
     /* Eilmeldung */
@@ -4487,6 +4612,29 @@ article.indexTextDS .indexTextHighlighted .link {
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
 }
+[data-theme='hr-sinfonieorchester'] .ardplayer {
+        --ardplayer-color-primary-base: #AB2F2D;
+        --ardplayer-color-primary-base-transparent-30: rgba(171, 47, 45, 0.7);
+        --ardplayer-color-primary-dark-base: #e0e0e0;
+        --ardplayer-color-tertiary-base: #AB2F2D;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr-sinfonieorchester'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #AB2F2D;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr-sinfonieorchester'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #AB2F2D;
+        }
+[data-theme='hr-sinfonieorchester'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr-sinfonieorchester'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #AB2F2D;
+                }
+[data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #AB2F2D;
+    }
 [data-theme='hr-bigband'] {
     --color-primary-ds: #00646f;
     --color-secondary-ds: #007179;
@@ -4494,24 +4642,22 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-highlight-2: #d34600;
 
     /* Brandnavigation Border and :before Colors*/
-    --color-brandnavigation-border-color:  #00646f;
+    --color-brandnavigation-border-color: #00646f;
     --color-brandnav-pseudo: #00646f;
     /* Service/Sectionnavigation Border-Color */
-    --color-navigation-border-color: #00646f; 
+    --color-navigation-border-color: #00646f;
     --color-servicenavigation-border-color: #00646f;
 
     /* Logo-Container Padding */
     --logo-padding-top-md: 4px;
-    --logo-padding-bottom-md: 4px;    
+    --logo-padding-bottom-md: 4px;
     --logo-padding-top-lg: 4px;
     --logo-padding-bottom-lg: 4px;
 
-    --color-footer-border: #007396; 
+    --color-footer-border: #007396;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #00646f;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #c1bc2b;
     /* Eilmeldung */
@@ -4541,7 +4687,7 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-cluster-teaser-link: #007A7C;
     --color-cluster-teaser-headline: var(--color-primary-ds);
     /* Button */
-    --color-button:  #000000;
+    --color-button: #000000;
     --color-button--dark: #00646f;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
@@ -4559,6 +4705,29 @@ article.indexTextDS .indexTextHighlighted .link {
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
 }
+[data-theme='hr-bigband'] .ardplayer {
+        --ardplayer-color-primary-base: #007A7C;
+        --ardplayer-color-primary-base-transparent-30: rgba(0, 122, 124, 0.7);
+        --ardplayer-color-primary-dark-base: #eaf5f7;
+        --ardplayer-color-tertiary-base: #007A7C;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr-bigband'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #007A7C;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr-bigband'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #007A7C;
+        }
+[data-theme='hr-bigband'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr-bigband'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #007A7C;
+                }
+[data-theme='hr-bigband'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #007A7C;
+    }
 [data-theme='hr'] {
     --color-primary-ds: #007396;
     --color-secondary-ds: #007396;
@@ -4566,7 +4735,7 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-highlight-2: #d34600;
 
     /* Navigation Hintergrund */
-    --color-navigation-bg: white; 
+    --color-navigation-bg: white;
 
     /* Brandnavigation Border and :before Color */
     --color-brandnavigation-border-color: #333333;
@@ -4580,7 +4749,7 @@ article.indexTextDS .indexTextHighlighted .link {
     --logo-padding-top: 4px;
     --logo-padding-bottom: 8px;
     --logo-padding-top-md: 10px;
-    --logo-padding-bottom-md: 10px;    
+    --logo-padding-bottom-md: 10px;
     --logo-padding-top-lg: 10px;
     --logo-padding-bottom-lg: 10px;
     /* Footer Color Options */
@@ -4591,8 +4760,6 @@ article.indexTextDS .indexTextHighlighted .link {
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #007396;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #097d8e;
     /* Eilmeldung */
@@ -4630,7 +4797,7 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-button-inverted--dark: #d4d4d4;
     --color-button-disabled: #d4d4d4;
     --color-button-disabled--dark: #797979;
- 
+
     /* Media-Button */
     --color-media-button: var(--color-primary-ds);
     /* States */
@@ -4645,12 +4812,36 @@ article.indexTextDS .indexTextHighlighted .link {
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
 }
+[data-theme='hr'] .ardplayer {
+        --ardplayer-color-primary-base: #007396;
+        --ardplayer-color-primary-base-transparent-30: rgba(
+            0, 115, 150, 0.7
+        );
+        --ardplayer-color-primary-dark-base: #eaf3fa;
+        --ardplayer-color-tertiary-base: #007396;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #007396;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #007396;
+        }
+[data-theme='hr'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #007396;
+                }
+[data-theme='hr'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #007396;
+    }
 [data-theme='hr1'] {
     --color-primary-ds: #e0ae00;
     --color-secondary-ds: #007179;
     --color-highlight-1: #FBF9EE;
     --color-highlight-2: #d34600;
-    
 
     --color-navigation-border-color: #e0ae00;
     --color-servicenavigation-border-color: #e0ae00;
@@ -4667,8 +4858,6 @@ article.indexTextDS .indexTextHighlighted .link {
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #916B00;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #e5007d;
     /* Eilmeldung */
@@ -4724,6 +4913,29 @@ article.indexTextDS .indexTextHighlighted .link {
 
     --feature-box-height: 96px;
 }
+[data-theme='hr1'] .ardplayer {
+        --ardplayer-color-primary-base: #916B00;
+        --ardplayer-color-primary-base-transparent-30: rgba(145, 107, 0, 0.7);
+        --ardplayer-color-primary-dark-base: #FBF9EE;
+        --ardplayer-color-tertiary-base: #916B00;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr1'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #916B00;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr1'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #916B00;
+        }
+[data-theme='hr1'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr1'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #916B00;
+                }
+[data-theme='hr1'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #916B00;
+    }
 [data-theme='hr2'] {
     --color-primary-ds: #ec6602;
     --color-secondary-ds: #007179;
@@ -4733,14 +4945,14 @@ article.indexTextDS .indexTextHighlighted .link {
     /* Brandnavigation Border and :before Colors*/
     --color-brandnavigation-border-color: #ec6602;
     --color-brandnav-pseudo: #ec6602;
-    --color-navigation-border-color:#ec6602;
-    --color-servicenavigation-border-color:#ec6602;
+    --color-navigation-border-color: #ec6602;
+    --color-servicenavigation-border-color: #ec6602;
     /* Logo-Container Padding */
     --logo-padding-top: 6px;
     --logo-padding-bottom: 6px;
     /* Sectionnavigation Border bottom Width */
     --border-navigation-border-width: 8px;
-   
+
     --color-footer-border: #ec6602;
 
     --footer-padding-bottom: 132px;
@@ -4782,9 +4994,11 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-button: #433d37;
     --color-button--dark: #6d0041;
     --color-button-inverted: #ffffff;
-    --color-button-inverted--dark:  #433d37;
+    --color-button-inverted--dark: #433d37;
     /* Media-Button */
-    --color-media-button: #c95702;
+    --color-media-button: #8C033D;
+    /* Media-Button Live */
+    --color-media-button-live: #e5007d;
     /* States */
     --color-focus-state: #8C033D;
     /* Content-Nav */
@@ -4799,10 +5013,35 @@ article.indexTextDS .indexTextHighlighted .link {
     /* ticker-Teaser*/
     --color-ticker-teaser-timeline-score: #e5007d;
 
-    --search-border-color-desktop:  var(--color-navigation-icons);
-    
+    --search-border-color-desktop: var(--color-navigation-icons);
+
     --feature-box-height: 96px;
 }
+[data-theme='hr2'] .ardplayer {
+        --ardplayer-color-primary-base: #8C033D;
+        --ardplayer-color-primary-base-transparent-30: rgba(140, 3, 61, 0.7);
+        --ardplayer-color-primary-live: #e5007d;
+        --ardplayer-color-primary-live-transparent-30: rgba(229, 0, 125, 0.7);
+        --ardplayer-color-primary-dark-base: #e0e0e0;
+        --ardplayer-color-tertiary-base: #8C033D;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr2'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #8C033D;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr2'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #8C033D;
+        }
+[data-theme='hr2'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr2'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #8C033D;
+                }
+[data-theme='hr2'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #8C033D;
+    }
 [data-theme='hr3'] {
     --color-primary-ds: #c20016;
     --color-secondary-ds: #007179;
@@ -4811,7 +5050,7 @@ article.indexTextDS .indexTextHighlighted .link {
 
     /* Brandnavigation Border and :before Colors*/
     --color-brandnavigation-border-color: #c20016;
-    --color-brandnav-pseudo: #c20016; 
+    --color-brandnav-pseudo: #c20016;
     /* Service/Sectionnavigation Border Color */
     --color-navigation-border-color: #c20016;
     --color-servicenavigation-border-color: #c20016;
@@ -4826,8 +5065,6 @@ article.indexTextDS .indexTextHighlighted .link {
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #c20016;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #6d761d;
     /* Eilmeldung */
@@ -4882,6 +5119,29 @@ article.indexTextDS .indexTextHighlighted .link {
 
     --feature-box-height: 96px;
 }
+[data-theme='hr3'] .ardplayer {
+        --ardplayer-color-primary-base: #c20016;
+        --ardplayer-color-primary-base-transparent-30: rgba(194, 0, 22, 0.7);
+        --ardplayer-color-primary-dark-base: #E6E6E6;
+        --ardplayer-color-tertiary-base: #c20016;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr3'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #c20016;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr3'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #c20016;
+        }
+[data-theme='hr3'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr3'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #c20016;
+                }
+[data-theme='hr3'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #c20016;
+    }
 [data-theme='hr4'] {
     --color-primary-ds: #bf0071;
     --color-secondary-ds: #007179;
@@ -4904,8 +5164,6 @@ article.indexTextDS .indexTextHighlighted .link {
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #168378;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #407596;
     /* Eilmeldung */
@@ -4961,6 +5219,29 @@ article.indexTextDS .indexTextHighlighted .link {
     --structure-nav-background: #168378;
     --feature-box-height: 96px;
 }
+[data-theme='hr4'] .ardplayer {
+        --ardplayer-color-primary-base: #0F6157;
+        --ardplayer-color-primary-base-transparent-30: rgba(15, 97, 87, 0.7);
+        --ardplayer-color-primary-dark-base: #DBEAEA;
+        --ardplayer-color-tertiary-base: #0F6157;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='hr4'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #0F6157;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='hr4'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #0F6157;
+        }
+[data-theme='hr4'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='hr4'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #0F6157;
+                }
+[data-theme='hr4'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #0F6157;
+    }
 [data-theme='you-fm'] {
     --color-primary-ds: #007179 /* #c20016 */;
     --color-secondary-ds: #007179;
@@ -4969,31 +5250,43 @@ article.indexTextDS .indexTextHighlighted .link {
 
     /* Brandnavigation Border and :before Colors*/
     --color-brandnavigation-border-color: #000;
-    --color-brandnav-pseudo: #007179; 
+    --color-brandnav-pseudo: #007179;
     /* Service/Sectionnavigation Border Color*/
-    --color-navigation-border-color:#000;
-    --color-servicenavigation-border-color:#000;
+    --color-navigation-border-color: #000;
+    --color-servicenavigation-border-color: #000;
     /* Sectionnavigation Border Bottom Width*/
     --border-navigation-border-width: 11px;
     /* The Fancy special border on youfm */
-    --border-navigation-border-image: linear-gradient(to right, #ec6a19 0%, #ec6a19 17%, #00aec5 17%, #00aec5 34%, #00a781 34%, #00a781 51%, #fcbf1f 51%, #fcbf1f 68%, #e51353 68%, #e51353 85%, #8d3b8e 85%, #8d3b8e 100%);
-   
+    --border-navigation-border-image: linear-gradient(
+        to right,
+        #ec6a19 0%,
+        #ec6a19 17%,
+        #00aec5 17%,
+        #00aec5 34%,
+        #00a781 34%,
+        #00a781 51%,
+        #fcbf1f 51%,
+        #fcbf1f 68%,
+        #e51353 68%,
+        #e51353 85%,
+        #8d3b8e 85%,
+        #8d3b8e 100%
+    );
+
     /* Logo-Container Padding */
     --logo-padding-top: 6px;
     --logo-padding-bottom: 6px;
     --logo-padding-top-md: 6px;
-    --logo-padding-bottom-md: 6px;    
+    --logo-padding-bottom-md: 6px;
     --logo-padding-top-lg: 6px;
     --logo-padding-bottom-lg: 6px;
 
     --color-footer-border: #007ea1;
-    
+
     --footer-padding-bottom: 132px;
 
     /* Medieninhalte, Video, Audio, Bildergalerien */
     --color-label-media: #000000;
-    /* Ticker, Live, Livestream */
-    --color-label-live: #d34600;
     /* Kommentar */
     --color-label-comment: #017e5c;
     /* Eilmeldung */
@@ -5042,13 +5335,36 @@ article.indexTextDS .indexTextHighlighted .link {
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
 
-    --search-border-color-desktop:  var(--color-navigation-icons);
+    --search-border-color-desktop: var(--color-navigation-icons);
     /* Structure Navigation */
     --structure-nav-background: #f2da6c;
     --structure-nav-text: #000000;
     --structure-nav-text-mobile: #007EA1;
     --feature-box-height: 96px;
 }
+[data-theme='you-fm'] .ardplayer {
+        --ardplayer-color-primary-base: #006783;
+        --ardplayer-color-primary-base-transparent-30: rgba(0, 103, 131, 0.7);
+        --ardplayer-color-primary-dark-base: #E5E8E8;
+        --ardplayer-color-tertiary-base: #006783;
+        --ardplayer-color-lightest: #ffffff;
+    }
+[data-theme='you-fm'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
+                --ardplayer-color-lightest: #006783;
+                color: var(--ardplayer-color-lightest);
+            }
+[data-theme='you-fm'] .ardplayer .ardplayer-bottom-sheet-container {
+            --ardplayer-color-lightest: #006783;
+        }
+[data-theme='you-fm'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
+                color: #ffffff;
+            }
+[data-theme='you-fm'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
+                    color: #006783;
+                }
+[data-theme='you-fm'] .ardplayer.ardplayer-state-audio {
+        --ardplayer-color-lightest: #006783;
+    }
 /*! purgecss end ignore */
 .sbdocs-content {
     max-width: 1140px !important;
@@ -5304,8 +5620,9 @@ article.indexTextDS .indexTextHighlighted .link {
   fill: #276b9e;
   fill: var(--color-media-button);
 }
-.group:hover .group-hover\:fill-orange-spicyCarrot {
+.group:hover .group-hover\:fill-media-button-live {
   fill: #d34600;
+  fill: var(--color-media-button-live);
 }
 .group:hover .group-hover\:text-white {
   --tw-text-opacity: 1;
@@ -5432,7 +5749,7 @@ article.indexTextDS .indexTextHighlighted .link {
   fill: var(--color-link-dark);
 }
 [class~='tw-dark'] .dark\:fill-text-dark {
-  fill: #F0F0F0;
+  fill: #f0f0f0;
   fill: var(--color-standard-text-dark);
 }
 [class~='tw-dark'] .dark\:text-link-dark {
@@ -5444,11 +5761,11 @@ article.indexTextDS .indexTextHighlighted .link {
   color: var(--color-podcast-text);
 }
 [class~='tw-dark'] .dark\:text-podcast-text-dark {
-  color: #F0F0F0;
+  color: #f0f0f0;
   color: var(--color-standard-text-dark);
 }
 [class~='tw-dark'] .dark\:text-text-dark {
-  color: #F0F0F0;
+  color: #f0f0f0;
   color: var(--color-standard-text-dark);
 }
 [class~='tw-dark'] .dark\:ring-podcast {