hr-design-system-handlebars 1.59.14 → 1.59.16

package/dist/assets/index.css

@@ -943,10 +943,36 @@ video {
   }
 }
 /* -------------------------INDEXTEXT-TEASER ------------------------ */
-article.indexText ul {
+article.indexTextDS ul {
   list-style-type: disc;
   padding-left: 1rem;
 }
+article.indexTextDS .link {
+  color: #006eb7;
+  color: var(--color-link);
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+  text-decoration-thickness: 1px;
+}
+article.indexTextDS .indexTextHighlighted .link {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+  text-decoration-thickness: 1px;
+}
+/* -----------------------------COPYTEXT ---------------------------- */
+.copytextParagraphDS .link {
+  color: #006eb7;
+  color: var(--color-link);
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+  text-decoration-thickness: 1px;
+}
+[class~='tw-dark'] .copytextParagraphDS .link {
+  color: #006eb7;
+  color: var(--color-link-dark);
+}
 .sr-only {
   position: absolute;
   width: 1px;
@@ -998,6 +1024,9 @@ article.indexText ul {
 .-left-5 {
   left: -1.25rem;
 }
+.-left-8 {
+  left: -2rem;
+}
 .bottom-0 {
   bottom: 0px;
 }
@@ -1023,9 +1052,6 @@ article.indexText ul {
 .left-2\/4 {
   left: 50%;
 }
-.left-5 {
-  left: 1.25rem;
-}
 .left-\[4px\] {
   left: 4px;
 }
@@ -2102,8 +2128,8 @@ article.indexText ul {
 .border-l-2 {
   border-left-width: 2px;
 }
-.border-l-4 {
-  border-left-width: 4px;
+.border-l-\[3px\] {
+  border-left-width: 3px;
 }
 .border-r {
   border-right-width: 1px;
@@ -3281,7 +3307,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1709117666930;
+  counter-reset: cnt1709144261177;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3587,7 +3613,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1709117666930 1;
+  counter-increment: cnt1709144261177 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3603,7 +3629,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1709117666930);
+  content: counter(cnt1709144261177);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5093,6 +5119,22 @@ article.indexText ul {
   --tw-bg-opacity: 1;
   background-color: rgba(203, 213, 225, var(--tw-bg-opacity));
 }
+.hover\:fill-\[\#0f1419\]:hover {
+  fill: #0f1419;
+}
+.hover\:fill-\[\#3b5999\]:hover {
+  fill: #3b5999;
+}
+.hover\:fill-\[\#4dc247\]:hover {
+  fill: #4dc247;
+}
+.hover\:fill-black:hover {
+  fill: #000000;
+}
+.hover\:fill-link-dark:hover {
+  fill: #006eb7;
+  fill: var(--color-link-dark);
+}
 .hover\:fill-media-button:hover {
   fill: #276b9e;
   fill: var(--color-media-button);

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-4 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 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}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -58,13 +58,13 @@
 
     {{#each this.text.split}}
         {{#if this.isText}}
-            <p class="{{#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>
+            <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="{{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-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}} ml-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="{{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-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}} ml-5 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-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
+    <p class="copytextParagraphDS mt-6 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

package/dist/views/components/social_sharing/social_sharing_compact.hbs

@@ -1,6 +1,7 @@
 <div x-data="{
         open: false,
         sharingIsVisible: true,
+        isDesktop: true,
         toggle() {
             var isMobileApple = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)/i);
             var isMobileOther= navigator.userAgent.match(/(Android)|(webOS)|(Blackberry)|(Windows Phone)/i);
@@ -28,8 +29,13 @@
             this.open = false
 
             focusAfter && focusAfter.focus()
+        },
+        checkIfDesktop() {
+            this.isDesktop = (window.innerWidth >= 768) ? true : false 
         }
     }"
+    x-init = "checkIfDesktop()"
+    x-on:resize.window = "checkIfDesktop()"
     x-on:keydown.escape.prevent.stop="close($refs.button)"
     x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
     x-id="['dropdown-button']"
@@ -37,13 +43,17 @@
     x-intersect:leave="sharingIsVisible = false"
     x-intersect:enter="sharingIsVisible = true"
 >
-    <div x-text="sharingIsVisible" class="fixed left-1 top-1"></div>
+    <div class="fixed left-1 top-1">
+        sharingIsVisible:<span x-text="sharingIsVisible" ></span><br>
+        open:<span x-text="open" ></span><br>
+        isDesktop:<span x-text="isDesktop" ></span>
+    </div>
     <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height left-0 w-full': !sharingIsVisible }">
         <div class="" :class="{ 'flex justify-start col-full sm:col-main relative': !sharingIsVisible }">
-            <div class="flex gap-3" :class="{ 'bottom-5 left-5 flex-col absolute bg-white': !sharingIsVisible }">
+            <div class="flex gap-3" :class="{ 'bottom-5 -left-8 flex-col absolute bg-white': !sharingIsVisible }">
                 <button 
                     class="order-2 w-8 h-8 ds-button font-heading active:scale-95 hover:scale-105 group"
-                    :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+                    x-show="!isDesktop"
                     x-ref="button"
                     x-on:click="toggle()"
                     :aria-expanded="open"
@@ -55,11 +65,10 @@
                 <!-- Panel -->
                 <div
                     x-ref="panel"
-                    x-show="open"
+                    x-show="open || isDesktop"
                     x-transition.origin.right
                     x-on:click.outside="close($refs.button)"
                     :id="$id('dropdown-button')"
-                    style="display: none;"
                     class="bg-white"
                 >
                     <ul class="flex gap-3"  :class="{ 'flex-col': ! sharingIsVisible }">

package/dist/views/components/social_sharing/social_sharing_compact_icons.hbs

@@ -1,6 +1,6 @@
 <li>
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -9,12 +9,12 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#0f1419] " _icon="x" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#0f1419] " _icon="x-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -23,12 +23,12 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#3b5999] " _icon="facebook" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#3b5999] " _icon="facebook-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -37,30 +37,30 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#4dc247] " _icon="whatsapp" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#4dc247] " _icon="whatsapp-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="{{this}}"
         title="{{loca "share_mail_linktitle" }}"
         {{#with ../../this.content.trackingData}}
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#006dc1] " _icon="mail" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-black " _icon="kontakt-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="javascript:window.print()"
         title="{{loca "share_print_linktitle" }}"
         {{#with ../this.content.trackingData}}
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#606060] " _icon="print" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-link-dark " _icon="copy-ds" _iconmap="icons" ~}}
     </a>
 </li>

package/dist/views/components/teaser/teaser_indextext.hbs

@@ -1,5 +1,5 @@
 <article
-    class='indexText rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
+    class='indexTextDS rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
         {{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}
         {{~inline-switch
             this.teaserType
@@ -16,10 +16,10 @@
             {{this.title}}
         </h3>
     {{/if}}
-    <p
+    <div
         class='{{#if this.title}}mt-6 {{/if}}text-sm md:text-base font-copy
-            {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
+            {{~inline-switch this.teaserType '["highlighted"]' '[" text-white indexTextHighlighted",""]'}}'
     >
         {{{this.shorttext}}}
-    </p>
+    </div>
 </article>

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-4 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 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}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -58,13 +58,13 @@
 
     {{#each this.text.split}}
         {{#if this.isText}}
-            <p class="{{#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>
+            <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="{{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-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}} ml-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="{{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-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}} ml-5 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-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
+    <p class="copytextParagraphDS mt-6 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

package/dist/views_static/components/social_sharing/social_sharing_compact.hbs

@@ -1,6 +1,7 @@
 <div x-data="{
         open: false,
         sharingIsVisible: true,
+        isDesktop: true,
         toggle() {
             var isMobileApple = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)/i);
             var isMobileOther= navigator.userAgent.match(/(Android)|(webOS)|(Blackberry)|(Windows Phone)/i);
@@ -28,8 +29,13 @@
             this.open = false
 
             focusAfter && focusAfter.focus()
+        },
+        checkIfDesktop() {
+            this.isDesktop = (window.innerWidth >= 768) ? true : false 
         }
     }"
+    x-init = "checkIfDesktop()"
+    x-on:resize.window = "checkIfDesktop()"
     x-on:keydown.escape.prevent.stop="close($refs.button)"
     x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
     x-id="['dropdown-button']"
@@ -37,13 +43,17 @@
     x-intersect:leave="sharingIsVisible = false"
     x-intersect:enter="sharingIsVisible = true"
 >
-    <div x-text="sharingIsVisible" class="fixed left-1 top-1"></div>
+    <div class="fixed left-1 top-1">
+        sharingIsVisible:<span x-text="sharingIsVisible" ></span><br>
+        open:<span x-text="open" ></span><br>
+        isDesktop:<span x-text="isDesktop" ></span>
+    </div>
     <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height left-0 w-full': !sharingIsVisible }">
         <div class="" :class="{ 'flex justify-start col-full sm:col-main relative': !sharingIsVisible }">
-            <div class="flex gap-3" :class="{ 'bottom-5 left-5 flex-col absolute bg-white': !sharingIsVisible }">
+            <div class="flex gap-3" :class="{ 'bottom-5 -left-8 flex-col absolute bg-white': !sharingIsVisible }">
                 <button 
                     class="order-2 w-8 h-8 ds-button font-heading active:scale-95 hover:scale-105 group"
-                    :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+                    x-show="!isDesktop"
                     x-ref="button"
                     x-on:click="toggle()"
                     :aria-expanded="open"
@@ -55,11 +65,10 @@
                 <!-- Panel -->
                 <div
                     x-ref="panel"
-                    x-show="open"
+                    x-show="open || isDesktop"
                     x-transition.origin.right
                     x-on:click.outside="close($refs.button)"
                     :id="$id('dropdown-button')"
-                    style="display: none;"
                     class="bg-white"
                 >
                     <ul class="flex gap-3"  :class="{ 'flex-col': ! sharingIsVisible }">

package/dist/views_static/components/social_sharing/social_sharing_compact_icons.hbs

@@ -1,6 +1,6 @@
 <li>
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -9,12 +9,12 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#0f1419] " _icon="x" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#0f1419] " _icon="x-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -23,12 +23,12 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#3b5999] " _icon="facebook" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#3b5999] " _icon="facebook-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -37,30 +37,30 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#4dc247] " _icon="whatsapp" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#4dc247] " _icon="whatsapp-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="{{this}}"
         title="{{loca "share_mail_linktitle" }}"
         {{#with ../../this.content.trackingData}}
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#006dc1] " _icon="mail" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-black " _icon="kontakt-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+        
         href="javascript:window.print()"
         title="{{loca "share_print_linktitle" }}"
         {{#with ../this.content.trackingData}}
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#606060] " _icon="print" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-link-dark " _icon="copy-ds" _iconmap="icons" ~}}
     </a>
 </li>

package/dist/views_static/components/teaser/teaser_indextext.hbs

@@ -1,5 +1,5 @@
 <article
-    class='indexText rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
+    class='indexTextDS rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
         {{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}
         {{~inline-switch
             this.teaserType
@@ -16,10 +16,10 @@
             {{this.title}}
         </h3>
     {{/if}}
-    <p
+    <div
         class='{{#if this.title}}mt-6 {{/if}}text-sm md:text-base font-copy
-            {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
+            {{~inline-switch this.teaserType '["highlighted"]' '[" text-white indexTextHighlighted",""]'}}'
     >
         {{{this.shorttext}}}
-    </p>
+    </div>
 </article>

package/package.json

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

package/src/assets/brand/you-fm/icons/logo/svgmap.min.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style>.cls-1{fill:#010101;stroke-width:0}</style></defs><symbol id="brandlogo--desk" viewBox="0 0 846 220" preserveAspectRatio="xMidYMid meet"><path class="cls-1" d="m821.51 172.73-10.31-11.64 9.99-10.99h-3.69l-9.44 10.22V150.1h-3.01v22.63h3.01v-10.86l9.76 10.86h3.69Zm-27.22-22.63v16.88l-11.64-16.88h-2.43v22.63h3.01v-16.91l11.64 16.91h2.43V150.1h-3.01Zm-30.04 23.05c4.95 0 8.47-3.1 8.47-8.02V150.1h-2.98v14.91c0 3.14-1.87 5.21-5.5 5.21s-5.5-2.07-5.5-5.21V150.1h-3.01v15.03c0 4.92 3.56 8.02 8.5 8.02m-14.78-20.21v-2.85h-13.03v22.63h3.01v-9.6h9.6v-2.85h-9.6v-7.34h10.02Zm-30.33 16.94h-5.82v-16.94h5.82c4.66 0 7.86 3.69 7.86 8.47s-3.2 8.47-7.86 8.47m0-19.79h-8.83v22.63h8.83c6.24 0 10.73-5.04 10.73-11.32s-4.49-11.32-10.73-11.32m-19.59 0v16.88l-11.64-16.88h-2.42v22.63h3.01V155.8l11.64 16.91h2.43v-22.63h-3.01Zm-30.04 23.05c4.95 0 8.47-3.1 8.47-8.02v-15.03h-2.98v14.91c0 3.14-1.87 5.21-5.5 5.21s-5.5-2.07-5.5-5.21v-14.91h-3.01v15.03c0 4.92 3.56 8.02 8.5 8.02m-27.71-20.24h6.05c2.23 0 4.04 1.87 4.04 4.2s-1.81 4.24-4.04 4.24h-6.05v-8.44Zm10.41 19.82h3.33l-5.34-9.05c2.72-.97 4.69-3.59 4.69-6.56 0-3.88-3.17-7.02-7.05-7.02h-9.05v22.63h3.01v-8.67h5.34l5.08 8.67Zm179.97-50.25h6.05c2.23 0 4.04 1.87 4.04 4.2s-1.81 4.24-4.04 4.24h-6.05v-8.44Zm10.41 19.82h3.33l-5.34-9.05c2.72-.97 4.69-3.59 4.69-6.56 0-3.88-3.17-7.02-7.05-7.02h-9.05v22.63h3.01v-8.66h5.34l5.07 8.66Zm-30.46-2.85v-7.18h9.54v-2.81h-9.54v-6.95h10.35v-2.85h-13.35v22.63h13.52v-2.85H812.1Zm-13.74-19.79v9.6h-10.99v-9.6h-3.01v22.63h3.01v-10.18h10.99v10.18h2.98v-22.63h-2.98Zm-30.07 23.05c4.2 0 7.89-2.2 9.76-5.53l-2.62-1.49c-1.29 2.46-4.04 4.07-7.14 4.07-5.3 0-8.86-3.85-8.86-8.79s3.56-8.83 8.86-8.83c3.1 0 5.85 1.62 7.14 4.11l2.62-1.52c-1.91-3.33-5.59-5.5-9.76-5.5-6.92 0-11.83 5.21-11.83 11.74s4.91 11.74 11.83 11.74m-24.77 0c4.62 0 7.82-2.52 7.82-6.5 0-4.36-3.72-5.53-7.66-6.82-3.17-1-4.75-1.78-4.75-3.88s1.68-3.36 4.11-3.36c2.75 0 4.33 1.55 5.14 3.49l2.52-1.45c-1.26-2.85-3.95-4.95-7.66-4.95s-7.11 2.33-7.11 6.4 3.49 5.34 7.11 6.5c3.33 1.03 5.34 1.81 5.34 4.14 0 2.04-1.58 3.49-4.79 3.49s-5.24-1.62-6.05-4.11l-2.59 1.49c1.2 3.39 4.27 5.56 8.57 5.56m-17.72-.42h3.01v-22.63h-3.01v22.63Zm-14.13.42c4.62 0 7.83-2.52 7.83-6.5 0-4.36-3.72-5.53-7.66-6.82-3.17-1-4.75-1.78-4.75-3.88s1.68-3.36 4.11-3.36c2.75 0 4.33 1.55 5.14 3.49l2.52-1.45c-1.26-2.85-3.94-4.95-7.66-4.95s-7.11 2.33-7.11 6.4 3.49 5.34 7.11 6.5c3.33 1.03 5.33 1.81 5.33 4.14 0 2.04-1.58 3.49-4.79 3.49s-5.24-1.62-6.05-4.11l-2.59 1.49c1.2 3.39 4.27 5.56 8.57 5.56m-20.82 0c4.62 0 7.83-2.52 7.83-6.5 0-4.36-3.72-5.53-7.66-6.82-3.17-1-4.75-1.78-4.75-3.88s1.68-3.36 4.11-3.36c2.75 0 4.33 1.55 5.14 3.49l2.52-1.45c-1.26-2.85-3.94-4.95-7.66-4.95s-7.11 2.33-7.11 6.4 3.49 5.34 7.11 6.5c3.33 1.03 5.34 1.81 5.34 4.14 0 2.04-1.58 3.49-4.79 3.49s-5.24-1.62-6.05-4.11l-2.59 1.49c1.2 3.39 4.27 5.56 8.57 5.56m-24.35-3.27v-7.18h9.54v-2.81h-9.54v-6.95h10.35v-2.85H663.5v22.63h13.52v-2.85h-10.51Zm-13.74-19.79v9.6h-10.99v-9.6h-3.01v22.63h3.01v-10.18h10.99v10.18h2.97v-22.63h-2.97ZM126.78.04l-16.81 16.81L93.16.04H0v96.78l16.81 16.81L0 130.44v89.54h123.42l96.51-96.51V.04h-93.16Zm60.5 109.97-77.3 77.3H32.66v-46.2l27.49-27.49-27.49-27.49V32.7h49.81L109.96 60l27.49-27.3h49.81V110Zm562.44-63.25v62.72h-15.95V75.7l-15.23 25.18h-1.61l-15.14-25.09v33.69h-16.04V46.76h16.04l15.95 26.79 16.04-26.79h15.95Zm-72.25 15.5h-22.49v10.21h22.04v15.5h-22.04v21.5h-16.04V46.75h38.52v15.5ZM605.38 163.9c-9.34 8.08-21.36 12.11-36.06 12.11s-26.73-4.04-36.06-12.11c-9.34-8.07-14.01-18.8-14.01-32.18V46.76h32.36v81.89c0 10.61 5.9 15.91 17.72 15.91s17.72-5.3 17.72-15.91V46.76h32.36v84.97c0 13.38-4.67 24.1-14.01 32.18Zm-117.87-6.96c-12.84 12.72-28.53 19.07-47.09 19.07s-34.26-6.36-47.09-19.07c-12.84-12.71-19.25-28.35-19.25-46.91s6.42-34.2 19.25-46.91c12.84-12.71 28.53-19.07 47.09-19.07s34.26 6.36 47.09 19.07c12.84 12.72 19.25 28.35 19.25 46.91s-6.42 34.2-19.25 46.91Zm-71.5-22.23c6.51 6.45 14.64 9.67 24.41 9.67s17.9-3.22 24.4-9.67c6.51-6.45 9.76-14.67 9.76-24.68s-3.26-18.23-9.76-24.68c-6.51-6.44-14.64-9.67-24.4-9.67s-17.9 3.23-24.41 9.67c-6.51 6.45-9.76 14.68-9.76 24.68s3.25 18.23 9.76 24.68Zm-34.44-87.95-42.66 77.92v48.63h-32.36v-48.27l-42.66-78.28h36.34l22.42 46.82 22.6-46.82h36.34Z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 751 220" preserveAspectRatio="xMidYMid meet"><path d="m126.78.04-16.81 16.81L93.16.04H0v96.78l16.81 16.81L0 130.44v89.54h123.42l96.51-96.51V.04h-93.16Zm60.5 109.97-77.3 77.3H32.66v-46.2l27.49-27.49-27.49-27.49V32.7h49.81L109.96 60l27.49-27.3h49.81V110Zm562.44-63.25v62.72h-15.95V75.7l-15.23 25.18h-1.61l-15.14-25.09v33.69h-16.04V46.76h16.04l15.95 26.79 16.04-26.79h15.95Zm-72.25 15.5h-22.49v10.21h22.04v15.5h-22.04v21.5h-16.04V46.75h38.52v15.5ZM605.38 163.9c-9.34 8.08-21.36 12.11-36.06 12.11s-26.73-4.04-36.06-12.11c-9.34-8.07-14.01-18.8-14.01-32.18V46.76h32.36v81.89c0 10.61 5.9 15.91 17.72 15.91s17.72-5.3 17.72-15.91V46.76h32.36v84.97c0 13.38-4.67 24.1-14.01 32.18Zm-117.87-6.96c-12.84 12.72-28.53 19.07-47.09 19.07s-34.26-6.36-47.09-19.07c-12.84-12.71-19.25-28.35-19.25-46.91s6.42-34.2 19.25-46.91c12.84-12.71 28.53-19.07 47.09-19.07s34.26 6.36 47.09 19.07c12.84 12.72 19.25 28.35 19.25 46.91s-6.42 34.2-19.25 46.91Zm-71.5-22.23c6.51 6.45 14.64 9.67 24.41 9.67s17.9-3.22 24.4-9.67c6.51-6.45 9.76-14.67 9.76-24.68s-3.26-18.23-9.76-24.68c-6.51-6.44-14.64-9.67-24.4-9.67s-17.9 3.23-24.41 9.67c-6.51 6.45-9.76 14.68-9.76 24.68s3.25 18.23 9.76 24.68Zm-34.44-87.95-42.66 77.92v48.63h-32.36v-48.27l-42.66-78.28h36.34l22.42 46.82 22.6-46.82h36.34Z" fill="#010101" stroke-width="0"/></symbol></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style>.cls-1{fill:#010101;stroke-width:0}</style></defs><symbol id="brandlogo--desk" viewBox="0 0 846 220" preserveAspectRatio="xMidYMid meet"><path class="cls-1" d="m821.51 172.73-10.31-11.64 9.99-10.99h-3.69l-9.44 10.22V150.1h-3.01v22.63h3.01v-10.86l9.76 10.86h3.69Zm-27.22-22.63v16.88l-11.64-16.88h-2.43v22.63h3.01v-16.91l11.64 16.91h2.43V150.1h-3.01Zm-30.04 23.05c4.95 0 8.47-3.1 8.47-8.02V150.1h-2.98v14.91c0 3.14-1.87 5.21-5.5 5.21s-5.5-2.07-5.5-5.21V150.1h-3.01v15.03c0 4.92 3.56 8.02 8.5 8.02m-14.78-20.21v-2.85h-13.03v22.63h3.01v-9.6h9.6v-2.85h-9.6v-7.34h10.02Zm-30.33 16.94h-5.82v-16.94h5.82c4.66 0 7.86 3.69 7.86 8.47s-3.2 8.47-7.86 8.47m0-19.79h-8.83v22.63h8.83c6.24 0 10.73-5.04 10.73-11.32s-4.49-11.32-10.73-11.32m-19.59 0v16.88l-11.64-16.88h-2.42v22.63h3.01V155.8l11.64 16.91h2.43v-22.63h-3.01Zm-30.04 23.05c4.95 0 8.47-3.1 8.47-8.02v-15.03h-2.98v14.91c0 3.14-1.87 5.21-5.5 5.21s-5.5-2.07-5.5-5.21v-14.91h-3.01v15.03c0 4.92 3.56 8.02 8.5 8.02m-27.71-20.24h6.05c2.23 0 4.04 1.87 4.04 4.2s-1.81 4.24-4.04 4.24h-6.05v-8.44Zm10.41 19.82h3.33l-5.34-9.05c2.72-.97 4.69-3.59 4.69-6.56 0-3.88-3.17-7.02-7.05-7.02h-9.05v22.63h3.01v-8.67h5.34l5.08 8.67Zm179.97-50.25h6.05c2.23 0 4.04 1.87 4.04 4.2s-1.81 4.24-4.04 4.24h-6.05v-8.44Zm10.41 19.82h3.33l-5.34-9.05c2.72-.97 4.69-3.59 4.69-6.56 0-3.88-3.17-7.02-7.05-7.02h-9.05v22.63h3.01v-8.66h5.34l5.07 8.66Zm-30.46-2.85v-7.18h9.54v-2.81h-9.54v-6.95h10.35v-2.85h-13.35v22.63h13.52v-2.85H812.1Zm-13.74-19.79v9.6h-10.99v-9.6h-3.01v22.63h3.01v-10.18h10.99v10.18h2.98v-22.63h-2.98Zm-30.07 23.05c4.2 0 7.89-2.2 9.76-5.53l-2.62-1.49c-1.29 2.46-4.04 4.07-7.14 4.07-5.3 0-8.86-3.85-8.86-8.79s3.56-8.83 8.86-8.83c3.1 0 5.85 1.62 7.14 4.11l2.62-1.52c-1.91-3.33-5.59-5.5-9.76-5.5-6.92 0-11.83 5.21-11.83 11.74s4.91 11.74 11.83 11.74m-24.77 0c4.62 0 7.82-2.52 7.82-6.5 0-4.36-3.72-5.53-7.66-6.82-3.17-1-4.75-1.78-4.75-3.88s1.68-3.36 4.11-3.36c2.75 0 4.33 1.55 5.14 3.49l2.52-1.45c-1.26-2.85-3.95-4.95-7.66-4.95s-7.11 2.33-7.11 6.4 3.49 5.34 7.11 6.5c3.33 1.03 5.34 1.81 5.34 4.14 0 2.04-1.58 3.49-4.79 3.49s-5.24-1.62-6.05-4.11l-2.59 1.49c1.2 3.39 4.27 5.56 8.57 5.56m-17.72-.42h3.01v-22.63h-3.01v22.63Zm-14.13.42c4.62 0 7.83-2.52 7.83-6.5 0-4.36-3.72-5.53-7.66-6.82-3.17-1-4.75-1.78-4.75-3.88s1.68-3.36 4.11-3.36c2.75 0 4.33 1.55 5.14 3.49l2.52-1.45c-1.26-2.85-3.94-4.95-7.66-4.95s-7.11 2.33-7.11 6.4 3.49 5.34 7.11 6.5c3.33 1.03 5.33 1.81 5.33 4.14 0 2.04-1.58 3.49-4.79 3.49s-5.24-1.62-6.05-4.11l-2.59 1.49c1.2 3.39 4.27 5.56 8.57 5.56m-20.82 0c4.62 0 7.83-2.52 7.83-6.5 0-4.36-3.72-5.53-7.66-6.82-3.17-1-4.75-1.78-4.75-3.88s1.68-3.36 4.11-3.36c2.75 0 4.33 1.55 5.14 3.49l2.52-1.45c-1.26-2.85-3.94-4.95-7.66-4.95s-7.11 2.33-7.11 6.4 3.49 5.34 7.11 6.5c3.33 1.03 5.34 1.81 5.34 4.14 0 2.04-1.58 3.49-4.79 3.49s-5.24-1.62-6.05-4.11l-2.59 1.49c1.2 3.39 4.27 5.56 8.57 5.56m-24.35-3.27v-7.18h9.54v-2.81h-9.54v-6.95h10.35v-2.85H663.5v22.63h13.52v-2.85h-10.51Zm-13.74-19.79v9.6h-10.99v-9.6h-3.01v22.63h3.01v-10.18h10.99v10.18h2.97v-22.63h-2.97ZM126.78.04l-16.81 16.81L93.16.04H0v96.78l16.81 16.81L0 130.44v89.54h123.42l96.51-96.51V.04h-93.16Zm60.5 109.97-77.3 77.3H32.66v-46.2l27.49-27.49-27.49-27.49V32.7h49.81L109.96 60l27.49-27.3h49.81V110Zm562.44-63.25v62.72h-15.95V75.7l-15.23 25.18h-1.61l-15.14-25.09v33.69h-16.04V46.76h16.04l15.95 26.79 16.04-26.79h15.95Zm-72.25 15.5h-22.49v10.21h22.04v15.5h-22.04v21.5h-16.04V46.75h38.52v15.5ZM605.38 163.9c-9.34 8.08-21.36 12.11-36.06 12.11s-26.73-4.04-36.06-12.11c-9.34-8.07-14.01-18.8-14.01-32.18V46.76h32.36v81.89c0 10.61 5.9 15.91 17.72 15.91s17.72-5.3 17.72-15.91V46.76h32.36v84.97c0 13.38-4.67 24.1-14.01 32.18Zm-117.87-6.96c-12.84 12.72-28.53 19.07-47.09 19.07s-34.26-6.36-47.09-19.07c-12.84-12.71-19.25-28.35-19.25-46.91s6.42-34.2 19.25-46.91c12.84-12.71 28.53-19.07 47.09-19.07s34.26 6.36 47.09 19.07c12.84 12.72 19.25 28.35 19.25 46.91s-6.42 34.2-19.25 46.91Zm-71.5-22.23c6.51 6.45 14.64 9.67 24.41 9.67s17.9-3.22 24.4-9.67c6.51-6.45 9.76-14.67 9.76-24.68s-3.26-18.23-9.76-24.68c-6.51-6.44-14.64-9.67-24.4-9.67s-17.9 3.23-24.41 9.67c-6.51 6.45-9.76 14.68-9.76 24.68s3.25 18.23 9.76 24.68Zm-34.44-87.95-42.66 77.92v48.63h-32.36v-48.27l-42.66-78.28h36.34l22.42 46.82 22.6-46.82h36.34Z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 751 220" preserveAspectRatio="xMidYMid meet"><path d="m126.78.04-16.81 16.81L93.16.04H0v96.78l16.81 16.81L0 130.44v89.54h123.42l96.51-96.51V.04h-93.16Zm60.5 109.97-77.3 77.3H32.66v-46.2l27.49-27.49-27.49-27.49V32.7h49.81L109.96 60l27.49-27.3h49.81V110Zm562.44-63.25v62.72h-15.95V75.7l-15.23 25.18h-1.61l-15.14-25.09v33.69h-16.04V46.76h16.04l15.95 26.79 16.04-26.79h15.95Zm-72.25 15.5h-22.49v10.21h22.04v15.5h-22.04v21.5h-16.04V46.75h38.52v15.5ZM605.38 163.9c-9.34 8.08-21.36 12.11-36.06 12.11s-26.73-4.04-36.06-12.11c-9.34-8.07-14.01-18.8-14.01-32.18V46.76h32.36v81.89c0 10.61 5.9 15.91 17.72 15.91s17.72-5.3 17.72-15.91V46.76h32.36v84.97c0 13.38-4.67 24.1-14.01 32.18Zm-117.87-6.96c-12.84 12.72-28.53 19.07-47.09 19.07s-34.26-6.36-47.09-19.07c-12.84-12.71-19.25-28.35-19.25-46.91s6.42-34.2 19.25-46.91c12.84-12.71 28.53-19.07 47.09-19.07s34.26 6.36 47.09 19.07c12.84 12.72 19.25 28.35 19.25 46.91s-6.42 34.2-19.25 46.91Zm-71.5-22.23c6.51 6.45 14.64 9.67 24.41 9.67s17.9-3.22 24.4-9.67c6.51-6.45 9.76-14.67 9.76-24.68s-3.26-18.23-9.76-24.68c-6.51-6.44-14.64-9.67-24.4-9.67s-17.9 3.23-24.41 9.67c-6.51 6.45-9.76 14.68-9.76 24.68s3.25 18.23 9.76 24.68Zm-34.44-87.95-42.66 77.92v48.63h-32.36v-48.27l-42.66-78.28h36.34l22.42 46.82 22.6-46.82h36.34Z" fill="#010101" stroke-width="0"/></symbol><symbol id="brandlogo--tiny" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#010101"/></symbol></svg>

package/src/assets/css/custom-components.css

@@ -292,6 +292,19 @@
 }
 
 /* -------------------------INDEXTEXT-TEASER ------------------------ */
-article.indexText ul {
+article.indexTextDS ul {
     @apply pl-4 list-disc;
 }
+
+article.indexTextDS .link {
+    @apply underline text-link decoration-1;
+}
+
+article.indexTextDS .indexTextHighlighted .link {
+    @apply text-white underline decoration-1;
+}
+
+/* -----------------------------COPYTEXT ---------------------------- */
+.copytextParagraphDS .link {
+    @apply underline text-link decoration-1 dark:text-link-dark;
+}

package/src/assets/icons/icons/svgmap/copy-ds.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="kontakt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve">
+<g>
+	<path d="M191.5,200L191.5,200l-9.5,13.2c-1.4,2-3.2,3.6-5.2,4.8c-2,1.3-4.3,2.1-6.7,2.5l0,0c-5,0.8-9.8-0.5-13.6-3.2
+		c-3.8-2.7-6.5-6.9-7.3-11.8l0,0c-0.4-2.4-0.3-4.8,0.2-7.1c0.5-2.3,1.5-4.5,2.9-6.4l9.5-13.2c5.2-7.2-5.7-15.1-11-7.9l-9.5,13.2
+		c-2.4,3.4-4.2,7.2-5.1,11.2c-0.9,4.1-1.1,8.3-0.4,12.4c1.4,8.7,6.2,15.9,12.8,20.6c6.6,4.7,15,6.9,23.6,5.5
+		c4.1-0.7,8.1-2.1,11.6-4.3c3.4-2.1,6.5-5,9-8.4l9.5-13.2C207.6,200.7,196.7,192.8,191.5,200z"/>
+	<path d="M217.6,50.2c0-5.3-4.3-9.7-9.7-9.7H63.8c-15.2,0-27.5,12.4-27.5,27.5v157.6c0,5.3,4.3,9.7,9.7,9.7s9.7-4.3,9.7-9.7V68
+		c0-4.5,3.7-8.2,8.2-8.2H208C213.3,59.8,217.6,55.5,217.6,50.2z"/>
+	<path d="M180.7,195.9l18-27.1c5.2-7.2-5.7-15.1-10.9-7.9l-18,27.2C164.6,195.3,175.5,203.1,180.7,195.9z"/>
+	<path d="M219.6,128.9c-6.6-4.7-15-6.9-23.6-5.5c-4.1,0.7-8.1,2.1-11.6,4.3c-3.5,2.2-6.6,5-9,8.4l-9.7,13.4
+		c-5.2,7.2,5.8,15.1,11,7.9v0l9.7-13.4c1.4-1.9,3.1-3.6,5.2-4.8c2.1-1.3,4.3-2.1,6.7-2.5c5-0.8,9.8,0.4,13.6,3.2
+		c3.8,2.7,6.5,6.9,7.3,11.9c0.4,2.3,0.3,4.8-0.2,7.1c-0.5,2.3-1.5,4.5-2.9,6.4l-9.7,13.4c-5.2,7.2,5.8,15.1,11,7.9l9.7-13.4
+		c2.4-3.4,4.2-7.2,5.1-11.2c0.9-4.1,1.1-8.3,0.4-12.4C231,140.9,226.2,133.6,219.6,128.9z"/>
+	<path d="M256.2,84.8H112c-15.2,0-27.5,12.4-27.5,27.5V252c0,15.1,12.4,27.5,27.5,27.5h144.2c15.1,0,27.5-12.5,27.5-27.5V112.3
+		C283.8,97.1,271.4,84.8,256.2,84.8z M264.5,252c0,4.5-3.7,8.2-8.2,8.2H112c-4.5,0-8.2-3.7-8.2-8.2V112.3c0-4.5,3.7-8.2,8.2-8.2
+		h144.2c4.5,0,8.2,3.7,8.2,8.2V252z"/>
+</g>
+</svg>