hr-design-system-handlebars 1.35.14 → 1.36.0

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

@@ -5,13 +5,17 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
 	"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 ",
 	"comment_anchor_2": " Kommentaren des Artikels springen",
 	"comment_label_text": "Kommentar",
 	"comment_label_text_many": "Kommentare",
+	"copyright_source": "Quelle:",
+	"copyright_symbol": "© {0}",
 	"date_simple_at": "{0} Uhr",
+	"date_published": "Veröffentlicht am {0} um {1} Uhr",
 	"event_calendar_no_events_available": "<strong>Hinweis:</strong><br />Es liegen aktuell noch keine Einträge für den gewählten Zeitraum vor.",
 	"event_calendar_monthly_overview_link": "Zur Monats-Übersicht",
 	"event_calendar_title": "Eventkalender",
@@ -91,8 +95,18 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"poster_copyright": "Bild &copy; {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
+	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_headline": "Teilen",
+	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
+	"share_mail_linktitle": "Per E-Mail versenden",
+	"share_copy_linktitle": "In die Zwischenablage kopieren",
+	"share_mail_subject": "Linktipp: {0} (hessenschau.de)",
+	"share_twitter_linktitle": "Bei Twitter teilen",
+	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
+	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

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"><symbol id="brandlogo--desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#010101}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.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"/></symbol><symbol id="brandlogo--footer-desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#fff}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.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"/></symbol><symbol id="brandlogo--footer" 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="#fff"/></symbol><symbol id="brandlogo--mobile" 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><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>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--footer-desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#fff}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.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"/></symbol><symbol id="brandlogo--footer" 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="#fff"/></symbol></svg>

package/src/assets/fixtures/article/components/podcast/podcast_player_episode.json

@@ -0,0 +1,373 @@
+{
+    "isSsi": true,
+    "logicItem": {
+        "includePath": "components/article/components/podcast/podcast_player_episode",
+        "includeModel": {
+            "byline": "Byline",
+            "title": "Legal Kiffen: Cannabis-Gesetz sorgt für Kritik",
+            "topline": "",
+            "headingFontVariant": "serif",
+            "extendedTitle": "",
+            "teaserType": "standard",
+            "teaserSize": "100",
+            "realTeaserSize": "100",
+            "isMobile1to1": false,
+            "hasDwellTime": true,
+            "isSingleChannel": false,
+            "airdateDate": {
+                "htmlDateTime": "2022-10-31T19:30+0200",
+                "htmlDate": "31.10.2022",
+                "date": "31.10.22",
+                "time": "19:30",
+                "dateSeparatorTime": "31.10.22, 19:30"
+            },
+            "teaseritem": {
+                "copyrightWithLinks": "",
+                "responsiveImage": {
+                    "asPicture": false,
+                    "asImage": true,
+                    "fallback": "images/heiner-goebbels-102_v-1to1__medium.jpg",
+                    "sources": [{
+                        "sizes": "300px",
+                        "srcset": "images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"
+                    }]
+                }
+            },
+            "duration": "14:35",
+            "hasByline": true,
+            "teaserInfo": {
+                "showTeaserInfo": true,
+                "showTeaserInfoSection": true,
+                "showTeaserInfoChannel": false,
+                "showTeaserInfoAll": false,
+                "showTeaserInfoDate": false,
+                "showTeaserInfoDateTime": true,
+                "showTeaserInfoProgramRef": false
+            },
+            "podcastChannel": {
+                "title": "hr2 Doppelkopf",
+                "url": "#ChannelURL",
+                "podcastHoster": [{
+                    "podcastHosterUrl": "https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590",
+                    "podcastHosterName": "ITunes"
+                }, {
+                    "podcastHosterUrl": "https://podcast.hr.de/hr2_doppelkopf/podcast.xml",
+                    "podcastHosterName": "RSS"
+                }, {
+                    "podcastHosterUrl": "https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de",
+                    "podcastHosterName": "Google Podcasts"
+                }, {
+                    "podcastHosterUrl": "https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/",
+                    "podcastHosterName": "ARD Audiothek"
+                }]
+            },
+            "audioUrl": "https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3",
+            "podcastDownloadUrl": "https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3",
+            "teaserImage": {
+                "copyrightWithLinks": "",
+                "responsiveImage": {
+                    "asPicture": false,
+                    "asImage": true,
+                    "fallback": "images/heiner-goebbels-102_v-1to1__medium.jpg",
+                    "sources": [{
+                        "sizes": "300px",
+                        "srcset": "images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"
+                    }]
+                }
+            },
+            "mediaMetadata": {
+                "agf": {
+                    "title": "hr-fernsehen_Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40",
+                    "livestream": "no",
+                    "type": "content",
+                    "airdate": "06.10.2022 04:40",
+                    "program": "hr-fernsehen",
+                    "nol_c18": "p18,N",
+                    "uurl": "/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3",
+                    "nol_c7": "p7,/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3",
+                    "nol_c8": "p8,131",
+                    "nol_c9": "p9,Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40",
+                    "nol_c10": "p10,hr-fernsehen",
+                    "nol_c12": "p12,Content",
+                    "assetid": "hr4_polizeireport_95936793",
+                    "nol_c2": "p2,N",
+                    "nol_c5": "p5,hr4",
+                    "length": "131",
+                    "nol_c20": "p20,GFKLinkID"
+                },
+                "ati": {
+                    "pageName": "Ein aufgewecktes Kerlchen",
+                    "secondLevelId": "2",
+                    "documentName": "podcast-episode-108850",
+                    "documentType": "hr-nt:podcastEpisode",
+                    "documentDate": "2022-10-06T06:46:25+02:00",
+                    "chapter": "podcast::polizeireport",
+                    "mediaLabel": "Ein aufgewecktes Kerlchen",
+                    "mediaTheme1": "hr4",
+                    "mediaTheme2": "podcast::polizeireport",
+                    "atiSiteId": "578129",
+                    "atiTrackingHost": "https://logs1407"
+                },
+                "piano": {
+                    "av_content_id": "podcast-episode-108850",
+                    "av_content": "Ein aufgewecktes Kerlchen",
+                    "av_content_type": "Audio",
+                    "av_content_duration": 131000,
+                    "av_broadcasting_type": "OnDemand",
+                    "av_content_level1": "hr4",
+                    "av_content_level2": "podcast",
+                    "av_content_level3": "polizeireport",
+                    "hr_document_type": "hr-nt:podcastEpisode",
+                    "site_level2_id": "2"
+                }
+            },
+            "documentSection": "Kultur",
+            "displayTeaserBodyAsImageOverlay": false,
+            "hasMediaButtons": false,
+            "dontLazyload": true,
+            "isStandardTeaser": false,
+            "isHeroTeaser": false,
+            "isMediaTeaser": false,
+            "isGuide": false,
+            "isProgram": false,
+            "isEvent": false,
+            "isTicker": false,
+            "isAudio": true,
+            "isVideo": false,
+            "isPodcastEpisode": true,
+            "isExtOrBrandLink": false,
+            "isAuthor": true,
+            "copyright": "Copyright Text",
+            "audioAuthor": "Stefan Fricke",
+            "hasStatus": false,
+            "hasTeaserItem": false,
+            "allowAVConsumption": true,
+            "displayEpgInfos": false,
+            "aspectRatio": "ar--teaserTop",
+            "hideGeotag": false,
+            "hideEditableByline": true,
+            "doTracking": true,
+            "trackingForArdMediatheksLink": false,
+            "showMediatheksLink": false,
+            "showAirdate": true,
+            "showProfileInfoAsByline": true,
+            "obsolet_brandOfTeaser": "hessenschau",
+            "headlineTag": "h2",
+            "icon": "ortsmarke",
+            "imageVariant": "topteaser",
+            "hideShortText": false,
+            "shorttext": "Cannabis soll legal werden - dafür hat die Bundesregierung jetzt einen Gesetzentwurf auf den Weg gebracht. Doch in Hessen sind nicht alle dafür. Und: Tierischer Nachwuchs im Frankfurter Zoo.",
+            "hideBylineAndShorttext": false,
+            "sophoraId": "podcast-episode-122848",
+            "profiles": "Von Alf Haubitz und Alice Merton",
+            "teaserLead": {
+                "isPodcast": true,
+                "toModel": {
+                    "audioElement": {
+                        "isPodcast": true,
+                        "ardPlayerConfig": {
+                            "playerConfig": {
+                                "generic": {
+                                    "isAutoplay": true,
+                                    "imageTemplateConfig": {
+                                        "size": [{
+                                            "minWidth": 0,
+                                            "value": "480/270"
+                                        }, {
+                                            "minWidth": 480,
+                                            "value": "640/360"
+                                        }, {
+                                            "minWidth": 640,
+                                            "value": "960/540"
+                                        }, {
+                                            "minWidth": 960,
+                                            "value": "1920/1080"
+                                        }]
+                                    }
+                                },
+                                "web": {
+                                    "baseUrl": "http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/",
+                                    "isForcedAutoplay": true,
+                                    "isForcedVideoView": true
+                                },
+                                "pluginData": {
+                                    "trackingAti@all": {
+                                        "site": "551103",
+                                        "config": {
+                                            "getCollectDomainSSL": "logs1406.xiti.com",
+                                            "secure": true
+                                        },
+                                        "page": {
+                                            "name": "muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay",
+                                            "level2": "4",
+                                            "chapter1": "Audio-Start",
+                                            "chapter2": "OnDemand",
+                                            "customVars": {
+                                                "site": {
+                                                    "1": "podcast-episode-43976",
+                                                    "2": "hr-nt:podcastEpisode",
+                                                    "5": "202203230802"
+                                                }
+                                            }
+                                        },
+                                        "richMedia": {
+                                            "mediaType": "audio",
+                                            "playerId": "4076",
+                                            "mediaLevel2": "4",
+                                            "mediaLabel": "muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay",
+                                            "mediaTheme1": "OnDemand",
+                                            "duration": "3040",
+                                            "broadcastMode": "clip"
+                                        }
+                                    }
+                                }
+                            },
+                            "mediaCollection": {
+                                "streams": [{
+                                    "kind": "main",
+                                    "isAudioOnly": true,
+                                    "media": [{
+                                        "url": "https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3",
+                                        "mimeType": "audio/mp3",
+                                        "audios": [{
+                                            "kind": "standard",
+                                            "languageCode": "de"
+                                        }]
+                                    }]
+                                }],
+                                "meta": {
+                                    "durationSeconds": 3040,
+                                    "images": [{
+                                        "kind": "preview",
+                                        "url": "https://picsum.photos/id/101/{size}"
+                                    }],
+                                    "title": "Muslim Fashion. Mehr als ein Kopftuch.",
+                                    "synopsis": "Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt,  entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "
+                                },
+                                "pluginData": {},
+                                "geoBlocked": false
+                            },
+                            "playerId": "4076",
+                            "type": "audioOndemand",
+                            "cssUrl": "./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css",
+                            "jsUrl": "./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js",
+                            "isAutoplay": true,
+                            "teaserSize": "50",
+                            "realTeaserSize": "50"
+                        },
+                        "ardPlayerJsonConfig": {
+                            "playerConfig": {
+                                "generic": {
+                                    "isAutoplay": true,
+                                    "imageTemplateConfig": {
+                                        "size": [{
+                                            "minWidth": 0,
+                                            "value": "480/270"
+                                        }, {
+                                            "minWidth": 480,
+                                            "value": "640/360"
+                                        }, {
+                                            "minWidth": 640,
+                                            "value": "960/540"
+                                        }, {
+                                            "minWidth": 960,
+                                            "value": "1920/1080"
+                                        }]
+                                    }
+                                },
+                                "web": {
+                                    "baseUrl": "http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/",
+                                    "isForcedAutoplay": true,
+                                    "isForcedVideoView": true
+                                },
+                                "pluginData": {
+                                    "trackingAti@all": {
+                                        "site": "551103",
+                                        "config": {
+                                            "getCollectDomainSSL": "logs1406.xiti.com",
+                                            "secure": true
+                                        },
+                                        "page": {
+                                            "name": "muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay",
+                                            "level2": "4",
+                                            "chapter1": "Audio-Start",
+                                            "chapter2": "OnDemand",
+                                            "customVars": {
+                                                "site": {
+                                                    "1": "podcast-episode-43976",
+                                                    "2": "hr-nt:podcastEpisode",
+                                                    "5": "202203230802"
+                                                }
+                                            }
+                                        },
+                                        "richMedia": {
+                                            "mediaType": "audio",
+                                            "playerId": "4076",
+                                            "mediaLevel2": "4",
+                                            "mediaLabel": "muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay",
+                                            "mediaTheme1": "OnDemand",
+                                            "duration": "3040",
+                                            "broadcastMode": "clip"
+                                        }
+                                    }
+                                }
+                            },
+                            "mediaCollection": {
+                                "streams": [{
+                                    "kind": "main",
+                                    "isAudioOnly": true,
+                                    "media": [{
+                                        "url": "https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3",
+                                        "mimeType": "audio/mp3",
+                                        "audios": [{
+                                            "kind": "standard",
+                                            "languageCode": "de"
+                                        }]
+                                    }]
+                                }],
+                                "meta": {
+                                    "durationSeconds": 3040,
+                                    "images": [{
+                                        "kind": "preview",
+                                        "url": "https://picsum.photos/id/101/{size}"
+                                    }],
+                                    "title": "Muslim Fashion. Mehr als ein Kopftuch.",
+                                    "synopsis": "Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt,  entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "
+                                },
+                                "pluginData": {},
+                                "geoBlocked": false
+                            },
+                            "playerId": "4076",
+                            "type": "audioOndemand",
+                            "cssUrl": "./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css",
+                            "jsUrl": "./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js",
+                            "isAutoplay": true,
+                            "teaserSize": "50",
+                            "realTeaserSize": "50"
+                        }
+                    }
+                }
+            },
+            "link": {
+                "url": "/teaser1",
+                "webviewUrl": "/teaser1#webview",
+                "isTargetBlank": false,
+                "hasIcon": false,
+                "iconName": "iconName",
+                "readMoreText": {
+                    "readMoreScreenreader": "Zum Artikel",
+                    "readMore": "mehr",
+                    "readMoreLong": "read More Long"
+                }
+            },
+            "label": {
+                "type": "podcast",
+                "loca": "label_podcast",
+                "byline": {
+                    "bylineSsi": "53:13 min",
+                    "bylineText": ""
+                }
+            }
+        }
+    }
+}

package/src/assets/fixtures/teaser/teasers.inc.json

@@ -1541,7 +1541,7 @@
                 "headlineTag": "h2",
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
-                "hideShortText": false,
+                "hideShortText": true,
                 "shorttext": "Bla ..... Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre liebe Mutter fehlt.",
                 "hideBylineAndShorttext": false,
                 "sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",

package/src/stories/views/components/article/components/accordion/accordion.hbs

@@ -1,5 +1,5 @@
 {{#if this.title}}
-    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif">{{this.title}}</h2>
+    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
 <div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} mt-11{{/unless}}">
     {{#each this.copytextParagraph }}
@@ -13,12 +13,12 @@
                     aria-controls="accordionItem{{getRandom}}"
             >
                 <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
-                    <h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
+                    <h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif dark:text-text-dark">{{{this.text}}}</h3>
                     <span :class="selected == {{getRandom}} ? 'hidden' : ''">
-                        {{> components/base/image/icon _icon="plus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
+                        {{> components/base/image/icon _icon="plus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark"}}
                     </span>
                     <span :class="selected !== {{getRandom}} ? 'hidden' : ''">
-                        {{> components/base/image/icon _icon="minus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
+                        {{> components/base/image/icon _icon="minus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark"}}
                     </span>
                 </div>
             </button>

package/src/stories/views/components/article/components/podcast/fixtures/podcast_player_episode.json

@@ -0,0 +1 @@
+{"isSsi":true,"logicItem":{"includePath":"components/article/components/podcast/podcast_player_episode","includeModel":{"byline":"Byline","title":"Legal Kiffen: Cannabis-Gesetz sorgt für Kritik","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"hasDwellTime":true,"isSingleChannel":false,"airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","time":"19:30","dateSeparatorTime":"31.10.22, 19:30"},"teaseritem":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"duration":"14:35","hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"podcastChannel":{"title":"hr2 Doppelkopf","url":"#ChannelURL","podcastHoster":[{"podcastHosterUrl":"https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590","podcastHosterName":"ITunes"},{"podcastHosterUrl":"https://podcast.hr.de/hr2_doppelkopf/podcast.xml","podcastHosterName":"RSS"},{"podcastHosterUrl":"https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de","podcastHosterName":"Google Podcasts"},{"podcastHosterUrl":"https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/","podcastHosterName":"ARD Audiothek"}]},"audioUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","podcastDownloadUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"mediaMetadata":{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","livestream":"no","type":"content","airdate":"06.10.2022 04:40","program":"hr-fernsehen","nol_c18":"p18,N","uurl":"/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c7":"p7,/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c8":"p8,131","nol_c9":"p9,Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","assetid":"hr4_polizeireport_95936793","nol_c2":"p2,N","nol_c5":"p5,hr4","length":"131","nol_c20":"p20,GFKLinkID"},"ati":{"pageName":"Ein aufgewecktes Kerlchen","secondLevelId":"2","documentName":"podcast-episode-108850","documentType":"hr-nt:podcastEpisode","documentDate":"2022-10-06T06:46:25+02:00","chapter":"podcast::polizeireport","mediaLabel":"Ein aufgewecktes Kerlchen","mediaTheme1":"hr4","mediaTheme2":"podcast::polizeireport","atiSiteId":"578129","atiTrackingHost":"https://logs1407"},"piano":{"av_content_id":"podcast-episode-108850","av_content":"Ein aufgewecktes Kerlchen","av_content_type":"Audio","av_content_duration":131000,"av_broadcasting_type":"OnDemand","av_content_level1":"hr4","av_content_level2":"podcast","av_content_level3":"polizeireport","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"2"}},"documentSection":"Kultur","displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcastEpisode":true,"isExtOrBrandLink":false,"isAuthor":true,"copyright":"Copyright Text","audioAuthor":"Stefan Fricke","hasStatus":false,"hasTeaserItem":false,"allowAVConsumption":true,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":true,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","headlineTag":"h2","icon":"ortsmarke","imageVariant":"topteaser","hideShortText":false,"shorttext":"Cannabis soll legal werden - dafür hat die Bundesregierung jetzt einen Gesetzentwurf auf den Weg gebracht. Doch in Hessen sind nicht alle dafür. Und: Tierischer Nachwuchs im Frankfurter Zoo.","hideBylineAndShorttext":false,"sophoraId":"podcast-episode-122848","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"isPodcast":true,"toModel":{"audioElement":{"isPodcast":true,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt,  entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt,  entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"}}}},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"podcast","loca":"label_podcast","byline":{"bylineSsi":"53:13 min","bylineText":""}}}}}

package/src/stories/views/components/article/components/podcast/podcast_player_episode.hbs

@@ -0,0 +1,13 @@
+<div class="w-full bg-highlight-1 rounded-tl-hr rounded-br-hr" > 
+    {{> components/podcast/podcast_player _linkTitle="true" _isSinglePage=false _type="podcastEpisodePlayer"}}
+</div>
+<div class="pt-5">
+    {{> components/podcast/components/podcast_player_shorttext }}
+</div>
+{{> components/content/content_footer/content_footer 
+    _author=this.audioAuthor
+    _showDate=this.hasDwellTime
+    _date=this.airdateDate
+    _copyright=this.copyright
+    _isArchiveContent=this.isArchiveContent
+    _posterCopyright="poster_copyright"}}

package/src/stories/views/components/article/components/podcast/podcast_player_episode.mdx

@@ -0,0 +1,21 @@
+import { ArgsTable, Meta, Story, Canvas } from '@storybook/blocks'
+import * as PodcastPlayerEpisodeStories from './podcast_player_episode.stories'
+
+<Meta of={PodcastPlayerEpisodeStories} />
+
+# Podcast Player Episode
+
+## Beschreibung
+
+
+## Verwendung
+
+Die  Komponente wird in handlebars wie folgt eingebaut:
+
+```html
+{{> components/article/components/podcast/podcast_player_episode }}
+```
+
+<Canvas withToolbar>
+  <Story of={PodcastPlayerEpisodeStories.Default} />
+</Canvas>

package/src/stories/views/components/article/components/podcast/podcast_player_episode.stories.js

@@ -0,0 +1,18 @@
+import podcast_player_episode from './podcast_player_episode.hbs'
+import podcastPlayerEpisodeJson from './fixtures/podcast_player_episode.json'
+
+const Template = ({ ...args }) => {
+    // You can either use a function to create DOM elements or use a plain html string!
+    // return `<span>${topline}</span>`;
+    return podcast_player_episode({ ...args })
+}
+
+export default {
+    title: 'Komponenten/Artikel/Komponenten/Podcast-Player (Episode)',
+}
+
+export const Default = {
+    render: Template.bind({}),
+    name: 'default',
+    args: podcastPlayerEpisodeJson.logicItem.includeModel,
+}

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

@@ -0,0 +1,50 @@
+<footer class="flex flex-col px-5 text-sm font-copy{{#if _addClass}} {{_addClass}}{{/if}}">
+    {{~#with _author ~}}
+        <p class="block first:mt-6 contentFooter__byline text__byline">
+            Autor: {{this}}
+        </p>
+    {{~/with~}}
+    {{#if _showDate ~}}
+        {{#with _date}}
+            <p class="block contentFooter__byline text__byline">
+                <time datetime="{{this.htmlDateTime}}">{{loca "date_published" this.date this.time }}</time>
+            </p>
+        {{/with~}}
+    {{/if}}
+
+    {{~#with _source}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca "copyright_source"~}}
+            {{~#each this}}
+                {{~#if @first}} {{this}}{{else}}, {{this}}{{/if~}}
+            {{/each~}}
+        </p>
+    {{/with~}}
+
+    {{~#with _copyright ~}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca "copyright_source"}} {{loca "copyright_symbol" this ~}}
+        </p>
+    {{~/with~}}
+
+    {{~#if _isArchiveContent}}
+        <p class="block contentFooter__byline text__byline">
+            {{loca "archive_content"}}
+        </p>
+    {{/if}}
+
+    {{~#with _posterCopyright ~}}
+        {{~#with ../teaseritem.copyrightWithLinks}}
+            <p class="block contentFooter__byline text__byline">
+                {{~loca ../this this}}
+            </p>
+        {{~/with~}}
+    {{~/with~}}
+
+    <!-- TODO teaseritem.copyrightWithLinks dont work in gallery, generalize model -->
+    {{~#with _galleryCopyright ~}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca this ../copyrightWithLinks}}
+        </p>
+    {{~/with~}}
+</footer>