hr-design-system-handlebars 1.121.0 → 1.122.0

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

@@ -1,3 +1,3 @@
-<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
+<div class="print:hidden article-narrow w-auto xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-2 mt-6 [&:has(+h2)]:mb-0 sm:my-8 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-6 mb-2 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4  sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-6 mb-2 sm:mt-7 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
 {{/if}} 

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "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 _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-6 mb-2 sm:mt-7 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
 {{/if}} 

package/dist/views/components/external-service/external_service.hbs

@@ -5,7 +5,7 @@
 {{else}}
     
     {{#if this.serviceUrl}}
-        <div class="clear-both{{#unless _isTeaser}} mt-10{{/unless}}">
+        <div class="clear-both{{#unless _isTeaser}} mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8{{/unless}}">
             <span class="sr-only">{{loca "story_externalservice_intro_sr" }}</span>    
             {{#if this.externalServiceConfig.embedAsIFrame}}              
                 <!-- Embedding via Iframe -->    

package/dist/views/components/external-service/external_service_with_datapolicy_check.hbs

@@ -1,4 +1,4 @@
-<div class="grid clear-both{{#unless _isTeaser}} mt-10{{/unless}}">
+<div class="grid clear-both{{#unless _isTeaser}} mt-6 mb-2 [&:has(+div+h2)]:mb-0 sm:my-8{{/unless}}">
         {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}   
         <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
                 this.fixedHeight }} -noFixedHeight{{/unless}} js-load"

package/dist/views/components/forms/components/backgroundBox.hbs

@@ -1,3 +1,3 @@
-<div class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr {{#if _isTeaser}}w-full{{~inline-switch this.teasersize '["100","50"]' '[" px-5 sm:px-13 pb-8 pt-6 sm:pt-8"," p-5"]'}}{{else}}px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow{{/if}}{{#if _isTickerCopytext}} [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0{{/if}}" >
+<div class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr {{#if _isTeaser}}w-full{{~inline-switch this.teasersize '["100","50"]' '[" px-5 sm:px-13 pb-8 pt-6 sm:pt-8"," p-5"]'}}{{else}}px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8 article-full-width sm:article-narrow{{/if}}" >
     {{> @partial-block }}
 </div>

package/dist/views/components/forms/webform.hbs

@@ -1,5 +1,5 @@
 
-{{#>components/forms/components/backgroundBox _isTickerCopytext=_isTickerCopytext  }} 
+{{#>components/forms/components/backgroundBox }} 
     <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
         {{this.title}}
     </h3>

package/dist/views/components/newsletter/newsletter.hbs

@@ -1,4 +1,4 @@
-<div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
+<div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8 article-full-width sm:article-narrow {{_addClass}}">
     {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
             {{> components/newsletter/components/newsletter_form}}
     {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}

package/dist/views/components/ticker/ticker_item/content_footer_ticker_item.hbs

@@ -1,4 +1,4 @@
-<footer class="{{#if _css}}{{_css}} {{/if}}flex items-center clear-both w-full mt-8">
+<footer class="{{#if _css}}{{_css}} {{/if}}flex items-center clear-both w-full mt-6 sm:mt-8">
     <div>
         {{#> components/page/components/metadata_wrapper _hideFrom=false _isTicker=_isTicker }}
             {{~#with this.programReferenceAlt~}}

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 [&+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_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-6 mb-2 sm:mt-7 sm:mb-5 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
 {{/if}}

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-6 mb-2 sm:mt-7 sm:mb-5 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
 {{/if}}

package/dist/views_static/components/content/copytext/components/common/paragraphbox_wrapper.hbs

@@ -1,3 +1,3 @@
-<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0{{else}}hrds-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
+<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-6 mb-2 [&:has(+h2)]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-8{{else}}hrds-copytext-teaser-half mt-6 mb-2 sm:mb-5 sm:mt-6 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -1,3 +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 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 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"}}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if ../_isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr"}}
 {{/with}}   

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

@@ -2,7 +2,7 @@
     {{~#case '16toX'~}}
             {{#if this.showFullSize.isTrue }}
                 {{> components/content/copytext/components/image/figure 
-                    _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
+                    _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
                     _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                     _type="story"
                     _variant="100-copytext-portrait"
@@ -10,7 +10,7 @@
                     _isWebview=_isWebview}}
             {{else}}
                 {{> components/content/copytext/components/image/figure 
-                    _cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
+                    _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
                     _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                     _type="story"
                     _variant="copytext-portrait"
@@ -21,7 +21,7 @@
     {{~#case '16to9'~}}
             {{#if this.showFullSize.isTrue}}
                 {{> components/content/copytext/components/image/figure 
-                    _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
+                    _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
                     _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                     _type="story"
                     _variant="100-copytext"
@@ -29,7 +29,7 @@
                     _isWebview=_isWebview}}
             {{else}}
                 {{> components/content/copytext/components/image/figure 
-                    _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
+                    _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
                     _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                     _type="story"
                     _variant="copytext"
@@ -40,7 +40,7 @@
     {{~#case '1to1'~}}
             {{#if this.showFullSize.isTrue}}
                 {{> components/content/copytext/components/image/figure 
-                    _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
+                    _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
                     _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                     _type="story"
                     _variant="100-copytext-squared"
@@ -48,7 +48,7 @@
                     _isWebview=_isWebview}}
             {{else}}
                 {{> components/content/copytext/components/image/figure 
-                    _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
+                    _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
                     _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                     _type="story"
                     _variant="copytext-squared"

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

@@ -1,3 +1,3 @@
-<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 mt-12 mb-8 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
+<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-8{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-6 mb-2 sm:mt-7 sm:mb-5{{/if}}">
     {{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }} 
 </div>

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

@@ -1,3 +1,3 @@
-<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
+<div class="print:hidden article-narrow w-auto xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-2 mt-6 [&:has(+h2)]:mb-0 sm:my-8 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-6 mb-2 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4  sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-6 mb-2 sm:mt-7 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
 {{/if}} 

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "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 _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-6 mb-2 sm:mt-7 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
 {{/if}} 

package/dist/views_static/components/external-service/external_service.hbs

@@ -5,7 +5,7 @@
 {{else}}
     
     {{#if this.serviceUrl}}
-        <div class="clear-both{{#unless _isTeaser}} mt-10{{/unless}}">
+        <div class="clear-both{{#unless _isTeaser}} mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8{{/unless}}">
             <span class="sr-only">{{loca "story_externalservice_intro_sr" }}</span>    
             {{#if this.externalServiceConfig.embedAsIFrame}}              
                 <!-- Embedding via Iframe -->    

package/dist/views_static/components/external-service/external_service_with_datapolicy_check.hbs

@@ -1,4 +1,4 @@
-<div class="grid clear-both{{#unless _isTeaser}} mt-10{{/unless}}">
+<div class="grid clear-both{{#unless _isTeaser}} mt-6 mb-2 [&:has(+div+h2)]:mb-0 sm:my-8{{/unless}}">
         {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}   
         <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
                 this.fixedHeight }} -noFixedHeight{{/unless}} js-load"

package/dist/views_static/components/forms/components/backgroundBox.hbs

@@ -1,3 +1,3 @@
-<div class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr {{#if _isTeaser}}w-full{{~inline-switch this.teasersize '["100","50"]' '[" px-5 sm:px-13 pb-8 pt-6 sm:pt-8"," p-5"]'}}{{else}}px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow{{/if}}{{#if _isTickerCopytext}} [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0{{/if}}" >
+<div class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr {{#if _isTeaser}}w-full{{~inline-switch this.teasersize '["100","50"]' '[" px-5 sm:px-13 pb-8 pt-6 sm:pt-8"," p-5"]'}}{{else}}px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8 article-full-width sm:article-narrow{{/if}}" >
     {{> @partial-block }}
 </div>

package/dist/views_static/components/forms/webform.hbs

@@ -1,5 +1,5 @@
 
-{{#>components/forms/components/backgroundBox _isTickerCopytext=_isTickerCopytext  }} 
+{{#>components/forms/components/backgroundBox }} 
     <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
         {{this.title}}
     </h3>

package/dist/views_static/components/newsletter/newsletter.hbs

@@ -1,4 +1,4 @@
-<div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
+<div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8 article-full-width sm:article-narrow {{_addClass}}">
     {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
             {{> components/newsletter/components/newsletter_form}}
     {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}

package/dist/views_static/components/ticker/ticker_item/content_footer_ticker_item.hbs

@@ -1,4 +1,4 @@
-<footer class="{{#if _css}}{{_css}} {{/if}}flex items-center clear-both w-full mt-8">
+<footer class="{{#if _css}}{{_css}} {{/if}}flex items-center clear-both w-full mt-6 sm:mt-8">
     <div>
         {{#> components/page/components/metadata_wrapper _hideFrom=false _isTicker=_isTicker }}
             {{~#with this.programReferenceAlt~}}

package/package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-  "version": "1.121.0",
+  "version": "1.122.0",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006 public",

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

@@ -57,8 +57,8 @@
         "playerId": "2565",
         "type": "audioOndemand",
         "typeLabel": "Audio-Ondemand",
-        "cssUrl": "./vendor/ardplayer/ardplayer-hr-7.2.0.bdf782df.css",
-        "jsUrl": "./vendor/ardplayer/ardplayer-hr-7.2.0.07145e1b.js",
+        "cssUrl": "./vendor/ardplayer/ardplayer-hr-7.7.0.074b3034.css",
+        "jsUrl": "./vendor/ardplayer/ardplayer-hr-7.7.0.eeb199f0.js",
         "isAutoplay": true,
         "teaserSize": "100",
         "realTeaserSize": "100",
@@ -117,8 +117,8 @@
         "playerId": "2565",
         "type": "audioOndemand",
         "typeLabel": "Audio-On-Demand",
-        "cssUrl": "./vendor/ardplayer/ardplayer-hr-7.2.0.bdf782df.css",
-        "jsUrl": "./vendor/ardplayer/ardplayer-hr-7.2.0.07145e1b.js",
+        "cssUrl": "./vendor/ardplayer/ardplayer-hr-7.7.0.074b3034.css",
+        "jsUrl": "./vendor/ardplayer/ardplayer-hr-7.7.0.eeb199f0.js",
         "isAutoplay": true,
         "teaserSize": "100",
         "realTeaserSize": "100",
@@ -202,8 +202,8 @@
         "playerId": "4076",
         "type": "audioOndemand",
         "typeLabel": "Audio-On-Demand",
-        "cssUrl": "./vendor/ardplayer/ardplayer-hr-7.2.0.bdf782df.css",
-        "jsUrl": "./vendor/ardplayer/ardplayer-hr-7.2.0.07145e1b.js",
+        "cssUrl": "./vendor/ardplayer/ardplayer-hr-7.7.0.074b3034.css",
+        "jsUrl": "./vendor/ardplayer/ardplayer-hr-7.7.0.eeb199f0.js",
         "isAutoplay": true,
         "teaserSize": "50",
         "realTeaserSize": "50"
@@ -267,8 +267,8 @@
         "playerId": "1694",
         "type": "audioLivestream",
         "typeLabel": "Audio-Event-Livestream",
-        "cssUrl": "./vendor/ardplayer/ardplayer-hr-7.2.0.bdf782df.css",
-        "jsUrl": "./vendor/ardplayer/ardplayer-hr-7.2.0.07145e1b.js",
+        "cssUrl": "./vendor/ardplayer/ardplayer-hr-7.7.0.074b3034.css",
+        "jsUrl": "./vendor/ardplayer/ardplayer-hr-7.7.0.eeb199f0.js",
         "isAutoplay": true,
         "teaserSize": "50",
         "realTeaserSize": "50",

package/src/assets/fixtures/content/copytext/copytext_audio.json

@@ -34,7 +34,110 @@
                     "audioElement": {
                         "ardPlayerConfig": {
                             "@->jsoninclude": "audio/audios.inc.json",
-                            "@->contentpath": "audio-2"
+                            "@->contentpath": "audio-2",
+                            "@->overrides": [
+                                {
+                                    "@->contentpath": "playerId",
+                                    "@->value": "2564"
+                                }
+                            ]
+                        },
+                        "ardPlayerJsonConfig": {
+                            "@->jsoninclude": "audio/audios.inc.json",
+                            "@->contentpath": "audio-2",
+                            "@->overrides": [
+                                {
+                                    "@->contentpath": "isAutoplay",
+                                    "@->value": false
+                                },
+                                {
+                                    "@->contentpath": "playerConfig.generic.isAutoplay",
+                                    "@->value": false
+                                },
+                                {
+                                    "@->contentpath": "playerConfig.web.isForcedVideoView",
+                                    "@->value": false
+                                },
+                                {
+                                    "@->contentpath": "playerId",
+                                    "@->value": "2564"
+                                }
+                            ]
+                        }
+                    },
+                    "mediaBacklinkToStoryTeaser": {
+                        "link": {
+                            "url": "/audioseite",
+                            "isTargetBlank": false
+                        },
+                        "readMoreScreenreader": "zum hessenschau.de Audio",
+                        "title": "Musik macht deinen Tag",
+                        "isForeignBrand": false,
+                        "readMore": "zur Audio-Einzelseite",
+                        "hasIcon": false,
+                        "iconName": "extern"
+                    }
+                },
+                "teaseritem": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "copytext_image_50",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "lehrerin-ukraine-104"
+                        }
+                    ]
+                },
+
+                "teaserImage": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "copytext_image_50",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "lehrerin-ukraine-104"
+                        }
+                    ]
+                }
+            }
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        },
+        {
+            "paragraphBoxItem": {
+                "isAudio": true,
+                "isAudioOnDemand": true,
+                "showFullSize": {
+                    "isTrue": true
+                },
+                "label": {
+                    "type": "audio",
+                    "loca": "label_audio",
+                    "byline": {
+                        "bylineText": "00:39 Min."
+                    }
+                },
+                "copyright": "hr",
+                "audioAuthor": "Michael Pörtner",
+                "showAirdate": true,
+                "airdateDate": {
+                    "htmlDateTime": "2024-06-21T14:30+0200",
+                    "htmlDate": "21.06.2024",
+                    "date": "21.06.24",
+                    "dateSeparatorTime": "21.06.24, 14:30"
+                },
+                "toModel": {
+                    "audioElement": {
+                        "ardPlayerConfig": {
+                            "@->jsoninclude": "audio/audios.inc.json",
+                            "@->contentpath": "audio-2",
+                            "@->overrides": [
+                                {
+                                    "@->contentpath": "playerId",
+                                    "@->value": "2565"
+                                }
+                            ]
                         },
                         "ardPlayerJsonConfig": {
                             "@->jsoninclude": "audio/audios.inc.json",
@@ -51,6 +154,10 @@
                                 {
                                     "@->contentpath": "playerConfig.web.isForcedVideoView",
                                     "@->value": false
+                                },
+                                {
+                                    "@->contentpath": "playerId",
+                                    "@->value": "2565"
                                 }
                             ]
                         }
@@ -128,7 +235,7 @@
                             "@->overrides": [
                                 {
                                     "@->contentpath": "playerId",
-                                    "@->value": "2564"
+                                    "@->value": "2566"
                                 }
                             ]
                         },
@@ -150,7 +257,7 @@
                                 },
                                 {
                                     "@->contentpath": "playerId",
-                                    "@->value": "2564"
+                                    "@->value": "2566"
                                 }
                             ]
                         }

package/src/assets/fixtures/content/copytext/copytext_audio_livestream.json

@@ -33,7 +33,13 @@
                     "audioLivestreamElement": {
                         "ardPlayerConfig": {
                             "@->jsoninclude": "audio/audios.inc.json",
-                            "@->contentpath": "audio-event-livestream"
+                            "@->contentpath": "audio-event-livestream",
+                            "@->overrides": [
+                                {
+                                    "@->contentpath": "playerId",
+                                    "@->value": "2564"
+                                }
+                            ]
                         },
                         "ardPlayerJsonConfig": {
                             "@->jsoninclude": "audio/audios.inc.json",
@@ -50,6 +56,106 @@
                                 {
                                     "@->contentpath": "playerConfig.web.isForcedVideoView",
                                     "@->value": false
+                                },
+                                {
+                                    "@->contentpath": "playerId",
+                                    "@->value": "2564"
+                                }
+                            ]
+                        }
+                    },
+                    "mediaBacklinkToStoryTeaser": {
+                        "link": {
+                            "url": "/audioseite",
+                            "isTargetBlank": false
+                        },
+                        "readMoreScreenreader": "zum hessenschau.de Audio-Livestream",
+                        "title": "Musik macht deinen Tag",
+                        "isForeignBrand": false,
+                        "readMore": "zum Audio-Livestream",
+                        "hasIcon": false,
+                        "iconName": "extern"
+                    }
+                },
+                "teaseritem": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "copytext_image_50",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "lehrerin-ukraine-104"
+                        }
+                    ]
+                },
+
+                "teaserImage": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "copytext_image_50",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "lehrerin-ukraine-104"
+                        }
+                    ]
+                }
+            }
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        },
+        {
+            "paragraphBoxItem": {
+                "isAudio": true,
+                "isAudioEventLivestream": true,
+                "showFullSize": {
+                    "isTrue": true
+                },
+                "label": {
+                    "type": "livestream",
+                    "loca": "label_audio_event_livestream",
+                    "byline": {
+                        "bylineText": "Startet am 25.06.24 um 14:00 Uhr."
+                    }
+                },
+                "copyright": "hr",
+                "showAirdate": false,
+                "airdateDate": {
+                    "htmlDateTime": "2024-06-25T14:00+0200",
+                    "htmlDate": "25.06.2024",
+                    "date": "25.06.24",
+                    "dateSeparatorTime": "25.06.24, 14:00"
+                },
+                "toModel": {
+                    "audioLivestreamElement": {
+                        "ardPlayerConfig": {
+                            "@->jsoninclude": "audio/audios.inc.json",
+                            "@->contentpath": "audio-event-livestream",
+                            "@->overrides": [
+                                {
+                                    "@->contentpath": "playerId",
+                                    "@->value": "2565"
+                                }
+                            ]
+                        },
+                        "ardPlayerJsonConfig": {
+                            "@->jsoninclude": "audio/audios.inc.json",
+                            "@->contentpath": "audio-event-livestream",
+                            "@->overrides": [
+                                {
+                                    "@->contentpath": "isAutoplay",
+                                    "@->value": false
+                                },
+                                {
+                                    "@->contentpath": "playerConfig.generic.isAutoplay",
+                                    "@->value": false
+                                },
+                                {
+                                    "@->contentpath": "playerConfig.web.isForcedVideoView",
+                                    "@->value": false
+                                },
+                                {
+                                    "@->contentpath": "playerId",
+                                    "@->value": "2565"
                                 }
                             ]
                         }
@@ -126,7 +232,7 @@
                             "@->overrides": [
                                 {
                                     "@->contentpath": "playerId",
-                                    "@->value": "2564"
+                                    "@->value": "2566"
                                 }
                             ]
                         },
@@ -148,7 +254,7 @@
                                 },
                                 {
                                     "@->contentpath": "playerId",
-                                    "@->value": "2564"
+                                    "@->value": "2566"
                                 }
                             ]
                         }