hr-design-system-handlebars 1.75.5 → 1.76.0

package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -48,7 +48,7 @@
 	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
-	"label_audio_event_livestream": "Livestream",
+	"label_audio_event_livestream": "Audio-Livestream",
 	"label_blog": "Blog",
 	"label_bildungsangebot": "Bildungsangebot",
 	"label_breakingnews": "+++ Eilmeldung +++",
@@ -161,10 +161,30 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
+	"story_audio_intro_sr": "Audiobeitrag",
+	"story_audio_outro_sr": "Ende des Audiobeitrags",
+	"story_audio_event_livestream_intro_sr": "Audio-Livestream",
+	"story_audio_event_livestream_outro_sr": "Ende des Audio-Livestreams",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
+	"teaser_more_audio": "zur Audio-Einzelseite",
+	"teaser_more_audio_sr": "zum Audio",
+	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_brand_sr": "zum {0} Audio",
+	"teaser_more_audio_event_livestream": "zur Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_sr": "zum Audio-Livestream",
+	"teaser_more_audio_event_livestream_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_brand_sr": "zum {0} Audio-Livestream",
+	"teaser_more_video": "zur Video-Einzelseite",
+	"teaser_more_video_sr": "zum Video",
+	"teaser_more_video_brand": "zur {0} Video-Einzelseite",
+	"teaser_more_video_brand_sr": "zum {0} Video",
+	"teaser_more_video_livestream": "Livestream",
+	"teaser_more_video_livestream_brand": "zum {0} Livestream",
+	"teaser_more_video_livestream_brand_sr": "zum {0} Livestream",
+	"teaser_more_video_livestream_sr": "zum Livestream",
 	"header_homepage_link_title": "Startseite hr-rundfunkrat . d e",
 	"meta_application_name": "hr-rundfunkrat.de"
 }

package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -48,7 +48,7 @@
 	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
-	"label_audio_event_livestream": "Livestream",
+	"label_audio_event_livestream": "Audio-Livestream",
 	"label_blog": "Blog",
 	"label_bildungsangebot": "Bildungsangebot",
 	"label_breakingnews": "+++ Eilmeldung +++",
@@ -161,10 +161,30 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
+	"story_audio_intro_sr": "Audiobeitrag",
+	"story_audio_outro_sr": "Ende des Audiobeitrags",
+	"story_audio_event_livestream_intro_sr": "Audio-Livestream",
+	"story_audio_event_livestream_outro_sr": "Ende des Audio-Livestreams",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
+	"teaser_more_audio": "zur Audio-Einzelseite",
+	"teaser_more_audio_sr": "zum Audio",
+	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_brand_sr": "zum {0} Audio",
+	"teaser_more_audio_event_livestream": "zur Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_sr": "zum Audio-Livestream",
+	"teaser_more_audio_event_livestream_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_brand_sr": "zum {0} Audio-Livestream",
+	"teaser_more_video": "zur Video-Einzelseite",
+	"teaser_more_video_sr": "zum Video",
+	"teaser_more_video_brand": "zur {0} Video-Einzelseite",
+	"teaser_more_video_brand_sr": "zum {0} Video",
+	"teaser_more_video_livestream": "Livestream",
+	"teaser_more_video_livestream_brand": "zum {0} Livestream",
+	"teaser_more_video_livestream_brand_sr": "zum {0} Livestream",
+	"teaser_more_video_livestream_sr": "zum Livestream",
 	"header_homepage_link_title": "Startseite hr-sinfonieorchester . d e",
 	"meta_application_name": "hr-sinfonieorchester.de"
 }

package/src/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -48,7 +48,7 @@
 	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
-	"label_audio_event_livestream": "Livestream",
+	"label_audio_event_livestream": "Audio-Livestream",
 	"label_blog": "Blog",
 	"label_bildungsangebot": "Bildungsangebot",
 	"label_breakingnews": "+++ Eilmeldung +++",
@@ -161,10 +161,30 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
+	"story_audio_intro_sr": "Audiobeitrag",
+	"story_audio_outro_sr": "Ende des Audiobeitrags",
+	"story_audio_event_livestream_intro_sr": "Audio-Livestream",
+	"story_audio_event_livestream_outro_sr": "Ende des Audio-Livestreams",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
+	"teaser_more_audio": "zur Audio-Einzelseite",
+	"teaser_more_audio_sr": "zum Audio",
+	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_brand_sr": "zum {0} Audio",
+	"teaser_more_audio_event_livestream": "zur Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_sr": "zum Audio-Livestream",
+	"teaser_more_audio_event_livestream_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_brand_sr": "zum {0} Audio-Livestream",
+	"teaser_more_video": "zur Video-Einzelseite",
+	"teaser_more_video_sr": "zum Video",
+	"teaser_more_video_brand": "zur {0} Video-Einzelseite",
+	"teaser_more_video_brand_sr": "zum {0} Video",
+	"teaser_more_video_livestream": "Livestream",
+	"teaser_more_video_livestream_brand": "zum {0} Livestream",
+	"teaser_more_video_livestream_brand_sr": "zum {0} Livestream",
+	"teaser_more_video_livestream_sr": "zum Livestream",
 	"header_homepage_link_title": "Startseite hr-werbung . d e",
 	"meta_application_name": "hr-werbung.de"
 }

package/src/assets/brand/hr1/conf/locatags.merged.json

@@ -48,7 +48,7 @@
 	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
-	"label_audio_event_livestream": "Livestream",
+	"label_audio_event_livestream": "Audio-Livestream",
 	"label_blog": "Blog",
 	"label_bildungsangebot": "Bildungsangebot",
 	"label_breakingnews": "+++ Eilmeldung +++",
@@ -161,10 +161,30 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
+	"story_audio_intro_sr": "Audiobeitrag",
+	"story_audio_outro_sr": "Ende des Audiobeitrags",
+	"story_audio_event_livestream_intro_sr": "Audio-Livestream",
+	"story_audio_event_livestream_outro_sr": "Ende des Audio-Livestreams",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
+	"teaser_more_audio": "zur Audio-Einzelseite",
+	"teaser_more_audio_sr": "zum Audio",
+	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_brand_sr": "zum {0} Audio",
+	"teaser_more_audio_event_livestream": "zur Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_sr": "zum Audio-Livestream",
+	"teaser_more_audio_event_livestream_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_brand_sr": "zum {0} Audio-Livestream",
+	"teaser_more_video": "zur Video-Einzelseite",
+	"teaser_more_video_sr": "zum Video",
+	"teaser_more_video_brand": "zur {0} Video-Einzelseite",
+	"teaser_more_video_brand_sr": "zum {0} Video",
+	"teaser_more_video_livestream": "Livestream",
+	"teaser_more_video_livestream_brand": "zum {0} Livestream",
+	"teaser_more_video_livestream_brand_sr": "zum {0} Livestream",
+	"teaser_more_video_livestream_sr": "zum Livestream",
 	"header_homepage_link_title": "Startseite hr1 . d e",
 	"meta_application_name": "hr1.de"
 }

package/src/assets/brand/hr2/conf/locatags.merged.json

@@ -48,7 +48,7 @@
 	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
-	"label_audio_event_livestream": "Livestream",
+	"label_audio_event_livestream": "Audio-Livestream",
 	"label_blog": "Blog",
 	"label_bildungsangebot": "Bildungsangebot",
 	"label_breakingnews": "+++ Eilmeldung +++",
@@ -161,10 +161,30 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
+	"story_audio_intro_sr": "Audiobeitrag",
+	"story_audio_outro_sr": "Ende des Audiobeitrags",
+	"story_audio_event_livestream_intro_sr": "Audio-Livestream",
+	"story_audio_event_livestream_outro_sr": "Ende des Audio-Livestreams",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
+	"teaser_more_audio": "zur Audio-Einzelseite",
+	"teaser_more_audio_sr": "zum Audio",
+	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_brand_sr": "zum {0} Audio",
+	"teaser_more_audio_event_livestream": "zur Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_sr": "zum Audio-Livestream",
+	"teaser_more_audio_event_livestream_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_brand_sr": "zum {0} Audio-Livestream",
+	"teaser_more_video": "zur Video-Einzelseite",
+	"teaser_more_video_sr": "zum Video",
+	"teaser_more_video_brand": "zur {0} Video-Einzelseite",
+	"teaser_more_video_brand_sr": "zum {0} Video",
+	"teaser_more_video_livestream": "Livestream",
+	"teaser_more_video_livestream_brand": "zum {0} Livestream",
+	"teaser_more_video_livestream_brand_sr": "zum {0} Livestream",
+	"teaser_more_video_livestream_sr": "zum Livestream",
 	"header_homepage_link_title": "Startseite hr2 . d e",
 	"meta_application_name": "hr2.de"
 }

package/src/assets/brand/hr3/conf/locatags.merged.json

@@ -48,7 +48,7 @@
 	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
-	"label_audio_event_livestream": "Livestream",
+	"label_audio_event_livestream": "Audio-Livestream",
 	"label_blog": "Blog",
 	"label_bildungsangebot": "Bildungsangebot",
 	"label_breakingnews": "+++ Eilmeldung +++",
@@ -161,10 +161,30 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
+	"story_audio_intro_sr": "Audiobeitrag",
+	"story_audio_outro_sr": "Ende des Audiobeitrags",
+	"story_audio_event_livestream_intro_sr": "Audio-Livestream",
+	"story_audio_event_livestream_outro_sr": "Ende des Audio-Livestreams",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
+	"teaser_more_audio": "zur Audio-Einzelseite",
+	"teaser_more_audio_sr": "zum Audio",
+	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_brand_sr": "zum {0} Audio",
+	"teaser_more_audio_event_livestream": "zur Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_sr": "zum Audio-Livestream",
+	"teaser_more_audio_event_livestream_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_brand_sr": "zum {0} Audio-Livestream",
+	"teaser_more_video": "zur Video-Einzelseite",
+	"teaser_more_video_sr": "zum Video",
+	"teaser_more_video_brand": "zur {0} Video-Einzelseite",
+	"teaser_more_video_brand_sr": "zum {0} Video",
+	"teaser_more_video_livestream": "Livestream",
+	"teaser_more_video_livestream_brand": "zum {0} Livestream",
+	"teaser_more_video_livestream_brand_sr": "zum {0} Livestream",
+	"teaser_more_video_livestream_sr": "zum Livestream",
 	"header_homepage_link_title": "Startseite hr3 . d e",
 	"meta_application_name": "hr3.de"
 }

package/src/assets/brand/hr4/conf/locatags.merged.json

@@ -48,7 +48,7 @@
 	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
-	"label_audio_event_livestream": "Livestream",
+	"label_audio_event_livestream": "Audio-Livestream",
 	"label_blog": "Blog",
 	"label_bildungsangebot": "Bildungsangebot",
 	"label_breakingnews": "+++ Eilmeldung +++",
@@ -161,10 +161,30 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
+	"story_audio_intro_sr": "Audiobeitrag",
+	"story_audio_outro_sr": "Ende des Audiobeitrags",
+	"story_audio_event_livestream_intro_sr": "Audio-Livestream",
+	"story_audio_event_livestream_outro_sr": "Ende des Audio-Livestreams",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
+	"teaser_more_audio": "zur Audio-Einzelseite",
+	"teaser_more_audio_sr": "zum Audio",
+	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_brand_sr": "zum {0} Audio",
+	"teaser_more_audio_event_livestream": "zur Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_sr": "zum Audio-Livestream",
+	"teaser_more_audio_event_livestream_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_brand_sr": "zum {0} Audio-Livestream",
+	"teaser_more_video": "zur Video-Einzelseite",
+	"teaser_more_video_sr": "zum Video",
+	"teaser_more_video_brand": "zur {0} Video-Einzelseite",
+	"teaser_more_video_brand_sr": "zum {0} Video",
+	"teaser_more_video_livestream": "Livestream",
+	"teaser_more_video_livestream_brand": "zum {0} Livestream",
+	"teaser_more_video_livestream_brand_sr": "zum {0} Livestream",
+	"teaser_more_video_livestream_sr": "zum Livestream",
 	"header_homepage_link_title": "Startseite hr4 . d e",
 	"meta_application_name": "hr4.de"
 }

package/src/assets/brand/you-fm/conf/locatags.merged.json

@@ -48,7 +48,7 @@
 	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
-	"label_audio_event_livestream": "Livestream",
+	"label_audio_event_livestream": "Audio-Livestream",
 	"label_blog": "Blog",
 	"label_bildungsangebot": "Bildungsangebot",
 	"label_breakingnews": "+++ Eilmeldung +++",
@@ -161,10 +161,30 @@
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
+	"story_audio_intro_sr": "Audiobeitrag",
+	"story_audio_outro_sr": "Ende des Audiobeitrags",
+	"story_audio_event_livestream_intro_sr": "Audio-Livestream",
+	"story_audio_event_livestream_outro_sr": "Ende des Audio-Livestreams",
 	"story_video_intro_sr": "Videobeitrag",
 	"story_video_outro_sr": "Ende des Videobeitrags",
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
+	"teaser_more_audio": "zur Audio-Einzelseite",
+	"teaser_more_audio_sr": "zum Audio",
+	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_brand_sr": "zum {0} Audio",
+	"teaser_more_audio_event_livestream": "zur Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_sr": "zum Audio-Livestream",
+	"teaser_more_audio_event_livestream_brand": "zur {0} Audio-Einzelseite",
+	"teaser_more_audio_event_livestream_brand_sr": "zum {0} Audio-Livestream",
+	"teaser_more_video": "zur Video-Einzelseite",
+	"teaser_more_video_sr": "zum Video",
+	"teaser_more_video_brand": "zur {0} Video-Einzelseite",
+	"teaser_more_video_brand_sr": "zum {0} Video",
+	"teaser_more_video_livestream": "Livestream",
+	"teaser_more_video_livestream_brand": "zum {0} Livestream",
+	"teaser_more_video_livestream_brand_sr": "zum {0} Livestream",
+	"teaser_more_video_livestream_sr": "zum Livestream",
 	"header_homepage_link_title": "Startseite you-fm . d e",
 	"meta_application_name": "you-fm.de"
 }

package/src/assets/css/custom-utilities.css

@@ -24,7 +24,6 @@
         }
     }
 
-
     .ar-16-9 {
         aspect-ratio: 16 / 9;
     }
@@ -79,6 +78,24 @@
         }
     }
 
+    .ar-4-1 {
+        aspect-ratio: 4 / 1;
+    }
+
+    @supports not (aspect-ratio: 4 / 1) {
+        .ar-4-1::before {
+            float: left;
+            padding-top: calc(1 / 4 * 100%);
+            content: '';
+        }
+
+        .ar-4-1::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+
     .ar-1-1 {
         aspect-ratio: 1 / 1;
     }
@@ -179,16 +196,19 @@
         --narrow-max-width: calc(var(--breakpoint-md) - (var(--mobile-padding) * 2));
         --content-max-width: 940px;
         --breakout-size: calc((var(--content-max-width) - var(--narrow-max-width)) / 2);
-        
-        grid-template-columns: 
-        [full-width-start] minmax(var(--mobile-padding), var(--desktop-padding)) 
-        [content-start] minmax(0, var(--breakout-size)) 
-        [narrow-start] min(100% - (var(--mobile-padding) * 2),var(--narrow-max-width)) [narrow-end] 
-        minmax(0, var(--breakout-size)) [content-end] 
-        minmax(var(--mobile-padding), var(--desktop-padding)) [full-width-end]; 
+
+        grid-template-columns:
+            [full-width-start] minmax(var(--mobile-padding), var(--desktop-padding))
+            [content-start] minmax(0, var(--breakout-size))
+            [narrow-start] min(
+                100% - (var(--mobile-padding) * 2),
+                var(--narrow-max-width)
+            ) [narrow-end]
+            minmax(0, var(--breakout-size)) [content-end]
+            minmax(var(--mobile-padding), var(--desktop-padding)) [full-width-end];
         grid-column: main;
     }
-    .grid-article > :not(.article-breakout, .article-full-width, .sticky){
+    .grid-article > :not(.article-breakout, .article-full-width, .sticky) {
         grid-column: narrow;
     }
     .article-breakout {
@@ -200,37 +220,37 @@
     .article-narrow {
         grid-column: narrow;
     }
-    .copytextWrapper > :not(.article-breakout, .article-full-width){
+    .copytextWrapper > :not(.article-breakout, .article-full-width) {
         grid-column: narrow;
     }
 
     .grid-content {
         grid-template-areas:
-    "head"
-    "main "
-    "aside";
+            'head'
+            'main '
+            'aside';
         grid-template-columns: 100%;
     }
 
-    @media only screen and (min-width: 600px){
+    @media only screen and (min-width: 600px) {
         .grid-content {
             grid-template-areas:
-    "head head"
-    "main  aside";
+                'head head'
+                'main  aside';
 
             grid-template-columns: 3fr 1fr;
         }
     }
 
-    .head{
+    .head {
         grid-area: head;
     }
 
-    .main{
+    .main {
         grid-area: main;
     }
 
-    .aside{
+    .aside {
         grid-area: aside;
     }
 
@@ -280,23 +300,22 @@
     /*! ****************************/
     /*! DataPolicy stuff           */
     /*! ****************************/
-    .toggleSwitch-checkbox:checked+.toggleSwitch-label {
-        @apply after:left-[27px]
+    .toggleSwitch-checkbox:checked + .toggleSwitch-label {
+        @apply after:left-[27px];
     }
 
-    .toggleSwitch-checkbox:checked+.toggleSwitch-label {
+    .toggleSwitch-checkbox:checked + .toggleSwitch-label {
         @apply bg-toggle-confirmation;
     }
 
-    .toggleSwitch-checkbox:focus+.toggleSwitch-label { 
+    .toggleSwitch-checkbox:focus + .toggleSwitch-label {
         @apply outline-none shadow-teaser-focus shadow-focus-state;
     }
-    
+
     .toggleSwitch-label {
-        @apply after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:w-[21px] after:h-[21px] after:bg-white after:rounded-2xl after:transition-all after:duration-300 
+        @apply after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:w-[21px] after:h-[21px] after:bg-white after:rounded-2xl after:transition-all after:duration-300;
     }
 
-
     /*! ****************************/
     /*! text-shadow                */
     /*! ****************************/
@@ -379,7 +398,6 @@
         content: attr(data-prop-loading);
     }
 
-  
     @responsive {
         .brand-logo-size-lg {
             padding-top: var(--logo-padding-top-lg);
@@ -394,7 +412,7 @@
             padding-bottom: var(--logo-padding-bottom);
         }
     }
-    
+
     /*! ****************************/
     /*! Search-Box-border          */
     /*! ****************************/
@@ -410,7 +428,7 @@
     /*! ***********************************/
     /*! restrict number of li-elements    */
     /*! **********************************/
-    ul.restrictedToTwo li:nth-of-type(1n+3) {
+    ul.restrictedToTwo li:nth-of-type(1n + 3) {
         display: none;
     }
 
@@ -418,7 +436,7 @@
         padding-bottom: 0;
     }
 
-    ul.restrictedToTwo li:nth-of-type(1n+2) .timelineBorder {
+    ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
         display: none;
-    }    
+    }
 }

package/src/assets/fixtures/audio/audios.inc.json

@@ -54,7 +54,65 @@
             "pluginData": {},
             "geoBlocked": false
         },
-        "playerId": "2563",
+        "playerId": "2565",
+        "type": "audioOndemand",
+        "cssUrl": "./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css",
+        "jsUrl": "./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js",
+        "isAutoplay": true,
+        "teaserSize": "100",
+        "realTeaserSize": "100"
+    },
+    "audio-2": {
+        "playerConfig": {
+            "generic": {
+                "isAutoplay": true,
+                "imageTemplateConfig": {
+                    "size": [{ "minWidth": 0, "value": "__xsmall" }]
+                }
+            },
+            "web": {
+                "baseUrl": "./vendor/ardplayer/",
+                "isForcedAutoplay": true,
+                "isForcedVideoView": true
+            },
+            "pluginData": {
+                "trackingAti@all": {
+                    "isEnabled": false
+                },
+                "trackingAgf@all": {
+                    "isEnabled": false
+                }
+            }
+        },
+        "mediaCollection": {
+            "streams": [
+                {
+                    "kind": "main",
+                    "isAudioOnly": true,
+                    "media": [
+                        {
+                            "url": "https://hr-a.akamaihd.net/audio/hs/2024_06/240621093838_hsr_strongman_Poertner_Ost.mp3",
+                            "mimeType": "audio/mp3",
+                            "audios": [{ "kind": "standard", "languageCode": "de" }]
+                        }
+                    ]
+                }
+            ],
+            "meta": {
+                "durationSeconds": 39,
+                "images": [
+                    {
+                        "kind": "preview",
+                        "url": "images/strongman-100_v-1to1{size}.jpg"
+                    }
+                ],
+                "title": "Strongman-WM in Fulda",
+                "synopsis": "Stromgman-WM in Fulda zieht Kraftsportler aus aller Welt an."
+            },
+            "pluginData": {},
+            "geoBlocked": false
+        },
+        "playerId": "2565",
         "type": "audioOndemand",
         "cssUrl": "./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css",
         "jsUrl": "./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js",