hr-design-system-handlebars 1.50.16 → 1.50.18

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

@@ -0,0 +1,41 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Image-component</div>
+{{~else~}}
+
+    {{#if this.showPortrait.isTrue }}
+        {{#if this.showFullSize.isTrue }}
+            {{> modules/figure/figure
+                _cssClass="copytext__clearBox"
+                _type="story"
+                _variant="100-copytext-portrait"
+                _noAr="true"
+                _pictureAddClass="copytext__box__picture"
+                _isWebview=../../_isWebview}}
+        {{else}}
+            {{> modules/figure/figure
+                _cssClass="copytext__box"
+                _type="story"
+                _variant="copytext-portrait"
+                _noAr="true"
+                _pictureAddClass="copytext__box__picture"
+                _isWebview=../../_isWebview}}
+        {{/if}}
+    {{else}}
+        {{#if this.showFullSize.isTrue}}
+            {{> modules/figure/figure
+                _cssClass="copytext__clearBox"
+                _type="story"
+                _variant="100-copytext"
+                _pictureAddClass="ar--16x9 copytext__box__picture"
+                _isWebview=../../_isWebview}}
+        {{else}}
+            {{> modules/figure/figure
+                _cssClass="copytext__box"
+                _type="story"
+                _variant="copytext"
+                _pictureAddClass="ar--16x9 copytext__box__picture"
+                _isWebview=../../_isWebview}}
+        {{/if}}
+    {{/if}}
+
+{{~/if~}}

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

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Infobox-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/infobox ~}}
+{{~/if~}} 

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

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Jobposting-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/jobposting ~}}
+{{~/if~}}

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

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Livestream-component</div>
+{{~else~}}
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_livestream__intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
+    {{/if}}
+{{~/if~}} 

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

@@ -0,0 +1,46 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Map-component</div>
+{{~else~}}
+    {{> content/geomap/page/components/map
+        _addClass="copytext__clearBox"
+        _id=this.uuid
+        _tilesURL=this.mapTilesUrl
+        _iconURLStyle1=this.markerIconUrl
+        _iconURLStyle2=this.markerIconUrlS2
+        _iconURLStyle3=this.markerIconUrlS3
+        _markerList=this.showMarkerList
+        _fixedTooltip=this.showFixedTooltip
+        _markerCluster=this.showMarkercluster
+        _showOwnLocation=this.showOwnLocation
+        _initView=this.initView
+        _initLat=this.initViewLat
+        _initLng=this.initViewLong
+        _initZoom=this.initZoom
+        _border=this.showBorders
+        _colorBorder=this.borderColor
+        _borderStrokeWeight=this.borderStrokeWeight
+        _countryFillColor=this.countryFillColor
+        _countryFillOpacity=this.countryFillOpacity
+        _colorAreasStyle1=this.polygonColor
+        _opacityAreasStyle1=this.polygonOpacity
+        _weightAreasStyle1=this.polygonWeight
+        _colorAreasStyle2=this.polygonColorS2
+        _opacityAreasStyle2=this.polygonOpacityS2
+        _weightAreasStyle2=this.polygonWeightS2
+        _colorAreasStyle3=this.polygonColorS3
+        _opacityAreasStyle3=this.polygonOpacityS3
+        _weightAreasStyle3=this.polygonWeightS3
+        _colorLinesStyle1=this.polylineColor
+        _weightLinesStyle1=this.polylineWeight
+        _colorLinesStyle2=this.polylineColorS2
+        _weightLinesStyle2=this.polylineWeightS2
+        _colorLinesStyle3=this.polylineColorS3
+        _weightLinesStyle3=this.polylineWeightS3
+        _aspectRatio=this.mapAspectRatio
+        _initZoomMax=this.initZoomMax
+        _initZoomMin=this.initZoomMin
+        _clusterMinIconURL=this.clusterMinIconUrl
+        _clusterMedIconURL=this.clusterMedIconUrl
+        _clusterMaxIconURL=this.clusterMaxIconUrl
+    }}
+{{~/if~}} 

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

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Newsletter-component</div>
+{{~else~}}
+    {{> modules/newsletter/newsletter _addClass="copytext__clearBox marginTrailer--m"}}
+{{~/if~}}    

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

@@ -0,0 +1,11 @@
+{{#each this.text.split}}
+    {{#if this.isText}}
+        <p class="mt-6 text-base sm480:text-lg dark:text-text-dark">{{{this.text}}}</p>
+    {{/if}}
+    {{#if this.isUl}}
+        <ul class="mt-6 ml-5 text-base list-disc sm480:text-lg dark:text-text-dark">{{{this.text}}}</ul>
+    {{/if}}
+    {{#if this.isOl}}
+        <ol class="mt-6 ml-5 text-base list-decimal sm480:text-lg dark:text-text-dark">{{{this.text}}}</ol>
+    {{/if}}
+{{/each}}

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

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Podcast-episode-component</div>
+{{~else~}}
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{/if}}
+{{~/if~}}

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

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Posterteaser-component</div>
+{{~else~}}
+    {{> modules/teaser/poster-teaser/posterTeaser-story}}
+{{~/if~}} 

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

@@ -0,0 +1,11 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Radioplaylist-component</div>
+{{~else~}}
+    {{#with this.toModel.songvoteParagraphBox}}
+        {{#if this.showRanking }}
+            <div class="copytext__clearBox marginTrailer--m">
+                {{{this.rankingSSI}}}
+            </div>
+        {{/if}}
+    {{/with}}
+{{~/if~}} 

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

@@ -0,0 +1,7 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Tweet-component</div>
+{{~else~}}
+    {{#with this.toModel.tweet}}
+        {{> modules/twitter/copytext_twitter _addClass="copytext__clearBox" }}
+    {{/with}}
+{{~/if~}} 

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

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Video-component</div>
+{{~else~}}
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _fullSize=true _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _fullSize=false _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{/if}}
+{{~/if~}}

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

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Voting-component</div>
+{{~else~}}
+    {{#if this.isMultiVote}}
+        {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="copytext__clearBox"}}
+    {{else}}
+        {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="copytext__clearBox"}}
+    {{/if}}
+{{~/if~}}

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

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Webform-component</div>
+{{~else~}}
+    {{> content/webform/components/webform _addClass="copytext__clearBox marginTrailer--m"}}
+{{~/if~}}     

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

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

package/dist/views_static/components/footer/page_footer.hbs

@@ -1,4 +1,5 @@
-<footer class="flex justify-center w-full text-base border-t cy-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
+<footer class="relative flex justify-center w-full text-base border-t cy-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
+    <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div>
     <div class="flex md:container lg:px-10">
         <span class="hidden">Footer Navigation</span>
                 

package/dist/views_static/components/navigation/breadcrumb/breadcrumb.hbs

@@ -1,7 +1,8 @@
-<nav id="breadcrumb-nav" class="print:hidden{{~#unless this.showBreadcrumbTitleAlways}} hide-last-item-below-sm{{/unless~}}"
-        role="navigation"
-        aria-label="{{loca "breadcrumb_headline"}}"
->   <ul>
+<nav id="breadcrumb-nav" class="print:hidden px-4 md:px-5 lg:px-10 inline-block bg-white rounded-r{{~#unless this.showBreadcrumbTitleAlways}} hide-last-item-below-sm{{/unless~}}"
+     role="navigation"
+     aria-label="{{loca "breadcrumb_headline"}}"
+>
+    <ul>
         {{#with this.breadcrumbSsi}}
             {{> components/base/loadSSI _templatePath="components/navigation/breadcrumb/breadcrumb_items.ssi"}}
         {{/with}}

package/dist/views_static/components/top_button/top_button.hbs

@@ -0,0 +1,24 @@
+<div class="h-8" x-data="{ isVisible: false }">
+    <div class="grid h-8 grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }">
+        <div class="flex justify-end h-8 col-full sm:col-main"
+        :class="{ 'bg-white': $store.footerIsVisible }">
+            <button
+                @scroll.window="isVisible = (window.pageYOffset > (window.innerHeight || (document.documentElement || document.body).clientHeight))"
+                @click.window="window.scrollTo({top: 0, behavior: 'smooth'})"
+                x-show="isVisible"
+                x-transition:enter="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first"
+                x-transition:enter-start="opacity-0 -translate-y-8"
+                x-transition:enter-end="opacity-100 translate-y-0"
+                x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300 transform absolute"
+                x-transition:leave-start="opacity-100 translate-y-0"
+                x-transition:leave-end="opacity-0 translate-y-12"               
+                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} -mt-6 z-100 p-3 h-max mr-2 [@media(min-width:1170px)]:-mr-14"
+                >
+                {{> components/base/image/icon _icon="arrow-up"  _addClass="w-5 h-5 fill-current dark:fill-link-dark"}}            
+            </button>
+        </div>
+    </div>
+    {{! Dieses DIV ist notwendig um bei Seiten mit einem Hintergrund zu vermeiden dass unten eine Lücke entsteht bei der das hintergrundbild durchscheint}}
+    {{! TODO: Wenn Alle Seiten (auch artikel) auf grid umgestellt sind kann unter den Contentschlauch ein padding hinzugefügt werden. dann kann das hier umgebaut werden }}
+    <div class="grid h-8 grid-page" :class="{ 'hidden': $store.footerIsVisible }"><div class="flex justify-end h-8 bg-white col-full sm:col-main"></div></div>
+</div>

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.50.16",
+    "version": "1.50.18",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",
@@ -86,6 +86,7 @@
         "postcss-cli": "^8.3.1",
         "postcss-import": "^14.1.0",
         "postcss-loader": "^4.2.0",
+        "postcss-nested": "^6.0.1",
         "postcss-preset-env": "^7.3.1",
         "prettier": "^2.2.1",
         "raw-loader": "^4.0.2",
@@ -105,6 +106,7 @@
     "dependencies": {
         "@alpine-collective/toolkit": "^1.0.0",
         "@alpinejs/collapse": "^3.8.1",
+        "@alpinejs/intersect": "^3.13.3",
         "@tailwindcss/line-clamp": "^0.4.2",
         "alpinejs": "^3.8.1",
         "async-alpine": "^1.0.0",

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

@@ -9,6 +9,7 @@
     "appendix_links_title": "Weitere Hinweise",
     "archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
     "backlink_title": "Zurück zum Artikel",
+    "banner_image_copyright": "Banner Bild ©",
     "close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
     "play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
     "comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

package/src/assets/brand/hr1/icons/logo/svgmap.min.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 392 220" preserveAspectRatio="xMidYMid meet"><path d="M206.81 220h-46.92v-89.48c0-15.9.62-30.16 13.25-42.79 13.94-13.94 36.05-19.31 84.67-19.81v39.81c-35.89.97-44.08 3.45-47.75 7.12-2.58 2.58-3.26 6.12-3.26 13.57V220Zm-67.85 0H92.14v-87.91c0-11.19-.05-16.25-3.26-19.44-2.76-2.75-8.09-4.15-17.18-4.15-6.84 0-14.83.86-24.78 2.49v109H0V2.97L46.92 0v71.1c10.17-1.7 22.7-3.29 33.35-3.29 21.57 0 35.86 6.3 45.19 15.62 12.44 12.44 13.52 27.14 13.51 44.39V220ZM321.55 41.29l-37.54 24.28V110l33.08-20.33v94.59h-30.57V220h103.64v-35.74h-31.13V41.29h-37.48Z" fill="#e0ae00" stroke-width="0"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 392 220" preserveAspectRatio="xMidYMid meet"><path d="M206.81 220h-46.92v-89.48c0-15.9.62-30.16 13.25-42.79 13.94-13.94 36.05-19.31 84.67-19.81v39.81c-35.89.97-44.08 3.45-47.75 7.12-2.58 2.58-3.26 6.12-3.26 13.57V220Zm-67.85 0H92.14v-87.91c0-11.19-.05-16.25-3.26-19.44-2.76-2.75-8.09-4.15-17.18-4.15-6.84 0-14.83.86-24.78 2.49v109H0V2.97L46.92 0v71.1c10.17-1.7 22.7-3.29 33.35-3.29 21.57 0 35.86 6.3 45.19 15.62 12.44 12.44 13.52 27.14 13.51 44.39V220ZM321.55 41.29l-37.54 24.28V110l33.08-20.33v94.59h-30.57V220h103.64v-35.74h-31.13V41.29h-37.48Z" fill="#e0ae00" stroke-width="0"/></symbol></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk-old" viewBox="0 0 54 42" preserveAspectRatio="xMidYMid meet"><g fill="#FFF"><path d="M47.571 31.35V7.307l-6.3 2.829V4.479l6.686-3.472H54V31.35zM4.629.107v10.286s3.214-.643 6.043-.643c4.629 0 7.071 2.571 7.329 5.914v15.557h-4.886v-13.5c0-1.671.257-3.857-3.6-3.6-2.571 0-4.629.643-4.629.643v16.971H0V.621L4.629.107zM34.971 9.879s-4.5 0-7.071.643c-3.086.643-5.014 2.443-5.271 5.271v15.428h5.014v-13.5c0-1.157 0-2.057.771-2.571.771-.771 2.829-1.029 3.986-1.029.771 0 2.443-.257 2.443-.257V9.879h.128zM27.257 41.893C18.129 42.15 7.2 40.479 0 37.264v-2.829c7.457 3.214 17.614 4.886 26.743 4.629 9.9-.257 20.186-1.8 27.257-4.629v2.571c-7.843 2.958-16.971 4.63-26.743 4.887"/></g></symbol><symbol id="brandlogo--desk" viewBox="0 0 392 220" preserveAspectRatio="xMidYMid meet"><path d="M206.81 220h-46.92v-89.48c0-15.9.62-30.16 13.25-42.79 13.94-13.94 36.05-19.31 84.67-19.81v39.81c-35.89.97-44.08 3.45-47.75 7.12-2.58 2.58-3.26 6.12-3.26 13.57V220Zm-67.85 0H92.14v-87.91c0-11.19-.05-16.25-3.26-19.44-2.76-2.75-8.09-4.15-17.18-4.15-6.84 0-14.83.86-24.78 2.49v109H0V2.97L46.92 0v71.1c10.17-1.7 22.7-3.29 33.35-3.29 21.57 0 35.86 6.3 45.19 15.62 12.44 12.44 13.52 27.14 13.51 44.39V220ZM321.55 41.29l-37.54 24.28V110l33.08-20.33v94.59h-30.57V220h103.64v-35.74h-31.13V41.29h-37.48Z" fill="#e0ae00" stroke-width="0"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 392 220" preserveAspectRatio="xMidYMid meet"><path d="M206.81 220h-46.92v-89.48c0-15.9.62-30.16 13.25-42.79 13.94-13.94 36.05-19.31 84.67-19.81v39.81c-35.89.97-44.08 3.45-47.75 7.12-2.58 2.58-3.26 6.12-3.26 13.57V220Zm-67.85 0H92.14v-87.91c0-11.19-.05-16.25-3.26-19.44-2.76-2.75-8.09-4.15-17.18-4.15-6.84 0-14.83.86-24.78 2.49v109H0V2.97L46.92 0v71.1c10.17-1.7 22.7-3.29 33.35-3.29 21.57 0 35.86 6.3 45.19 15.62 12.44 12.44 13.52 27.14 13.51 44.39V220ZM321.55 41.29l-37.54 24.28V110l33.08-20.33v94.59h-30.57V220h103.64v-35.74h-31.13V41.29h-37.48Z" fill="#e0ae00" stroke-width="0"/></symbol></svg>

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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

@@ -9,6 +9,7 @@
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"backlink_title": "Zurück zum Artikel",
+	"banner_image_copyright": "Banner Bild ©",
 	"close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
 	"play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
 	"comment_anchor_1": "zu den ",

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-utilities.css

@@ -59,7 +59,40 @@
             clear: both;
         }
     }
+    .ar-16-7 {
+        aspect-ratio: 16 / 7;
+    }
+
+    @supports not (aspect-ratio: 16 / 7) {
+        .ar-16-7::before {
+            float: left;
+            padding-top: calc(16 / 7 * 100%);
+            content: '';
+        }
 
+        .ar-16-7::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+    .ar-100-27 {
+        aspect-ratio: 100 / 27.1;
+    }
+
+    @supports not (aspect-ratio: 100 / 27.1) {
+        .ar-100-27::before {
+            float: left;
+            padding-top: calc(100 / 27.1 * 100%);
+            content: '';
+        }
+
+        .ar-100-27::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
     .ar-auto {
         aspect-ratio: auto;
     }