hr-design-system-handlebars 0.54.0 → 0.54.1

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 (57) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/brand/hessenschau/icons/logo/svgmap/hessenschau_de.svg +1 -0
  3. package/dist/assets/brand/hessenschau/icons/logo/svgmap/sportschau.svg +1 -0
  4. package/dist/assets/brand/hessenschau/icons/logo/svgmap/tagesschau_de.svg +32 -0
  5. package/dist/assets/brand/hessenschau/icons/logo/svgmap.min.svg +1 -1
  6. package/dist/assets/index.css +117 -17
  7. package/dist/views/components/base/load_dynamic.hbs +3 -0
  8. package/dist/views/components/button/button_pseudo.hbs +1 -1
  9. package/dist/views/components/teaser/cluster/teaser_cluster.hbs +22 -17
  10. package/dist/views/components/teaser/cluster/teaser_cluster_item.hbs +41 -0
  11. package/dist/views/components/teaser/cluster/teaser_cluster_list.hbs +50 -0
  12. package/dist/views/components/teaser/components/teaser_heading.hbs +4 -4
  13. package/dist/views/components/teaser/components/teaser_title.hbs +2 -2
  14. package/dist/views/components/teaser/components/teaser_title_classes.hbs +3 -0
  15. package/package.json +3 -2
  16. package/src/assets/brand/hessenschau/icons/logo/svgmap/hessenschau_de.svg +1 -0
  17. package/src/assets/brand/hessenschau/icons/logo/svgmap/sportschau.svg +1 -0
  18. package/src/assets/brand/hessenschau/icons/logo/svgmap/tagesschau_de.svg +32 -0
  19. package/src/assets/brand/hessenschau/icons/logo/svgmap.min.svg +1 -1
  20. package/src/assets/css/custom-utilities.css +3 -0
  21. package/src/assets/fixtures/teaser/cluster_teaser_100.json +21 -0
  22. package/src/assets/fixtures/teaser/cluster_teaser_100_genre.json +25 -0
  23. package/src/assets/fixtures/teaser/cluster_teaser_33.json +21 -0
  24. package/src/assets/fixtures/teaser/cluster_teaser_33_genre.json +25 -0
  25. package/src/assets/fixtures/teaser/cluster_teaser_50.json +21 -0
  26. package/src/assets/fixtures/teaser/cluster_teaser_50_genre.json +25 -0
  27. package/src/assets/fixtures/teaser/cluster_teaser_extern_100.json +17 -0
  28. package/src/assets/fixtures/teaser/cluster_teaser_extern_33.json +17 -0
  29. package/src/assets/fixtures/teaser/cluster_teaser_extern_50.json +17 -0
  30. package/src/assets/fixtures/teaser/cluster_teaser_ordered_100.json +29 -0
  31. package/src/assets/fixtures/teaser/cluster_teaser_ordered_33.json +29 -0
  32. package/src/assets/fixtures/teaser/cluster_teaser_ordered_50.json +29 -0
  33. package/src/assets/fixtures/teaser/teaser_cluster.inc.json +53 -0
  34. package/src/assets/fixtures/teaser/teaser_cluster.json +15 -4
  35. package/src/stories/views/components/base/load_dynamic.hbs +3 -0
  36. package/src/stories/views/components/button/button_pseudo.hbs +1 -1
  37. package/src/stories/views/components/teaser/cluster/teaser_cluster.hbs +22 -17
  38. package/src/stories/views/components/teaser/cluster/teaser_cluster.stories.mdx +57 -6
  39. package/src/stories/views/components/teaser/cluster/teaser_cluster_item.hbs +41 -0
  40. package/src/stories/views/components/teaser/cluster/teaser_cluster_list.hbs +50 -0
  41. package/src/stories/views/components/teaser/components/teaser_heading.hbs +4 -4
  42. package/src/stories/views/components/teaser/components/teaser_title.hbs +2 -2
  43. package/src/stories/views/components/teaser/components/teaser_title_classes.hbs +3 -0
  44. package/src/stories/views/components/teaser/fixtures/cluster_teaser_100.json +1 -0
  45. package/src/stories/views/components/teaser/fixtures/cluster_teaser_100_genre.json +1 -0
  46. package/src/stories/views/components/teaser/fixtures/cluster_teaser_33.json +1 -0
  47. package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_genre.json +1 -0
  48. package/src/stories/views/components/teaser/fixtures/cluster_teaser_50.json +1 -0
  49. package/src/stories/views/components/teaser/fixtures/cluster_teaser_50_genre.json +1 -0
  50. package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_100.json +1 -0
  51. package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_33.json +1 -0
  52. package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_50.json +1 -0
  53. package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_100.json +1 -0
  54. package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_33.json +1 -0
  55. package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_50.json +1 -0
  56. package/src/stories/views/components/teaser/fixtures/teaser_cluster.json +1 -1
  57. package/tailwind.config.js +1 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v0.54.1 (Fri Aug 19 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - cluster-teaser [#297](https://github.com/mumprod/hr-design-system-handlebars/pull/297) (zouhair1 [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (zouhair1)
11
+
12
+ ---
13
+
1
14
  # v0.54.0 (Mon Aug 15 2022)
2
15
 
3
16
  #### 🚀 Enhancement
@@ -0,0 +1 @@
1
+ <svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.71 38.18"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M28.61,21.19,26.49,21c-1.43-.14-1.85-.76-1.85-1.56,0-1,.82-1.76,2.44-1.76a5,5,0,0,1,3.31,1l1.69-1.75a7.23,7.23,0,0,0-5-1.54c-2.8,0-5.05,1.51-5.05,4.18,0,2.4,1.45,3.56,4,3.77l2.14.19c1.3.11,1.8.7,1.8,1.62C30,26.44,28.67,27,27,27a5.15,5.15,0,0,1-3.86-1.43l-1.78,1.8a7.28,7.28,0,0,0,5.64,2c3.21,0,5.59-1.48,5.59-4.34,0-2.42-1.48-3.64-4-3.85" transform="translate(-0.6 -0.94)"/><path class="cls-1" d="M10.87,9.68v6.16a19.92,19.92,0,0,1,3.64-.38c2.83,0,4.25,1.55,4.35,3.53,0,.51,0,.79,0,1.33v8.9h-3V20.15c0-1,.07-2.25-2.19-2.24a11.68,11.68,0,0,0-2.74.32v11H8V9.87Z" transform="translate(-0.6 -0.94)"/><path class="cls-1" d="M29.79,39.12H.6V10.46C.6,1.05,10,.94,10.12.94H39.31V29.6c0,9.41-9.42,9.52-9.52,9.52M2.53,37.19H29.79c.31,0,7.59-.12,7.59-7.59V2.88H10.12c-.31,0-7.59.12-7.59,7.58Z" transform="translate(-0.6 -0.94)"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="360" height="45" viewBox="0 0 360 45"><path d="M343.64.527c8.51 0 15.406 6.895 15.406 15.406 0 8.508-6.896 15.407-15.406 15.407-8.505 0-15.406-6.9-15.406-15.407 0-8.51 6.9-15.406 15.406-15.406m0 2.256c-7.26 0-13.14 5.89-13.14 13.15 0 7.266 5.88 13.146 13.14 13.146 7.263 0 13.15-5.882 13.15-13.147 0-7.26-5.888-13.15-13.15-13.15"/><path d="M349.83 6.748l-15.504 5.57v3.832l5.13-1.863v11.596l10.374-3.71M24.423 16.11c-1.603-.552-3.54-.995-5.254-.995-3.658 0-4.875 1.273-4.875 3.045 0 3.984 9.797 4.15 9.797 13.228 0 7.692-6.863 14.058-16.657 14.058-2.88 0-5.538-.277-7.583-.664l1.77-9.574c2.045.773 4.207 1.218 6.362 1.218 3.376 0 4.982-.997 4.982-3.155 0-3.983-9.794-3.874-9.794-12.73 0-7.636 5.146-14 16.104-14 2.49 0 4.815.22 6.916.554l-1.77 9.017zM44.348 15.394c-.664 0-1.048 0-1.495.054L41.14 24.58c.332.057.555.057.663.057 3.65 0 6.032-2.99 6.032-6.09 0-1.716-.996-3.153-3.487-3.153m-3.265 17.82c-.33 0-.94 0-1.66-.056l-2.16 11.512H27.19l7.086-37.358c3.43-.165 7.137-.276 11.57-.276 7.246 0 12.56 3.21 12.56 10.294 0 8.47-7.085 15.884-17.323 15.884M80.214 15.945c-6.587 0-10.02 7.36-10.02 13.893 0 4.096 1.774 6.143 5.203 6.143 6.198 0 10.07-7.083 10.07-14.333 0-3.21-1.605-5.702-5.253-5.702m-6.368 29.5c-10.016 0-14.442-5.367-14.442-13.78 0-13.34 9.738-25.128 22.47-25.128 9.518 0 14.28 5.037 14.28 13.894 0 14.554-10.186 25.015-22.308 25.015M114.583 15.504c-.83 0-1.772.055-2.106.11l-1.492 8.024c.386.057 1.05.11 1.603.11 3.542 0 5.646-2.767 5.646-5.534 0-1.66-1.106-2.71-3.65-2.71m5.31 13.946c.555 1.273 1.216 2.822 1.772 4.263l4.207 10.957h-11.678l-4.262-13.615h-.386l-2.604 13.615H96.87l7.084-37.36c3.487-.22 7.97-.274 12.345-.274 8.798 0 12.782 3.21 12.782 9.077 0 5.977-2.935 10.68-9.19 13.337M151.11 16.168l-5.425 28.502H135.61l5.427-28.502h-7.916l1.66-8.856h25.903l-1.66 8.856"/><g><path d="M182.71 12.625c-1.828-.607-3.762-.886-5.2-.886-5.26 0-7.475 2.823-7.475 5.59 0 6.254 11.125 6.42 11.125 15.33 0 7.084-6.25 12.564-15.11 12.564-2.158 0-4.592-.166-6.42-.72l1.108-5.7c1.606.664 3.818 1.16 5.757 1.16 5.312 0 8.244-2.488 8.244-6.31 0-5.976-11.015-6.032-11.015-14.942 0-6.475 4.87-11.954 14.17-11.954 1.995 0 3.762.11 5.868.498l-1.052 5.37zM214.368 13.566c-2.382-.83-4.87-1.273-7.252-1.273-10.458 0-14.39 10.295-14.39 18.817 0 5.148 2.106 8.58 8.802 8.58 2.987 0 5.868-.61 8.303-1.66l-.39 5.48c-2.875.995-6.306 1.603-9.682 1.603-11.017 0-13.673-6.53-13.673-12.895 0-12.952 7.416-25.238 21.694-25.238 3.1 0 5.756.443 8.08 1.106l-1.492 5.48z"/></g><path d="M239.05 44.67l3.155-16.77h-17.268l-3.154 16.77h-5.92l7.084-37.358h5.92l-2.932 15.44h17.267l2.934-15.44h5.92l-7.14 37.358"/><g><path d="M272.534 19.877c-.33-1.883-.553-3.82-.66-5.758h-.057c-.775 1.882-1.717 3.874-2.826 5.92l-6.253 11.57h11.736l-1.94-11.733zm3.82 24.793l-1.217-8.245h-14.834l-4.37 8.245h-6.258l20.258-37.357h6.585l6.2 37.357h-6.364zM317.197 31c-1.878 9.742-7.857 14.225-17.268 14.225-11.07 0-13.06-6.143-11.623-13.836L292.9 7.31h5.924L294.12 31.72c-1.054 5.59.607 8.524 6.64 8.524 6.035 0 9.355-2.658 10.684-9.854l4.426-23.08h5.812L317.197 31z"/></g></svg>
@@ -0,0 +1,32 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 277.2 56" style="enable-background:new 0 0 277.2 56;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#1E2547;}
7
+ </style>
8
+ <path class="st0" d="M18.7,41.2v-4.3c-1.1,0.3-2.5,0.5-3.9,0.5c-3.2,0-4-1.2-4-5.9V17.2h7.9v-4h-7.9V2.7L5.8,4.1v9.1H0v4h5.8v16.2
9
+ c0,6.1,1.8,8.4,7.5,8.4C15.1,41.8,17.2,41.6,18.7,41.2z M277.2,41.3V13.2h-8.7v13.6c0,4.1-2.5,7.9-5.6,7.9c-2,0-2.6-1.4-2.6-3.6
10
+ V13.2h-8.7v19.9c0,4.9,2.1,8.9,8.4,8.9c4.5,0,7.6-2.2,9.3-5c-0.2,1.4-0.2,3.4-0.2,4.4L277.2,41.3L277.2,41.3z M235.8,30
11
+ c0,2.8-2,5.4-4.9,5.4c-1.8,0-2.8-1-2.8-2.4c0-2,1.5-3.7,7.7-3.7V30z M244.7,41.3c-0.2-2.2-0.2-4.6-0.2-6.7V22.5
12
+ c0-6.5-2.7-10.1-12.4-10.1c-3.5,0-7.3,0.7-10.2,1.6l0.7,7.1c2.3-1.2,5.7-2,8.2-2c3.7,0,5,1.1,5,3.5v1.1c-8.9,0-15.9,3.4-15.9,10.5
13
+ c0,4.5,2.8,7.7,8.2,7.7c3.9,0,7.2-1.9,8.6-4.9c-0.2,1.4-0.2,2.9-0.2,4.2L244.7,41.3L244.7,41.3z M214.2,41.3V21.5
14
+ c0-4.9-2-8.9-8.3-8.9c-4.2,0-7.2,1.8-8.9,4.5c0.3-1.8,0.4-4.1,0.4-5.8V0h-8.6v41.3h8.6V27.8c0-4.2,2.5-7.9,5.6-7.9
15
+ c2,0,2.6,1.4,2.6,3.6v17.9H214.2z M183.1,40.7l-0.7-7.3c-1.4,0.7-3.1,1-4.8,1c-3.9,0-5.8-2.7-5.8-7c0-4.6,2-7.5,5.9-7.5
16
+ c1.5,0,3,0.3,4.4,0.8l0.9-7.5c-1.8-0.5-3.6-0.7-5.4-0.7c-10.3,0-14.8,7.1-14.8,15.6c0,9.1,4.4,13.8,12.9,13.8
17
+ C178.5,41.9,181.2,41.5,183.1,40.7z M158.8,32.5c0-8.8-10.5-7.8-10.5-11.3c0-1.3,1-2.2,3.2-2.2c1.7,0,3.5,0.2,5,0.7l0.2-6.7
18
+ c-1.6-0.2-3.3-0.5-4.9-0.5c-8.3,0-12.5,4.3-12.5,9.4c0,9.3,10.4,7.1,10.4,11.3c0,1.3-1.4,2.2-3.6,2.2c-2,0-4.2-0.4-5.9-0.9l-0.2,7
19
+ c1.8,0.2,3.9,0.5,5.8,0.5C153.7,42,158.8,38.3,158.8,32.5z M133.9,32.9c0-9.5-13.1-6.1-13.1-12.3c0-2.4,1.9-4,5.6-4
20
+ c1.9,0,3.9,0.3,5.7,0.9l0.1-4.2c-1.7-0.3-3.7-0.6-5.4-0.6c-7.4,0-11.3,3.7-11.3,8.4c0,9.9,13.1,6.1,13.1,12.3c0,2.6-2.5,4.3-6.3,4.3
21
+ c-2.2,0-4.4-0.4-6.2-1l-0.2,4.5c1.8,0.3,3.9,0.5,5.9,0.5C129.4,41.9,133.9,38,133.9,32.9z M104.3,23.3H91.2c0.6-4.1,3.2-6.9,6.9-6.9
22
+ C102,16.4,104.4,19.2,104.3,23.3z M109.5,24.5c0-6.5-3.3-11.8-11.3-11.8c-8,0-12.6,6.3-12.6,14.7c0,9.9,4.6,14.4,13.3,14.4
23
+ c3.5,0,6.8-0.6,9.5-1.8l-0.5-4.1c-2.3,1.1-5.3,1.8-8.2,1.8c-6,0-9.1-3.2-8.9-10.8h18.4C109.5,26,109.5,25.2,109.5,24.5z M75.5,46
24
+ c0,3.5-3.3,5.9-9.1,5.9c-4.4,0-7.6-1.8-7.6-5.2c0-2.2,1.4-4,3.6-5.2h7.2C73.6,41.6,75.5,43.3,75.5,46z M73.6,23.1
25
+ c0,4.1-2.7,6.5-7,6.5c-4.4,0-7-2.3-7-6.5c0-3.8,2.7-6.6,7.1-6.6C71.1,16.5,73.6,18.9,73.6,23.1z M80.6,45.4c0-5.1-3.4-8-9.5-8h-5.2
26
+ c-3.4,0-4.8-0.6-4.8-2.2c0-0.9,0.6-1.8,1.8-2.3c1,0.2,2.4,0.3,3.6,0.3c8,0,12.2-4.4,12.2-10.5c0-2.4-0.9-4.4-2.4-5.5H81v-4h-9.6
27
+ c-1.5-0.3-2.8-0.5-4.4-0.5c-7.9,0-12.3,4.9-12.3,10.9c0,3.6,1.4,6.5,4.1,8c-2,0.9-3.2,2.7-3.2,4.7c0,1.9,1.1,3.3,2.8,4.1
28
+ c-2.5,1.3-4.6,4-4.6,7.3c0,5.4,4.6,8.3,11.8,8.3C74.5,56,80.6,51.4,80.6,45.4z M40.9,28.9c0,4.4-3.1,8.9-7.6,8.9
29
+ c-2.6,0-4.3-1.5-4.3-3.9c0-2.5,2.2-5.6,12-5.6V28.9z M46.1,41.3c-0.1-2.4-0.1-5.4-0.1-8.1V22c0-5.6-2.3-9.4-10.4-9.4
30
+ c-3.7,0-7.1,0.9-9.9,2l0.5,4.4c2.4-1.5,5.8-2.3,8.5-2.3c4.6,0,6.2,2.1,6.2,6v2.1C30.3,24.8,24,28.7,24,34.9c0,4.5,3.2,7,7.8,7
31
+ c4.6,0,8.2-2.7,9.6-6.1c-0.2,1.6-0.2,3.6-0.2,5.6L46.1,41.3L46.1,41.3z"/>
32
+ </svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style>.cls-1{fill:#1d1d1b}</style></defs><symbol id="brandlogo--compact-40x40px" viewBox="0 0 38.71 38.18" preserveAspectRatio="xMidYMid meet"><path class="cls-1" d="M28.61 21.19 26.49 21c-1.43-.14-1.85-.76-1.85-1.56 0-1 .82-1.76 2.44-1.76a5 5 0 0 1 3.31 1l1.69-1.75a7.23 7.23 0 0 0-5-1.54c-2.8 0-5.05 1.51-5.05 4.18 0 2.4 1.45 3.56 4 3.77l2.14.19c1.3.11 1.8.7 1.8 1.62C30 26.44 28.67 27 27 27a5.15 5.15 0 0 1-3.86-1.43l-1.78 1.8a7.28 7.28 0 0 0 5.64 2c3.21 0 5.59-1.48 5.59-4.34 0-2.42-1.48-3.64-4-3.85M10.87 9.68v6.16a19.92 19.92 0 0 1 3.64-.38c2.83 0 4.25 1.55 4.35 3.53v10.23h-3v-9.07c0-1 .07-2.25-2.19-2.24a11.68 11.68 0 0 0-2.74.32v11H8V9.87Z" transform="translate(-.6 -.94)"/><path class="cls-1" d="M29.79 39.12H.6V10.46C.6 1.05 10 .94 10.12.94h29.19V29.6c0 9.41-9.42 9.52-9.52 9.52M2.53 37.19h27.26c.31 0 7.59-.12 7.59-7.59V2.88H10.12c-.31 0-7.59.12-7.59 7.58Z" transform="translate(-.6 -.94)"/></symbol><symbol id="brandlogo--desk" viewBox="0 0 234 30" preserveAspectRatio="xMidYMid meet"><path d="M75.3 17.6c3.9.3 6.2 2.2 6.2 5.9 0 4.4-3.7 6.6-8.7 6.6-3.4 0-6.3-.6-8.8-3l2.8-2.8c1.7 1.7 4 2.2 6 2.2 2.6 0 4.6-.9 4.6-2.9 0-1.4-.8-2.3-2.8-2.5l-3.3-.3c-3.9-.3-6.2-2.1-6.2-5.8 0-4.1 3.5-6.4 7.9-6.4 3.1 0 5.8.7 7.8 2.4l-2.6 2.7c-1.3-1.1-3.2-1.5-5.2-1.5-2.5 0-3.8 1.1-3.8 2.7 0 1.2.7 2.2 2.9 2.4l3.2.3m-20.6 0-3.3-.3c-2.2-.2-2.9-1.2-2.9-2.4 0-1.6 1.3-2.7 3.8-2.7 2 0 3.8.4 5.2 1.5l2.6-2.7c-1.9-1.7-4.6-2.4-7.8-2.4-4.4 0-7.9 2.3-7.9 6.4 0 3.7 2.3 5.5 6.2 5.8l3.3.3c2 .2 2.8 1.1 2.8 2.5 0 2-2 2.9-4.6 2.9-2.1 0-4.3-.5-6-2.2l-2.8 2.8c2.5 2.4 5.4 3 8.8 3 5 0 8.7-2.3 8.7-6.6.1-3.7-2.2-5.5-6.1-5.9m-18.8.2c0-1.3-.2-1.9-.6-2.9-.7-1.6-2.1-2.6-4.1-2.6s-3.5 1.1-4.2 2.6c-.4 1-.5 1.6-.5 2.9h9.4zm-4.7-9.1c5.6 0 8.9 4.1 8.9 10.1v1.9H26.5c0 3.6 1.9 5.9 5.3 5.9 2.4 0 3.6-.7 5.1-2.1l2.7 2.5c-2.1 2.1-4.2 3.3-7.8 3.3-5.2 0-9.4-2.8-9.4-10.7-.1-6.9 3.4-10.9 8.8-10.9m129.4 3.8c1.7 0 2.7.5 4 2l2.9-2.8c-2-2.1-4-2.9-6.9-2.9-4.7 0-9.3 2.9-9.3 10.7s4.6 10.7 9.3 10.7c2.9 0 4.9-.9 6.9-3l-2.9-2.8c-1.3 1.4-2.4 2-4 2s-3-.7-3.9-1.9c-.9-1.2-1.2-2.7-1.2-5.1 0-2.4.3-3.9 1.2-5.1.9-1.1 2.3-1.8 3.9-1.8m-61.7 5.3c0-1.3-.2-1.9-.6-2.9-.7-1.6-2.1-2.6-4.1-2.6-2 0-3.5 1.1-4.2 2.6-.4 1-.5 1.6-.5 2.9h9.4zm-4.7-9.1c5.6 0 8.9 4.1 8.9 10.1v1.9H89.5c0 3.6 1.9 5.9 5.3 5.9 2.4 0 3.6-.7 5.1-2.1l2.7 2.5c-2.1 2.1-4.2 3.3-7.8 3.3-5.2 0-9.4-2.8-9.4-10.7 0-6.9 3.5-10.9 8.8-10.9m112.6 12h-4.9c-2.5 0-3.8 1.1-3.8 3s1.2 3 3.8 3c1.6 0 2.8-.1 3.9-1.2.6-.6.9-1.6.9-3.1v-1.7zm-4.4-12c5.7 0 8.6 2.4 8.6 7.2v14h-4.1V28c-1.5 1.5-3 2.1-5.6 2.1-2.6 0-4.3-.6-5.6-1.9-1.1-1.1-1.7-2.7-1.7-4.5 0-3.5 2.4-6 7.2-6h5.5v-1.5c0-2.6-1.3-3.9-4.6-3.9-2.3 0-3.4.5-4.6 2l-2.8-2.6c2.2-2.2 4.2-3 7.7-3M141 17.6l-3.3-.3c-2.2-.2-2.9-1.2-2.9-2.4 0-1.6 1.3-2.7 3.8-2.7 2 0 3.8.4 5.2 1.5l2.6-2.7c-1.9-1.7-4.6-2.4-7.8-2.4-4.4 0-7.9 2.3-7.9 6.4 0 3.7 2.3 5.5 6.2 5.8l3.3.3c2 .2 2.8 1.1 2.8 2.5 0 2-2 2.9-4.6 2.9-2.1 0-4.3-.5-6-2.2l-2.8 2.8c2.5 2.4 5.4 3 8.8 3 5 0 8.7-2.3 8.7-6.6.1-3.7-2.2-5.5-6.1-5.9M0 .3V30h4.5V13.1s1.8-.5 4.3-.5c3.5 0 3.4 1.9 3.4 3.4v13.9h4.7V14.3c-.2-3-2.4-5.4-6.8-5.4-2.7 0-5.7.6-5.7.6V0L0 .3zm172.2 0V30h4.5V13.1s1.8-.5 4.3-.5c3.5 0 3.4 1.9 3.4 3.4v13.9h4.7V14.3c-.2-3-2.4-5.4-6.8-5.4-2.7 0-5.7.6-5.7.6V0l-4.4.3zM229.8 9v12.7c0 3.2-1.1 4.6-4.3 4.7-2.9 0-4.3-1.5-4.3-4.7V9H217v13.4c0 2.3-.6 7.8 8.5 7.8s8.5-5.5 8.5-7.8V9h-4.2zM112.5 29.9V17.2c0-3.2 1.1-4.6 4.3-4.7 2.9 0 4.3 1.5 4.3 4.7v12.7h4.2V16.6c0-2.3.6-7.8-8.5-7.8s-8.5 5.5-8.5 7.8V30h4.2z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 160 19" preserveAspectRatio="xMidYMid meet"><path d="M46.182 11.02c2.349.197 3.735 1.311 3.735 3.537 0 2.622-2.226 3.982-5.22 3.982-2.053 0-3.784-.346-5.267-1.805l1.656-1.656c1.015 1.038 2.375 1.31 3.611 1.31 1.534 0 2.746-.545 2.746-1.733 0-.84-.469-1.385-1.682-1.483l-2.003-.173c-2.35-.197-3.71-1.262-3.71-3.462 0-2.449 2.103-3.834 4.725-3.834 1.879 0 3.487.395 4.65 1.41L47.839 8.72c-.792-.668-1.905-.916-3.092-.916-1.509 0-2.276.668-2.276 1.607 0 .743.396 1.311 1.732 1.435l1.979.174m-12.342 0-1.979-.173c-1.335-.124-1.732-.692-1.732-1.435 0-.939.767-1.607 2.276-1.607 1.187 0 2.3.247 3.091.916l1.583-1.607c-1.162-1.015-2.77-1.41-4.65-1.41-2.621 0-4.724 1.385-4.724 3.834 0 2.201 1.36 3.265 3.71 3.462l2.003.173c1.212.099 1.681.643 1.681 1.483 0 1.187-1.211 1.733-2.745 1.733-1.237 0-2.598-.273-3.612-1.31l-1.657 1.656c1.485 1.459 3.216 1.805 5.269 1.805 2.992 0 5.219-1.36 5.219-3.982.001-2.227-1.384-3.341-3.733-3.538m-11.255.074c-.024-.767-.099-1.138-.346-1.707-.396-.939-1.287-1.582-2.474-1.582-1.187 0-2.102.643-2.498 1.582-.247.569-.297.94-.322 1.707h5.64zm-2.819-5.392c3.364 0 5.318 2.473 5.318 6.035v1.113h-8.138c0 2.151 1.138 3.512 3.191 3.512 1.41 0 2.152-.396 3.043-1.285l1.607 1.509c-1.287 1.285-2.498 1.953-4.699 1.953-3.142 0-5.64-1.656-5.64-6.431-.001-4.057 2.102-6.406 5.318-6.406m77.516 2.251c.989 0 1.607.321 2.399 1.187l1.732-1.682c-1.188-1.262-2.4-1.756-4.131-1.756-2.819 0-5.59 1.707-5.59 6.406s2.77 6.431 5.59 6.431c1.731 0 2.943-.519 4.131-1.781l-1.732-1.656c-.792.865-1.41 1.187-2.399 1.187-.964 0-1.781-.395-2.325-1.113-.544-.693-.742-1.607-.742-3.067 0-1.459.197-2.35.742-3.042.544-.718 1.361-1.114 2.325-1.114m-36.928 3.141c-.025-.767-.099-1.138-.347-1.707-.396-.939-1.286-1.582-2.473-1.582-1.187 0-2.102.643-2.498 1.582-.247.569-.297.94-.321 1.707h5.639zm-2.819-5.392c3.364 0 5.318 2.473 5.318 6.035v1.113h-8.137c0 2.151 1.138 3.512 3.19 3.512 1.41 0 2.152-.396 3.043-1.285l1.607 1.509c-1.286 1.285-2.498 1.953-4.699 1.953-3.141 0-5.64-1.656-5.64-6.431 0-4.057 2.102-6.406 5.318-6.406m67.425 7.148h-2.944c-1.484 0-2.251.667-2.251 1.805s.717 1.781 2.3 1.781c.964 0 1.682-.074 2.35-.716.37-.372.544-.966.544-1.856V12.85zm-2.647-7.148c3.438 0 5.169 1.459 5.169 4.304v8.386h-2.473v-1.138c-.915.913-1.781 1.285-3.339 1.285-1.559 0-2.598-.372-3.365-1.138-.643-.667-.989-1.633-.989-2.696 0-2.102 1.459-3.611 4.328-3.611h3.315v-.89c0-1.583-.793-2.35-2.746-2.35-1.385 0-2.053.321-2.745 1.212l-1.658-1.558c1.189-1.386 2.425-1.806 4.503-1.806M85.534 11.02l-1.979-.173c-1.336-.124-1.731-.692-1.731-1.435 0-.939.767-1.607 2.275-1.607 1.187 0 2.301.247 3.092.916l1.583-1.607c-1.162-1.015-2.77-1.41-4.65-1.41-2.622 0-4.725 1.385-4.725 3.834 0 2.201 1.361 3.265 3.711 3.462l2.003.173c1.213.099 1.682.643 1.682 1.483 0 1.187-1.212 1.733-2.745 1.733-1.237 0-2.597-.273-3.612-1.31l-1.657 1.656c1.484 1.459 3.216 1.805 5.269 1.805 2.993 0 5.219-1.36 5.219-3.982 0-2.227-1.386-3.341-3.735-3.538M1.091.631V18.39h2.723V8.302s1.061-.283 2.562-.289c2.108-.009 2.048 1.133 2.048 2.055v8.322h2.791v-8.166c0-.498.004-.754-.019-1.217-.093-1.821-1.419-3.218-4.064-3.243-1.592-.016-3.403.353-3.403.353V.461l-2.638.17zm103.165 0V18.39h2.724V8.302s1.059-.283 2.561-.289c2.108-.009 2.048 1.133 2.048 2.055v8.322h2.791v-8.166c0-.498.006-.754-.018-1.217-.094-1.821-1.419-3.218-4.064-3.243-1.592-.017-3.403.353-3.403.353V.461l-2.639.17zm34.46 5.212v7.631c0 1.91-.683 2.738-2.56 2.791-1.734-.026-2.56-.881-2.56-2.791V5.843h-2.523v8.003c0 1.407-.375 4.692 5.083 4.692 5.457 0 5.083-3.285 5.083-4.692V5.843h-2.523zM68.473 18.39v-7.634c0-1.911.684-2.74 2.562-2.791 1.733.025 2.56.88 2.56 2.791v7.634h2.524v-8.007c0-1.407.375-4.693-5.085-4.693s-5.085 3.286-5.085 4.693v8.007h2.524z"/></symbol></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style>.cls-1{fill:#1d1d1b}</style><style>.cls-1{fill:#1d1d1b}</style></defs><symbol id="brandlogo--compact-40x40px" viewBox="0 0 38.71 38.18" preserveAspectRatio="xMidYMid meet"><path class="cls-1" d="M28.61 21.19 26.49 21c-1.43-.14-1.85-.76-1.85-1.56 0-1 .82-1.76 2.44-1.76a5 5 0 0 1 3.31 1l1.69-1.75a7.23 7.23 0 0 0-5-1.54c-2.8 0-5.05 1.51-5.05 4.18 0 2.4 1.45 3.56 4 3.77l2.14.19c1.3.11 1.8.7 1.8 1.62C30 26.44 28.67 27 27 27a5.15 5.15 0 0 1-3.86-1.43l-1.78 1.8a7.28 7.28 0 0 0 5.64 2c3.21 0 5.59-1.48 5.59-4.34 0-2.42-1.48-3.64-4-3.85M10.87 9.68v6.16a19.92 19.92 0 0 1 3.64-.38c2.83 0 4.25 1.55 4.35 3.53v10.23h-3v-9.07c0-1 .07-2.25-2.19-2.24a11.68 11.68 0 0 0-2.74.32v11H8V9.87Z" transform="translate(-.6 -.94)"/><path class="cls-1" d="M29.79 39.12H.6V10.46C.6 1.05 10 .94 10.12.94h29.19V29.6c0 9.41-9.42 9.52-9.52 9.52M2.53 37.19h27.26c.31 0 7.59-.12 7.59-7.59V2.88H10.12c-.31 0-7.59.12-7.59 7.58Z" transform="translate(-.6 -.94)"/></symbol><symbol id="brandlogo--desk" viewBox="0 0 234 30" preserveAspectRatio="xMidYMid meet"><path d="M75.3 17.6c3.9.3 6.2 2.2 6.2 5.9 0 4.4-3.7 6.6-8.7 6.6-3.4 0-6.3-.6-8.8-3l2.8-2.8c1.7 1.7 4 2.2 6 2.2 2.6 0 4.6-.9 4.6-2.9 0-1.4-.8-2.3-2.8-2.5l-3.3-.3c-3.9-.3-6.2-2.1-6.2-5.8 0-4.1 3.5-6.4 7.9-6.4 3.1 0 5.8.7 7.8 2.4l-2.6 2.7c-1.3-1.1-3.2-1.5-5.2-1.5-2.5 0-3.8 1.1-3.8 2.7 0 1.2.7 2.2 2.9 2.4l3.2.3m-20.6 0-3.3-.3c-2.2-.2-2.9-1.2-2.9-2.4 0-1.6 1.3-2.7 3.8-2.7 2 0 3.8.4 5.2 1.5l2.6-2.7c-1.9-1.7-4.6-2.4-7.8-2.4-4.4 0-7.9 2.3-7.9 6.4 0 3.7 2.3 5.5 6.2 5.8l3.3.3c2 .2 2.8 1.1 2.8 2.5 0 2-2 2.9-4.6 2.9-2.1 0-4.3-.5-6-2.2l-2.8 2.8c2.5 2.4 5.4 3 8.8 3 5 0 8.7-2.3 8.7-6.6.1-3.7-2.2-5.5-6.1-5.9m-18.8.2c0-1.3-.2-1.9-.6-2.9-.7-1.6-2.1-2.6-4.1-2.6s-3.5 1.1-4.2 2.6c-.4 1-.5 1.6-.5 2.9h9.4zm-4.7-9.1c5.6 0 8.9 4.1 8.9 10.1v1.9H26.5c0 3.6 1.9 5.9 5.3 5.9 2.4 0 3.6-.7 5.1-2.1l2.7 2.5c-2.1 2.1-4.2 3.3-7.8 3.3-5.2 0-9.4-2.8-9.4-10.7-.1-6.9 3.4-10.9 8.8-10.9m129.4 3.8c1.7 0 2.7.5 4 2l2.9-2.8c-2-2.1-4-2.9-6.9-2.9-4.7 0-9.3 2.9-9.3 10.7s4.6 10.7 9.3 10.7c2.9 0 4.9-.9 6.9-3l-2.9-2.8c-1.3 1.4-2.4 2-4 2s-3-.7-3.9-1.9c-.9-1.2-1.2-2.7-1.2-5.1 0-2.4.3-3.9 1.2-5.1.9-1.1 2.3-1.8 3.9-1.8m-61.7 5.3c0-1.3-.2-1.9-.6-2.9-.7-1.6-2.1-2.6-4.1-2.6-2 0-3.5 1.1-4.2 2.6-.4 1-.5 1.6-.5 2.9h9.4zm-4.7-9.1c5.6 0 8.9 4.1 8.9 10.1v1.9H89.5c0 3.6 1.9 5.9 5.3 5.9 2.4 0 3.6-.7 5.1-2.1l2.7 2.5c-2.1 2.1-4.2 3.3-7.8 3.3-5.2 0-9.4-2.8-9.4-10.7 0-6.9 3.5-10.9 8.8-10.9m112.6 12h-4.9c-2.5 0-3.8 1.1-3.8 3s1.2 3 3.8 3c1.6 0 2.8-.1 3.9-1.2.6-.6.9-1.6.9-3.1v-1.7zm-4.4-12c5.7 0 8.6 2.4 8.6 7.2v14h-4.1V28c-1.5 1.5-3 2.1-5.6 2.1-2.6 0-4.3-.6-5.6-1.9-1.1-1.1-1.7-2.7-1.7-4.5 0-3.5 2.4-6 7.2-6h5.5v-1.5c0-2.6-1.3-3.9-4.6-3.9-2.3 0-3.4.5-4.6 2l-2.8-2.6c2.2-2.2 4.2-3 7.7-3M141 17.6l-3.3-.3c-2.2-.2-2.9-1.2-2.9-2.4 0-1.6 1.3-2.7 3.8-2.7 2 0 3.8.4 5.2 1.5l2.6-2.7c-1.9-1.7-4.6-2.4-7.8-2.4-4.4 0-7.9 2.3-7.9 6.4 0 3.7 2.3 5.5 6.2 5.8l3.3.3c2 .2 2.8 1.1 2.8 2.5 0 2-2 2.9-4.6 2.9-2.1 0-4.3-.5-6-2.2l-2.8 2.8c2.5 2.4 5.4 3 8.8 3 5 0 8.7-2.3 8.7-6.6.1-3.7-2.2-5.5-6.1-5.9M0 .3V30h4.5V13.1s1.8-.5 4.3-.5c3.5 0 3.4 1.9 3.4 3.4v13.9h4.7V14.3c-.2-3-2.4-5.4-6.8-5.4-2.7 0-5.7.6-5.7.6V0L0 .3zm172.2 0V30h4.5V13.1s1.8-.5 4.3-.5c3.5 0 3.4 1.9 3.4 3.4v13.9h4.7V14.3c-.2-3-2.4-5.4-6.8-5.4-2.7 0-5.7.6-5.7.6V0l-4.4.3zM229.8 9v12.7c0 3.2-1.1 4.6-4.3 4.7-2.9 0-4.3-1.5-4.3-4.7V9H217v13.4c0 2.3-.6 7.8 8.5 7.8s8.5-5.5 8.5-7.8V9h-4.2zM112.5 29.9V17.2c0-3.2 1.1-4.6 4.3-4.7 2.9 0 4.3 1.5 4.3 4.7v12.7h4.2V16.6c0-2.3.6-7.8-8.5-7.8s-8.5 5.5-8.5 7.8V30h4.2z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 160 19" preserveAspectRatio="xMidYMid meet"><path d="M46.182 11.02c2.349.197 3.735 1.311 3.735 3.537 0 2.622-2.226 3.982-5.22 3.982-2.053 0-3.784-.346-5.267-1.805l1.656-1.656c1.015 1.038 2.375 1.31 3.611 1.31 1.534 0 2.746-.545 2.746-1.733 0-.84-.469-1.385-1.682-1.483l-2.003-.173c-2.35-.197-3.71-1.262-3.71-3.462 0-2.449 2.103-3.834 4.725-3.834 1.879 0 3.487.395 4.65 1.41L47.839 8.72c-.792-.668-1.905-.916-3.092-.916-1.509 0-2.276.668-2.276 1.607 0 .743.396 1.311 1.732 1.435l1.979.174m-12.342 0-1.979-.173c-1.335-.124-1.732-.692-1.732-1.435 0-.939.767-1.607 2.276-1.607 1.187 0 2.3.247 3.091.916l1.583-1.607c-1.162-1.015-2.77-1.41-4.65-1.41-2.621 0-4.724 1.385-4.724 3.834 0 2.201 1.36 3.265 3.71 3.462l2.003.173c1.212.099 1.681.643 1.681 1.483 0 1.187-1.211 1.733-2.745 1.733-1.237 0-2.598-.273-3.612-1.31l-1.657 1.656c1.485 1.459 3.216 1.805 5.269 1.805 2.992 0 5.219-1.36 5.219-3.982.001-2.227-1.384-3.341-3.733-3.538m-11.255.074c-.024-.767-.099-1.138-.346-1.707-.396-.939-1.287-1.582-2.474-1.582-1.187 0-2.102.643-2.498 1.582-.247.569-.297.94-.322 1.707h5.64zm-2.819-5.392c3.364 0 5.318 2.473 5.318 6.035v1.113h-8.138c0 2.151 1.138 3.512 3.191 3.512 1.41 0 2.152-.396 3.043-1.285l1.607 1.509c-1.287 1.285-2.498 1.953-4.699 1.953-3.142 0-5.64-1.656-5.64-6.431-.001-4.057 2.102-6.406 5.318-6.406m77.516 2.251c.989 0 1.607.321 2.399 1.187l1.732-1.682c-1.188-1.262-2.4-1.756-4.131-1.756-2.819 0-5.59 1.707-5.59 6.406s2.77 6.431 5.59 6.431c1.731 0 2.943-.519 4.131-1.781l-1.732-1.656c-.792.865-1.41 1.187-2.399 1.187-.964 0-1.781-.395-2.325-1.113-.544-.693-.742-1.607-.742-3.067 0-1.459.197-2.35.742-3.042.544-.718 1.361-1.114 2.325-1.114m-36.928 3.141c-.025-.767-.099-1.138-.347-1.707-.396-.939-1.286-1.582-2.473-1.582-1.187 0-2.102.643-2.498 1.582-.247.569-.297.94-.321 1.707h5.639zm-2.819-5.392c3.364 0 5.318 2.473 5.318 6.035v1.113h-8.137c0 2.151 1.138 3.512 3.19 3.512 1.41 0 2.152-.396 3.043-1.285l1.607 1.509c-1.286 1.285-2.498 1.953-4.699 1.953-3.141 0-5.64-1.656-5.64-6.431 0-4.057 2.102-6.406 5.318-6.406m67.425 7.148h-2.944c-1.484 0-2.251.667-2.251 1.805s.717 1.781 2.3 1.781c.964 0 1.682-.074 2.35-.716.37-.372.544-.966.544-1.856V12.85zm-2.647-7.148c3.438 0 5.169 1.459 5.169 4.304v8.386h-2.473v-1.138c-.915.913-1.781 1.285-3.339 1.285-1.559 0-2.598-.372-3.365-1.138-.643-.667-.989-1.633-.989-2.696 0-2.102 1.459-3.611 4.328-3.611h3.315v-.89c0-1.583-.793-2.35-2.746-2.35-1.385 0-2.053.321-2.745 1.212l-1.658-1.558c1.189-1.386 2.425-1.806 4.503-1.806M85.534 11.02l-1.979-.173c-1.336-.124-1.731-.692-1.731-1.435 0-.939.767-1.607 2.275-1.607 1.187 0 2.301.247 3.092.916l1.583-1.607c-1.162-1.015-2.77-1.41-4.65-1.41-2.622 0-4.725 1.385-4.725 3.834 0 2.201 1.361 3.265 3.711 3.462l2.003.173c1.213.099 1.682.643 1.682 1.483 0 1.187-1.212 1.733-2.745 1.733-1.237 0-2.597-.273-3.612-1.31l-1.657 1.656c1.484 1.459 3.216 1.805 5.269 1.805 2.993 0 5.219-1.36 5.219-3.982 0-2.227-1.386-3.341-3.735-3.538M1.091.631V18.39h2.723V8.302s1.061-.283 2.562-.289c2.108-.009 2.048 1.133 2.048 2.055v8.322h2.791v-8.166c0-.498.004-.754-.019-1.217-.093-1.821-1.419-3.218-4.064-3.243-1.592-.016-3.403.353-3.403.353V.461l-2.638.17zm103.165 0V18.39h2.724V8.302s1.059-.283 2.561-.289c2.108-.009 2.048 1.133 2.048 2.055v8.322h2.791v-8.166c0-.498.006-.754-.018-1.217-.094-1.821-1.419-3.218-4.064-3.243-1.592-.017-3.403.353-3.403.353V.461l-2.639.17zm34.46 5.212v7.631c0 1.91-.683 2.738-2.56 2.791-1.734-.026-2.56-.881-2.56-2.791V5.843h-2.523v8.003c0 1.407-.375 4.692 5.083 4.692 5.457 0 5.083-3.285 5.083-4.692V5.843h-2.523zM68.473 18.39v-7.634c0-1.911.684-2.74 2.562-2.791 1.733.025 2.56.88 2.56 2.791v7.634h2.524v-8.007c0-1.407.375-4.693-5.085-4.693s-5.085 3.286-5.085 4.693v8.007h2.524z"/></symbol><symbol id="hessenschau_de" viewBox="0 0 38.71 38.18" preserveAspectRatio="xMidYMid meet"><path class="cls-1" d="M28.61 21.19 26.49 21c-1.43-.14-1.85-.76-1.85-1.56 0-1 .82-1.76 2.44-1.76a5 5 0 0 1 3.31 1l1.69-1.75a7.23 7.23 0 0 0-5-1.54c-2.8 0-5.05 1.51-5.05 4.18 0 2.4 1.45 3.56 4 3.77l2.14.19c1.3.11 1.8.7 1.8 1.62C30 26.44 28.67 27 27 27a5.15 5.15 0 0 1-3.86-1.43l-1.78 1.8a7.28 7.28 0 0 0 5.64 2c3.21 0 5.59-1.48 5.59-4.34 0-2.42-1.48-3.64-4-3.85M10.87 9.68v6.16a19.92 19.92 0 0 1 3.64-.38c2.83 0 4.25 1.55 4.35 3.53v10.23h-3v-9.07c0-1 .07-2.25-2.19-2.24a11.68 11.68 0 0 0-2.74.32v11H8V9.87Z" transform="translate(-.6 -.94)"/><path class="cls-1" d="M29.79 39.12H.6V10.46C.6 1.05 10 .94 10.12.94h29.19V29.6c0 9.41-9.42 9.52-9.52 9.52M2.53 37.19h27.26c.31 0 7.59-.12 7.59-7.59V2.88H10.12c-.31 0-7.59.12-7.59 7.58Z" transform="translate(-.6 -.94)"/></symbol><symbol id="sportschau" viewBox="0 0 360 45" preserveAspectRatio="xMidYMid meet"><path d="M343.64.527c8.51 0 15.406 6.895 15.406 15.406 0 8.508-6.896 15.407-15.406 15.407-8.505 0-15.406-6.9-15.406-15.407 0-8.51 6.9-15.406 15.406-15.406m0 2.256c-7.26 0-13.14 5.89-13.14 13.15 0 7.266 5.88 13.146 13.14 13.146 7.263 0 13.15-5.882 13.15-13.147 0-7.26-5.888-13.15-13.15-13.15"/><path d="m349.83 6.748-15.504 5.57v3.832l5.13-1.863v11.596l10.374-3.71M24.423 16.11c-1.603-.552-3.54-.995-5.254-.995-3.658 0-4.875 1.273-4.875 3.045 0 3.984 9.797 4.15 9.797 13.228 0 7.692-6.863 14.058-16.657 14.058-2.88 0-5.538-.277-7.583-.664l1.77-9.574c2.045.773 4.207 1.218 6.362 1.218 3.376 0 4.982-.997 4.982-3.155 0-3.983-9.794-3.874-9.794-12.73 0-7.636 5.146-14 16.104-14 2.49 0 4.815.22 6.916.554l-1.77 9.017zm19.925-.716c-.664 0-1.048 0-1.495.054L41.14 24.58c.332.057.555.057.663.057 3.65 0 6.032-2.99 6.032-6.09 0-1.716-.996-3.153-3.487-3.153m-3.265 17.82c-.33 0-.94 0-1.66-.056l-2.16 11.512H27.19l7.086-37.358c3.43-.165 7.137-.276 11.57-.276 7.246 0 12.56 3.21 12.56 10.294 0 8.47-7.085 15.884-17.323 15.884m39.131-17.269c-6.587 0-10.02 7.36-10.02 13.893 0 4.096 1.774 6.143 5.203 6.143 6.198 0 10.07-7.083 10.07-14.333 0-3.21-1.605-5.702-5.253-5.702m-6.368 29.5c-10.016 0-14.442-5.367-14.442-13.78 0-13.34 9.738-25.128 22.47-25.128 9.518 0 14.28 5.037 14.28 13.894 0 14.554-10.186 25.015-22.308 25.015m40.737-29.943c-.83 0-1.772.055-2.106.11l-1.492 8.024c.386.057 1.05.11 1.603.11 3.542 0 5.646-2.767 5.646-5.534 0-1.66-1.106-2.71-3.65-2.71m5.31 13.946a111.715 111.715 0 0 1 1.772 4.263l4.207 10.957h-11.678l-4.262-13.615h-.386l-2.604 13.615H96.87l7.084-37.36c3.487-.22 7.97-.274 12.345-.274 8.798 0 12.782 3.21 12.782 9.077 0 5.977-2.935 10.68-9.19 13.337m31.219-13.282-5.425 28.502H135.61l5.427-28.502h-7.916l1.66-8.856h25.903l-1.66 8.856M182.71 12.625c-1.828-.607-3.762-.886-5.2-.886-5.26 0-7.475 2.823-7.475 5.59 0 6.254 11.125 6.42 11.125 15.33 0 7.084-6.25 12.564-15.11 12.564-2.158 0-4.592-.166-6.42-.72l1.108-5.7c1.606.664 3.818 1.16 5.757 1.16 5.312 0 8.244-2.488 8.244-6.31 0-5.976-11.015-6.032-11.015-14.942 0-6.475 4.87-11.954 14.17-11.954 1.995 0 3.762.11 5.868.498l-1.052 5.37zm31.658.941c-2.382-.83-4.87-1.273-7.252-1.273-10.458 0-14.39 10.295-14.39 18.817 0 5.148 2.106 8.58 8.802 8.58 2.987 0 5.868-.61 8.303-1.66l-.39 5.48c-2.875.995-6.306 1.603-9.682 1.603-11.017 0-13.673-6.53-13.673-12.895 0-12.952 7.416-25.238 21.694-25.238 3.1 0 5.756.443 8.08 1.106l-1.492 5.48zM239.05 44.67l3.155-16.77h-17.268l-3.154 16.77h-5.92l7.084-37.358h5.92l-2.932 15.44h17.267l2.934-15.44h5.92l-7.14 37.358M272.534 19.877a49.19 49.19 0 0 1-.66-5.758h-.057a62.133 62.133 0 0 1-2.826 5.92l-6.253 11.57h11.736l-1.94-11.733zm3.82 24.793-1.217-8.245h-14.834l-4.37 8.245h-6.258l20.258-37.357h6.585l6.2 37.357h-6.364zM317.197 31c-1.878 9.742-7.857 14.225-17.268 14.225-11.07 0-13.06-6.143-11.623-13.836L292.9 7.31h5.924l-4.704 24.41c-1.054 5.59.607 8.524 6.64 8.524 6.035 0 9.355-2.658 10.684-9.854l4.426-23.08h5.812L317.197 31z"/></symbol><symbol id="tagesschau_de" viewBox="0 0 277.2 56" preserveAspectRatio="xMidYMid meet"><path d="M18.7 41.2v-4.3c-1.1.3-2.5.5-3.9.5-3.2 0-4-1.2-4-5.9V17.2h7.9v-4h-7.9V2.7l-5 1.4v9.1H0v4h5.8v16.2c0 6.1 1.8 8.4 7.5 8.4 1.8 0 3.9-.2 5.4-.6zm258.5.1V13.2h-8.7v13.6c0 4.1-2.5 7.9-5.6 7.9-2 0-2.6-1.4-2.6-3.6V13.2h-8.7v19.9c0 4.9 2.1 8.9 8.4 8.9 4.5 0 7.6-2.2 9.3-5-.2 1.4-.2 3.4-.2 4.4l8.1-.1zM235.8 30c0 2.8-2 5.4-4.9 5.4-1.8 0-2.8-1-2.8-2.4 0-2 1.5-3.7 7.7-3.7v.7zm8.9 11.3c-.2-2.2-.2-4.6-.2-6.7V22.5c0-6.5-2.7-10.1-12.4-10.1-3.5 0-7.3.7-10.2 1.6l.7 7.1c2.3-1.2 5.7-2 8.2-2 3.7 0 5 1.1 5 3.5v1.1c-8.9 0-15.9 3.4-15.9 10.5 0 4.5 2.8 7.7 8.2 7.7 3.9 0 7.2-1.9 8.6-4.9-.2 1.4-.2 2.9-.2 4.2l8.2.1zm-30.5 0V21.5c0-4.9-2-8.9-8.3-8.9-4.2 0-7.2 1.8-8.9 4.5.3-1.8.4-4.1.4-5.8V0h-8.6v41.3h8.6V27.8c0-4.2 2.5-7.9 5.6-7.9 2 0 2.6 1.4 2.6 3.6v17.9h8.6zm-31.1-.6-.7-7.3c-1.4.7-3.1 1-4.8 1-3.9 0-5.8-2.7-5.8-7 0-4.6 2-7.5 5.9-7.5 1.5 0 3 .3 4.4.8l.9-7.5c-1.8-.5-3.6-.7-5.4-.7-10.3 0-14.8 7.1-14.8 15.6 0 9.1 4.4 13.8 12.9 13.8 2.8 0 5.5-.4 7.4-1.2zm-24.3-8.2c0-8.8-10.5-7.8-10.5-11.3 0-1.3 1-2.2 3.2-2.2 1.7 0 3.5.2 5 .7l.2-6.7c-1.6-.2-3.3-.5-4.9-.5-8.3 0-12.5 4.3-12.5 9.4 0 9.3 10.4 7.1 10.4 11.3 0 1.3-1.4 2.2-3.6 2.2-2 0-4.2-.4-5.9-.9l-.2 7c1.8.2 3.9.5 5.8.5 7.9 0 13-3.7 13-9.5zm-24.9.4c0-9.5-13.1-6.1-13.1-12.3 0-2.4 1.9-4 5.6-4 1.9 0 3.9.3 5.7.9l.1-4.2c-1.7-.3-3.7-.6-5.4-.6-7.4 0-11.3 3.7-11.3 8.4 0 9.9 13.1 6.1 13.1 12.3 0 2.6-2.5 4.3-6.3 4.3-2.2 0-4.4-.4-6.2-1l-.2 4.5c1.8.3 3.9.5 5.9.5 7.6.2 12.1-3.7 12.1-8.8zm-29.6-9.6H91.2c.6-4.1 3.2-6.9 6.9-6.9 3.9 0 6.3 2.8 6.2 6.9zm5.2 1.2c0-6.5-3.3-11.8-11.3-11.8S85.6 19 85.6 27.4c0 9.9 4.6 14.4 13.3 14.4 3.5 0 6.8-.6 9.5-1.8l-.5-4.1c-2.3 1.1-5.3 1.8-8.2 1.8-6 0-9.1-3.2-8.9-10.8h18.4c.3-.9.3-1.7.3-2.4zM75.5 46c0 3.5-3.3 5.9-9.1 5.9-4.4 0-7.6-1.8-7.6-5.2 0-2.2 1.4-4 3.6-5.2h7.2c4 .1 5.9 1.8 5.9 4.5zm-1.9-22.9c0 4.1-2.7 6.5-7 6.5-4.4 0-7-2.3-7-6.5 0-3.8 2.7-6.6 7.1-6.6 4.4 0 6.9 2.4 6.9 6.6zm7 22.3c0-5.1-3.4-8-9.5-8h-5.2c-3.4 0-4.8-.6-4.8-2.2 0-.9.6-1.8 1.8-2.3 1 .2 2.4.3 3.6.3 8 0 12.2-4.4 12.2-10.5 0-2.4-.9-4.4-2.4-5.5H81v-4h-9.6c-1.5-.3-2.8-.5-4.4-.5-7.9 0-12.3 4.9-12.3 10.9 0 3.6 1.4 6.5 4.1 8-2 .9-3.2 2.7-3.2 4.7 0 1.9 1.1 3.3 2.8 4.1-2.5 1.3-4.6 4-4.6 7.3 0 5.4 4.6 8.3 11.8 8.3 8.9 0 15-4.6 15-10.6zM40.9 28.9c0 4.4-3.1 8.9-7.6 8.9-2.6 0-4.3-1.5-4.3-3.9 0-2.5 2.2-5.6 12-5.6v.6zm5.2 12.4c-.1-2.4-.1-5.4-.1-8.1V22c0-5.6-2.3-9.4-10.4-9.4-3.7 0-7.1.9-9.9 2l.5 4.4c2.4-1.5 5.8-2.3 8.5-2.3 4.6 0 6.2 2.1 6.2 6v2.1C30.3 24.8 24 28.7 24 34.9c0 4.5 3.2 7 7.8 7s8.2-2.7 9.6-6.1c-.2 1.6-.2 3.6-.2 5.6l4.9-.1z" fill-rule="evenodd" clip-rule="evenodd"/></symbol></svg>
@@ -754,6 +754,9 @@ video {
754
754
  .mb-0 {
755
755
  margin-bottom: 0px;
756
756
  }
757
+ .ml-3 {
758
+ margin-left: 0.75rem;
759
+ }
757
760
  .mt-2\.5 {
758
761
  margin-top: 0.625rem;
759
762
  }
@@ -1086,10 +1089,17 @@ video {
1086
1089
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1087
1090
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1088
1091
  }
1092
+ .divide-solid > :not([hidden]) ~ :not([hidden]) {
1093
+ border-style: solid;
1094
+ }
1089
1095
  .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1090
1096
  --tw-divide-opacity: 1;
1091
1097
  border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
1092
1098
  }
1099
+ .divide-white > :not([hidden]) ~ :not([hidden]) {
1100
+ --tw-divide-opacity: 1;
1101
+ border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
1102
+ }
1093
1103
  .self-end {
1094
1104
  -ms-flex-item-align: end;
1095
1105
  align-self: flex-end;
@@ -1175,6 +1185,9 @@ video {
1175
1185
  .border-t {
1176
1186
  border-top-width: 1px;
1177
1187
  }
1188
+ .border-solid {
1189
+ border-style: solid;
1190
+ }
1178
1191
  .border-dashed {
1179
1192
  border-style: dashed;
1180
1193
  }
@@ -1225,6 +1238,10 @@ video {
1225
1238
  --tw-bg-opacity: 1;
1226
1239
  background-color: rgba(39, 107, 158, var(--tw-bg-opacity));
1227
1240
  }
1241
+ .bg-blue-congress {
1242
+ --tw-bg-opacity: 1;
1243
+ background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
1244
+ }
1228
1245
  .bg-transparent {
1229
1246
  background-color: transparent;
1230
1247
  }
@@ -1287,10 +1304,6 @@ video {
1287
1304
  .bg-current {
1288
1305
  background-color: currentColor;
1289
1306
  }
1290
- .bg-blue-congress {
1291
- --tw-bg-opacity: 1;
1292
- background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
1293
- }
1294
1307
  .bg-gray-800 {
1295
1308
  --tw-bg-opacity: 1;
1296
1309
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
@@ -1335,6 +1348,9 @@ video {
1335
1348
  .fill-current {
1336
1349
  fill: currentColor;
1337
1350
  }
1351
+ .fill-\[\#005293\] {
1352
+ fill: #005293;
1353
+ }
1338
1354
  .p-10 {
1339
1355
  padding: 2.5rem;
1340
1356
  }
@@ -1347,9 +1363,6 @@ video {
1347
1363
  .p-2 {
1348
1364
  padding: 0.5rem;
1349
1365
  }
1350
- .p-5 {
1351
- padding: 1.25rem;
1352
- }
1353
1366
  .px-4 {
1354
1367
  padding-left: 1rem;
1355
1368
  padding-right: 1rem;
@@ -1422,6 +1435,14 @@ video {
1422
1435
  padding-left: 0px;
1423
1436
  padding-right: 0px;
1424
1437
  }
1438
+ .py-12 {
1439
+ padding-top: 3rem;
1440
+ padding-bottom: 3rem;
1441
+ }
1442
+ .py-5 {
1443
+ padding-top: 1.25rem;
1444
+ padding-bottom: 1.25rem;
1445
+ }
1425
1446
  .py-px {
1426
1447
  padding-top: 1px;
1427
1448
  padding-bottom: 1px;
@@ -1468,6 +1489,12 @@ video {
1468
1489
  .pr-4 {
1469
1490
  padding-right: 1rem;
1470
1491
  }
1492
+ .pl-8 {
1493
+ padding-left: 2rem;
1494
+ }
1495
+ .pb-5 {
1496
+ padding-bottom: 1.25rem;
1497
+ }
1471
1498
  .pb-10 {
1472
1499
  padding-bottom: 2.5rem;
1473
1500
  }
@@ -1779,6 +1806,9 @@ video {
1779
1806
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1780
1807
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1781
1808
  }
1809
+ .counter-reset {
1810
+ counter-reset: cnt1660913417985;
1811
+ }
1782
1812
  .placeholder-text-xs::-webkit-input-placeholder {
1783
1813
  font-size: 0.75rem;
1784
1814
  line-height: 1.063rem;
@@ -1869,7 +1899,6 @@ video {
1869
1899
  --tw-border-opacity: 1;
1870
1900
  border-left-color: rgba(255, 255, 255, var(--tw-border-opacity));
1871
1901
  border-right-color: transparent;
1872
- content: var(--tw-content);
1873
1902
  border-left-color: #fff;
1874
1903
  }
1875
1904
  }
@@ -1888,7 +1917,6 @@ video {
1888
1917
  border-left-color: rgba(255, 255, 255, var(--tw-border-opacity));
1889
1918
  border-top-color: transparent;
1890
1919
  border-bottom-color: transparent;
1891
- content: var(--tw-content);
1892
1920
  border-left-color: #fff;
1893
1921
  }
1894
1922
  @media (min-width: 1024px) {
@@ -1910,7 +1938,6 @@ video {
1910
1938
  border-bottom-color: rgba(255, 255, 255, var(--tw-border-opacity));
1911
1939
  border-right-color: transparent;
1912
1940
  border-left-color: transparent;
1913
- content: var(--tw-content);
1914
1941
  border-bottom-color: #fff;
1915
1942
  }
1916
1943
  }
@@ -1928,7 +1955,6 @@ video {
1928
1955
  border-left-color: rgba(255, 255, 255, var(--tw-border-opacity));
1929
1956
  border-top-color: transparent;
1930
1957
  border-bottom-color: transparent;
1931
- content: var(--tw-content);
1932
1958
  border-left-color: #fff;
1933
1959
  }
1934
1960
  @media (min-width: 1024px) {
@@ -1949,7 +1975,6 @@ video {
1949
1975
  border-bottom-color: rgba(255, 255, 255, var(--tw-border-opacity));
1950
1976
  border-right-color: transparent;
1951
1977
  border-left-color: transparent;
1952
- content: var(--tw-content);
1953
1978
  border-bottom-color: #fff;
1954
1979
  }
1955
1980
  }
@@ -2164,6 +2189,26 @@ video {
2164
2189
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2165
2190
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2166
2191
  }
2192
+ .-ordered {
2193
+ counter-increment: cnt1660913417985 1;
2194
+ }
2195
+ .-ordered::before {
2196
+ position: absolute;
2197
+ height: 23px;
2198
+ width: 23px;
2199
+ border-radius: 3px;
2200
+ --tw-bg-opacity: 1;
2201
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2202
+ padding-top: 1px;
2203
+ text-align: center;
2204
+ font-family: RobotoCond, sans-serif;
2205
+ font-size: 1rem;
2206
+ line-height: 1.375rem;
2207
+ letter-spacing: .0125em;
2208
+ --tw-text-opacity: 1;
2209
+ color: rgba(0, 0, 0, var(--tw-text-opacity));
2210
+ content: counter(cnt1660913417985);
2211
+ }
2167
2212
  /*! purgecss start ignore */
2168
2213
  :root,
2169
2214
  [data-theme='default'] {
@@ -2551,6 +2596,12 @@ video {
2551
2596
  .last-of-type\:hidden:last-of-type {
2552
2597
  display: none;
2553
2598
  }
2599
+ .last-of-type\:pb-9:last-of-type {
2600
+ padding-bottom: 2.25rem;
2601
+ }
2602
+ .last-of-type\:pb-0:last-of-type {
2603
+ padding-bottom: 0px;
2604
+ }
2554
2605
  .hover\:border-toplineColor:hover {
2555
2606
  border-color: #006dc1;
2556
2607
  border-color: var(--color-topline);
@@ -2603,6 +2654,10 @@ video {
2603
2654
  .disabled\:hidden:disabled {
2604
2655
  display: none;
2605
2656
  }
2657
+ .group:hover .group-hover\:underline {
2658
+ -webkit-text-decoration-line: underline;
2659
+ text-decoration-line: underline;
2660
+ }
2606
2661
  @media print {
2607
2662
 
2608
2663
  .print\:block {
@@ -2758,6 +2813,10 @@ video {
2758
2813
  width: 2rem;
2759
2814
  }
2760
2815
 
2816
+ .md\:w-12 {
2817
+ width: 3rem;
2818
+ }
2819
+
2761
2820
  .md\:max-w-1\/2 {
2762
2821
  max-width: 50%;
2763
2822
  }
@@ -2827,6 +2886,10 @@ video {
2827
2886
  border-left-width: 1px;
2828
2887
  }
2829
2888
 
2889
+ .md\:border-none {
2890
+ border-style: none;
2891
+ }
2892
+
2830
2893
  .md\:border-white {
2831
2894
  --tw-border-opacity: 1;
2832
2895
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
@@ -2871,10 +2934,19 @@ video {
2871
2934
  padding-left: 0px;
2872
2935
  }
2873
2936
 
2937
+ .md\:pl-5 {
2938
+ padding-left: 1.25rem;
2939
+ }
2940
+
2874
2941
  .md\:pt-7 {
2875
2942
  padding-top: 1.75rem;
2876
2943
  }
2877
2944
 
2945
+ .md\:text-2xl {
2946
+ font-size: 1.375rem;
2947
+ line-height: 1.75rem;
2948
+ }
2949
+
2878
2950
  .md\:text-base {
2879
2951
  font-size: 1rem;
2880
2952
  line-height: 1.375rem;
@@ -2885,11 +2957,6 @@ video {
2885
2957
  line-height: 2.375rem;
2886
2958
  }
2887
2959
 
2888
- .md\:text-2xl {
2889
- font-size: 1.375rem;
2890
- line-height: 1.75rem;
2891
- }
2892
-
2893
2960
  .md\:text-3xl {
2894
2961
  font-size: 1.875rem;
2895
2962
  line-height: 2.25rem;
@@ -2934,6 +3001,39 @@ video {
2934
3001
  clear: both;
2935
3002
  }
2936
3003
  }
3004
+
3005
+ .md\:ar-1-1 {
3006
+ aspect-ratio: 1 / 1;
3007
+ }
3008
+
3009
+ @supports not (aspect-ratio: 1 / 1) {
3010
+ .md\:ar-1-1::before {
3011
+ float: left;
3012
+ padding-top: 100%;
3013
+ content: '';
3014
+ }
3015
+
3016
+ .md\:ar-1-1::after {
3017
+ display: block;
3018
+ content: '';
3019
+ clear: both;
3020
+ }
3021
+ .md\:ar-1-1::before {
3022
+ float: left;
3023
+ padding-top: 100%;
3024
+ content: '';
3025
+ }
3026
+
3027
+ .md\:ar-1-1::after {
3028
+ display: block;
3029
+ content: '';
3030
+ clear: both;
3031
+ }
3032
+ }
3033
+
3034
+ .md\:first-of-type\:pt-0:first-of-type {
3035
+ padding-top: 0px;
3036
+ }
2937
3037
  }
2938
3038
  @media (min-width: 1024px) {
2939
3039
 
@@ -11,6 +11,9 @@
11
11
  {{#case "components/teaser/tabbox/teaser_tabbox"}}
12
12
  {{> components/teaser/tabbox/teaser_tabbox}}
13
13
  {{/case}}
14
+ {{#case "components/teaser/cluster/teaser_cluster"}}
15
+ {{> components/teaser/cluster/teaser_cluster}}
16
+ {{/case}}
14
17
  {{#case "components/teaser/teaser_standard"}}
15
18
  {{> components/teaser/teaser_standard}}
16
19
  {{/case}}
@@ -1,5 +1,5 @@
1
1
  {{#>components/base/link }}
2
- <span class="px-4 py-2.5 border {{inline-switch _color '["white","grey"]' '["text-white border-white","text-grey-scorpion border-grey-scorpion","text-toplineColor border-toplineColor"]'}} font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">
2
+ <span class="px-4 py-2.5 border {{inline-switch _color '["white","grey","blue"]' '["text-white border-white","text-grey-scorpion border-grey-scorpion","text-white bg-blue-congress","text-toplineColor border-toplineColor"]'}} font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">
3
3
  {{_linkTitle}}
4
4
  </span>
5
5
  {{/components/base/link}}
@@ -1,18 +1,23 @@
1
- <div class="w-full p-5">
1
+ <article class="mx-5 md:mx-0 col-span-12 grid bg-[#dce8f0] rounded-tl-3xl rounded-br-3xl {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}} ">
2
+ <div class="{{~#unless this.showGenreImage}}divide-y divide-white divide-solid{{~/unless~}}">
3
+ <h2 class="flex items-center px-5 py-6 font-bold font-headingSerif text-blue-congress">
4
+ {{#if this.teaserLogo}}
5
+ <span>
6
+ {{> components/base/image/icon _icon=this.teaserLogo _iconmap="logo" _addClass=(if this.isHessenschauLogo 'fill-[#005293] w-10 md:w-12 h-10 md:h-12' 'fill-[#005293] w-40 lg:w-52 h-8 md:h-12')}}
7
+ </span>
8
+ {{/if}}
9
+ {{#if this.title}}
10
+ <span class="text-lg md:text-2xl border-blue-congress {{#if this.teaserLogo}} pl-3 ml-3 border-l-2 border-solid {{/if}}">{{this.title}}</span>
11
+ {{/if}}
12
+ </h2>
13
+ {{> components/teaser/cluster/teaser_cluster_list _ordered=this._ordered}}
14
+ </div>
15
+ {{~#with this.headlineListItems}}
16
+ {{~#if this.link~}}
17
+ <div class="flex mx-5 py-12 {{~inline-switch ../this.teaserSize '["100"]' '[" justify-center md:justify-end"," justify-center"]'}}">
18
+ {{~> components/button/button_pseudo _color="blue" _linkTitle=this.title~}}
19
+ </div>
20
+ {{~/if~}}
21
+ {{/with~}}
22
+ </article>
2
23
 
3
- <b><u>Schlagzeilen-Box</u></b><br/><br/>
4
- <b>Title:</b> {{this.title}}<br/>
5
- <b>teaserLogo:</b> {{this.teaserLogo}}<br/>
6
- <b>showFirstImageOrGenreImage:</b> {{this.showFirstImageOrGenreImage}}<br/>
7
- <b>HideTitle:</b> {{this.HideTitle}}<br/>
8
- <b>showGenreImage:</b> {{this.showGenreImage}}<br/>
9
- <b>showFirstImage:</b> {{this.showFirstImage}}<br/>
10
- <br/>
11
-
12
- <b>clusterTeaserItems:</b><br/>
13
- {{~#each this.clusterTeaserItems}}
14
- {{this.logicItem.includeModel.title}}<br/>
15
- {{/each~}}
16
- <br/><hr/>
17
-
18
- </div>
@@ -0,0 +1,41 @@
1
+
2
+ {{#>components/base/link link=this.logicItem.includeModel.link css="group" doTracking=(if this.logicItem.includeModel.doTracking 'true') clickLabelPrefix1="clusterTeaserLink" clickLabelPrefix2="Link" }}
3
+ {{> components/teaser/components/teaser_heading
4
+ headlineTag=this.logicItem.includeModel.headlineTag
5
+ label=this.logicItem.includeModel.label
6
+ size=this.logicItem.includeModel.teaserSize
7
+ title=this.logicItem.includeModel.title
8
+ teaserType="cluster"
9
+ _ordered=_ordered
10
+ _titleBlue='true' }}
11
+ {{/components/base/link}}
12
+
13
+ {{!--Teaser-Info--}}
14
+ <p class="mt-2.5 text-xs text-grey-scorpion font-headingSerif {{#if _ordered}} pl-8 {{/if}}">
15
+ {{#with this.logicItem.includeModel.teaserInfo}}
16
+ {{#if this.showTeaserInfo~}}
17
+ {{~#if this.showTeaserInfoSection}}
18
+ <span class="uppercase">
19
+ {{../this.logicItem.includeModel.documentSection~}}
20
+ </span>
21
+ <span class="mx-px last-of-type:hidden">|</span>
22
+ {{/if}}
23
+ {{~#if this.showTeaserInfoDate}}
24
+ {{~#with ../this.logicItem.includeModel.teaserDate}}
25
+ <time datetime="{{this.htmlDateTime}}">{{this.date}}</time>
26
+ {{/with~}}
27
+ <span class="mx-px last-of-type:hidden">|</span>
28
+ {{else}}
29
+ {{~#if this.showTeaserInfoDateTime}}
30
+ {{~#with ../this.logicItem.includeModel.teaserDate}}
31
+ <time datetime="{{this.htmlDateTime}}">{{loca "date_simple_at" this.dateSeparatorTime}}</time>
32
+ {{/with~}}
33
+ <span class="mx-px last-of-type:hidden">|</span>
34
+ {{/if~}}
35
+ {{/if~}}
36
+
37
+ {{/if}}
38
+ {{/with}}
39
+ </p>
40
+ {{!--Teaser-Info--}}
41
+
@@ -0,0 +1,50 @@
1
+ <div class="{{~#if this.showGenreImage}}{{~inline-switch this.teaserSize '["100"]' '["md:flex md:flex-row"]'}}{{~/if~}}">
2
+ {{~#if this.showGenreImage}}
3
+ <div class="px-0 pb-5 {{~inline-switch this.teaserSize '["100"]' '[" md:pl-5 md:basis-1/3 md:ar-1-1"]'}}">
4
+ {{~> components/base/image/responsive_image this.genreImage type="standard-ds" variant="topteaser" _addClassImg="ar__content" ~}}
5
+
6
+ {{!-- {{~#if this.isPodcastChannel}}
7
+ {{~#with this.podcastFeeds}}
8
+ <div class="c-clusterTeaser__firstEntryByline">
9
+ <span class="byline">Podcast Feed:
10
+ <a href="{{this.0.url}}" class="link" target="_blank" rel="noopener noreferrer">{{this.0.feedName}}</a>
11
+ {{#if ../this.hasPodcastAndItunesUrl}}
12
+ |
13
+ {{/if}}
14
+ <a href="{{this.1.url}}" class="link" target="_blank" rel="noopener noreferrer">{{this.1.feedName}}</a>
15
+ </span>
16
+ </div>
17
+ {{/with~}}
18
+ {{/if~}} --}}
19
+ </div>
20
+ {{~/if~}}
21
+ {{!-- {{~#if this.showFirstImage}}
22
+ {{~#with this.firstEntry~}}
23
+ <div class="c-clusterTeaser__firstEntry">
24
+ <div class="c-clusterTeaser__firstEntryWraper">
25
+ {{> modules/teaser/cluster-teaser/clusterteaser-link}}
26
+ </div>
27
+ {{~#if this.teaserImage}}
28
+ {{#decorator "base/link/link" _cssClasses="c-clusterTeaser__imageLink"}}
29
+ {{~#with this.content.teaserImage}}
30
+ {{~> base/image/responsiveImage _type=../../../this.content.teasertype _variant=../../../this.content.imageVariant _addClass=../../../this.content..aspectRatio _addClassImg="ar__content" ~}}
31
+ {{/with}}
32
+ {{/decorator}}
33
+ {{/if~}}
34
+ </div>
35
+ {{~/with~}}
36
+ {{/if~}} --}}
37
+
38
+
39
+
40
+
41
+ {{~#with this.clusterTeaserItems}}
42
+ {{~#if ../_ordered}}<ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset {{~#if ../this.showGenreImage}} border-t border-white{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{else}}<ul class="mx-5 divide-y divide-white divide-solid {{~#if ../this.showGenreImage}} border-t border-white{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{/if}}
43
+ {{~#each this~}}
44
+ <li class="{{~#if ../../_ordered}} -ordered {{/if}} py-5 last-of-type:pb-9{{#with ../../this.headlineListItems}} {{#if this.link}} last-of-type:pb-0{{/if~}}{{/with~}} {{~#if ../../this.showGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
45
+ {{> components/teaser/cluster/teaser_cluster_item _ordered=../../_ordered }}
46
+ </li>
47
+ {{~/each}}
48
+ {{~#if ../_ordered}}</ol>{{else}}</ul>{{/if~}}
49
+ {{/with~}}
50
+ </div>
@@ -1,6 +1,6 @@
1
- {{#with _label}}
2
- <div class="leading-5.5">
3
- {{> components/label/label _type=this.type _text=(loca this.loca)}}
1
+ {{#with label}}
2
+ <div class="leading-5.5{{#if ../_ordered}} pl-8 {{/if}}">
3
+ {{> components/label/label type=this.type text=(loca this.loca)}}
4
4
  </div>
5
5
  {{/with~}}
6
6
  <{{~ _headlineTag ~}}>
@@ -8,4 +8,4 @@
8
8
  {{> components/teaser/components/teaser_topline _text=_topline _readMore=_readMore _teaserType=_teaserType}}
9
9
  {{/if}}
10
10
  {{> components/teaser/components/teaser_title _text=_title _fontVariant=_fontVariant _size=_size _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
11
- </{{~ _headlineTag ~}}>
11
+ </{{~ _headlineTag ~}}>
@@ -1,3 +1,3 @@
1
- <span class='block mt-0.5 {{> components/teaser/components/teaser_title_classes _size=_size _teaserType=_teaserType _fontVariant=_fontVariant _isMobile1to1=_isMobile1to1}}'>
2
- {{~_text~}}
1
+ <span class='block mt-0.5 group-hover:underline {{#if _titleBlue}} text-blue-congress {{/if}}{{#if _ordered}} pl-8 {{/if}} {{> components/teaser/components/teaser_title_classes size=size teaserType=teaserType fontVariant=fontVariant _isMobile1to1=_isMobile1to1}}'>
2
+ {{~text~}}
3
3
  </span>
@@ -37,6 +37,9 @@ the 4 parameters are:
37
37
  {{~#case 'poster-ds'~}}
38
38
  {{~inline-switch _size '["50","33"]' '["text-2xl md:text-4xl","text-2xl"]'~}}
39
39
  {{~/case~}}
40
+ {{~#case 'cluster'~}}
41
+ text-lg
42
+ {{~/case~}}
40
43
  {{~/switch~}}
41
44
  {{~inline-switch
42
45
  _fontVariant
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": "0.54.0",
9
+ "version": "0.54.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
@@ -78,7 +78,8 @@
78
78
  "dependencies": {
79
79
  "@alpine-collective/toolkit": "^1.0.0",
80
80
  "@alpinejs/collapse": "^3.8.1",
81
- "alpinejs": "^3.8.1"
81
+ "alpinejs": "^3.8.1",
82
+ "tailwindcss-counter": "^1.1.3"
82
83
  },
83
84
  "prettier": {
84
85
  "tabWidth": 4,
@@ -0,0 +1 @@
1
+ <svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.71 38.18"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M28.61,21.19,26.49,21c-1.43-.14-1.85-.76-1.85-1.56,0-1,.82-1.76,2.44-1.76a5,5,0,0,1,3.31,1l1.69-1.75a7.23,7.23,0,0,0-5-1.54c-2.8,0-5.05,1.51-5.05,4.18,0,2.4,1.45,3.56,4,3.77l2.14.19c1.3.11,1.8.7,1.8,1.62C30,26.44,28.67,27,27,27a5.15,5.15,0,0,1-3.86-1.43l-1.78,1.8a7.28,7.28,0,0,0,5.64,2c3.21,0,5.59-1.48,5.59-4.34,0-2.42-1.48-3.64-4-3.85" transform="translate(-0.6 -0.94)"/><path class="cls-1" d="M10.87,9.68v6.16a19.92,19.92,0,0,1,3.64-.38c2.83,0,4.25,1.55,4.35,3.53,0,.51,0,.79,0,1.33v8.9h-3V20.15c0-1,.07-2.25-2.19-2.24a11.68,11.68,0,0,0-2.74.32v11H8V9.87Z" transform="translate(-0.6 -0.94)"/><path class="cls-1" d="M29.79,39.12H.6V10.46C.6,1.05,10,.94,10.12.94H39.31V29.6c0,9.41-9.42,9.52-9.52,9.52M2.53,37.19H29.79c.31,0,7.59-.12,7.59-7.59V2.88H10.12c-.31,0-7.59.12-7.59,7.58Z" transform="translate(-0.6 -0.94)"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="360" height="45" viewBox="0 0 360 45"><path d="M343.64.527c8.51 0 15.406 6.895 15.406 15.406 0 8.508-6.896 15.407-15.406 15.407-8.505 0-15.406-6.9-15.406-15.407 0-8.51 6.9-15.406 15.406-15.406m0 2.256c-7.26 0-13.14 5.89-13.14 13.15 0 7.266 5.88 13.146 13.14 13.146 7.263 0 13.15-5.882 13.15-13.147 0-7.26-5.888-13.15-13.15-13.15"/><path d="M349.83 6.748l-15.504 5.57v3.832l5.13-1.863v11.596l10.374-3.71M24.423 16.11c-1.603-.552-3.54-.995-5.254-.995-3.658 0-4.875 1.273-4.875 3.045 0 3.984 9.797 4.15 9.797 13.228 0 7.692-6.863 14.058-16.657 14.058-2.88 0-5.538-.277-7.583-.664l1.77-9.574c2.045.773 4.207 1.218 6.362 1.218 3.376 0 4.982-.997 4.982-3.155 0-3.983-9.794-3.874-9.794-12.73 0-7.636 5.146-14 16.104-14 2.49 0 4.815.22 6.916.554l-1.77 9.017zM44.348 15.394c-.664 0-1.048 0-1.495.054L41.14 24.58c.332.057.555.057.663.057 3.65 0 6.032-2.99 6.032-6.09 0-1.716-.996-3.153-3.487-3.153m-3.265 17.82c-.33 0-.94 0-1.66-.056l-2.16 11.512H27.19l7.086-37.358c3.43-.165 7.137-.276 11.57-.276 7.246 0 12.56 3.21 12.56 10.294 0 8.47-7.085 15.884-17.323 15.884M80.214 15.945c-6.587 0-10.02 7.36-10.02 13.893 0 4.096 1.774 6.143 5.203 6.143 6.198 0 10.07-7.083 10.07-14.333 0-3.21-1.605-5.702-5.253-5.702m-6.368 29.5c-10.016 0-14.442-5.367-14.442-13.78 0-13.34 9.738-25.128 22.47-25.128 9.518 0 14.28 5.037 14.28 13.894 0 14.554-10.186 25.015-22.308 25.015M114.583 15.504c-.83 0-1.772.055-2.106.11l-1.492 8.024c.386.057 1.05.11 1.603.11 3.542 0 5.646-2.767 5.646-5.534 0-1.66-1.106-2.71-3.65-2.71m5.31 13.946c.555 1.273 1.216 2.822 1.772 4.263l4.207 10.957h-11.678l-4.262-13.615h-.386l-2.604 13.615H96.87l7.084-37.36c3.487-.22 7.97-.274 12.345-.274 8.798 0 12.782 3.21 12.782 9.077 0 5.977-2.935 10.68-9.19 13.337M151.11 16.168l-5.425 28.502H135.61l5.427-28.502h-7.916l1.66-8.856h25.903l-1.66 8.856"/><g><path d="M182.71 12.625c-1.828-.607-3.762-.886-5.2-.886-5.26 0-7.475 2.823-7.475 5.59 0 6.254 11.125 6.42 11.125 15.33 0 7.084-6.25 12.564-15.11 12.564-2.158 0-4.592-.166-6.42-.72l1.108-5.7c1.606.664 3.818 1.16 5.757 1.16 5.312 0 8.244-2.488 8.244-6.31 0-5.976-11.015-6.032-11.015-14.942 0-6.475 4.87-11.954 14.17-11.954 1.995 0 3.762.11 5.868.498l-1.052 5.37zM214.368 13.566c-2.382-.83-4.87-1.273-7.252-1.273-10.458 0-14.39 10.295-14.39 18.817 0 5.148 2.106 8.58 8.802 8.58 2.987 0 5.868-.61 8.303-1.66l-.39 5.48c-2.875.995-6.306 1.603-9.682 1.603-11.017 0-13.673-6.53-13.673-12.895 0-12.952 7.416-25.238 21.694-25.238 3.1 0 5.756.443 8.08 1.106l-1.492 5.48z"/></g><path d="M239.05 44.67l3.155-16.77h-17.268l-3.154 16.77h-5.92l7.084-37.358h5.92l-2.932 15.44h17.267l2.934-15.44h5.92l-7.14 37.358"/><g><path d="M272.534 19.877c-.33-1.883-.553-3.82-.66-5.758h-.057c-.775 1.882-1.717 3.874-2.826 5.92l-6.253 11.57h11.736l-1.94-11.733zm3.82 24.793l-1.217-8.245h-14.834l-4.37 8.245h-6.258l20.258-37.357h6.585l6.2 37.357h-6.364zM317.197 31c-1.878 9.742-7.857 14.225-17.268 14.225-11.07 0-13.06-6.143-11.623-13.836L292.9 7.31h5.924L294.12 31.72c-1.054 5.59.607 8.524 6.64 8.524 6.035 0 9.355-2.658 10.684-9.854l4.426-23.08h5.812L317.197 31z"/></g></svg>