hr-design-system-handlebars 1.80.2 → 1.80.4

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.80.4 (Wed Jul 10 2024)
+
+#### 🐛 Bug Fix
+
+- revise spaces in copytext [#997](https://github.com/mumprod/hr-design-system-handlebars/pull/997) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.80.3 (Wed Jul 10 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-3227 - Infobox: Umlaut-Großbuchstaben haben keine Punkte [#994](https://github.com/mumprod/hr-design-system-handlebars/pull/994) ([@vascoeduardo](https://github.com/vascoeduardo) [@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 2
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.80.2 (Wed Jul 10 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1262,10 +1262,6 @@ article.indexTextDS .indexTextHighlighted .link {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-}
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -1290,10 +1286,6 @@ article.indexTextDS .indexTextHighlighted .link {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
-.my-7 {
-  margin-top: 1.75rem;
-  margin-bottom: 1.75rem;
-}
 .\!mt-4 {
   margin-top: 1rem !important;
 }
@@ -1342,9 +1334,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .-mt-\[33px\] {
   margin-top: -33px;
 }
-.-mt-\[4px\] {
-  margin-top: -4px;
-}
 .-mt-px {
   margin-top: -1px;
 }
@@ -1357,9 +1346,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .mb-10 {
   margin-bottom: 2.5rem;
 }
-.mb-12 {
-  margin-bottom: 3rem;
-}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -1450,9 +1436,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .mt-10 {
   margin-top: 2.5rem;
 }
-.mt-11 {
-  margin-top: 2.75rem;
-}
 .mt-12 {
   margin-top: 3rem;
 }
@@ -2802,6 +2785,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .pb-6 {
   padding-bottom: 1.5rem;
 }
+.pb-8 {
+  padding-bottom: 2rem;
+}
 .pb-9 {
   padding-bottom: 2.25rem;
 }
@@ -2830,6 +2816,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .pl-8 {
   padding-left: 2rem;
 }
+.pl-9 {
+  padding-left: 2.25rem;
+}
 .pr-10 {
   padding-right: 2.5rem;
 }
@@ -3399,7 +3388,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1720608891990;
+  counter-reset: cnt1720612355799;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3797,7 +3786,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1720608891990 1;
+  counter-increment: cnt1720612355799 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3813,7 +3802,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1720608891990);
+  content: counter(cnt1720612355799);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5935,9 +5924,12 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-bottom: 1.25rem;
   }
 
-  .sm480\:my-7 {
-    margin-top: 1.75rem;
-    margin-bottom: 1.75rem;
+  .sm480\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .sm480\:mb-5 {
+    margin-bottom: 1.25rem;
   }
 
   .sm480\:mb-7 {
@@ -5952,6 +5944,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-right: 1.25rem;
   }
 
+  .sm480\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
   .sm480\:mt-4 {
     margin-top: 1rem;
   }
@@ -5964,6 +5960,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-top: 1.375rem;
   }
 
+  .sm480\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
   .sm480\:mt-7 {
     margin-top: 1.75rem;
   }
@@ -6188,8 +6188,8 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-bottom: 3.5rem;
   }
 
-  .sm\:mb-7 {
-    margin-bottom: 1.75rem;
+  .sm\:mb-5 {
+    margin-bottom: 1.25rem;
   }
 
   .sm\:mb-8 {
@@ -6224,16 +6224,12 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-top: 0.375rem;
   }
 
-  .sm\:mt-12 {
-    margin-top: 3rem;
-  }
-
   .sm\:mt-14 {
     margin-top: 3.5rem;
   }
 
-  .sm\:mt-7 {
-    margin-top: 1.75rem;
+  .sm\:mt-6 {
+    margin-top: 1.5rem;
   }
 
   .sm\:block {
@@ -6353,8 +6349,8 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     padding-bottom: 0.5rem;
   }
 
-  .sm\:pb-6 {
-    padding-bottom: 1.5rem;
+  .sm\:pb-9 {
+    padding-bottom: 2.25rem;
   }
 
   .sm\:pl-0 {

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

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

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

@@ -1,4 +1,4 @@
-<div class="mt-3 text-xs sm480:text-sm sm480:mt-5 text-gray-scorpion dark:text-text-dark font-headingSerif">
+<div class="mt-2 text-xs sm480:mt-4 sm480:text-sm sm480:mt-5 text-gray-scorpion dark:text-text-dark font-headingSerif">
     {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
         {{#each this.text.split}}
             {{#if this.isText}}

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

@@ -1,4 +1,4 @@
-<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-7{{else}}mr-0 sm:mr-5 mb-0 sm:mb-7 mt-7 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}mr-0 sm:mr-5 mb-2 sm:mb-5 mt-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{> components/base/image/icon _icon="quotation"  _addClass="sm:ml-4 mr-2 mt-px float-left text-gray-scorpion w-6 h-6 sm480:w-8 sm480:h-8 fill-current dark:fill-link-dark"}}
     <span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
     <blockquote>

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

@@ -1,3 +1,3 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}clear-both my-12 sm:my-14 {{else}}mb-12 sm:mb-14 sm:mt-7 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}clear-both mt-12 mb-8 sm:mt-14 sm:mb-14 {{else}}mb-8 sm:mb-5 sm:mt-6 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -4,7 +4,7 @@
     <div class="border-y border-gray-boulder overflow-auto contentbox-box mt-13 mb-5 sm480:pb-7.5 pb-5 sm:px-0 px-5.5 {{#unless this.showFullSize.isTrue}} mt-7.5 mb-6 mr-0 sm:mr-6 md:w-6/12 float-left{{/unless}}">
         {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
         {{#if this.title}}
-            <h3 class="mt-6 -mb-1 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+            <h3 class="mt-6 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
         {{/if}}         
         {{> modules/story/copytext-contentbox ~}}
         {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}

package/dist/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs

@@ -2,7 +2,7 @@
     
     {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
     
-    <h3 class="text-lg -mt-[4px] sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+    <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
 
     {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
         {{~#if this.isImage}}

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

@@ -1,4 +1,4 @@
-<h2 class="clear-both text-2xl sm480:text-3xl font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
+<h2 class="clear-both mt-12 text-2xl sm480:text-3xl font-headingSerif sm480:mt-14 dark:text-text-dark">{{{this.text}}}</h2>
 {{#with this.paragraphProperties.[0]}}
     {{#with this.faqAnswer}}
         {{#each this.split}}

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

@@ -11,7 +11,7 @@
 
     {{#with this.toModel.mediaBacklinkToStoryTeaser}}
         {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
-            <h3 class="mt-2.5 text-lg -mt-[4px] sm480:text-xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+            <h3 class="mt-2.5 text-lg sm480:text-xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
             {{~#if this.isForeignBrand}}
                 <span>[{{this.readMore}}]</span>
             {{/if}}

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

@@ -1 +1 @@
-<h2 class="clear-both text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
+<h2 class="clear-both mt-12 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif sm480:mt-14 dark:text-text-dark">{{{this.text}}}</h2>

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

@@ -1,7 +1,7 @@
 {{#if this.showPortrait.isTrue }}
         {{#if this.showFullSize.isTrue }}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 clear-both article-full-width sm:article-narrow"
+                _cssClass="mt-12 mb-8 sm480:mt-14 sm480:mb-14 clear-both article-full-width sm:article-narrow"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="100-copytext-portrait"
@@ -9,7 +9,7 @@
                 _isWebview=_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="mt-12 mb-8 sm480:mt-6 sm480:mb-5 sm480: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"
                 _type="story"
                 _variant="copytext-portrait"
@@ -19,7 +19,7 @@
 {{else}}
         {{#if this.showFullSize.isTrue}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 clear-both article-full-width sm:article-narrow"
+                _cssClass="mt-12 mb-8 sm480:mt-14 sm480:mb-14 clear-both article-full-width sm:article-narrow"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="100-copytext"
@@ -27,7 +27,7 @@
                 _isWebview=_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 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 page-break-inside-avoid"
+                _cssClass="mt-12 mb-8 sm480:mt-6 sm480: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 page-break-inside-avoid"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="copytext"

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

@@ -3,7 +3,7 @@
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
 
     {{~#if this.paragraphProperties.[0].title}}
-        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
+        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
     {{/if}}
 
     {{~#with this.paragraphBoxItem }}
@@ -61,10 +61,10 @@
             <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
     {{~#block "subParagraphs"}}{{/block~}}

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 lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-4 sm480:mt-5 text-lg leading-normal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pl-9 mt-4 sm480:mt-5 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="pl-9 mt-4 sm480:mt-5 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

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

@@ -1,3 +1,3 @@
-<div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
+<div class="{{#if this.showFullSize.isTrue }}clear-both mt-12 mb-8 sm:mt-14 sm:mb-14{{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
     {{> components/teaser/podcast/podcast _isCopytext=true }} 
 </div>

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

@@ -1,3 +1,3 @@
-<div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
+<div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-8 sm:pb-9 mt-12 sm:mt-14 {{else}}sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

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

@@ -1,4 +1,4 @@
-<div class="contents sm:block copytextWrapper">
+<div class="mt-2 contents sm:block copytextWrapper">
     {{~#with this.leadAudio }}
         {{> components/content/copytext/components/media/media_figure _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}}    

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

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

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

@@ -1,4 +1,4 @@
-<div class="mt-3 text-xs sm480:text-sm sm480:mt-5 text-gray-scorpion dark:text-text-dark font-headingSerif">
+<div class="mt-2 text-xs sm480:mt-4 sm480:text-sm sm480:mt-5 text-gray-scorpion dark:text-text-dark font-headingSerif">
     {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
         {{#each this.text.split}}
             {{#if this.isText}}

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

@@ -1,4 +1,4 @@
-<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-7{{else}}mr-0 sm:mr-5 mb-0 sm:mb-7 mt-7 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}mr-0 sm:mr-5 mb-2 sm:mb-5 mt-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{> components/base/image/icon _icon="quotation"  _addClass="sm:ml-4 mr-2 mt-px float-left text-gray-scorpion w-6 h-6 sm480:w-8 sm480:h-8 fill-current dark:fill-link-dark"}}
     <span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
     <blockquote>

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

@@ -1,3 +1,3 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}clear-both my-12 sm:my-14 {{else}}mb-12 sm:mb-14 sm:mt-7 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}clear-both mt-12 mb-8 sm:mt-14 sm:mb-14 {{else}}mb-8 sm:mb-5 sm:mt-6 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -4,7 +4,7 @@
     <div class="border-y border-gray-boulder overflow-auto contentbox-box mt-13 mb-5 sm480:pb-7.5 pb-5 sm:px-0 px-5.5 {{#unless this.showFullSize.isTrue}} mt-7.5 mb-6 mr-0 sm:mr-6 md:w-6/12 float-left{{/unless}}">
         {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
         {{#if this.title}}
-            <h3 class="mt-6 -mb-1 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+            <h3 class="mt-6 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
         {{/if}}         
         {{> modules/story/copytext-contentbox ~}}
         {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}

package/dist/views_static/components/content/copytext/components/contentbox/storybook-contentbox.hbs

@@ -2,7 +2,7 @@
     
     {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
     
-    <h3 class="text-lg -mt-[4px] sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+    <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
 
     {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
         {{~#if this.isImage}}

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

@@ -1,4 +1,4 @@
-<h2 class="clear-both text-2xl sm480:text-3xl font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
+<h2 class="clear-both mt-12 text-2xl sm480:text-3xl font-headingSerif sm480:mt-14 dark:text-text-dark">{{{this.text}}}</h2>
 {{#with this.paragraphProperties.[0]}}
     {{#with this.faqAnswer}}
         {{#each this.split}}

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

@@ -11,7 +11,7 @@
 
     {{#with this.toModel.mediaBacklinkToStoryTeaser}}
         {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
-            <h3 class="mt-2.5 text-lg -mt-[4px] sm480:text-xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+            <h3 class="mt-2.5 text-lg sm480:text-xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
             {{~#if this.isForeignBrand}}
                 <span>[{{this.readMore}}]</span>
             {{/if}}

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

@@ -1 +1 @@
-<h2 class="clear-both text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
+<h2 class="clear-both mt-12 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif sm480:mt-14 dark:text-text-dark">{{{this.text}}}</h2>

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

@@ -1,7 +1,7 @@
 {{#if this.showPortrait.isTrue }}
         {{#if this.showFullSize.isTrue }}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 clear-both article-full-width sm:article-narrow"
+                _cssClass="mt-12 mb-8 sm480:mt-14 sm480:mb-14 clear-both article-full-width sm:article-narrow"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="100-copytext-portrait"
@@ -9,7 +9,7 @@
                 _isWebview=_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="mt-12 mb-8 sm480:mt-6 sm480:mb-5 sm480: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"
                 _type="story"
                 _variant="copytext-portrait"
@@ -19,7 +19,7 @@
 {{else}}
         {{#if this.showFullSize.isTrue}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 clear-both article-full-width sm:article-narrow"
+                _cssClass="mt-12 mb-8 sm480:mt-14 sm480:mb-14 clear-both article-full-width sm:article-narrow"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="100-copytext"
@@ -27,7 +27,7 @@
                 _isWebview=_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 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 page-break-inside-avoid"
+                _cssClass="mt-12 mb-8 sm480:mt-6 sm480: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 page-break-inside-avoid"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="copytext"

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

@@ -3,7 +3,7 @@
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
 
     {{~#if this.paragraphProperties.[0].title}}
-        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
+        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
     {{/if}}
 
     {{~#with this.paragraphBoxItem }}
@@ -61,10 +61,10 @@
             <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
     {{~#block "subParagraphs"}}{{/block~}}

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 lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-4 sm480:mt-5 text-lg leading-normal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pl-9 mt-4 sm480:mt-5 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="pl-9 mt-4 sm480:mt-5 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

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

@@ -1,3 +1,3 @@
-<div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
+<div class="{{#if this.showFullSize.isTrue }}clear-both mt-12 mb-8 sm:mt-14 sm:mb-14{{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
     {{> components/teaser/podcast/podcast _isCopytext=true }} 
 </div>

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

@@ -1,3 +1,3 @@
-<div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
+<div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-8 sm:pb-9 mt-12 sm:mt-14 {{else}}sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

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

@@ -1,4 +1,4 @@
-<div class="contents sm:block copytextWrapper">
+<div class="mt-2 contents sm:block copytextWrapper">
     {{~#with this.leadAudio }}
         {{> components/content/copytext/components/media/media_figure _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}}    

package/package.json

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

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

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

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

@@ -1,4 +1,4 @@
-<div class="mt-3 text-xs sm480:text-sm sm480:mt-5 text-gray-scorpion dark:text-text-dark font-headingSerif">
+<div class="mt-2 text-xs sm480:mt-4 sm480:text-sm sm480:mt-5 text-gray-scorpion dark:text-text-dark font-headingSerif">
     {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
         {{#each this.text.split}}
             {{#if this.isText}}

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

@@ -1,4 +1,4 @@
-<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-7{{else}}mr-0 sm:mr-5 mb-0 sm:mb-7 mt-7 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}mr-0 sm:mr-5 mb-2 sm:mb-5 mt-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{> components/base/image/icon _icon="quotation"  _addClass="sm:ml-4 mr-2 mt-px float-left text-gray-scorpion w-6 h-6 sm480:w-8 sm480:h-8 fill-current dark:fill-link-dark"}}
     <span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
     <blockquote>

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

@@ -1,3 +1,3 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}clear-both my-12 sm:my-14 {{else}}mb-12 sm:mb-14 sm:mt-7 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}clear-both mt-12 mb-8 sm:mt-14 sm:mb-14 {{else}}mb-8 sm:mb-5 sm:mt-6 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -4,7 +4,7 @@
     <div class="border-y border-gray-boulder overflow-auto contentbox-box mt-13 mb-5 sm480:pb-7.5 pb-5 sm:px-0 px-5.5 {{#unless this.showFullSize.isTrue}} mt-7.5 mb-6 mr-0 sm:mr-6 md:w-6/12 float-left{{/unless}}">
         {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
         {{#if this.title}}
-            <h3 class="mt-6 -mb-1 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+            <h3 class="mt-6 text-lg font-normal contentbox-title font-headingSerif dark:text-text-dark">{{this.title}}</h3>
         {{/if}}         
         {{> modules/story/copytext-contentbox ~}}
         {{~> components/base/a11y/hiddenText _locaTag="story_infobox_outro_sr" ~}}

package/src/stories/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs

@@ -2,7 +2,7 @@
     
     {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
     
-    <h3 class="text-lg -mt-[4px] sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+    <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
 
     {{~#with this.copytextParagraph.[0].paragraphBoxItem }}
         {{~#if this.isImage}}

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

@@ -1,4 +1,4 @@
-<h2 class="clear-both text-2xl sm480:text-3xl font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
+<h2 class="clear-both mt-12 text-2xl sm480:text-3xl font-headingSerif sm480:mt-14 dark:text-text-dark">{{{this.text}}}</h2>
 {{#with this.paragraphProperties.[0]}}
     {{#with this.faqAnswer}}
         {{#each this.split}}

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

@@ -11,7 +11,7 @@
 
     {{#with this.toModel.mediaBacklinkToStoryTeaser}}
         {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
-            <h3 class="mt-2.5 text-lg -mt-[4px] sm480:text-xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+            <h3 class="mt-2.5 text-lg sm480:text-xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
             {{~#if this.isForeignBrand}}
                 <span>[{{this.readMore}}]</span>
             {{/if}}

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

@@ -1 +1 @@
-<h2 class="clear-both text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
+<h2 class="clear-both mt-12 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif sm480:mt-14 dark:text-text-dark">{{{this.text}}}</h2>

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

@@ -1,7 +1,7 @@
 {{#if this.showPortrait.isTrue }}
         {{#if this.showFullSize.isTrue }}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 clear-both article-full-width sm:article-narrow"
+                _cssClass="mt-12 mb-8 sm480:mt-14 sm480:mb-14 clear-both article-full-width sm:article-narrow"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="100-copytext-portrait"
@@ -9,7 +9,7 @@
                 _isWebview=_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="mt-12 mb-8 sm480:mt-6 sm480:mb-5 sm480: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"
                 _type="story"
                 _variant="copytext-portrait"
@@ -19,7 +19,7 @@
 {{else}}
         {{#if this.showFullSize.isTrue}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 clear-both article-full-width sm:article-narrow"
+                _cssClass="mt-12 mb-8 sm480:mt-14 sm480:mb-14 clear-both article-full-width sm:article-narrow"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="100-copytext"
@@ -27,7 +27,7 @@
                 _isWebview=_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="my-6 sm480:my-7 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 page-break-inside-avoid"
+                _cssClass="mt-12 mb-8 sm480:mt-6 sm480: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 page-break-inside-avoid"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="copytext"

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

@@ -3,7 +3,7 @@
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
 
     {{~#if this.paragraphProperties.[0].title}}
-        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
+        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
     {{/if}}
 
     {{~#with this.paragraphBoxItem }}
@@ -61,10 +61,10 @@
             <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-9 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
     {{~#block "subParagraphs"}}{{/block~}}

package/src/stories/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 lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-4 sm480:mt-5 text-lg leading-normal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="pl-9 mt-4 sm480:mt-5 overflow-hidden text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="pl-5 mt-6 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="pl-9 mt-4 sm480:mt-5 overflow-hidden text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl lg:leading-7.5 dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

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

@@ -1,3 +1,3 @@
-<div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
+<div class="{{#if this.showFullSize.isTrue }}clear-both mt-12 mb-8 sm:mt-14 sm:mb-14{{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
     {{> components/teaser/podcast/podcast _isCopytext=true }} 
 </div>

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

@@ -1,3 +1,3 @@
-<div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
+<div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-8 sm:pb-9 mt-12 sm:mt-14 {{else}}sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

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

@@ -1,4 +1,4 @@
-<div class="contents sm:block copytextWrapper">
+<div class="mt-2 contents sm:block copytextWrapper">
     {{~#with this.leadAudio }}
         {{> components/content/copytext/components/media/media_figure _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}}