hr-design-system-handlebars 1.50.17 → 1.50.19

package/dist/views_static/components/base/image/responsive_image.hbs

@@ -10,7 +10,6 @@
 '_disableNoScript' don't add no script fallback
 
 --}}
-
 {{#withParam this.responsiveImage _type _variant }}
     {{#if this.asPicture}}
         <picture class="{{~#if ../_addClass}} {{../_addClass}}{{/if}}">
@@ -26,7 +25,7 @@
                            {{#with this.srcset}} srcset="{{this}}"{{/with}}>
                 {{/each}}
             {{/with}}
-                <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
+                <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
         </picture>
     {{/if}}
 
@@ -42,9 +41,11 @@
                     loading="{{#if ../../_noDelay}}auto{{else}}lazy{{/if}}"
                  {{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
                 src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
-                alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}" class="w-full{{~#with ../../_addClassImg }} {{this}}{{/with}}" {{~#if ../../_errorHandler}} onerror="this.onerror=null; {{../../_errorHandler}}" {{~/if}}>
+                alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
+                class="w-full{{~#with ../../_addClassImg }} {{this}}{{/with}}"
+                {{~#if ../../_title}} title="{{../../_title}}"{{~/if}}
+                {{~#if ../../_errorHandler}} onerror="this.onerror=null; {{../../_errorHandler}}" {{~/if}}>
             {{~#with ../../_addClass }}</div>{{/with}}
         {{/with}}
-
     {{/if}}
 {{/withParam}}

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/page/page.hbs

@@ -65,7 +65,8 @@
                     </div>
                 </div>
             </main>
-        {{!-- {{> components/footer/page_footer }} --}}
+            {{> components/top_button/top_button }}
+            {{> components/footer/page_footer }}
         </div>
     </body>
 </html>

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.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.17",
+    "version": "1.50.19",
     "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;
     }

package/src/assets/fixtures/banner/banner.json

@@ -0,0 +1,37 @@
+{
+    "bannerImage":{
+        "@->jsoninclude": "banner/bannerImages.inc.json",
+        "@->contentpath": "banner",
+        "@->replaceToken": [
+            {
+                "@->token": "image",
+                "@->value": "rueckkehr-nach-abschiebung-102"
+            }
+        ]
+    },
+    "structureNav":{
+        "contentNav":{
+            "@->jsoninclude": "banner/structureNav.json", 
+            "@->contentpath": "contentNav"
+        }
+    },
+    "breadcrumbSsi":{
+        "@->jsoninclude": "navigation/breadcrumb/breadcrumb.inc.json",
+        "@->contentpath": "breadcrumb.breadcrumb.breadcrumbSsi",
+        "@->overrides": [
+            {
+                "@->contentpath": "breadcrumb",
+                "@->value": [
+                    {
+                        "@->jsoninclude": "navigation/breadcrumb/breadcrumb_items.inc.json",
+                        "@->contentpath": "level-1"
+                    },
+                    {
+                        "url": "shows",
+                        "title": "Shows"
+                    }
+                ]
+            }
+        ]
+    }
+}

package/src/assets/fixtures/banner/bannerImages.inc.json

@@ -0,0 +1,28 @@
+{
+    "banner": {
+        "alttext": "Lorem ipsum",
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": true,
+            "asImage": false,
+            "fallback": "images/{#image}_v-16to7.jpg",
+            "sources": [
+                {
+                    "media": "all and (min-width: 800px)",
+                    "sizes": "(min-width: 1022px) 1022px, 100vw",
+                    "srcset": "images/{#image}_v-100to27__small.jpg 250w, images/{#image}_v-100to27__medium.jpg 660w, images/{#image}_v-100to27.jpg 1000w, images/{#image}_v-100to27__retina.jpg 1920w"
+                },
+                {
+                    "media": "all and (max-width: 479px)",
+                    "sizes": "100vw",
+                    "srcset": "images/{#image}_v-16to9__small.jpg 320w, images/{#image}_v-16to9__medium.jpg 480w, images/{#image}_v-16to9__medium__extended.jpg 640w, images/{#image}_v-16to9.jpg 960w"
+                },
+                {
+                    "media": "all and (max-width: 799px)",
+                    "sizes": "100vw",
+                    "srcset": "images/{#image}_v-16to7__small.jpg 320w, images/{#image}_v-16to7__medium.jpg 480w, images/{#image}_v-16to7.jpg 992w"
+                }
+            ]
+        }
+    }
+}

package/src/assets/fixtures/banner/structureNav.json

@@ -0,0 +1,48 @@
+{
+    "contentNav": {
+        "title": "Die hr3 Morningshow",
+        "contentNavEntries": [
+            {   
+                "content":{
+                    "title": "Arbeitsmarkt",
+                    "link": {
+                        
+                        "url": "/teaser1",
+                        "webviewUrl": "/teaser1#webview",
+                        "isTargetBlank": true,
+                        "hasIcon": true,
+                        "iconName": "extern"
+                    }
+                }
+                
+            },
+
+            {           
+                "content":{
+                    "title": "Banken",
+                    "link": {
+                        "url": "/teaser1",
+                        "webviewUrl": "/teaser1#webview",
+                        "isTargetBlank": true,
+                        "hasIcon": true,
+                        "iconName": "extern"
+                        
+                    }
+                }
+            },
+
+            {           
+                "content":{               
+                    "title": "Energie"           
+                }, 
+                "link": {
+                    "url": "/teaser1",
+                    "webviewUrl": "/teaser1#webview",
+                    "isTargetBlank": true,
+                    "hasIcon": true,
+                    "iconName": "extern"
+                }
+            }
+        ]
+    }
+}

package/src/assets/icons/icons/svgmap/copyright.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="iconmonstr" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<path d="M9.7,10.6c0.1-0.4,0.2-0.7,0.4-1c0.2-0.3,0.4-0.6,0.7-0.7c0.3-0.2,0.6-0.3,1.1-0.3c0.3,0,0.5,0.1,0.8,0.2
+	c0.2,0.1,0.5,0.3,0.6,0.4s0.3,0.4,0.4,0.6s0.2,0.5,0.2,0.8H16c0-0.6-0.1-1.1-0.3-1.5c-0.2-0.5-0.5-0.9-0.8-1.2
+	C14.4,7.5,14,7.2,13.5,7c-0.5-0.2-1.1-0.3-1.7-0.3c-0.8,0-1.5,0.1-2,0.4S8.7,7.8,8.3,8.2C8,8.7,7.7,9.3,7.5,9.9
+	c-0.2,0.6-0.3,1.3-0.3,2v0.3c0,0.7,0.1,1.3,0.3,2c0.2,0.6,0.5,1.2,0.9,1.6c0.4,0.5,0.9,0.8,1.4,1.1c0.6,0.3,1.3,0.4,2,0.4
+	c0.6,0,1.1-0.1,1.6-0.3c0.5-0.2,0.9-0.4,1.3-0.8c0.4-0.3,0.7-0.7,0.9-1.1c0.2-0.4,0.3-0.9,0.4-1.4h-2.1c0,0.3-0.1,0.5-0.2,0.7
+	s-0.3,0.4-0.4,0.6s-0.4,0.3-0.6,0.4c-0.2,0.1-0.5,0.1-0.7,0.1c-0.4,0-0.8-0.1-1.1-0.3c-0.3-0.2-0.5-0.4-0.7-0.7
+	c-0.2-0.3-0.3-0.7-0.4-1.1c-0.1-0.4-0.1-0.8-0.1-1.2v-0.3C9.6,11.4,9.6,11,9.7,10.6z M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12
+	s12-5.4,12-12S18.6,0,12,0z M12,21.6c-5.3,0-9.6-4.3-9.6-9.6S6.7,2.4,12,2.4s9.6,4.3,9.6,9.6S17.3,21.6,12,21.6z"/>
+</svg>