hr-design-system-handlebars 1.44.0 → 1.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/brand/_default/conf/locatags.json +8 -0
  3. package/dist/assets/index.css +20 -3
  4. package/dist/views/components/article/components/podcast/podcast_episode_article.hbs +4 -4
  5. package/dist/views/components/geoTag/geoTag_list.hbs +18 -0
  6. package/dist/views/components/socialmedia/socialmedia.hbs +70 -70
  7. package/dist/views/components/topictag/topictag_list.hbs +5 -5
  8. package/dist/views_static/components/article/components/podcast/podcast_episode_article.hbs +4 -4
  9. package/dist/views_static/components/geoTag/geoTag_list.hbs +18 -0
  10. package/dist/views_static/components/socialmedia/socialmedia.hbs +70 -70
  11. package/dist/views_static/components/topictag/topictag_list.hbs +5 -5
  12. package/package.json +1 -1
  13. package/src/assets/brand/_default/conf/locatags.json +8 -0
  14. package/src/assets/brand/hessenschau/conf/locatags.merged.json +8 -0
  15. package/src/assets/brand/hr/conf/locatags.merged.json +8 -0
  16. package/src/assets/brand/hr-bigband/conf/locatags.merged.json +8 -0
  17. package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +8 -0
  18. package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +8 -0
  19. package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +8 -0
  20. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +8 -0
  21. package/src/assets/brand/hr-werbung/conf/locatags.merged.json +8 -0
  22. package/src/assets/brand/hr1/conf/locatags.merged.json +8 -0
  23. package/src/assets/brand/hr2/conf/locatags.merged.json +8 -0
  24. package/src/assets/brand/hr3/conf/locatags.merged.json +8 -0
  25. package/src/assets/brand/hr4/conf/locatags.merged.json +8 -0
  26. package/src/assets/brand/you-fm/conf/locatags.merged.json +8 -0
  27. package/src/assets/fixtures/article/components/podcast/podcast_player_episode.json +34 -0
  28. package/src/stories/views/components/article/components/podcast/fixtures/podcast_player_episode.json +1 -1
  29. package/src/stories/views/components/article/components/podcast/podcast_episode_article.hbs +4 -4
  30. package/src/stories/views/components/geoTag/geoTag_list.hbs +18 -0
  31. package/src/stories/views/components/socialmedia/socialmedia.hbs +70 -70
  32. package/src/stories/views/components/topictag/topictag_list.hbs +5 -5
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.45.0 (Thu Oct 26 2023)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - geotag list / css fixes for mobile view [#739](https://github.com/mumprod/hr-design-system-handlebars/pull/739) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
1
13
  # v1.44.0 (Thu Oct 26 2023)
2
14
 
3
15
  #### 🚀 Enhancement
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild © {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -1791,6 +1791,10 @@ video {
1791
1791
  .gap-5 {
1792
1792
  gap: 1.25rem;
1793
1793
  }
1794
+ .gap-x-1 {
1795
+ -moz-column-gap: 0.25rem;
1796
+ column-gap: 0.25rem;
1797
+ }
1794
1798
  .gap-x-2 {
1795
1799
  -moz-column-gap: 0.5rem;
1796
1800
  column-gap: 0.5rem;
@@ -3040,7 +3044,7 @@ video {
3040
3044
  border-bottom-color: var(--color-secondary-ds);
3041
3045
  }
3042
3046
  .counter-reset {
3043
- counter-reset: cnt1698322698690;
3047
+ counter-reset: cnt1698329881755;
3044
3048
  }
3045
3049
  .hyphens-auto {
3046
3050
  -webkit-hyphens: auto;
@@ -3303,7 +3307,7 @@ video {
3303
3307
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3304
3308
  }
3305
3309
  .-ordered {
3306
- counter-increment: cnt1698322698690 1;
3310
+ counter-increment: cnt1698329881755 1;
3307
3311
  }
3308
3312
  .-ordered::before {
3309
3313
  position: absolute;
@@ -3319,7 +3323,7 @@ video {
3319
3323
  letter-spacing: .0125em;
3320
3324
  --tw-text-opacity: 1;
3321
3325
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3322
- content: counter(cnt1698322698690);
3326
+ content: counter(cnt1698329881755);
3323
3327
  }
3324
3328
  /*! ****************************/
3325
3329
  /*! DataPolicy stuff */
@@ -5081,6 +5085,10 @@ video {
5081
5085
  width: fit-content;
5082
5086
  }
5083
5087
 
5088
+ .sm\:w-full {
5089
+ width: 100%;
5090
+ }
5091
+
5084
5092
  .sm\:max-w-xl {
5085
5093
  max-width: 36rem;
5086
5094
  }
@@ -5097,6 +5105,11 @@ video {
5097
5105
  flex-direction: row;
5098
5106
  }
5099
5107
 
5108
+ .sm\:gap-x-2 {
5109
+ -moz-column-gap: 0.5rem;
5110
+ column-gap: 0.5rem;
5111
+ }
5112
+
5100
5113
  .sm\:bg-transparent {
5101
5114
  background-color: transparent;
5102
5115
  }
@@ -5156,6 +5169,10 @@ video {
5156
5169
  padding-top: 0px;
5157
5170
  }
5158
5171
 
5172
+ .sm\:pt-2 {
5173
+ padding-top: 0.5rem;
5174
+ }
5175
+
5159
5176
  .sm\:pt-3 {
5160
5177
  padding-top: 0.75rem;
5161
5178
  }
@@ -16,15 +16,15 @@
16
16
 
17
17
  <aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]"
18
18
  aria-label='{{loca "appendix_title"}}'>
19
- <div class="c-appendix">
19
+ <div class="c-appendix flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979] ">
20
20
  {{#unless _webview}}
21
21
  {{!-- {{~#with this.backLinkUrl ~}}
22
22
  {{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
23
- {{~/with~}}
23
+ {{~/with~}}--}}
24
24
 
25
25
  {{~#with this.geotag ~}}
26
- {{~> modules/geotag/geotag-list ~}}
27
- {{~/with~}}--}}
26
+ {{~> components/geoTag/geoTag_list ~}}
27
+ {{~/with~}}
28
28
 
29
29
  {{~#with this.topictags ~}}
30
30
  {{~> components/topictag/topictag_list ~}}
@@ -0,0 +1,18 @@
1
+ <div class="appendix__entry">
2
+ <nav class="block" role="navigation" aria-label="{{loca "geotag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "geotag_related_content_headline"}}</span><!--
4
+ -->
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
+ {{~#each this~}}
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
+ {{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
10
+
11
+ {{~this.title~}}
12
+
13
+ </a>
14
+ </li>
15
+ {{~/each~}}
16
+ </ul>
17
+ </nav>
18
+ </div>
@@ -1,78 +1,78 @@
1
- <div class="w-full flex first:border-t last:border-b py-6 border-dotted border-[#797979] -socialsharing">
2
- <div class="flex flex-wrap">
3
- <span class="inline-flex text-xl font-headingSerif">{{loca "share_headline" }}</span>
4
-
5
- <ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2 -socialsharing">
6
- {{~#with this.twitterLink ~}}
7
- <li>
8
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
- href="{{this}}"
10
- target="_blank"
11
- rel="noopener noreferrer"
12
- title="{{loca "share_twitter_linktitle" }}"
13
- {{#with ../../this.content.trackingData}}
14
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
15
- {{/with}}
16
- >
17
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
18
- </a>
19
- </li>
20
- {{~/with~}}
21
- {{~#with this.facebookLink ~}}
22
- <li>
23
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
- href="{{this}}"
25
- target="_blank"
26
- rel="noopener noreferrer"
27
- title="{{loca "share_facebook_linktitle" }}"
28
- {{#with ../../this.content.trackingData}}
29
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
- {{/with}}
31
- >
32
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
- </a>
34
- </li>
35
- {{~/with~}}
36
- {{~#with this.whatsappLink ~}}
37
- <li>
38
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
- href="{{this}}"
40
- target="_blank"
41
- rel="noopener noreferrer"
42
- title="{{loca "share_whatsapp_linktitle" }}"
43
- {{#with ../../this.content.trackingData}}
44
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
- {{/with}}
46
- >
47
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
- </a>
49
- </li>
50
- {{~/with~}}
51
- {{~#with this.mailtoLink ~}}
52
- <li>
53
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
- href="{{this}}"
55
- title="{{loca "share_mail_linktitle" }}"
56
- {{#with ../../this.content.trackingData}}
57
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
- {{/with}}
59
- >
60
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
- </a>
62
- </li>
63
- {{~/with~}}
1
+ <div class="-socialsharing">
2
+ <div class="block">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "share_headline" }}</span>
64
4
 
5
+ <ul class="flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2">
6
+ {{~#with this.twitterLink ~}}
65
7
  <li>
66
- <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
- href="javascript:window.print()"
68
- title="{{loca "share_print_linktitle" }}"
69
- {{#with ../this.content.trackingData}}
70
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
8
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
+ href="{{this}}"
10
+ target="_blank"
11
+ rel="noopener noreferrer"
12
+ title="{{loca "share_twitter_linktitle" }}"
13
+ {{#with ../../this.content.trackingData}}
14
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
71
15
  {{/with}}
72
16
  >
73
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
17
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
74
18
  </a>
75
19
  </li>
76
- </ul>
20
+ {{~/with~}}
21
+ {{~#with this.facebookLink ~}}
22
+ <li>
23
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
+ href="{{this}}"
25
+ target="_blank"
26
+ rel="noopener noreferrer"
27
+ title="{{loca "share_facebook_linktitle" }}"
28
+ {{#with ../../this.content.trackingData}}
29
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
+ {{/with}}
31
+ >
32
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
+ </a>
34
+ </li>
35
+ {{~/with~}}
36
+ {{~#with this.whatsappLink ~}}
37
+ <li>
38
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
+ href="{{this}}"
40
+ target="_blank"
41
+ rel="noopener noreferrer"
42
+ title="{{loca "share_whatsapp_linktitle" }}"
43
+ {{#with ../../this.content.trackingData}}
44
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
+ {{/with}}
46
+ >
47
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
+ </a>
49
+ </li>
50
+ {{~/with~}}
51
+ {{~#with this.mailtoLink ~}}
52
+ <li>
53
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
+ href="{{this}}"
55
+ title="{{loca "share_mail_linktitle" }}"
56
+ {{#with ../../this.content.trackingData}}
57
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
+ {{/with}}
59
+ >
60
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
+ </a>
62
+ </li>
63
+ {{~/with~}}
64
+
65
+ <li>
66
+ <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
+ href="javascript:window.print()"
68
+ title="{{loca "share_print_linktitle" }}"
69
+ {{#with ../this.content.trackingData}}
70
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
71
+ {{/with}}
72
+ >
73
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
74
+ </a>
75
+ </li>
76
+ </ul>
77
77
  </div>
78
78
  </div>
@@ -1,11 +1,11 @@
1
1
  <div class="appendix__entry">
2
- <nav role="navigation" aria-label="{{loca "topictag_related_content_headline"}}" class="">
3
- <span class="text-xl font-headingSerif">{{loca "topictag_related_content_headline"}}</span><!--
2
+ <nav class="block" role="navigation" aria-label="{{loca "topictag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "topictag_related_content_headline"}}</span><!--
4
4
  -->
5
- <ul class="w-full pt-2 ">
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
6
  {{~#each this~}}
7
- <li class="flex w-full text-primary">
8
- <a class="flex gap-x-2" href="{{this.url}}">
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
9
  {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
10
10
 
11
11
  {{~this.title~}}
@@ -16,15 +16,15 @@
16
16
 
17
17
  <aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]"
18
18
  aria-label='{{loca "appendix_title"}}'>
19
- <div class="c-appendix">
19
+ <div class="c-appendix flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979] ">
20
20
  {{#unless _webview}}
21
21
  {{!-- {{~#with this.backLinkUrl ~}}
22
22
  {{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
23
- {{~/with~}}
23
+ {{~/with~}}--}}
24
24
 
25
25
  {{~#with this.geotag ~}}
26
- {{~> modules/geotag/geotag-list ~}}
27
- {{~/with~}}--}}
26
+ {{~> components/geoTag/geoTag_list ~}}
27
+ {{~/with~}}
28
28
 
29
29
  {{~#with this.topictags ~}}
30
30
  {{~> components/topictag/topictag_list ~}}
@@ -0,0 +1,18 @@
1
+ <div class="appendix__entry">
2
+ <nav class="block" role="navigation" aria-label="{{loca "geotag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "geotag_related_content_headline"}}</span><!--
4
+ -->
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
+ {{~#each this~}}
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
+ {{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
10
+
11
+ {{~this.title~}}
12
+
13
+ </a>
14
+ </li>
15
+ {{~/each~}}
16
+ </ul>
17
+ </nav>
18
+ </div>
@@ -1,78 +1,78 @@
1
- <div class="w-full flex first:border-t last:border-b py-6 border-dotted border-[#797979] -socialsharing">
2
- <div class="flex flex-wrap">
3
- <span class="inline-flex text-xl font-headingSerif">{{loca "share_headline" }}</span>
4
-
5
- <ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2 -socialsharing">
6
- {{~#with this.twitterLink ~}}
7
- <li>
8
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
- href="{{this}}"
10
- target="_blank"
11
- rel="noopener noreferrer"
12
- title="{{loca "share_twitter_linktitle" }}"
13
- {{#with ../../this.content.trackingData}}
14
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
15
- {{/with}}
16
- >
17
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
18
- </a>
19
- </li>
20
- {{~/with~}}
21
- {{~#with this.facebookLink ~}}
22
- <li>
23
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
- href="{{this}}"
25
- target="_blank"
26
- rel="noopener noreferrer"
27
- title="{{loca "share_facebook_linktitle" }}"
28
- {{#with ../../this.content.trackingData}}
29
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
- {{/with}}
31
- >
32
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
- </a>
34
- </li>
35
- {{~/with~}}
36
- {{~#with this.whatsappLink ~}}
37
- <li>
38
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
- href="{{this}}"
40
- target="_blank"
41
- rel="noopener noreferrer"
42
- title="{{loca "share_whatsapp_linktitle" }}"
43
- {{#with ../../this.content.trackingData}}
44
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
- {{/with}}
46
- >
47
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
- </a>
49
- </li>
50
- {{~/with~}}
51
- {{~#with this.mailtoLink ~}}
52
- <li>
53
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
- href="{{this}}"
55
- title="{{loca "share_mail_linktitle" }}"
56
- {{#with ../../this.content.trackingData}}
57
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
- {{/with}}
59
- >
60
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
- </a>
62
- </li>
63
- {{~/with~}}
1
+ <div class="-socialsharing">
2
+ <div class="block">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "share_headline" }}</span>
64
4
 
5
+ <ul class="flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2">
6
+ {{~#with this.twitterLink ~}}
65
7
  <li>
66
- <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
- href="javascript:window.print()"
68
- title="{{loca "share_print_linktitle" }}"
69
- {{#with ../this.content.trackingData}}
70
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
8
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
+ href="{{this}}"
10
+ target="_blank"
11
+ rel="noopener noreferrer"
12
+ title="{{loca "share_twitter_linktitle" }}"
13
+ {{#with ../../this.content.trackingData}}
14
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
71
15
  {{/with}}
72
16
  >
73
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
17
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
74
18
  </a>
75
19
  </li>
76
- </ul>
20
+ {{~/with~}}
21
+ {{~#with this.facebookLink ~}}
22
+ <li>
23
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
+ href="{{this}}"
25
+ target="_blank"
26
+ rel="noopener noreferrer"
27
+ title="{{loca "share_facebook_linktitle" }}"
28
+ {{#with ../../this.content.trackingData}}
29
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
+ {{/with}}
31
+ >
32
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
+ </a>
34
+ </li>
35
+ {{~/with~}}
36
+ {{~#with this.whatsappLink ~}}
37
+ <li>
38
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
+ href="{{this}}"
40
+ target="_blank"
41
+ rel="noopener noreferrer"
42
+ title="{{loca "share_whatsapp_linktitle" }}"
43
+ {{#with ../../this.content.trackingData}}
44
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
+ {{/with}}
46
+ >
47
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
+ </a>
49
+ </li>
50
+ {{~/with~}}
51
+ {{~#with this.mailtoLink ~}}
52
+ <li>
53
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
+ href="{{this}}"
55
+ title="{{loca "share_mail_linktitle" }}"
56
+ {{#with ../../this.content.trackingData}}
57
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
+ {{/with}}
59
+ >
60
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
+ </a>
62
+ </li>
63
+ {{~/with~}}
64
+
65
+ <li>
66
+ <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
+ href="javascript:window.print()"
68
+ title="{{loca "share_print_linktitle" }}"
69
+ {{#with ../this.content.trackingData}}
70
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
71
+ {{/with}}
72
+ >
73
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
74
+ </a>
75
+ </li>
76
+ </ul>
77
77
  </div>
78
78
  </div>
@@ -1,11 +1,11 @@
1
1
  <div class="appendix__entry">
2
- <nav role="navigation" aria-label="{{loca "topictag_related_content_headline"}}" class="">
3
- <span class="text-xl font-headingSerif">{{loca "topictag_related_content_headline"}}</span><!--
2
+ <nav class="block" role="navigation" aria-label="{{loca "topictag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "topictag_related_content_headline"}}</span><!--
4
4
  -->
5
- <ul class="w-full pt-2 ">
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
6
  {{~#each this~}}
7
- <li class="flex w-full text-primary">
8
- <a class="flex gap-x-2" href="{{this.url}}">
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
9
  {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
10
10
 
11
11
  {{~this.title~}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.44.0",
9
+ "version": "1.45.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -22,6 +22,40 @@
22
22
  "topic2": {
23
23
  "url":"#",
24
24
  "title": "topictag2"
25
+ },
26
+ "topic3": {
27
+ "url":"#",
28
+ "title": "topictagmitlangemnamen"
29
+ },
30
+ "topic4": {
31
+ "url":"#",
32
+ "title": "topic tag schnack"
33
+ },
34
+ "topic5": {
35
+ "url":"#",
36
+ "title": "topictag2Taggigtop"
37
+ }
38
+ },
39
+ "geotag": {
40
+ "GeoTag1": {
41
+ "url":"#",
42
+ "title": "geotag1"
43
+ },
44
+ "GeoTag2": {
45
+ "url":"#",
46
+ "title": "geotag mit langem namen"
47
+ },
48
+ "GeoTag3": {
49
+ "url":"#",
50
+ "title": "Far out"
51
+ },
52
+ "GeoTag4": {
53
+ "url":"#",
54
+ "title": "Stuttgart"
55
+ },
56
+ "GeoTag5": {
57
+ "url":"#",
58
+ "title": "FFM"
25
59
  }
26
60
  },
27
61
  "socialSharing": {
@@ -1 +1 @@
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,"topictags":{"topic1":{"url":"#","title":"topictag1"},"topic2":{"url":"#","title":"topictag2"}},"socialSharing":{"twitterLink":"#","whatsappLink":"#","facebookLink":"#","mailtoLink":"#"},"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":"Anna Magel","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":""}}}}}
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,"topictags":{"topic1":{"url":"#","title":"topictag1"},"topic2":{"url":"#","title":"topictag2"},"topic3":{"url":"#","title":"topictagmitlangemnamen"},"topic4":{"url":"#","title":"topic tag schnack"},"topic5":{"url":"#","title":"topictag2Taggigtop"}},"geotag":{"GeoTag1":{"url":"#","title":"geotag1"},"GeoTag2":{"url":"#","title":"geotag mit langem namen"},"GeoTag3":{"url":"#","title":"Far out"},"GeoTag4":{"url":"#","title":"Stuttgart"},"GeoTag5":{"url":"#","title":"FFM"}},"socialSharing":{"twitterLink":"#","whatsappLink":"#","facebookLink":"#","mailtoLink":"#"},"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":"Anna Magel","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":""}}}}}
@@ -16,15 +16,15 @@
16
16
 
17
17
  <aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]"
18
18
  aria-label='{{loca "appendix_title"}}'>
19
- <div class="c-appendix">
19
+ <div class="c-appendix flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979] ">
20
20
  {{#unless _webview}}
21
21
  {{!-- {{~#with this.backLinkUrl ~}}
22
22
  {{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
23
- {{~/with~}}
23
+ {{~/with~}}--}}
24
24
 
25
25
  {{~#with this.geotag ~}}
26
- {{~> modules/geotag/geotag-list ~}}
27
- {{~/with~}}--}}
26
+ {{~> components/geoTag/geoTag_list ~}}
27
+ {{~/with~}}
28
28
 
29
29
  {{~#with this.topictags ~}}
30
30
  {{~> components/topictag/topictag_list ~}}
@@ -0,0 +1,18 @@
1
+ <div class="appendix__entry">
2
+ <nav class="block" role="navigation" aria-label="{{loca "geotag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "geotag_related_content_headline"}}</span><!--
4
+ -->
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
+ {{~#each this~}}
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
+ {{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
10
+
11
+ {{~this.title~}}
12
+
13
+ </a>
14
+ </li>
15
+ {{~/each~}}
16
+ </ul>
17
+ </nav>
18
+ </div>
@@ -1,78 +1,78 @@
1
- <div class="w-full flex first:border-t last:border-b py-6 border-dotted border-[#797979] -socialsharing">
2
- <div class="flex flex-wrap">
3
- <span class="inline-flex text-xl font-headingSerif">{{loca "share_headline" }}</span>
4
-
5
- <ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2 -socialsharing">
6
- {{~#with this.twitterLink ~}}
7
- <li>
8
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
- href="{{this}}"
10
- target="_blank"
11
- rel="noopener noreferrer"
12
- title="{{loca "share_twitter_linktitle" }}"
13
- {{#with ../../this.content.trackingData}}
14
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
15
- {{/with}}
16
- >
17
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
18
- </a>
19
- </li>
20
- {{~/with~}}
21
- {{~#with this.facebookLink ~}}
22
- <li>
23
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
- href="{{this}}"
25
- target="_blank"
26
- rel="noopener noreferrer"
27
- title="{{loca "share_facebook_linktitle" }}"
28
- {{#with ../../this.content.trackingData}}
29
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
- {{/with}}
31
- >
32
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
- </a>
34
- </li>
35
- {{~/with~}}
36
- {{~#with this.whatsappLink ~}}
37
- <li>
38
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
- href="{{this}}"
40
- target="_blank"
41
- rel="noopener noreferrer"
42
- title="{{loca "share_whatsapp_linktitle" }}"
43
- {{#with ../../this.content.trackingData}}
44
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
- {{/with}}
46
- >
47
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
- </a>
49
- </li>
50
- {{~/with~}}
51
- {{~#with this.mailtoLink ~}}
52
- <li>
53
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
- href="{{this}}"
55
- title="{{loca "share_mail_linktitle" }}"
56
- {{#with ../../this.content.trackingData}}
57
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
- {{/with}}
59
- >
60
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
- </a>
62
- </li>
63
- {{~/with~}}
1
+ <div class="-socialsharing">
2
+ <div class="block">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "share_headline" }}</span>
64
4
 
5
+ <ul class="flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2">
6
+ {{~#with this.twitterLink ~}}
65
7
  <li>
66
- <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
- href="javascript:window.print()"
68
- title="{{loca "share_print_linktitle" }}"
69
- {{#with ../this.content.trackingData}}
70
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
8
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
+ href="{{this}}"
10
+ target="_blank"
11
+ rel="noopener noreferrer"
12
+ title="{{loca "share_twitter_linktitle" }}"
13
+ {{#with ../../this.content.trackingData}}
14
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
71
15
  {{/with}}
72
16
  >
73
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
17
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
74
18
  </a>
75
19
  </li>
76
- </ul>
20
+ {{~/with~}}
21
+ {{~#with this.facebookLink ~}}
22
+ <li>
23
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
+ href="{{this}}"
25
+ target="_blank"
26
+ rel="noopener noreferrer"
27
+ title="{{loca "share_facebook_linktitle" }}"
28
+ {{#with ../../this.content.trackingData}}
29
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
+ {{/with}}
31
+ >
32
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
+ </a>
34
+ </li>
35
+ {{~/with~}}
36
+ {{~#with this.whatsappLink ~}}
37
+ <li>
38
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
+ href="{{this}}"
40
+ target="_blank"
41
+ rel="noopener noreferrer"
42
+ title="{{loca "share_whatsapp_linktitle" }}"
43
+ {{#with ../../this.content.trackingData}}
44
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
+ {{/with}}
46
+ >
47
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
+ </a>
49
+ </li>
50
+ {{~/with~}}
51
+ {{~#with this.mailtoLink ~}}
52
+ <li>
53
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
+ href="{{this}}"
55
+ title="{{loca "share_mail_linktitle" }}"
56
+ {{#with ../../this.content.trackingData}}
57
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
+ {{/with}}
59
+ >
60
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
+ </a>
62
+ </li>
63
+ {{~/with~}}
64
+
65
+ <li>
66
+ <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
+ href="javascript:window.print()"
68
+ title="{{loca "share_print_linktitle" }}"
69
+ {{#with ../this.content.trackingData}}
70
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
71
+ {{/with}}
72
+ >
73
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
74
+ </a>
75
+ </li>
76
+ </ul>
77
77
  </div>
78
78
  </div>
@@ -1,11 +1,11 @@
1
1
  <div class="appendix__entry">
2
- <nav role="navigation" aria-label="{{loca "topictag_related_content_headline"}}" class="">
3
- <span class="text-xl font-headingSerif">{{loca "topictag_related_content_headline"}}</span><!--
2
+ <nav class="block" role="navigation" aria-label="{{loca "topictag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "topictag_related_content_headline"}}</span><!--
4
4
  -->
5
- <ul class="w-full pt-2 ">
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
6
  {{~#each this~}}
7
- <li class="flex w-full text-primary">
8
- <a class="flex gap-x-2" href="{{this.url}}">
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
9
  {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
10
10
 
11
11
  {{~this.title~}}