hr-design-system-handlebars 1.114.69 → 1.114.71

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v1.114.71 (Fri Jan 24 2025)
+
+#### 🐛 Bug Fix
+
+- DPE-3381: Bildergalerie im Artikel kommt aus Storybook [#1220](https://github.com/mumprod/hr-design-system-handlebars/pull/1220) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
+# v1.114.70 (Wed Jan 22 2025)
+
+#### 🐛 Bug Fix
+
+- Dpe 3517 c [#1219](https://github.com/mumprod/hr-design-system-handlebars/pull/1219) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
+
+#### Authors: 2
+
+- [@eduardo-hr](https://github.com/eduardo-hr)
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.114.69 (Tue Jan 21 2025)
 
 #### 🐛 Bug Fix

package/build/handlebars/helpers/handlebar-helpers.js

@@ -538,6 +538,7 @@ var helpers = {
     'strip': function (input, param) {
         return input
     },
+    
     /**
      * Handlebars Helper: joinString
      * 

package/dist/assets/brand/hessenschau/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/dist/assets/brand/hr/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/dist/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

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

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

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

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

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

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

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

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

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

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -177,8 +178,8 @@
 	"ext_service_datapolicy_accept_permanently_text": "Externe Inhalte von <b>{0}</b> zukünftig immer anzeigen.",
 	"ext_service_datapolicy_accept_button_text": "Inhalt anzeigen",
 	"ext_service_datapolicy_headline": "Externen Inhalt von {0} anzeigen?",
-	"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhalten Sie in unseren ",
-	"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da Sie in Ihrem Browser Javascript deaktiviert haben, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
+	"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhältst du in unseren ",
+	"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da du in deinem Browser Javascript deaktiviert hast, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

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

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -177,8 +178,8 @@
 	"ext_service_datapolicy_accept_permanently_text": "Externe Inhalte von <b>{0}</b> zukünftig immer anzeigen.",
 	"ext_service_datapolicy_accept_button_text": "Inhalt anzeigen",
 	"ext_service_datapolicy_headline": "Externen Inhalt von {0} anzeigen?",
-	"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhalten Sie in unseren ",
-	"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da Sie in Ihrem Browser Javascript deaktiviert haben, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
+	"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhältst du in unseren ",
+	"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da du in deinem Browser Javascript deaktiviert hast, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

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

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

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

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/dist/assets/index.css

@@ -52,6 +52,18 @@
   --tw-saturate:  ;
   --tw-sepia:  ;
   --tw-drop-shadow:  ;
+}
+
+.backdrop-blur-md {
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
 }/*
 ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
 *//*
@@ -1151,6 +1163,9 @@ article #commentList {
 .bottom-15 {
   bottom: 3.75rem;
 }
+.bottom-4 {
+  bottom: 1rem;
+}
 .bottom-feature-box-height {
   bottom: 0;
   bottom: var(--feature-box-height);
@@ -1218,9 +1233,6 @@ article #commentList {
 .top-31 {
   top: 7.75rem;
 }
-.top-4 {
-  top: 1rem;
-}
 .top-40 {
   top: 10rem;
 }
@@ -1797,6 +1809,9 @@ article #commentList {
 .min-h-screen {
   min-height: 100vh;
 }
+.\!w-auto {
+  width: auto !important;
+}
 .w-0 {
   width: 0px;
 }
@@ -2124,6 +2139,22 @@ article #commentList {
   animation: fade 1s ease 0s 1 both;
   animation: fade var(--tw-animate-duration, 1s) var(--tw-animate-easing, ease) var(--tw-animate-delay, 0s) var(--tw-animate-iteration, 1) var(--tw-animate-fill, both);
 }
+@keyframes fade-left {
+
+  0% {
+    opacity: 0;
+    transform: translateX(2rem);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.animate-fade-left {
+  animation: fade-left 1s ease 0s 1 both;
+  animation: fade-left var(--tw-animate-duration, 1s) var(--tw-animate-easing, ease) var(--tw-animate-delay, 0s) var(--tw-animate-iteration, 1) var(--tw-animate-fill, both);
+}
 @keyframes fade-right {
 
   0% {
@@ -2162,6 +2193,11 @@ article #commentList {
 .cursor-pointer {
   cursor: pointer;
 }
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .resize {
   resize: both;
 }
@@ -2652,6 +2688,10 @@ article #commentList {
   background-color: #ffffff;
   background-color: var(--color-button-inverted);
 }
+.bg-button-transparent {
+  background-color: rgba(255, 255, 255, 0.80);
+  background-color: var(--color-button-transparent);
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2805,11 +2845,6 @@ article #commentList {
   background-color: rgba(226, 232, 240, 1);
   background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
 }
-.bg-slate-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(148, 163, 184, 1);
-  background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
-}
 .bg-slate-500 {
   --tw-bg-opacity: 1;
   background-color: rgba(100, 116, 139, 1);
@@ -3151,6 +3186,9 @@ article #commentList {
 .pl-9 {
   padding-left: 2.25rem;
 }
+.pr-0\.5 {
+  padding-right: 0.125rem;
+}
 .pr-1 {
   padding-right: 0.25rem;
 }
@@ -3692,6 +3730,13 @@ article #commentList {
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.backdrop-blur-md {
+  --tw-backdrop-blur: blur(12px);
+  -webkit-backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .transition {
   transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -3777,13 +3822,23 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1737474959465;
+  counter-reset: cnt1737740629757;
+}
+.animate-delay-100 {
+  --tw-animate-delay: 100ms;
+  animation-delay: 100ms;
+  animation-delay: var(--tw-animate-delay);
 }
 .animate-duration-1000 {
   --tw-animate-duration: 1000ms;
   animation-duration: 1000ms;
   animation-duration: var(--tw-animate-duration);
 }
+.animate-duration-500 {
+  --tw-animate-duration: 500ms;
+  animation-duration: 500ms;
+  animation-duration: var(--tw-animate-duration);
+}
 .animate-once {
   --tw-animate-iteration: 1;
   animation-iteration-count: 1;
@@ -4207,7 +4262,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1737474959465 1;
+  counter-increment: cnt1737740629757 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4225,7 +4280,7 @@ html { scroll-behavior: smooth; }
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1737474959465);
+  content: counter(cnt1737740629757);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4530,6 +4585,8 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     /* Button */
     --color-button-inverted: #ffffff;
     --color-button-hollow: #006dc1;
+    --color-button-transparent: rgba(255, 255, 255, 0.80);
+    --color-button-transparent--dark: rgba(255, 255, 255, 0.55);
     /* Media-Button */
     --color-media-button: #276b9e;
     /* Media-Button Live */
@@ -6224,6 +6281,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 .hover\:border-button-inverted--dark:hover {
   border-color: var(--color-button-inverted--dark);
 }
+.hover\:border-button-transparent--dark:hover {
+  border-color: rgba(255, 255, 255, 0.55);
+  border-color: var(--color-button-transparent--dark);
+}
 .hover\:bg-black:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(0, 0, 0, 1);
@@ -6239,6 +6300,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 .hover\:bg-button-inverted--dark:hover {
   background-color: var(--color-button-inverted--dark);
 }
+.hover\:bg-button-transparent--dark:hover {
+  background-color: rgba(255, 255, 255, 0.55);
+  background-color: var(--color-button-transparent--dark);
+}
 .hover\:bg-primary:hover {
   background-color: #005293;
   background-color: var(--color-primary-ds);
@@ -6339,6 +6404,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 .active\:bg-button-inverted--dark:active {
   background-color: var(--color-button-inverted--dark);
 }
+.active\:bg-button-transparent--dark:active {
+  background-color: rgba(255, 255, 255, 0.55);
+  background-color: var(--color-button-transparent--dark);
+}
 .active\:font-bold:active {
   font-weight: 700;
 }
@@ -6808,10 +6877,22 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     bottom: 1rem;
   }
 
+  .sm\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .sm\:left-5 {
+    left: 1.25rem;
+  }
+
   .sm\:right-4 {
     right: 1rem;
   }
 
+  .sm\:right-5 {
+    right: 1.25rem;
+  }
+
   .sm\:order-1 {
     order: 1;
   }
@@ -6972,10 +7053,18 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     display: block;
   }
 
+  .sm\:h-12 {
+    height: 3rem;
+  }
+
   .sm\:w-1\/2 {
     width: 50%;
   }
 
+  .sm\:w-12 {
+    width: 3rem;
+  }
+
   .sm\:w-5\/12 {
     width: 41.666667%;
   }

package/dist/assets/js/alpine.js

@@ -22,6 +22,7 @@ AsyncAlpine.init(Alpine)
     .data('inputHandler', ()=> import('components/forms/js/inputHandler.alpine.js'))
     .data('contactForm', ()=> import('components/forms/js/contactForm.alpine.js'))
     .data('newsletterForm', ()=> import('components/newsletter/js/newsletterForm.alpine.js'))
+    .data('gallerySlider', () => import('components/content/copytext/components/gallery/js/gallerySlider.alpine.js'))
     .start()
 
 window.Alpine = Alpine

package/dist/assets/js/components/content/copytext/components/gallery/js/gallerySlider.alpine.js

@@ -0,0 +1,49 @@
+export default function gallerySlider() {
+    return { 
+        slides: [],
+        captions: [],
+        currentSlideIndex: 1,
+        animationEnabled: false,
+        slideToRight: true,
+        touchStartX: null,
+        touchEndX: null,
+        swipeThreshold: 50,
+        previous() {
+            this.animationEnabled = true;
+            this.slideToRight = false;    
+            this.currentSlideIndex = (this.currentSlideIndex - 1 > 0) ? this.currentSlideIndex - 1 : this.slides.length;            
+        },            
+        next() {                
+            if (this.slides.length > 0) {
+                this.animationEnabled = true;
+                this.slideToRight = true;
+                this.currentSlideIndex = (this.currentSlideIndex % this.slides.length) + 1;
+            }
+        },
+        loadSlider() {
+            this.slides = [...document.querySelectorAll('.gallery-slider__image')];
+            this.slides.forEach((slide, index) => slide.setAttribute('x-show', `currentSlideIndex === ${index + 1}`));
+            this.captions = [...document.querySelectorAll('.gallery-slider__caption')];
+            this.captions.forEach((caption, index) => caption.setAttribute('x-show', `currentSlideIndex === ${index + 1}`));
+        },
+        handleTouchStart(event) {
+            this.touchStartX = event.touches[0].clientX
+        },
+        handleTouchMove(event) {
+            this.touchEndX = event.touches[0].clientX
+        },
+        handleTouchEnd() {
+            if(this.touchEndX){
+                if (this.touchStartX - this.touchEndX > this.swipeThreshold) {
+                    this.next()
+                }
+                if (this.touchStartX - this.touchEndX < -this.swipeThreshold) {
+                    this.previous()
+                }
+                this.touchStartX = null
+                this.touchEndX = null
+            }
+        }
+
+    };
+}

package/dist/views/components/button/utilities/button_variation_classes.hbs

@@ -1,8 +1,8 @@
 {{#if _onBackground~}}
      {{inline-switch
         _variant
-        '["primary","secondary","tertiary"]'
-        '[" primary border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark hover:border-button-inverted--dark  active:text-button active:bg-button-inverted--dark ","border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "]'
+        '["primary","secondary","tertiary","transparent"]'
+        '[" primary border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark hover:border-button-inverted--dark  active:text-button active:bg-button-inverted--dark " ,"  primary border-transparent text-button--dark bg-button-transparent  hover:bg-button-transparent--dark hover:border-button-transparent--dark active:bg-button-transparent--dark "," border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "]'
     ~}}
 {{else if _disabled~}}
 

package/dist/views/components/content/copytext/components/gallery/gallery.hbs

@@ -0,0 +1,3 @@
+{{#with this.toModel.galleryPage}}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if ../_isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr"}}
+{{/with}}   

package/dist/views/components/content/copytext/components/gallery/galleryitem_copytext.hbs

@@ -0,0 +1,22 @@
+{{~#with this.gallery ~}}
+<div class="relative w-full overflow-hidden" x-on:touchstart="handleTouchStart($event)" x-on:touchmove="handleTouchMove($event)" x-on:touchend="handleTouchEnd()"
+    x-data="gallerySlider()"
+    x-init="loadSlider()"
+    ax-load
+    x-ignore
+     >
+    <div class="relative w-full select-none">
+        <div class="absolute top-0 bottom-0 left-0 right-0 ar-16-9">
+            {{#> components/button/button _variant="transparent"  _alpineClick="previous()" _css="absolute z-10 flex items-center justify-center left-4 bottom-4 sm:left-5 sm:bottom-5" _onBackground=true}}
+                    {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons" _css="w-8 h-8 sm:w-12 sm:h-12 pr-0.5 fill-link dark:fill-link-dark" }}
+            {{/components/button/button}}
+            {{#> components/button/button _variant="transparent"  _alpineClick="next()" _css="absolute z-10 flex items-center justify-center right-4 bottom-4 sm:right-5 sm:bottom-5" _onBackground=true}}
+                {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css="w-8 h-8 sm:w-12 sm:h-12 pr-0.5 fill-link dark:fill-link-dark" }}
+            {{/components/button/button}}
+        </div>
+        {{#each this.items}}
+         {{~> components/content/copytext/components/gallery/galleryitem_figure _mediaBacklinkToStoryTeaser=../../../this.toModel.mediaBacklinkToStoryTeaser-adjust_context _cssClassCaption=../../_cssClassCaption ~}}
+        {{/each}}
+    </div>
+</div>
+{{~/with~}}