hr-design-system-handlebars 1.74.13 → 1.75.0

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.75.0 (Wed Jun 26 2024)
+
+#### 🚀 Enhancement
+
+- prepare copytext for accordion [#969](https://github.com/mumprod/hr-design-system-handlebars/pull/969) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.74.14 (Wed Jun 26 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-3180: add copytext-livestream component [#968](https://github.com/mumprod/hr-design-system-handlebars/pull/968) (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.74.13 (Fri Jun 21 2024)
 
 #### 🐛 Bug Fix

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hessenschau . d e",
 	"meta_application_name": "hessenschau.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr . d e",
 	"meta_application_name": "hr.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr-bigband . d e",
 	"meta_application_name": "hr-bigband.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr-fernsehen . d e",
 	"meta_application_name": "hr-fernsehen.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr-inforadio . d e",
 	"meta_application_name": "hr-inforadio.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr-rundfunkrat . d e",
 	"meta_application_name": "hr-rundfunkrat.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr-sinfonieorchester . d e",
 	"meta_application_name": "hr-sinfonieorchester.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr-werbung . d e",
 	"meta_application_name": "hr-werbung.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr1 . d e",
 	"meta_application_name": "hr1.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr2 . d e",
 	"meta_application_name": "hr2.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr3 . d e",
 	"meta_application_name": "hr3.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite hr4 . d e",
 	"meta_application_name": "hr4.de"
 }

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

@@ -163,6 +163,8 @@
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",
 	"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",
 	"header_homepage_link_title": "Startseite you-fm . d e",
 	"meta_application_name": "you-fm.de"
 }

package/dist/assets/index.css

@@ -3368,7 +3368,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1718984329163;
+  counter-reset: cnt1719417072440;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3747,7 +3747,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1718984329163 1;
+  counter-increment: cnt1719417072440 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3763,7 +3763,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1718984329163);
+  content: counter(cnt1719417072440);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

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

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

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

@@ -1,7 +1,7 @@
 {{#if this.title}}
-    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
+    <h2 class="clear-both mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
-<div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} mt-11{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} clear-both mt-11{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}

package/dist/views/components/content/copytext/components/media/media_figure.hbs

@@ -22,6 +22,10 @@
         {{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
         {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
     {{/if}}
+    {{#if this.isLivestream}}
+        {{~> components/mediaplayer/media_player this.toModel.videoLivestreamElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
+        {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLivestream=true _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
+    {{/if}}
     {{#unless _voting-option}}
         {{#with this.teaseritem}}
             {{~> components/content/copytext/components/image/figcaption  _cssClassCaption=../_cssClassCaption~}}

package/dist/views/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+    <p class="pt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pt-6 pl-5 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
-{{/if}}
+    <ol class="pt-6 pl-5 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+{{/if}}

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

@@ -0,0 +1,5 @@
+{{#if this.showFullSize.isTrue }}
+    {{> components/content/copytext/components/media/media_figure _fullSize=true _addClass="print:hidden clear-both article-full-width sm:article-narrow my-6 sm:my-7" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+{{else}}
+    {{> components/content/copytext/components/media/media_figure _fullSize=false _addClass="print:hidden article-full-width sm:article-narrow my-6 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+{{/if}} 

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

@@ -3,132 +3,7 @@
         {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
     {{~/with}}    
     {{#each this.copytextParagraph }}
-        {{#if this.isHeadline}}
-            {{> components/content/copytext/components/headline }}
-        {{/if}}
-
-        {{#unless this.isInfoBox}}
-            {{~#with this.paragraphBoxItem }}
-                {{~#if this.isImage}}
-                    {{~> components/content/copytext/components/image/image _isWebview=../../_isWebview}}    
-                {{/if~}}
-                {{~#if this.isContentBox}}
-                    {{~> components/content/copytext/components/contentbox/contentbox ~}}
-                {{/if~}}
-                {{~#if this.isAccordion}}
-                {{~> components/content/copytext/components/accordion/accordion ~}}
-                {{/if~}}
-                {{~#if this.isGallery}}                
-                    {{> components/content/copytext/components/gallery }}                
-                {{/if~}}
-                {{~#if this.isFileDownload}}
-                    {{> components/content/copytext/components/filedownload }}                
-                {{/if~}}
-                {{~#if this.isMap}}
-                    {{> components/content/copytext/components/map }}    
-                {{/if~}}
-                {{~#if this.isWebForm}}
-                    {{> components/content/copytext/components/webform }}
-                {{/if~}}
-                {{~#if this.isNewsletter}}
-                    {{> components/content/copytext/components/newsletter }}    
-                {{/if~}}
-                {{~#if this.isAudio}}
-                    {{> components/content/copytext/components/audio }}
-                {{/if~}}
-                {{~#if this.isAudioEventLivestream}}
-                    {{> components/content/copytext/components/audioeventlivestream }}
-                {{/if~}}
-                {{~#if this.isPodcastEpisode}}
-                    {{> components/content/copytext/components/podcastepisode }}
-                {{/if~}}
-                {{~#if this.isVideo}}
-                    {{> components/content/copytext/components/video/video }}
-                {{/if~}}
-                {{~#if this.isLivestream}}
-                    {{> components/content/copytext/components/livestream }}
-                {{/if~}}
-                {{~#if this.isTweet}}
-                    {{> components/content/copytext/components/tweet }}
-                {{~/if}}
-                {{~#if this.isRadioPlaylist}}
-                    {{> components/content/copytext/components/radioplaylist }}
-                {{~/if}}
-                {{~#if this.isVoting}}
-                    {{> components/content/copytext/components/voting }}
-                {{/if~}}
-                {{~#if this.isExternalService}}
-                    {{> components/content/copytext/components/externalservice }}
-                {{/if~}}
-                {{~#if this.isContentNav}}
-                    {{#with this.toModel.contentNavigationTeaser}}
-                        {{~> components/teaser/content_nav/teaser_content_nav _isCopytext=true ~}}
-                    {{/with}}
-                {{/if~}}
-            {{~/with}}
-        {{/unless}}
-
-        {{~#with this.paragraphTeaserItem }}
-            {{~#if this.isTopictag}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isTicker}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isLink}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isStructureNodeDocument}}
-                {{#with this.toModel.structureNodeTeaser}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isStory}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isProgram}}
-                {{#with this.toModel.baseTeaserDS}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-            {{~#if this.isEvent}}
-                {{#with this.toModel.eventTeaser}}
-                    {{> components/content/copytext/components/posterteaser }}
-                {{/with}}
-            {{/if~}}
-        {{~/with}}
-
-        {{#if this.isParagraph}}
-            {{> components/content/copytext/components/paragraph/paragraph }}
-        {{/if}}
-
-        {{#if this.isCite}}
-            {{> components/content/copytext/components/cite }}
-        {{/if}}
-
-        {{#if this.isInfoBox}}
-            {{> components/content/copytext/components/infobox }}
-        {{/if}}
-        {{#if this.isAdditionalInfo}}
-            {{> components/content/copytext/components/additionalinfo }}
-        {{/if}}
-        {{#if this.isDownloadBox}}
-            {{> components/content/copytext/components/downloadbox/downloadbox }}
-        {{/if}}
-        {{#if this.isFAQ}}
-            {{> components/content/copytext/components/faq }}
-        {{/if}}
-        {{#if this.isJobposting}}
-            {{> components/content/copytext/components/jobposting }}
-        {{/if}}
+        {{~> components/content/copytext/copytext_body _isWebview=_isWebview ~}}
     {{/each}}
 </div>
 {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story; 

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

@@ -0,0 +1,125 @@
+{{#if this.isHeadline}}
+    {{> components/content/copytext/components/headline }}
+{{/if}}
+{{#unless this.isInfoBox}}
+    {{~#with this.paragraphBoxItem }}
+        {{~#if this.isImage}}
+            {{~> components/content/copytext/components/image/image}}
+        {{/if~}}
+        {{~#if this.isContentBox}}
+            {{~> components/content/copytext/components/contentbox/contentbox ~}}
+        {{/if~}}
+        {{~#if this.isAccordion}}
+        {{~> components/content/copytext/components/accordion/accordion ~}}
+        {{/if~}}
+        {{~#if this.isGallery}}
+            {{> components/content/copytext/components/gallery }}
+        {{/if~}}
+        {{~#if this.isFileDownload}}
+            {{> components/content/copytext/components/filedownload }}
+        {{/if~}}
+        {{~#if this.isMap}}
+            {{> components/content/copytext/components/map }}
+        {{/if~}}
+        {{~#if this.isWebForm}}
+            {{> components/content/copytext/components/webform }}
+        {{/if~}}
+        {{~#if this.isNewsletter}}
+            {{> components/content/copytext/components/newsletter }}
+        {{/if~}}
+        {{~#if this.isAudio}}
+            {{> components/content/copytext/components/audio }}
+        {{/if~}}
+        {{~#if this.isAudioEventLivestream}}
+            {{> components/content/copytext/components/audioeventlivestream }}
+        {{/if~}}
+        {{~#if this.isPodcastEpisode}}
+            {{> components/content/copytext/components/podcastepisode }}
+        {{/if~}}
+        {{~#if this.isVideo}}
+            {{> components/content/copytext/components/video/video }}
+        {{/if~}}
+        {{~#if this.isLivestream}}
+            {{> components/content/copytext/components/videolivestream }}
+        {{/if~}}
+        {{~#if this.isTweet}}
+            {{> components/content/copytext/components/tweet }}
+        {{~/if}}
+        {{~#if this.isRadioPlaylist}}
+            {{> components/content/copytext/components/radioplaylist }}
+        {{~/if}}
+        {{~#if this.isVoting}}
+            {{> components/content/copytext/components/voting }}
+        {{/if~}}
+        {{~#if this.isExternalService}}
+            {{> components/content/copytext/components/externalservice }}
+        {{/if~}}
+        {{~#if this.isContentNav}}
+            {{#with this.toModel.contentNavigationTeaser}}
+                {{~> components/teaser/content_nav/teaser_content_nav _isCopytext=true ~}}
+            {{/with}}
+        {{/if~}}
+    {{~/with}}
+{{/unless}}
+
+{{~#with this.paragraphTeaserItem }}
+    {{~#if this.isTopictag}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isTicker}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isLink}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isStructureNodeDocument}}
+        {{#with this.toModel.structureNodeTeaser}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isStory}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isProgram}}
+        {{#with this.toModel.baseTeaserDS}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+    {{~#if this.isEvent}}
+        {{#with this.toModel.eventTeaser}}
+            {{> components/content/copytext/components/posterteaser }}
+        {{/with}}
+    {{/if~}}
+{{~/with}}
+
+{{#if this.isParagraph}}
+    {{> components/content/copytext/components/paragraph/paragraph }}
+{{/if}}
+
+{{#if this.isCite}}
+    {{> components/content/copytext/components/cite }}
+{{/if}}
+
+{{#if this.isInfoBox}}
+    {{> components/content/copytext/components/infobox }}
+{{/if}}
+{{#if this.isAdditionalInfo}}
+    {{> components/content/copytext/components/additionalinfo }}
+{{/if}}
+{{#if this.isDownloadBox}}
+    {{> components/content/copytext/components/downloadbox/downloadbox }}
+{{/if}}
+{{#if this.isFAQ}}
+    {{> components/content/copytext/components/faq }}
+{{/if}}
+{{#if this.isJobposting}}
+    {{> components/content/copytext/components/jobposting }}
+{{/if}}

package/dist/views/components/mediaplayer/mediaplayer_button.hbs

@@ -1,5 +1,5 @@
 {{#with this}}
-    {{#> components/button/button _variant="tertiary" _type="button" _css=_css _alpineClick="avStart = !avStart; $dispatch('player_start')"}}
+    {{#> components/button/button _variant="icon-button"  _type="button" _css=_css _alpineClick="avStart = !avStart; $dispatch('player_start')"}}
         {{#with this}}
             {{> components/base/image/icon _addClass=(appendToDefault (if ../../_isLivestream-adjust_context "text-media-button-live group-hover:fill-media-button-live" "text-media-button group-hover:fill-media-button") "fill-white group-hover:text-white inline ") _icon=../../_icon-adjust_context}}
             {{#*inline "css"}} {{~#if ../../_isLead-adjust_context~}} md:w-18 md:h-18 w-10 h-10 {{else}} w-10 h-10 {{/if}} {{/inline}}

package/dist/views/components/page/story/story_article.hbs

@@ -37,7 +37,7 @@
         _source=this.source
         _isArchiveContent=this.isArchiveContent ~}}
 
-    {{> components/page/components/appendix _isArticle=true }}
+    {{> components/page/components/appendix _isArticle=true _webview=../../_webview-adjust_context}}
     
     {{> components/page/components/comments }}
 

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

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

package/dist/views_static/components/content/copytext/components/accordion/accordion.hbs

@@ -1,7 +1,7 @@
 {{#if this.title}}
-    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
+    <h2 class="clear-both mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
-<div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} mt-11{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} clear-both mt-11{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}

package/dist/views_static/components/content/copytext/components/media/media_figure.hbs

@@ -22,6 +22,10 @@
         {{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
         {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
     {{/if}}
+    {{#if this.isLivestream}}
+        {{~> components/mediaplayer/media_player this.toModel.videoLivestreamElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
+        {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isLivestream=true _isLead=_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
+    {{/if}}
     {{#unless _voting-option}}
         {{#with this.teaseritem}}
             {{~> components/content/copytext/components/image/figcaption  _cssClassCaption=../_cssClassCaption~}}

package/dist/views_static/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+    <p class="pt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pt-6 pl-5 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
-{{/if}}
+    <ol class="pt-6 pl-5 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+{{/if}}

package/dist/views_static/components/content/copytext/components/videolivestream.hbs

@@ -0,0 +1,5 @@
+{{#if this.showFullSize.isTrue }}
+    {{> components/content/copytext/components/media/media_figure _fullSize=true _addClass="print:hidden clear-both article-full-width sm:article-narrow my-6 sm:my-7" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+{{else}}
+    {{> components/content/copytext/components/media/media_figure _fullSize=false _addClass="print:hidden article-full-width sm:article-narrow my-6 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+{{/if}}