hr-design-system-handlebars 1.1.17 → 1.3.0

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

@@ -91,6 +91,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "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 Mutter fehlt.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
                 "profiles": "Von Alf Haubitz und Alice Merton",
                 "teaserLead": {
@@ -199,6 +200,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "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 Mutter fehlt.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
                 "profiles": "Von Alf Haubitz und Alice Merton",
                 "teaserLead": {
@@ -301,6 +303,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "Zweieinhalb Millionen Hessinnen und Hessen engagieren sich ehrenamtlich - zum Beispiel in einem Sport- oder Musikverein. Und doch haben viele Vereine mit Nachwuchsproblemen zu kämpfen.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "thema-ehrenamt-hessen-100",
                 "profiles": "Von Anja Engelke",
                 "teaserLead": {
@@ -398,6 +401,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "In Ginsheim-Gustavsburg und Biebesheim brechen bislang unbekannte Täter in Firmengelände ein und stehlen insgesamt zehn Mercedes-Geländewagen. Dafür schlagen sie unter anderem eine Schneise in ein Waldstück.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "autodiebstahl-bischofsheim-gustavsburg-mercedes-100",
                 "profiles": "",
                 "teaserLead": {
@@ -494,6 +498,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "Dicke Winterjacken können weiterhin auf ihren Einsatz warten: Die kommenden Tage bleiben für den späten Oktober außergewöhnlich mild. Selbst Meteorologen sind gleich aus mehreren Gründen überrascht.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "warmes-oktoberende-100",
                 "profiles": "Von Alf Haubitz und Alice Merton",
                 "teaserLead": {
@@ -600,6 +605,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "Verfolgen Sie die Eröffnung der Frankfurter Buchmesse in unserem Livestream.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "livestream-eroeffnung-buchmesse-104",
                 "profiles": "",
                 "teaserLead": {
@@ -701,6 +707,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "Beim Hinspiel brachte Altmeister Makoto Hasebe Sturm-Star Harry Kane bis an den Rande der Verzweiflung. Der bittet im Rückspiel nun zur Revanche. Vorher gibt es aber lobende Worte.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "hasebe-kane-100",
                 "profiles": "Von Nicolas Herold aus London",
                 "teaserLead": {
@@ -803,6 +810,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "Im Supercup trifft Europa-League-Sieger Eintracht Frankfurt auf den Champions-League-Gewinner Real Madrid. Hier gibt es den Audio-Livestream.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "audio-livestream-eintracht-supercup-100",
                 "profiles": "",
                 "teaserLead": {
@@ -903,6 +911,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "1977 kam Punk in die Musikwelt. Und in die Radios. Auch in der DDR. Aus der Begeisterung für diese Musik, gemischt mit Wut, Trotz, Mut und Erfindungsreichtum, entstand in den folgenden Jahren eine Subkultur in der Diktatur. Das sozialistische Regime erklärte die Punks zu Staatsfeinden. Geralf Pochop aus Halle an der Saale, Jahrgang 1964, war einer dieser DDR-Punks. Er hat seine Erinnerungen, Erfahrungen und Erlebnisse aufgeschrieben - in seinem Buch \"Untergrund war Strategie - Punk in der DDR zwischen Rebellion und Repression\". Mit uns spricht er über fantasievoll improvisierte Outfits, die drastischen Methoden der Staatssicherheit gegen Punks und seine Sicht auf Mauerfall und Wiedervereinigung.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "podcast-episode-76432",
                 "profiles": "",
                 "teaserLead": {
@@ -1026,6 +1035,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "Im Jahr 2015 gewann Pedro Martins den 1. Preis beim Gitarrenwettbewerb des renommierten Montreux Jazz Festivals – ein Erfolg, der zu einer musikalischen Freundschaft und Tourneen mit dem Gitarristen Kurt Rosenwinkel führte. Nun kommt er mit seinen eigenen Songs zur hr-Bigband und würzt die Arrangements von Jim McNeely mit einer ordentlichen Prise brasilianischem Lebensgefühl!",
+                "hideBylineAndShorttext": false,
                 "sophoraId": ",pedro-martins-104",
                 "profiles": "",
                 "teaserLead": {
@@ -1123,6 +1133,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
                 "profiles": "",
                 "teaserLead": {
@@ -1225,6 +1236,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "Flughafen Frankfurt, 5 Uhr morgens: Nebel und Temperaturen um null Grad. Eisschichten haben sich auf den Tragflächen der Flugzeuge gebildet. So dürfen die Maschinen nicht abheben. Ein Fall für die Enteiser an Deutschlands größtem Flughafen. Mit ihren gigantischen Spezialfahrzeugen fahren sie zu den Positionen am Gate",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
                 "profiles": "",
                 "teaserLead": {
@@ -1341,6 +1353,7 @@
                 "icon": "ortsmarke",
                 "imageVariant": "topteaser",
                 "shorttext": "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 Mutter fehlt.",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
                 "profiles": "Von Alf Haubitz und Alice Merton",
                 "teaserLead": {
@@ -1480,6 +1493,7 @@
                 "imageVariant": "topteaser",
                 "hideShortText": false,
                 "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",
                 "profiles": "Von Alf Haubitz und Alice Merton",
                 "teaserLead": {
@@ -1578,6 +1592,7 @@
                 "icon": "",
                 "imageVariant": "topteaser",
                 "shorttext": "Die besten Themen in der Tagesschau App",
+                "hideBylineAndShorttext": false,
                 "sophoraId": "textlink-256446",
                 "profiles": "",
                 "teaserLead": {

package/src/assets/tailwind.css

@@ -61,6 +61,8 @@
     --color-button: var(--color-primary-ds);
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.blue.science');
+    /* Media-Button */
+    --color-media-button: theme('colors.blue.jellyBean');
     /* States */
     --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
@@ -127,6 +129,8 @@
     --color-button: var(--color-primary-ds);
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.blue.science');
+    /* Media-Button */
+    --color-media-button: theme('colors.blue.jellyBean');
     /* States */
     --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
@@ -151,15 +155,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.blue.deepCerulean');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.green.tropicalRainForest');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.red.mexican');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -186,6 +190,8 @@
     --color-button: var(--color-primary-ds);
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.purple.jazzberry');
+    /* Media-Button */
+    --color-media-button: var(--color-primary-ds);
     /* States */
     --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
@@ -206,15 +212,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.blue.jellyBean');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.green.tropicalRainForest');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.pink.rose');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -240,6 +246,8 @@
     --color-button: var(--color-primary-ds);
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.blue.jellyBean');
+    /* Media-Button */
+    --color-media-button: var(--color-primary-ds);
     /* States */
     --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
@@ -260,15 +268,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.blue.deepCerulean');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.green.tropicalRainForest');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.red.mexican');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -296,6 +304,8 @@
     --color-button: theme('colors.blue.deepCerulean');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.blue.deepCerulean');
+    /* Media-Button */
+    --color-media-button: var(--color-primary-ds);
     /* States */
     --color-focus-state: theme('colors.blue.deepCerulean');
     /* Content-Nav */
@@ -316,15 +326,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.blue.deepCerulean');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.green.tropicalRainForest');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.red.mexican');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -352,6 +362,8 @@
     --color-button: var(--color-primary-ds);
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: var(--color-primary-ds);
+    /* Media-Button */
+    --color-media-button: var(--color-primary-ds);
     /* States */
     --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
@@ -372,15 +384,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.red.burntUmber');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.green.tropicalRainForest');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.green.goBen');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -406,6 +418,8 @@
     --color-button: theme('colors.red.wellRead');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.red.wellRead');
+    /* Media-Button */
+    --color-media-button: theme('colors.red.wellRead');
     /* States */
     --color-focus-state: theme('colors.red.wellRead');
     /* Content-Nav */
@@ -426,15 +440,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.blue.blueStone');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.yellow.hokeyPokey');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.blue.blueStone');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -460,6 +474,8 @@
     --color-button: theme('colors.blue.teal');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.blue.teal');
+    /* Media-Button */
+    --color-media-button: theme('colors.blue.teal');
     /* States */
     --color-focus-state: theme('colors.blue.teal');
     /* Content-Nav */
@@ -480,15 +496,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.blue.deepCerulean');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
     --color-label-comment: theme('colors.blue.deeperPool');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.red.mexican');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -516,6 +532,8 @@
     --color-button: var(--color-primary-ds);
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: var(--color-primary-ds);
+    /* Media-Button */
+    --color-media-button: var(--color-primary-ds);
     /* States */
     --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
@@ -536,17 +554,17 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.yellow.olive');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.pink.rose');
     /* Eilmeldung */
-    --color-label-breakingnews: theme('colors.red.thunderbird');
+    --color-label-breakingnews: theme('colors.purple.disco');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.blue.turquoiseCerulian');
     /* Download */
-    --color-label-download: theme('colors.grey.scorpion');
+    --color-label-download: theme('colors.green.flint');
     /* Event */
     --color-label-event: theme('colors.black.DEFAULT');
     /* Kurzmeldung */
@@ -572,6 +590,8 @@
     --color-button: theme('colors.yellow.olive');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.yellow.olive');
+    /* Media-Button */
+    --color-media-button: theme('colors.yellow.olive');
     /* States */
     --color-focus-state: theme('colors.yellow.olive');
     /* Content-Nav */
@@ -592,15 +612,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.orange.burntOrange');
     /* Ticker, Live, Livestream */
     --color-label-live: theme('colors.pink.rose');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.green.tropicalRainForest');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.red.paprika');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -627,6 +647,8 @@
     --color-button: theme('colors.red.paprika');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.red.paprika');
+    /* Media-Button */
+    --color-media-button: theme('colors.orange.burntOrange');
     /* States */
     --color-focus-state: theme('colors.red.paprika');
     /* Content-Nav */
@@ -647,15 +669,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.red.monza');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.green.pacifica');
     /* Eilmeldung */
-    --color-label-breakingnews: theme('colors.red.thunderbird');
+    --color-label-breakingnews: theme('colors.green.pineGreen');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.green.pineGreen');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -684,6 +706,8 @@
     --color-button: theme('colors.red.scarlett');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.red.scarlett');
+    /* Media-Button */
+    --color-media-button: var(--color-primary-ds);
     /* States */
     --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
@@ -704,15 +728,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.green.genoa');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.blue.dodgerBlue');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.pink.fuchsie');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -741,6 +765,8 @@
     --color-button: theme('colors.green.casal');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: theme('colors.green.casal');
+    /* Media-Button */
+    --color-media-button: theme('colors.green.eden');
     /* States */
     --color-focus-state: var(--color-link);
     /* Content-Nav */
@@ -763,15 +789,15 @@
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
     /* Medieninhalte, Video, Audio, Bildergalerien */
-    --color-label-media: theme('colors.blue.science');
+    --color-label-media: theme('colors.black.DEFAULT');
     /* Ticker, Live, Livestream */
-    --color-label-live: theme('colors.orange.spicyCarrot');
+    --color-label-live: theme('colors.orange.goldDrop');
     /* Kommentar */
-    --color-label-comment: theme('colors.blue.deeperPool');
+    --color-label-comment: theme('colors.green.tropicalRainForest');
     /* Eilmeldung */
     --color-label-breakingnews: theme('colors.red.thunderbird');
     /* Sendung */
-    --color-label-program: theme('colors.blue.matisse');
+    --color-label-program: theme('colors.blue.lightCerulean');
     /* Download */
     --color-label-download: theme('colors.grey.scorpion');
     /* Event */
@@ -798,6 +824,8 @@
     --color-button: var(--color-link);
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-hollow: var(--color-link);
+    /* Media-Button */
+    --color-media-button: theme('colors.black.DEFAULT');
     /* States */
     --color-focus-state: var(--color-link);
     /* Content-Nav */

package/src/stories/views/components/mediaplayer/media_player.hbs

@@ -13,7 +13,7 @@
         {{> components/button/button_round 
         _isButton="true" 
         _addClass='absolute bottom-0 right-0 fill-white hover:text-white ds-focus rounded-full js-mediaplayer__button'
-        _buttonColor=(if _isLivestream ' text-orange-spicyCarrot hover:fill-orange-spicyCarrot' ' text-blue-jellyBean hover:fill-blue-jellyBean')
+        _buttonColor=(if _isLivestream ' text-orange-spicyCarrot hover:fill-orange-spicyCarrot' ' text-media-button hover:fill-media-button')
         _teaserType=_teaserType
         _teaserSize=_teaserSize
         _isMobile1to1=_isMobile1to1

package/src/stories/views/components/teaser/components/teaser_body.hbs

@@ -22,19 +22,12 @@
         {{/decorator}} 
     {{/components/teaser/components/teaser_header}}
 
-    <div class="sm:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
-        {{#switch this.teaserSize }}
-            {{#case "25"}}
-                {{#if this.isExtOrBrandLink}}
-                    {{> components/teaser/components/teaser_text _text=this.shorttext _size=this.teaserSize}}
-                {{/if}}
-                {{> components/teaser/components/teaser_byline}} 
-            {{/case}}
-
-            {{#default "default"}}
+    {{#unless this.hideBylineAndShorttext}}
+        <div class="sm:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
+            {{#if this.shorttext}}
                 {{> components/teaser/components/teaser_text _text=this.shorttext _size=this.teaserSize}}
-                {{> components/teaser/components/teaser_byline}} 
-            {{/default}}
-        {{/switch}}   
-    </div>
+            {{/if}}
+            {{> components/teaser/components/teaser_byline}} 
+        </div>
+    {{/unless}}
 </div>

package/src/stories/views/components/teaser/components/teaser_image.hbs

@@ -10,7 +10,7 @@
             {{> components/button/button_round 
         _isButton="true" 
         _addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button'
-        _buttonColor='text-toplineColor hover:fill-toplineColor'
+        _buttonColor='text-media-button hover:fill-media-button'
         _buttonSpace=(inline-switch this.teaserSize '["25","33"]' '[" my-2 mx-2"," my-5 mx-5 md:my-3 md:mx-3"," my-5 mx-5"]')
         _showIcon=true 
         _icon='play_button' 

package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif.json

@@ -1 +1 @@
-{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":true,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-16to9__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium__extended.jpg 640w, images/rueckkehr-nach-abschiebung-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"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 Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}
+{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":true,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-16to9__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium__extended.jpg 640w, images/rueckkehr-nach-abschiebung-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"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 Mutter fehlt.","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}

package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_audio.json

@@ -1 +1 @@
-{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Der Hasebe-Kane-Nahkampf geht in die zweite Runde","topline":"Eintracht trifft auf Tottenham","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-11T19:46+0200","htmlDate":"11.10.2022","date":"11.10.22","dateSeparatorTime":"11.10.22, 19:46"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/hasebe-kane-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/hasebe-kane-102_v-1to1__small.jpg 380w, images/hasebe-kane-102_v-1to1__medium.jpg 480w, images/hasebe-kane-102_v-1to1.jpg 720w, images/hasebe-kane-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/hasebe-kane-102_v-16to9__small.jpg 320w, images/hasebe-kane-102_v-16to9__medium.jpg 480w, images/hasebe-kane-102_v-16to9__medium__extended.jpg 640w, images/hasebe-kane-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Sport","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Beim Hinspiel brachte Altmeister Makoto Hasebe Sturm-Star Harry Kane bis an den Rande der Verzweiflung. Der bittet im Rückspiel nun zur Revanche. Vorher gibt es aber lobende Worte.","sophoraId":"hasebe-kane-100","profiles":"Von Nicolas Herold aus London","teaserLead":{"avDocument":{"isAudio":true,"toModel":{"audioElement":{"isPodcast":false,"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","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":"100","realTeaserSize":"100"},"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","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":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}
+{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Der Hasebe-Kane-Nahkampf geht in die zweite Runde","topline":"Eintracht trifft auf Tottenham","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-11T19:46+0200","htmlDate":"11.10.2022","date":"11.10.22","dateSeparatorTime":"11.10.22, 19:46"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/hasebe-kane-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/hasebe-kane-102_v-1to1__small.jpg 380w, images/hasebe-kane-102_v-1to1__medium.jpg 480w, images/hasebe-kane-102_v-1to1.jpg 720w, images/hasebe-kane-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/hasebe-kane-102_v-16to9__small.jpg 320w, images/hasebe-kane-102_v-16to9__medium.jpg 480w, images/hasebe-kane-102_v-16to9__medium__extended.jpg 640w, images/hasebe-kane-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Sport","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Beim Hinspiel brachte Altmeister Makoto Hasebe Sturm-Star Harry Kane bis an den Rande der Verzweiflung. Der bittet im Rückspiel nun zur Revanche. Vorher gibt es aber lobende Worte.","hideBylineAndShorttext":false,"sophoraId":"hasebe-kane-100","profiles":"Von Nicolas Herold aus London","teaserLead":{"avDocument":{"isAudio":true,"toModel":{"audioElement":{"isPodcast":false,"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","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":"100","realTeaserSize":"100"},"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","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":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}

package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_download.json

@@ -1 +1 @@
-{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/jugendfeuerwehr-102_v-1to1__small.jpg 380w, images/jugendfeuerwehr-102_v-1to1__medium.jpg 480w, images/jugendfeuerwehr-102_v-1to1.jpg 720w, images/jugendfeuerwehr-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
+{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/jugendfeuerwehr-102_v-1to1__small.jpg 380w, images/jugendfeuerwehr-102_v-1to1__medium.jpg 480w, images/jugendfeuerwehr-102_v-1to1.jpg 720w, images/jugendfeuerwehr-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}

package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_link.json

@@ -1 +1 @@
-{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"title":"Mercedes-Luxusautos in Millionenhöhe gestohlen","topline":"Spektakuläre Diebstähle in Südhessen","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sonniger-herbst-100_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/sonniger-herbst-100_v-1to1__small.jpg 380w, images/sonniger-herbst-100_v-1to1__medium.jpg 480w, images/sonniger-herbst-100_v-1to1.jpg 720w, images/sonniger-herbst-100_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/sonniger-herbst-100_v-16to9__small.jpg 320w, images/sonniger-herbst-100_v-16to9__medium.jpg 480w, images/sonniger-herbst-100_v-16to9__medium__extended.jpg 640w, images/sonniger-herbst-100_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":true,"isAuthor":false,"hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Panorama","headlineTag":"h1","icon":"","imageVariant":"topteaser","shorttext":"Die besten Themen in der Tagesschau App","sophoraId":"textlink-256446","profiles":"","teaserLead":{"avDocument":"","image":""},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern","readMoreText":{"readMoreScreenreader":"Zur Tagesschau Website","readMore":"Zur Tagesschau Website","readMoreLong":"Zur Tagesschau Website"}}}}}
+{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"title":"Mercedes-Luxusautos in Millionenhöhe gestohlen","topline":"Spektakuläre Diebstähle in Südhessen","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sonniger-herbst-100_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/sonniger-herbst-100_v-1to1__small.jpg 380w, images/sonniger-herbst-100_v-1to1__medium.jpg 480w, images/sonniger-herbst-100_v-1to1.jpg 720w, images/sonniger-herbst-100_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/sonniger-herbst-100_v-16to9__small.jpg 320w, images/sonniger-herbst-100_v-16to9__medium.jpg 480w, images/sonniger-herbst-100_v-16to9__medium__extended.jpg 640w, images/sonniger-herbst-100_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":true,"isAuthor":false,"hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Panorama","headlineTag":"h1","icon":"","imageVariant":"topteaser","shorttext":"Die besten Themen in der Tagesschau App","hideBylineAndShorttext":false,"sophoraId":"textlink-256446","profiles":"","teaserLead":{"avDocument":"","image":""},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern","readMoreText":{"readMoreScreenreader":"Zur Tagesschau Website","readMore":"Zur Tagesschau Website","readMoreLong":"Zur Tagesschau Website"}}}}}