hr-design-system-handlebars 1.50.16 → 1.50.18

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 (177) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/brand/_default/conf/locatags.json +1 -0
  3. package/dist/assets/brand/hr1/icons/logo/svgmap.min.svg +1 -1
  4. package/dist/assets/brand/you-fm/icons/logo/svgmap.min.svg +1 -1
  5. package/dist/assets/icons/icons/svgmap/copyright.svg +13 -0
  6. package/dist/assets/icons/icons/svgmap.min.svg +1 -1
  7. package/dist/assets/index.css +354 -5
  8. package/dist/assets/js/alpine.js +4 -0
  9. package/dist/views/components/banner/banner.storybook.hbs +126 -0
  10. package/dist/views/components/banner/copyright/tooltip.hbs +17 -0
  11. package/dist/views/components/banner/header/additional_info.hbs +1 -0
  12. package/dist/views/components/banner/header/banner_image.hbs +13 -0
  13. package/dist/views/components/banner/header/banner_overlay.hbs +3 -0
  14. package/dist/views/components/banner/header/banner_wrapper.hbs +7 -0
  15. package/dist/views/components/banner/header/breadcrumb_wrapper.hbs +6 -0
  16. package/dist/views/components/banner/header/byline.hbs +1 -0
  17. package/dist/views/components/banner/header/headline.hbs +3 -0
  18. package/dist/views/components/banner/header/special_info.hbs +3 -0
  19. package/dist/views/components/banner/header/title_background.hbs +3 -0
  20. package/dist/views/components/banner/header/topline.hbs +1 -0
  21. package/dist/views/components/banner/structure_nav/structure_nav.hbs +34 -0
  22. package/dist/views/components/base/image/responsive_image.hbs +5 -4
  23. package/dist/views/components/content/copytext/components/additionalinfo.hbs +5 -0
  24. package/dist/views/components/content/copytext/components/audio.hbs +9 -0
  25. package/dist/views/components/content/copytext/components/audioeventlivestream.hbs +9 -0
  26. package/dist/views/components/content/copytext/components/cite.hbs +20 -0
  27. package/dist/views/components/content/copytext/components/downloadbox.hbs +5 -0
  28. package/dist/views/components/content/copytext/components/externalservice.hbs +61 -0
  29. package/dist/views/components/content/copytext/components/faq.hbs +5 -0
  30. package/dist/views/components/content/copytext/components/filedownload.hbs +5 -0
  31. package/dist/views/components/content/copytext/components/gallery.hbs +7 -0
  32. package/dist/views/components/content/copytext/components/headline.hbs +1 -0
  33. package/dist/views/components/content/copytext/components/image.hbs +41 -0
  34. package/dist/views/components/content/copytext/components/infobox.hbs +5 -0
  35. package/dist/views/components/content/copytext/components/jobposting.hbs +5 -0
  36. package/dist/views/components/content/copytext/components/livestream.hbs +9 -0
  37. package/dist/views/components/content/copytext/components/map.hbs +46 -0
  38. package/dist/views/components/content/copytext/components/newsletter.hbs +5 -0
  39. package/dist/views/components/content/copytext/components/paragraph.hbs +11 -0
  40. package/dist/views/components/content/copytext/components/podcastepisode.hbs +9 -0
  41. package/dist/views/components/content/copytext/components/posterteaser.hbs +5 -0
  42. package/dist/views/components/content/copytext/components/radioplaylist.hbs +11 -0
  43. package/dist/views/components/content/copytext/components/tweet.hbs +7 -0
  44. package/dist/views/components/content/copytext/components/video.hbs +9 -0
  45. package/dist/views/components/content/copytext/components/voting.hbs +9 -0
  46. package/dist/views/components/content/copytext/components/webform.hbs +5 -0
  47. package/dist/views/components/content/copytext/copytext.hbs +129 -0
  48. package/dist/views/components/footer/page_footer.hbs +2 -1
  49. package/dist/views/components/navigation/breadcrumb/breadcrumb.hbs +5 -4
  50. package/dist/views/components/top_button/top_button.hbs +24 -0
  51. package/dist/views_static/components/banner/banner.storybook.hbs +126 -0
  52. package/dist/views_static/components/banner/copyright/tooltip.hbs +17 -0
  53. package/dist/views_static/components/banner/header/additional_info.hbs +1 -0
  54. package/dist/views_static/components/banner/header/banner_image.hbs +13 -0
  55. package/dist/views_static/components/banner/header/banner_overlay.hbs +3 -0
  56. package/dist/views_static/components/banner/header/banner_wrapper.hbs +7 -0
  57. package/dist/views_static/components/banner/header/breadcrumb_wrapper.hbs +6 -0
  58. package/dist/views_static/components/banner/header/byline.hbs +1 -0
  59. package/dist/views_static/components/banner/header/headline.hbs +3 -0
  60. package/dist/views_static/components/banner/header/special_info.hbs +3 -0
  61. package/dist/views_static/components/banner/header/title_background.hbs +3 -0
  62. package/dist/views_static/components/banner/header/topline.hbs +1 -0
  63. package/dist/views_static/components/banner/structure_nav/structure_nav.hbs +34 -0
  64. package/dist/views_static/components/base/image/responsive_image.hbs +5 -4
  65. package/dist/views_static/components/content/copytext/components/additionalinfo.hbs +5 -0
  66. package/dist/views_static/components/content/copytext/components/audio.hbs +9 -0
  67. package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs +9 -0
  68. package/dist/views_static/components/content/copytext/components/cite.hbs +20 -0
  69. package/dist/views_static/components/content/copytext/components/downloadbox.hbs +5 -0
  70. package/dist/views_static/components/content/copytext/components/externalservice.hbs +61 -0
  71. package/dist/views_static/components/content/copytext/components/faq.hbs +5 -0
  72. package/dist/views_static/components/content/copytext/components/filedownload.hbs +5 -0
  73. package/dist/views_static/components/content/copytext/components/gallery.hbs +7 -0
  74. package/dist/views_static/components/content/copytext/components/headline.hbs +1 -0
  75. package/dist/views_static/components/content/copytext/components/image.hbs +41 -0
  76. package/dist/views_static/components/content/copytext/components/infobox.hbs +5 -0
  77. package/dist/views_static/components/content/copytext/components/jobposting.hbs +5 -0
  78. package/dist/views_static/components/content/copytext/components/livestream.hbs +9 -0
  79. package/dist/views_static/components/content/copytext/components/map.hbs +46 -0
  80. package/dist/views_static/components/content/copytext/components/newsletter.hbs +5 -0
  81. package/dist/views_static/components/content/copytext/components/paragraph.hbs +11 -0
  82. package/dist/views_static/components/content/copytext/components/podcastepisode.hbs +9 -0
  83. package/dist/views_static/components/content/copytext/components/posterteaser.hbs +5 -0
  84. package/dist/views_static/components/content/copytext/components/radioplaylist.hbs +11 -0
  85. package/dist/views_static/components/content/copytext/components/tweet.hbs +7 -0
  86. package/dist/views_static/components/content/copytext/components/video.hbs +9 -0
  87. package/dist/views_static/components/content/copytext/components/voting.hbs +9 -0
  88. package/dist/views_static/components/content/copytext/components/webform.hbs +5 -0
  89. package/dist/views_static/components/content/copytext/copytext.hbs +129 -0
  90. package/dist/views_static/components/footer/page_footer.hbs +2 -1
  91. package/dist/views_static/components/navigation/breadcrumb/breadcrumb.hbs +5 -4
  92. package/dist/views_static/components/top_button/top_button.hbs +24 -0
  93. package/package.json +3 -1
  94. package/src/assets/brand/_default/conf/locatags.json +1 -0
  95. package/src/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
  96. package/src/assets/brand/hr/conf/locatags.merged.json +1 -0
  97. package/src/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
  98. package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
  99. package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
  100. package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
  101. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
  102. package/src/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
  103. package/src/assets/brand/hr1/conf/locatags.merged.json +1 -0
  104. package/src/assets/brand/hr1/icons/logo/svgmap.min.svg +1 -1
  105. package/src/assets/brand/hr2/conf/locatags.merged.json +1 -0
  106. package/src/assets/brand/hr3/conf/locatags.merged.json +1 -0
  107. package/src/assets/brand/hr4/conf/locatags.merged.json +1 -0
  108. package/src/assets/brand/you-fm/conf/locatags.merged.json +1 -0
  109. package/src/assets/brand/you-fm/icons/logo/svgmap.min.svg +1 -1
  110. package/src/assets/css/custom-utilities.css +33 -0
  111. package/src/assets/fixtures/banner/banner.json +37 -0
  112. package/src/assets/fixtures/banner/bannerImages.inc.json +28 -0
  113. package/src/assets/fixtures/banner/structureNav.json +48 -0
  114. package/src/assets/fixtures/content/copytext/copytext.inc.json +100 -0
  115. package/src/assets/fixtures/content/copytext/copytext.json +4 -0
  116. package/src/assets/icons/icons/svgmap/copyright.svg +13 -0
  117. package/src/assets/icons/icons/svgmap.min.svg +1 -1
  118. package/src/assets/images/rueckkehr-nach-abschiebung-102_v-100to27.jpg +0 -0
  119. package/src/assets/images/rueckkehr-nach-abschiebung-102_v-100to27__medium.jpg +0 -0
  120. package/src/assets/images/rueckkehr-nach-abschiebung-102_v-100to27__retina.jpg +0 -0
  121. package/src/assets/images/rueckkehr-nach-abschiebung-102_v-100to27__small.jpg +0 -0
  122. package/src/assets/images/rueckkehr-nach-abschiebung-102_v-16to7.jpg +0 -0
  123. package/src/assets/images/rueckkehr-nach-abschiebung-102_v-16to7__medium.jpg +0 -0
  124. package/src/assets/images/rueckkehr-nach-abschiebung-102_v-16to7__small.jpg +0 -0
  125. package/src/assets/js/alpine.js +4 -0
  126. package/src/assets/tailwind.css +42 -1
  127. package/src/stories/views/components/banner/banner.storybook.hbs +126 -0
  128. package/src/stories/views/components/banner/copyright/tooltip.hbs +17 -0
  129. package/src/stories/views/components/banner/fixtures/banner.json +1 -0
  130. package/src/stories/views/components/banner/fixtures/structureNav.json +1 -0
  131. package/src/stories/views/components/banner/header/additional_info.hbs +1 -0
  132. package/src/stories/views/components/banner/header/banner_image.hbs +13 -0
  133. package/src/stories/views/components/banner/header/banner_overlay.hbs +3 -0
  134. package/src/stories/views/components/banner/header/banner_wrapper.hbs +7 -0
  135. package/src/stories/views/components/banner/header/breadcrumb_wrapper.hbs +6 -0
  136. package/src/stories/views/components/banner/header/byline.hbs +1 -0
  137. package/src/stories/views/components/banner/header/headline.hbs +3 -0
  138. package/src/stories/views/components/banner/header/special_info.hbs +3 -0
  139. package/src/stories/views/components/banner/header/title_background.hbs +3 -0
  140. package/src/stories/views/components/banner/header/topline.hbs +1 -0
  141. package/src/stories/views/components/banner/header.stories.js +36 -0
  142. package/src/stories/views/components/banner/structure_nav/structureNav.stories.js +32 -0
  143. package/src/stories/views/components/banner/structure_nav/structure_nav.hbs +34 -0
  144. package/src/stories/views/components/base/image/responsive_image.hbs +5 -4
  145. package/src/stories/views/components/content/copytext/components/additionalinfo.hbs +5 -0
  146. package/src/stories/views/components/content/copytext/components/audio.hbs +9 -0
  147. package/src/stories/views/components/content/copytext/components/audioeventlivestream.hbs +9 -0
  148. package/src/stories/views/components/content/copytext/components/cite.hbs +20 -0
  149. package/src/stories/views/components/content/copytext/components/downloadbox.hbs +5 -0
  150. package/src/stories/views/components/content/copytext/components/externalservice.hbs +61 -0
  151. package/src/stories/views/components/content/copytext/components/faq.hbs +5 -0
  152. package/src/stories/views/components/content/copytext/components/filedownload.hbs +5 -0
  153. package/src/stories/views/components/content/copytext/components/gallery.hbs +7 -0
  154. package/src/stories/views/components/content/copytext/components/headline.hbs +1 -0
  155. package/src/stories/views/components/content/copytext/components/image.hbs +41 -0
  156. package/src/stories/views/components/content/copytext/components/infobox.hbs +5 -0
  157. package/src/stories/views/components/content/copytext/components/jobposting.hbs +5 -0
  158. package/src/stories/views/components/content/copytext/components/livestream.hbs +9 -0
  159. package/src/stories/views/components/content/copytext/components/map.hbs +46 -0
  160. package/src/stories/views/components/content/copytext/components/newsletter.hbs +5 -0
  161. package/src/stories/views/components/content/copytext/components/paragraph.hbs +11 -0
  162. package/src/stories/views/components/content/copytext/components/podcastepisode.hbs +9 -0
  163. package/src/stories/views/components/content/copytext/components/posterteaser.hbs +5 -0
  164. package/src/stories/views/components/content/copytext/components/radioplaylist.hbs +11 -0
  165. package/src/stories/views/components/content/copytext/components/tweet.hbs +7 -0
  166. package/src/stories/views/components/content/copytext/components/video.hbs +9 -0
  167. package/src/stories/views/components/content/copytext/components/voting.hbs +9 -0
  168. package/src/stories/views/components/content/copytext/components/webform.hbs +5 -0
  169. package/src/stories/views/components/content/copytext/copytext.hbs +129 -0
  170. package/src/stories/views/components/content/copytext/copytext.mdx +25 -0
  171. package/src/stories/views/components/content/copytext/copytext.stories.js +16 -0
  172. package/src/stories/views/components/content/copytext/fixtures/copytext.json +1 -0
  173. package/src/stories/views/components/footer/fixtures/footer_hessenschau.json +1 -242
  174. package/src/stories/views/components/footer/page_footer.hbs +2 -1
  175. package/src/stories/views/components/navigation/breadcrumb/breadcrumb.hbs +5 -4
  176. package/src/stories/views/components/top_button/top_button.hbs +24 -0
  177. package/tailwind.config.js +5 -2
@@ -423,7 +423,7 @@ video {
423
423
  font-stretch: condensed;
424
424
  }
425
425
 
426
- .-translate-x-1\/2, .-translate-x-2\/4, .-translate-y-1\/2, .-rotate-45, .rotate-180, .rotate-45, .scale-50, .scale-y-100, .scale-y-90, .transform, .is-loading::after, .hover\:scale-105, .active\:scale-95 {
426
+ .-translate-x-1\/2, .-translate-x-2\/4, .-translate-y-1\/2, .-translate-y-8, .translate-y-0, .translate-y-12, .-rotate-45, .rotate-180, .rotate-45, .scale-50, .scale-y-100, .scale-y-90, .transform, .is-loading::after, .hover\:scale-105, .active\:scale-95 {
427
427
  --tw-translate-x: 0;
428
428
  --tw-translate-y: 0;
429
429
  --tw-rotate: 0;
@@ -1059,6 +1059,10 @@ article.indexText ul {
1059
1059
  .bottom-15 {
1060
1060
  bottom: 3.75rem;
1061
1061
  }
1062
+ .bottom-feature-box-height {
1063
+ bottom: 0;
1064
+ bottom: var(--feature-box-height);
1065
+ }
1062
1066
  .left-0 {
1063
1067
  left: 0px;
1064
1068
  }
@@ -1104,12 +1108,19 @@ article.indexText ul {
1104
1108
  .top-8 {
1105
1109
  top: 2rem;
1106
1110
  }
1111
+ .top-9 {
1112
+ top: 2.25rem;
1113
+ }
1107
1114
  .top-\[3px\] {
1108
1115
  top: 3px;
1109
1116
  }
1110
1117
  .top-\[41px\] {
1111
1118
  top: 41px;
1112
1119
  }
1120
+ .top-feature-box-height {
1121
+ top: 0;
1122
+ top: var(--feature-box-height);
1123
+ }
1113
1124
  .top-full {
1114
1125
  top: 100%;
1115
1126
  }
@@ -1152,6 +1163,9 @@ article.indexText ul {
1152
1163
  .order-4 {
1153
1164
  order: 4;
1154
1165
  }
1166
+ .order-first {
1167
+ order: -9999;
1168
+ }
1155
1169
  .col-span-12 {
1156
1170
  grid-column: span 12 / span 12;
1157
1171
  }
@@ -1167,6 +1181,9 @@ article.indexText ul {
1167
1181
  .float-left {
1168
1182
  float: left;
1169
1183
  }
1184
+ .clear-both {
1185
+ clear: both;
1186
+ }
1170
1187
  .\!m-0 {
1171
1188
  margin: 0px !important;
1172
1189
  }
@@ -1271,6 +1288,9 @@ article.indexText ul {
1271
1288
  .-mt-40 {
1272
1289
  margin-top: -10rem;
1273
1290
  }
1291
+ .-mt-6 {
1292
+ margin-top: -1.5rem;
1293
+ }
1274
1294
  .-mt-8 {
1275
1295
  margin-top: -2rem;
1276
1296
  }
@@ -1382,6 +1402,9 @@ article.indexText ul {
1382
1402
  .mt-3 {
1383
1403
  margin-top: 0.75rem;
1384
1404
  }
1405
+ .mt-3\.5 {
1406
+ margin-top: 0.875rem;
1407
+ }
1385
1408
  .mt-4 {
1386
1409
  margin-top: 1rem;
1387
1410
  }
@@ -1454,6 +1477,9 @@ article.indexText ul {
1454
1477
  .hidden {
1455
1478
  display: none;
1456
1479
  }
1480
+ .aspect-auto {
1481
+ aspect-ratio: auto;
1482
+ }
1457
1483
  .aspect-video {
1458
1484
  aspect-ratio: 16 / 9;
1459
1485
  }
@@ -1514,6 +1540,11 @@ article.indexText ul {
1514
1540
  .h-header-sm {
1515
1541
  height: 7.125rem;
1516
1542
  }
1543
+ .h-max {
1544
+ height: -webkit-max-content;
1545
+ height: -moz-max-content;
1546
+ height: max-content;
1547
+ }
1517
1548
  .h-screen {
1518
1549
  height: 100vh;
1519
1550
  }
@@ -1715,6 +1746,18 @@ article.indexText ul {
1715
1746
  --tw-translate-y: -50%;
1716
1747
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1717
1748
  }
1749
+ .-translate-y-8 {
1750
+ --tw-translate-y: -2rem;
1751
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1752
+ }
1753
+ .translate-y-0 {
1754
+ --tw-translate-y: 0px;
1755
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1756
+ }
1757
+ .translate-y-12 {
1758
+ --tw-translate-y: 3rem;
1759
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1760
+ }
1718
1761
  .-rotate-45 {
1719
1762
  --tw-rotate: -45deg;
1720
1763
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1970,6 +2013,9 @@ article.indexText ul {
1970
2013
  border-top-left-radius: 0px;
1971
2014
  border-top-left-radius: var(--border-radius-hr);
1972
2015
  }
2016
+ .rounded-tr-lg {
2017
+ border-top-right-radius: 0.5rem;
2018
+ }
1973
2019
  .border {
1974
2020
  border-width: 1px;
1975
2021
  }
@@ -2087,6 +2133,10 @@ article.indexText ul {
2087
2133
  border-color: #fff;
2088
2134
  border-color: var(--color-servicenavigation-border-color);
2089
2135
  }
2136
+ .border-structure-nav {
2137
+ border-color: #005293;
2138
+ border-color: var(--structure-nav-background);
2139
+ }
2090
2140
  .border-teal-600 {
2091
2141
  --tw-border-opacity: 1;
2092
2142
  border-color: rgba(13, 148, 136, var(--tw-border-opacity));
@@ -2181,6 +2231,10 @@ article.indexText ul {
2181
2231
  --tw-bg-opacity: 1;
2182
2232
  background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
2183
2233
  }
2234
+ .bg-green-800 {
2235
+ --tw-bg-opacity: 1;
2236
+ background-color: rgba(22, 101, 52, var(--tw-bg-opacity));
2237
+ }
2184
2238
  .bg-highlight-1 {
2185
2239
  background-color: #eaf3fa;
2186
2240
  background-color: var(--color-highlight-1);
@@ -2241,6 +2295,10 @@ article.indexText ul {
2241
2295
  --tw-bg-opacity: 1;
2242
2296
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
2243
2297
  }
2298
+ .bg-orange-500 {
2299
+ --tw-bg-opacity: 1;
2300
+ background-color: rgba(249, 115, 22, var(--tw-bg-opacity));
2301
+ }
2244
2302
  .bg-orange-bridesmaid {
2245
2303
  --tw-bg-opacity: 1;
2246
2304
  background-color: rgba(252, 242, 237, var(--tw-bg-opacity));
@@ -2261,10 +2319,18 @@ article.indexText ul {
2261
2319
  --tw-bg-opacity: 1;
2262
2320
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
2263
2321
  }
2322
+ .bg-slate-500 {
2323
+ --tw-bg-opacity: 1;
2324
+ background-color: rgba(100, 116, 139, var(--tw-bg-opacity));
2325
+ }
2264
2326
  .bg-stageTextBox\/85 {
2265
2327
  background-color: rgba(0, 110, 183, .85);
2266
2328
  background-color: rgb(var(--color-stage-text-box) / .85);
2267
2329
  }
2330
+ .bg-structure-nav {
2331
+ background-color: #005293;
2332
+ background-color: var(--structure-nav-background);
2333
+ }
2268
2334
  .bg-tickerTeaserTimelineScore {
2269
2335
  background-color: #d34600;
2270
2336
  background-color: var(--color-ticker-teaser-timeline-score);
@@ -2284,6 +2350,12 @@ article.indexText ul {
2284
2350
  --tw-bg-opacity: 1;
2285
2351
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2286
2352
  }
2353
+ .bg-white\/60 {
2354
+ background-color: rgba(255, 255, 255, 0.6);
2355
+ }
2356
+ .bg-white\/80 {
2357
+ background-color: rgba(255, 255, 255, 0.8);
2358
+ }
2287
2359
  .bg-gradient-to-l {
2288
2360
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
2289
2361
  }
@@ -2359,6 +2431,14 @@ article.indexText ul {
2359
2431
  fill: #006eb7;
2360
2432
  fill: var(--color-link);
2361
2433
  }
2434
+ .fill-structure-nav-text {
2435
+ fill: #ffffff;
2436
+ fill: var(--structure-nav-text);
2437
+ }
2438
+ .fill-text {
2439
+ fill: #000000;
2440
+ fill: var(--color-standard-text);
2441
+ }
2362
2442
  .fill-white {
2363
2443
  fill: #ffffff;
2364
2444
  }
@@ -2368,12 +2448,18 @@ article.indexText ul {
2368
2448
  .p-0 {
2369
2449
  padding: 0px;
2370
2450
  }
2451
+ .p-1 {
2452
+ padding: 0.25rem;
2453
+ }
2371
2454
  .p-10 {
2372
2455
  padding: 2.5rem;
2373
2456
  }
2374
2457
  .p-2 {
2375
2458
  padding: 0.5rem;
2376
2459
  }
2460
+ .p-3 {
2461
+ padding: 0.75rem;
2462
+ }
2377
2463
  .p-4 {
2378
2464
  padding: 1rem;
2379
2465
  }
@@ -2694,6 +2780,9 @@ article.indexText ul {
2694
2780
  .font-bold {
2695
2781
  font-weight: 700;
2696
2782
  }
2783
+ .font-medium {
2784
+ font-weight: 500;
2785
+ }
2697
2786
  .font-normal {
2698
2787
  font-weight: 400;
2699
2788
  }
@@ -2741,6 +2830,9 @@ article.indexText ul {
2741
2830
  .leading-6 {
2742
2831
  line-height: 1.5rem;
2743
2832
  }
2833
+ .leading-7 {
2834
+ line-height: 1.75rem;
2835
+ }
2744
2836
  .leading-\[34px\] {
2745
2837
  line-height: 34px;
2746
2838
  }
@@ -2882,6 +2974,14 @@ article.indexText ul {
2882
2974
  color: #ffffff;
2883
2975
  color: var(--color-stage-text);
2884
2976
  }
2977
+ .text-structure-nav-text {
2978
+ color: #ffffff;
2979
+ color: var(--structure-nav-text);
2980
+ }
2981
+ .text-structure-nav-text-mobile {
2982
+ color: #005293;
2983
+ color: var(--structure-nav-text-mobile);
2984
+ }
2885
2985
  .text-subline {
2886
2986
  color: #006dc1;
2887
2987
  color: var(--color-subline);
@@ -3074,6 +3174,9 @@ article.indexText ul {
3074
3174
  .duration-700 {
3075
3175
  transition-duration: 700ms;
3076
3176
  }
3177
+ .ease-\[cubic-bezier\(0\.68\2c -0\.3\2c 0\.32\2c 1\)\] {
3178
+ transition-timing-function: cubic-bezier(0.68,-0.3,0.32,1);
3179
+ }
3077
3180
  .ease-in {
3078
3181
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
3079
3182
  }
@@ -3088,7 +3191,7 @@ article.indexText ul {
3088
3191
  border-bottom-color: var(--color-secondary-ds);
3089
3192
  }
3090
3193
  .counter-reset {
3091
- counter-reset: cnt1700662128051;
3194
+ counter-reset: cnt1701102793304;
3092
3195
  }
3093
3196
  .hyphens-auto {
3094
3197
  -webkit-hyphens: auto;
@@ -3349,7 +3452,7 @@ article.indexText ul {
3349
3452
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3350
3453
  }
3351
3454
  .-ordered {
3352
- counter-increment: cnt1700662128051 1;
3455
+ counter-increment: cnt1701102793304 1;
3353
3456
  }
3354
3457
  .-ordered::before {
3355
3458
  position: absolute;
@@ -3365,7 +3468,7 @@ article.indexText ul {
3365
3468
  letter-spacing: .0125em;
3366
3469
  --tw-text-opacity: 1;
3367
3470
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3368
- content: counter(cnt1700662128051);
3471
+ content: counter(cnt1701102793304);
3369
3472
  }
3370
3473
  /*! ****************************/
3371
3474
  /*! DataPolicy stuff */
@@ -3588,6 +3691,24 @@ article.indexText ul {
3588
3691
  --color-ticker-teaser-headline-underline : #ffffff;
3589
3692
  --color-toggle-confirmation: #2c7e13;
3590
3693
  --color-toggle-default: #797979;
3694
+
3695
+
3696
+ --banner__background-color: #ffffff;
3697
+ --banner__background-color--with-image:transparent;
3698
+ --banner-overlay_background-color: #ffffff;
3699
+ --banner-overlay__background-color--rgba: rgba(--banner-overlay_background-color, 0.85);
3700
+ --banner-topline__color: #000000;
3701
+
3702
+ --banner-specialinfo__background-color: #ffffff;
3703
+ --banner-specialinfo__color: #000000;
3704
+ --banner-specialinfo__background-color--invert: #000000;
3705
+ --banner-specialinfo__color--invert: #ffffff;
3706
+
3707
+ --structure-nav-background: var(--color-primary-ds);
3708
+ --structure-nav-text: #ffffff;
3709
+ --structure-nav-text-mobile: var(--color-primary-ds);
3710
+
3711
+ --feature-box-height: 0;
3591
3712
  }
3592
3713
  [data-theme='hessenschau'] {
3593
3714
  --color-primary-ds: #005293;
@@ -3830,6 +3951,10 @@ article.indexText ul {
3830
3951
  /* Font */
3831
3952
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3832
3953
  --font-weight-title: 700;
3954
+ /* Structure Navigation */
3955
+ --structure-nav-background: #00375d;
3956
+
3957
+ --feature-box-height: 96px;
3833
3958
  }
3834
3959
  [data-theme='hr-rundfunkrat'] {
3835
3960
  --color-primary-ds: #606060;
@@ -3911,6 +4036,8 @@ article.indexText ul {
3911
4036
  /* Font */
3912
4037
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3913
4038
  --font-weight-title: 700;
4039
+ /* Structure Navigation */
4040
+ --structure-nav-background: #006eb7;
3914
4041
  }
3915
4042
  [data-theme='hr-werbung'] {
3916
4043
  --color-primary-ds: #007396;
@@ -4286,6 +4413,12 @@ article.indexText ul {
4286
4413
  /* Font */
4287
4414
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
4288
4415
  --font-weight-title: 700;
4416
+ /* Structure Nav */
4417
+ --structure-nav-background: var(--color-primary-ds);
4418
+ --structure-nav-text: #433d37;
4419
+ --structure-nav-text-mobile: #916B00;
4420
+
4421
+ --feature-box-height: 96px;
4289
4422
  }
4290
4423
  [data-theme='hr2'] {
4291
4424
  --color-primary-ds: #ec6602;
@@ -4363,6 +4496,8 @@ article.indexText ul {
4363
4496
  --color-ticker-teaser-timeline-score: #e5007d;
4364
4497
 
4365
4498
  --search-border-color-desktop: var(--color-navigation-icons);
4499
+
4500
+ --feature-box-height: 96px;
4366
4501
  }
4367
4502
  [data-theme='hr3'] {
4368
4503
  --color-primary-ds: #c20016;
@@ -4440,6 +4575,8 @@ article.indexText ul {
4440
4575
  --font-weight-title: 700;
4441
4576
 
4442
4577
  --search-border-color-desktop: #606060;
4578
+
4579
+ --feature-box-height: 96px;
4443
4580
  }
4444
4581
  [data-theme='hr4'] {
4445
4582
  --color-primary-ds: #bf0071;
@@ -4516,6 +4653,9 @@ article.indexText ul {
4516
4653
  --font-weight-title: 700;
4517
4654
  /* Border */
4518
4655
  --border-radius-hr: 1.5rem;
4656
+ /* Structure Navigation */
4657
+ --structure-nav-background: #168378;
4658
+ --feature-box-height: 96px;
4519
4659
  }
4520
4660
  [data-theme='you-fm'] {
4521
4661
  --color-primary-ds: #007179 /* #c20016 */;
@@ -4599,6 +4739,11 @@ article.indexText ul {
4599
4739
  --font-weight-title: 700;
4600
4740
 
4601
4741
  --search-border-color-desktop: var(--color-navigation-icons);
4742
+ /* Structure Navigation */
4743
+ --structure-nav-background: #f2da6c;
4744
+ --structure-nav-text: #000000;
4745
+ --structure-nav-text-mobile: #007EA1;
4746
+ --feature-box-height: 96px;
4602
4747
  }
4603
4748
  /*! purgecss end ignore */
4604
4749
  .sbdocs-content {
@@ -4867,6 +5012,9 @@ article.indexText ul {
4867
5012
  --tw-text-opacity: 1;
4868
5013
  color: rgba(255, 255, 255, var(--tw-text-opacity));
4869
5014
  }
5015
+ .group:hover .group-hover\:static {
5016
+ position: static;
5017
+ }
4870
5018
  .group:hover .group-hover\:fill-media-button {
4871
5019
  fill: #276b9e;
4872
5020
  fill: var(--color-media-button);
@@ -4882,6 +5030,9 @@ article.indexText ul {
4882
5030
  -webkit-text-decoration-line: underline;
4883
5031
  text-decoration-line: underline;
4884
5032
  }
5033
+ .group:hover .group-hover\:opacity-100 {
5034
+ opacity: 1;
5035
+ }
4885
5036
  .group:focus .group-focus\:text-white {
4886
5037
  --tw-text-opacity: 1;
4887
5038
  color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -4966,6 +5117,16 @@ article.indexText ul {
4966
5117
  .after\:col-full::after {
4967
5118
  grid-column: full;
4968
5119
  }
5120
+ :is([dir="rtl"] .rtl\:space-x-reverse) > :not([hidden]) ~ :not([hidden]) {
5121
+ --tw-space-x-reverse: 1;
5122
+ }
5123
+ [class~='tw-dark'] .dark\:bg-black {
5124
+ --tw-bg-opacity: 1;
5125
+ background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
5126
+ }
5127
+ [class~='tw-dark'] .dark\:bg-black\/60 {
5128
+ background-color: rgba(0, 0, 0, 0.6);
5129
+ }
4969
5130
  [class~='tw-dark'] .dark\:bg-highlight-1-dark {
4970
5131
  background-color: #2d2d2d;
4971
5132
  background-color: var(--color-highlight-1-dark);
@@ -4982,6 +5143,10 @@ article.indexText ul {
4982
5143
  fill: #006eb7;
4983
5144
  fill: var(--color-link-dark);
4984
5145
  }
5146
+ [class~='tw-dark'] .dark\:fill-text-dark {
5147
+ fill: #F0F0F0;
5148
+ fill: var(--color-standard-text-dark);
5149
+ }
4985
5150
  [class~='tw-dark'] .dark\:text-link-dark {
4986
5151
  color: #006eb7;
4987
5152
  color: var(--color-link-dark);
@@ -5003,6 +5168,10 @@ article.indexText ul {
5003
5168
  }
5004
5169
  @media print {
5005
5170
 
5171
+ .print\:absolute {
5172
+ position: absolute;
5173
+ }
5174
+
5006
5175
  .print\:flex {
5007
5176
  display: flex;
5008
5177
  }
@@ -5053,10 +5222,53 @@ article.indexText ul {
5053
5222
  line-height: 1.75rem;
5054
5223
  }
5055
5224
 
5225
+ .sm480\:text-4xl {
5226
+ font-size: 2.125rem;
5227
+ line-height: 2.375rem;
5228
+ }
5229
+
5056
5230
  .sm480\:text-lg {
5057
5231
  font-size: 1.125rem;
5058
5232
  line-height: 1.5rem;
5059
5233
  }
5234
+
5235
+ .sm480\:text-sm {
5236
+ font-size: 0.875rem;
5237
+ line-height: 1.1875rem;
5238
+ }
5239
+
5240
+ .sm480\:text-xl {
5241
+ font-size: 1.25rem;
5242
+ line-height: 1.6875rem;
5243
+ }
5244
+ .sm480\:ar-16-7 {
5245
+ aspect-ratio: 16 / 7;
5246
+ }
5247
+
5248
+ @supports not (aspect-ratio: 16 / 7) {
5249
+ .sm480\:ar-16-7::before {
5250
+ float: left;
5251
+ padding-top: calc(16 / 7 * 100%);
5252
+ content: '';
5253
+ }
5254
+
5255
+ .sm480\:ar-16-7::after {
5256
+ display: block;
5257
+ content: '';
5258
+ clear: both;
5259
+ }
5260
+ .sm480\:ar-16-7::before {
5261
+ float: left;
5262
+ padding-top: calc(16 / 7 * 100%);
5263
+ content: '';
5264
+ }
5265
+
5266
+ .sm480\:ar-16-7::after {
5267
+ display: block;
5268
+ content: '';
5269
+ clear: both;
5270
+ }
5271
+ }
5060
5272
  }
5061
5273
  @media (min-width: 640px) {
5062
5274
 
@@ -5261,7 +5473,6 @@ article.indexText ul {
5261
5473
  clear: both;
5262
5474
  }
5263
5475
  }
5264
-
5265
5476
  .sm\:ar-auto {
5266
5477
  aspect-ratio: auto;
5267
5478
  }
@@ -5397,6 +5608,10 @@ article.indexText ul {
5397
5608
  margin-bottom: 2rem;
5398
5609
  }
5399
5610
 
5611
+ .md\:ml-3 {
5612
+ margin-left: 0.75rem;
5613
+ }
5614
+
5400
5615
  .md\:ml-4 {
5401
5616
  margin-left: 1rem;
5402
5617
  }
@@ -5432,6 +5647,10 @@ article.indexText ul {
5432
5647
  -webkit-line-clamp: 4;
5433
5648
  }
5434
5649
 
5650
+ .md\:block {
5651
+ display: block;
5652
+ }
5653
+
5435
5654
  .md\:inline-block {
5436
5655
  display: inline-block;
5437
5656
  }
@@ -5561,6 +5780,13 @@ article.indexText ul {
5561
5780
  row-gap: 3.5rem;
5562
5781
  }
5563
5782
 
5783
+ .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
5784
+ --tw-space-x-reverse: 0;
5785
+ margin-right: calc(0.75rem * var(--tw-space-x-reverse));
5786
+ margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
5787
+ margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
5788
+ }
5789
+
5564
5790
  .md\:self-end {
5565
5791
  align-self: flex-end;
5566
5792
  }
@@ -5587,6 +5813,10 @@ article.indexText ul {
5587
5813
  border-width: 0px;
5588
5814
  }
5589
5815
 
5816
+ .md\:border-b-0 {
5817
+ border-bottom-width: 0px;
5818
+ }
5819
+
5590
5820
  .md\:border-l {
5591
5821
  border-left-width: 1px;
5592
5822
  }
@@ -5656,6 +5886,11 @@ article.indexText ul {
5656
5886
  padding-right: 1rem;
5657
5887
  }
5658
5888
 
5889
+ .md\:px-5 {
5890
+ padding-left: 1.25rem;
5891
+ padding-right: 1.25rem;
5892
+ }
5893
+
5659
5894
  .md\:py-0 {
5660
5895
  padding-top: 0px;
5661
5896
  padding-bottom: 0px;
@@ -5739,6 +5974,11 @@ article.indexText ul {
5739
5974
  color: var(--color-footer-text);
5740
5975
  }
5741
5976
 
5977
+ .md\:text-structure-nav-text {
5978
+ color: #ffffff;
5979
+ color: var(--structure-nav-text);
5980
+ }
5981
+
5742
5982
  .md\:decoration-2 {
5743
5983
  text-decoration-thickness: 2px;
5744
5984
  }
@@ -5801,6 +6041,34 @@ article.indexText ul {
5801
6041
  clear: both;
5802
6042
  }
5803
6043
  }
6044
+ .md\:ar-100-27 {
6045
+ aspect-ratio: 100 / 27.1;
6046
+ }
6047
+
6048
+ @supports not (aspect-ratio: 100 / 27.1) {
6049
+ .md\:ar-100-27::before {
6050
+ float: left;
6051
+ padding-top: calc(100 / 27.1 * 100%);
6052
+ content: '';
6053
+ }
6054
+
6055
+ .md\:ar-100-27::after {
6056
+ display: block;
6057
+ content: '';
6058
+ clear: both;
6059
+ }
6060
+ .md\:ar-100-27::before {
6061
+ float: left;
6062
+ padding-top: calc(100 / 27.1 * 100%);
6063
+ content: '';
6064
+ }
6065
+
6066
+ .md\:ar-100-27::after {
6067
+ display: block;
6068
+ content: '';
6069
+ clear: both;
6070
+ }
6071
+ }
5804
6072
 
5805
6073
  .md\:col-main {
5806
6074
  grid-column: main;
@@ -5853,6 +6121,10 @@ article.indexText ul {
5853
6121
  position: relative;
5854
6122
  }
5855
6123
 
6124
+ .lg\:bottom-0 {
6125
+ bottom: 0px;
6126
+ }
6127
+
5856
6128
  .lg\:bottom-10 {
5857
6129
  bottom: 2.5rem;
5858
6130
  }
@@ -5885,6 +6157,10 @@ article.indexText ul {
5885
6157
  top: 3.75rem;
5886
6158
  }
5887
6159
 
6160
+ .lg\:z-50 {
6161
+ z-index: 50;
6162
+ }
6163
+
5888
6164
  .lg\:order-2 {
5889
6165
  order: 2;
5890
6166
  }
@@ -5897,6 +6173,11 @@ article.indexText ul {
5897
6173
  margin: 0px;
5898
6174
  }
5899
6175
 
6176
+ .lg\:mx-10 {
6177
+ margin-left: 2.5rem;
6178
+ margin-right: 2.5rem;
6179
+ }
6180
+
5900
6181
  .lg\:mx-8 {
5901
6182
  margin-left: 2rem;
5902
6183
  margin-right: 2rem;
@@ -5968,6 +6249,10 @@ article.indexText ul {
5968
6249
  -webkit-line-clamp: 5;
5969
6250
  }
5970
6251
 
6252
+ .lg\:block {
6253
+ display: block;
6254
+ }
6255
+
5971
6256
  .lg\:flex {
5972
6257
  display: flex;
5973
6258
  }
@@ -6379,6 +6664,70 @@ article.indexText ul {
6379
6664
  border-left-width: 1px;
6380
6665
  }
6381
6666
  }
6667
+ .\[\&\:has\(\+\.-image\)\]\:order-4[\:has\(\%2B.-image\)] {
6668
+ order: 4;
6669
+ }
6670
+ .\[\&\:has\(\+\.-image\)\]\:order-4:has(+.-image) {
6671
+ order: 4;
6672
+ }
6673
+ @media (min-width: 1024px) {
6674
+
6675
+ .lg\:\[\&\:has\(\+\.-image\)\]\:order-1[\:has\(\%2B.-image\)] {
6676
+ order: 1;
6677
+ }
6678
+
6679
+ .lg\:\[\&\:has\(\+\.-image\)\]\:order-1:has(+.-image) {
6680
+ order: 1;
6681
+ }
6682
+
6683
+ .lg\:\[\&\:has\(\+\.-image\)\]\:-mb-9[\:has\(\%2B.-image\)] {
6684
+ margin-bottom: -2.25rem;
6685
+ }
6686
+
6687
+ .lg\:\[\&\:has\(\+\.-image\)\]\:-mb-9:has(+.-image) {
6688
+ margin-bottom: -2.25rem;
6689
+ }
6690
+
6691
+ .lg\:\[\&\:has\(\+\.-image\)\]\:py-0[\:has\(\%2B.-image\)] {
6692
+ padding-top: 0px;
6693
+ padding-bottom: 0px;
6694
+ }
6695
+
6696
+ .lg\:\[\&\:has\(\+\.-image\)\]\:py-0:has(+.-image) {
6697
+ padding-top: 0px;
6698
+ padding-bottom: 0px;
6699
+ }
6700
+
6701
+ .lg\:\[\&\:has\(\+\.-image\)\]\:pt-3[\:has\(\%2B.-image\)] {
6702
+ padding-top: 0.75rem;
6703
+ }
6704
+
6705
+ .lg\:\[\&\:has\(\+\.-image\)\]\:pt-3:has(+.-image) {
6706
+ padding-top: 0.75rem;
6707
+ }
6708
+ }
6709
+ .\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-image.-hideOnMobile\)] {
6710
+ order: 1;
6711
+ }
6712
+ .\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1:has(+.-image.-hideOnMobile) {
6713
+ order: 1;
6714
+ }
6715
+ @media (min-width: 1024px) {
6716
+
6717
+ .lg\:\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-image.-hideOnMobile\)] {
6718
+ order: 1;
6719
+ }
6720
+
6721
+ .lg\:\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1:has(+.-image.-hideOnMobile) {
6722
+ order: 1;
6723
+ }
6724
+ }
6382
6725
  .\[\&\:not\(\:last-child\)\]\:pb-5:not(:last-child) {
6383
6726
  padding-bottom: 1.25rem;
6384
6727
  }
6728
+ @media (min-width:1170px) {
6729
+
6730
+ .\[\@media\(min-width\:1170px\)\]\:-mr-14 {
6731
+ margin-right: -3.5rem;
6732
+ }
6733
+ }