hr-design-system-handlebars 1.114.41 → 1.114.43

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

@@ -2,7 +2,7 @@
         {{#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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="100-copytext-portrait"
                 _noAr="true"
@@ -10,7 +10,7 @@
         {{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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="copytext-portrait"
                 _noAr="true"
@@ -20,7 +20,7 @@
         {{#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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="100-copytext"
                 _pictureAddClass="ar-16-9"
@@ -28,7 +28,7 @@
         {{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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="copytext"
                 _pictureAddClass="ar-16-9"

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

@@ -41,7 +41,7 @@
     {{#unless _voting-option}}
         {{#if this.teaseritem}}
             {{#if this.isAudio}}
-                {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
+                {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
                     {{~> components/content/copytext/components/image/image_copyright~}}
                     <span class="mx-1.5">|</span>
                     {{~#with ../this.toModel.mediaBacklinkToStoryTeaser~}}
@@ -56,7 +56,7 @@
                     {{~/with~}}
                 {{~/components/content/copytext/components/image/caption~}}
             {{else}}
-                {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
+                {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
                     {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
                     {{~> components/content/copytext/components/image/image_copyright~}}
                 {{~/components/content/copytext/components/image/collapsible_caption~}}

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 xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 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 [&+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 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}}">
     {{> 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 _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 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _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 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" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _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="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _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" }}
 {{/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 _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 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="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 _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 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" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _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="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 _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" }}
 {{/if}} 

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

@@ -1,9 +1,9 @@
-<div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
+<div class="mt-2 hrds-copytext contents sm:block copytextWrapper">
     {{~#with this.leadAudio }}
         {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
     {{~/with}}    
     {{#each this.copytextParagraph }}
-        {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
+        {{~> components/content/copytext/copytext_body _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext~}}
     {{/each}}
 </div>
 {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story; 

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

@@ -4,7 +4,7 @@
 {{#unless this.isInfoBox}}
     {{~#with this.paragraphBoxItem }}
         {{~#if this.isImage}}
-            {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
+            {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
         {{/if~}}
         {{~#if this.isContentBox}}
             {{~> components/content/copytext/components/contentbox/contentbox _isWebview=../_isWebview ~}}
@@ -28,19 +28,19 @@
             {{> components/content/copytext/components/newsletter }}
         {{/if~}}
         {{~#if this.isAudioOnDemand}}
-            {{> components/content/copytext/components/audio }}
+            {{> components/content/copytext/components/audio _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isAudioEventLivestream}}
-            {{> components/content/copytext/components/audioeventlivestream }}
+            {{> components/content/copytext/components/audioeventlivestream _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isPodcastEpisode}}
             {{> components/content/copytext/components/podcastepisode }}
         {{/if~}}
         {{~#if this.isVideoOnDemand}}
-            {{> components/content/copytext/components/video/video }}
+            {{> components/content/copytext/components/video/video _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isLivestream}}
-            {{> components/content/copytext/components/videolivestream }}
+            {{> components/content/copytext/components/videolivestream _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isTweet}}
             {{> components/content/copytext/components/tweet }}
@@ -65,37 +65,37 @@
 {{~#with this.paragraphTeaserItem }}
     {{~#if this.isTopictag}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isTicker}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isLink}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isStructureNodeDocument}}
         {{#with this.toModel.structureNodeTeaser}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isStory}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isProgram}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isEvent}}
         {{#with this.toModel.eventTeaser}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
 {{~/with}}

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

@@ -1,37 +1,33 @@
+<div class="js-newsletterFormWrapper">
 <form class="c-form o-box -accented -breakout js-form js-load" id="form--{{nextRandom}}" data-hr-new-newsletter='{
-"trackingInformations": {{this.trackingInformations}} }'
-      action="{{configProperty "newsletter.subscription.endpoint"}}" method="post" accept-charset="utf-8">
+"trackingInformations": {{this.trackingInformations}} }' action="{{configProperty "newsletter.subscription.endpoint"}}" method="post" accept-charset="utf-8">
 
-    <div class="c-form__row -expanded">
         {{~> components/forms/components/input
             _type="email"
-            _isEmail="true"
+            _isEmail=true
             _name="email"
             _label="E-Mail"
             _labelClass="hide"
             _description=""
             _wrapperClass=(if this.isHidden "hidden")
             _tabindex=(if this.isHidden "-1")
-            _required="true"
+            _required=true
             _maxLength="140"
             _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
             _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
             _formId=../_formId
         }}
-    </div>
-
-    <div class="c-form__row">
+    
         {{~> components/forms/components/choice
-            _inGroup="false"
+            _inGroup=false
             _type="checkbox"
             _name="checkbox"
             _label=(loca "accept_data_privacy_regulation_link")
-            _description="Das ist der Beschreibungstext von Checkbox"
-            _required="true"
+            _description=""
+            _required=true
             _errorMandatory="Bitte wählen Sie dieses Pflichtfeld aus"
         }}
-        </a>
-    </div>
+  
 
     {{~> components/forms/components/controls }}
 
@@ -59,4 +55,5 @@
     <script type="text/html" class="js-alreadyRegisteredMessage">
             {{{include "components/newsletter/components/newsletter_already_registered" }}}
     </script>
-</form>
+</form>
+</div>

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

@@ -0,0 +1,60 @@
+<form class="c-form o-box -accented -breakout js-form" id="form--{{nextRandom}}"
+      action="{{configProperty "mailserver.newsletter"}}" method="post" enctype="application/x-www-form-urlencoded"
+      accept-charset="utf-8">
+
+        {{~> components/forms/components/input
+            _type="email"
+            _isEmail="true"
+            _name="email"
+            _label="E-Mail"
+            _labelClass="hide"
+            _description=""
+            _wrapperClass=(if this.isHidden "hidden")
+            _tabindex=(if this.isHidden "-1")
+            _required="true"
+            _maxLength="140"
+            _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
+            _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
+            _formId=../_formId
+        }}
+
+        {{> components/forms/components/choiceGroup
+                _name="Registrierung"
+                _required=true
+                _inputClass=""
+                _type="radio"
+                _locaKey="newsletter_subscribe_text"
+                _inGroup=true
+                _isHorizontalLayout=true
+                _multipleChoice=false
+                _formId=../_formId
+                _items=this.items
+        }}
+
+
+   {{~> components/forms/components/controls }}
+
+   {{~> components/forms/components/input
+            _formField=this.formData.INXMAIL_HTTP_REDIRECT
+            _name="INXMAIL_HTTP_REDIRECT"
+            _type="hidden"
+            _value=this.successLink
+            _hasLabel=false
+    }}
+
+    {{~>components/forms/components/input
+            _formField=this.formData.INXMAIL_HTTP_REDIRECT_ERROR
+            _name="INXMAIL_HTTP_REDIRECT_ERROR"
+            _type="hidden"
+            _value=this.errorLink
+            _hasLabel=false
+    }}
+
+    {{~> components/forms/components/input
+            _formField=this.formData.backlink
+            _name="backlink"
+            _type="hidden"
+            _value=this.backlinkUuid
+            _hasLabel=false
+    }}
+</form>

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

@@ -1,30 +1,30 @@
-{{#unless this.useNewNewsletter}}
-    <div id="{{this.uuid}}" class="{{_addClass}} js-load" data-hr-newsletter='{"url": "{{this.url.nocache}}"}'>
+{{#if this.useNewNewsletter}}
+    <div id="{{this.uuid}}" class="{{_addClass}} ">
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
         <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
             {{this.title}}
         </h3>
+        {{#if this.description}}
+        <p class="mt-4 text-base font-copy sm:text-lg sm:mt-5 dark:text-text-dark">
+            {{{this.description}}}
+        </p>
+       {{/if}}
         <div class="js-formWrapper">
-            {{> components/newsletter/components/newsletter_form}}
+            {{> components/newsletter/components/new_newsletter_form}}
         </div>
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
     </div>
 {{else}}
-    <div id="{{this.uuid}}" class="{{_addClass}} ">
+    <div id="{{this.uuid}}" class="{{_addClass}} js-load" data-hr-newsletter-ds='{"url": "{{this.url.nocache}}"}'>
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
         <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
             {{this.title}}
         </h3>
-        {{#if this.description}}
-            <div class="c-form__row">
-                <div class="c-form__label">
-                    {{{this.description}}}
-                </div>
-            </div>
-        {{/if}}
+    
         <div class="js-formWrapper">
-            {{> components/newsletter/components/new_newsletter_form}}
+            {{> components/newsletter/components/newsletter_form}}
         </div>
+       
         {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
     </div>
-{{/unless}}
+ {{/if}}

package/dist/views_static/components/podcast/podcast_player.hbs

@@ -38,7 +38,7 @@
             {{!-- Podcast Image      --}}
             {{#if this.hasTeaserItem}}
               <div class="flex flex-col ">
-                  <div class="w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
+                  <div class="w-18 xs:w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
                       {{> components/base/image/responsive_image this.teaseritem
                               _type="podcastEpisodePlayer"
                               _variant="default"

package/package.json

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

package/src/assets/brand/_default/conf/locatags.json

@@ -17,7 +17,7 @@
     "mediaplayer_play_button_alpine_click": "avStart = !avStart; $dispatch('player_start',{playerId: {0}})",
     "comment_anchor_1": "zu den ",
     "comment_anchor_2": " Kommentaren des Artikels springen",
-    "comment_label_text": "Kommentar",
+    "comment_label_text": "Kommentar", 
     "comment_label_text_many": "Kommentare",
     "copyright_source": "Quelle:",
     "copyright_symbol": "© {0}",
@@ -121,6 +121,19 @@
     "modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
     "modal_user_consent_label_cancel": "Abbrechen",
     "modal_user_consent_label_ok": "Zur externen Internetseite",
+    "newsletter_email": "E-Mail",
+    "newsletter_form_back": "Zurück zum Formular",
+    "newsletter_subscribe": "Anmelden",
+    "newsletter_subscribe_text": "Bitte auswählen:",
+    "newsletter_text_error": "Aufgrund eines technischen Fehlers können wir derzeit Ihre Anfrage nicht bearbeiten. Bitte versuchen Sie es zu einem späteren Zeitpunkt noch einmal.",
+    "newsletter_text_already_registered": "Sollten Sie ihr Abonnement kündigen oder verwalten wollen, können Sie dies <a href=\"https://hessenschau-nl.sr.de/newsletter-login.php\" class=\"{nuc https://hessenschau-nl.sr.de/newsletter-login.php nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">hier<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> tun.",
+    "newsletter_text_registered": "In Zukunft erhalten Sie regelmäßig Mails mit aktuellen Informationen rund um unseren Sender.<br><br>Außerdem bekommen Sie umgehend den zurzeit aktuellen Newsletter zugeschickt.",
+    "newsletter_text_success": "Sie erhalten in wenigen Minuten eine E-Mail an die von Ihnen angegebene Adresse. Erst nach einem Klick auf den darin enthaltenen Bestätigungslink erhalten Sie unseren Newsletter.",
+    "newsletter_title_error": "Das hat leider nicht geklappt!",
+    "newsletter_title_already_registered": "Sie haben den Newsletter bereits abonniert.",
+    "newsletter_title_registered": "Sie haben sich erfolgreich für den Newsletter angemeldet.",
+    "newsletter_title_success": "Vielen Dank für Ihre Anmeldung.",
+    "newsletter_unsubscribe": "Abmelden",
     "poster_copyright": "Bild &copy; {0}",
     "search_input_aria_submit": "Suche starten",
     "search_input_placeholder": "Ort oder Thema suchen",

package/src/stories/views/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 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="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-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_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="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-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" }}
 {{/if}}

package/src/stories/views/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 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="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-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_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="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-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" }}
 {{/if}}

package/src/stories/views/components/content/copytext/components/image/image.hbs

@@ -2,7 +2,7 @@
         {{#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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="100-copytext-portrait"
                 _noAr="true"
@@ -10,7 +10,7 @@
         {{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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="copytext-portrait"
                 _noAr="true"
@@ -20,7 +20,7 @@
         {{#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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="100-copytext"
                 _pictureAddClass="ar-16-9"
@@ -28,7 +28,7 @@
         {{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"
-                _cssClassCaption="mx-5 sm:mx-0"
+                _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
                 _type="story"
                 _variant="copytext"
                 _pictureAddClass="ar-16-9"

package/src/stories/views/components/content/copytext/components/media/media_figure.hbs

@@ -41,7 +41,7 @@
     {{#unless _voting-option}}
         {{#if this.teaseritem}}
             {{#if this.isAudio}}
-                {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
+                {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
                     {{~> components/content/copytext/components/image/image_copyright~}}
                     <span class="mx-1.5">|</span>
                     {{~#with ../this.toModel.mediaBacklinkToStoryTeaser-adjust_context~}}
@@ -56,7 +56,7 @@
                     {{~/with~}}
                 {{~/components/content/copytext/components/image/caption~}}
             {{else}}
-                {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
+                {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
                     {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
                     {{~> components/content/copytext/components/image/image_copyright~}}
                 {{~/components/content/copytext/components/image/collapsible_caption~}}

package/src/stories/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 xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 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 [&+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 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}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

package/src/stories/views/components/content/copytext/components/video/video.hbs

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _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 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _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 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" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _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="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _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" }}
 {{/if}} 

package/src/stories/views/components/content/copytext/components/videolivestream.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 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="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 _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 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" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _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="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 _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" }}
 {{/if}} 

package/src/stories/views/components/content/copytext/copytext.hbs

@@ -1,9 +1,9 @@
-<div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
+<div class="mt-2 hrds-copytext contents sm:block copytextWrapper">
     {{~#with this.leadAudio }}
         {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
     {{~/with}}    
     {{#each this.copytextParagraph }}
-        {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
+        {{~> components/content/copytext/copytext_body _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext~}}
     {{/each}}
 </div>
 {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story; 

package/src/stories/views/components/content/copytext/copytext_body.hbs

@@ -4,7 +4,7 @@
 {{#unless this.isInfoBox}}
     {{~#with this.paragraphBoxItem }}
         {{~#if this.isImage}}
-            {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
+            {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
         {{/if~}}
         {{~#if this.isContentBox}}
             {{~> components/content/copytext/components/contentbox/contentbox _isWebview=../_isWebview ~}}
@@ -28,19 +28,19 @@
             {{> components/content/copytext/components/newsletter }}
         {{/if~}}
         {{~#if this.isAudioOnDemand}}
-            {{> components/content/copytext/components/audio }}
+            {{> components/content/copytext/components/audio _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isAudioEventLivestream}}
-            {{> components/content/copytext/components/audioeventlivestream }}
+            {{> components/content/copytext/components/audioeventlivestream _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isPodcastEpisode}}
             {{> components/content/copytext/components/podcastepisode }}
         {{/if~}}
         {{~#if this.isVideoOnDemand}}
-            {{> components/content/copytext/components/video/video }}
+            {{> components/content/copytext/components/video/video _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isLivestream}}
-            {{> components/content/copytext/components/videolivestream }}
+            {{> components/content/copytext/components/videolivestream _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isTweet}}
             {{> components/content/copytext/components/tweet }}
@@ -65,37 +65,37 @@
 {{~#with this.paragraphTeaserItem }}
     {{~#if this.isTopictag}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isTicker}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isLink}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isStructureNodeDocument}}
         {{#with this.toModel.structureNodeTeaser}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isStory}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isProgram}}
         {{#with this.toModel.baseTeaserDS}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
     {{~#if this.isEvent}}
         {{#with this.toModel.eventTeaser}}
-            {{> components/content/copytext/components/posterteaser }}
+            {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
         {{/with}}
     {{/if~}}
 {{~/with}}