@marioschmidt/design-system-components 1.0.79 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. package/dist/bds/bds.css +1 -1
  2. package/dist/bds/bds.esm.js +1 -1
  3. package/dist/bds/{p-30a9c996.entry.js → p-84bc6959.entry.js} +2 -2
  4. package/dist/bds/p-ChFDVObC.js +3 -0
  5. package/dist/bds/p-ChFDVObC.js.map +1 -0
  6. package/dist/cjs/bds.cjs.js +1 -1
  7. package/dist/cjs/ds-button_2.cjs.entry.js +1 -1
  8. package/dist/cjs/index-D8A-8VrK.js +1398 -0
  9. package/dist/cjs/index-D8A-8VrK.js.map +1 -0
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/components/index.js +1 -1
  12. package/dist/components/index.js.map +1 -1
  13. package/dist/esm/bds.js +2 -2
  14. package/dist/esm/ds-button_2.entry.js +1 -1
  15. package/dist/esm/index-ChFDVObC.js +1391 -0
  16. package/dist/esm/index-ChFDVObC.js.map +1 -0
  17. package/dist/esm/loader.js +2 -2
  18. package/dist/www/build/bds.css +1 -1
  19. package/dist/www/build/bds.esm.js +1 -1
  20. package/dist/www/build/{p-30a9c996.entry.js → p-84bc6959.entry.js} +2 -2
  21. package/dist/www/build/p-ChFDVObC.js +3 -0
  22. package/dist/www/build/p-ChFDVObC.js.map +1 -0
  23. package/dist/www/build/p-bbf896ac.css +1 -0
  24. package/dist/www/css/README.md +74 -1
  25. package/dist/www/css/advertorial/components/_dsysdocs.css +10 -3
  26. package/dist/www/css/advertorial/components/accordion.css +4 -10
  27. package/dist/www/css/advertorial/components/article.css +17 -51
  28. package/dist/www/css/advertorial/components/audioplayer.css +2 -2
  29. package/dist/www/css/advertorial/components/avatar.css +3 -37
  30. package/dist/www/css/advertorial/components/badge.css +2 -10
  31. package/dist/www/css/advertorial/components/breadcrumb.css +6 -24
  32. package/dist/www/css/advertorial/components/breakingnews.css +2 -18
  33. package/dist/www/css/advertorial/components/button.css +7 -11
  34. package/dist/www/css/advertorial/components/card.css +2 -2
  35. package/dist/www/css/advertorial/components/carousel.css +2 -2
  36. package/dist/www/css/advertorial/components/chip.css +2 -2
  37. package/dist/www/css/advertorial/components/datepicker.css +4 -4
  38. package/dist/www/css/advertorial/components/drawers.css +2 -2
  39. package/dist/www/css/advertorial/components/dropdown.css +2 -2
  40. package/dist/www/css/advertorial/components/footer.css +6 -30
  41. package/dist/www/css/advertorial/components/icon.css +2 -2
  42. package/dist/www/css/advertorial/components/iconbutton.css +53 -0
  43. package/dist/www/css/advertorial/components/infoelement.css +2 -2
  44. package/dist/www/css/advertorial/components/inputfield.css +13 -8
  45. package/dist/www/css/advertorial/components/liveticker.css +2 -10
  46. package/dist/www/css/advertorial/components/mediaplayer.css +4 -20
  47. package/dist/www/css/advertorial/components/menu.css +6 -33
  48. package/dist/www/css/advertorial/components/newsticker.css +2 -18
  49. package/dist/www/css/advertorial/components/pagination.css +3 -3
  50. package/dist/www/css/advertorial/components/paywall.css +3 -12
  51. package/dist/www/css/advertorial/components/quote.css +2 -2
  52. package/dist/www/css/advertorial/components/radiobutton.css +2 -2
  53. package/dist/www/css/advertorial/components/search.css +2 -2
  54. package/dist/www/css/advertorial/components/sectiontitle.css +2 -2
  55. package/dist/www/css/advertorial/components/separator.css +2 -2
  56. package/dist/www/css/advertorial/components/skeletons.css +2 -2
  57. package/dist/www/css/advertorial/components/slider.css +2 -2
  58. package/dist/www/css/advertorial/components/specialnavi.css +2 -2
  59. package/dist/www/css/advertorial/components/spinner.css +2 -2
  60. package/dist/www/css/advertorial/components/tab.css +2 -18
  61. package/dist/www/css/advertorial/components/table.css +2 -2
  62. package/dist/www/css/advertorial/components/teaser.css +2 -42
  63. package/dist/www/css/advertorial/components/toggleswitch.css +2 -2
  64. package/dist/www/css/advertorial/components/video.css +2 -2
  65. package/dist/www/css/advertorial/theme.css +2 -2
  66. package/dist/www/css/advertorial/tokens.css +197 -336
  67. package/dist/www/css/bild/components/_dsysdoc.css +2 -6
  68. package/dist/www/css/bild/components/_dsysdocs.css +10 -3
  69. package/dist/www/css/bild/components/accordion.css +4 -10
  70. package/dist/www/css/bild/components/alert.css +2 -8
  71. package/dist/www/css/bild/components/article.css +17 -51
  72. package/dist/www/css/bild/components/audioplayer.css +2 -2
  73. package/dist/www/css/bild/components/avatar.css +12 -51
  74. package/dist/www/css/bild/components/badge.css +2 -10
  75. package/dist/www/css/bild/components/breadcrumb.css +14 -50
  76. package/dist/www/css/bild/components/breakingnews.css +11 -27
  77. package/dist/www/css/bild/components/button.css +37 -58
  78. package/dist/www/css/bild/components/card.css +4 -4
  79. package/dist/www/css/bild/components/carousel.css +2 -2
  80. package/dist/www/css/bild/components/chip.css +16 -22
  81. package/dist/www/css/bild/components/datepicker.css +4 -4
  82. package/dist/www/css/bild/components/drawers.css +2 -2
  83. package/dist/www/css/bild/components/dropdown.css +6 -6
  84. package/dist/www/css/bild/components/empties.css +6 -6
  85. package/dist/www/css/bild/components/footer.css +6 -30
  86. package/dist/www/css/bild/components/gallery.css +2 -2
  87. package/dist/www/css/bild/components/icon.css +2 -2
  88. package/dist/www/css/bild/components/iconbutton.css +53 -0
  89. package/dist/www/css/bild/components/infoelement.css +2 -2
  90. package/dist/www/css/bild/components/inputfield.css +16 -33
  91. package/dist/www/css/bild/components/kicker.css +6 -6
  92. package/dist/www/css/bild/components/liveticker.css +2 -10
  93. package/dist/www/css/bild/components/mediaplayer.css +26 -40
  94. package/dist/www/css/bild/components/menu.css +18 -46
  95. package/dist/www/css/bild/components/menuitem.css +8 -29
  96. package/dist/www/css/bild/components/newsticker.css +4 -20
  97. package/dist/www/css/bild/components/pagination.css +9 -10
  98. package/dist/www/css/bild/components/partnerlinks.css +12 -20
  99. package/dist/www/css/bild/components/paywall.css +3 -12
  100. package/dist/www/css/bild/components/quote.css +2 -2
  101. package/dist/www/css/bild/components/radiobutton.css +2 -2
  102. package/dist/www/css/bild/components/search.css +2 -2
  103. package/dist/www/css/bild/components/sectiontitle.css +2 -2
  104. package/dist/www/css/bild/components/selection.css +6 -23
  105. package/dist/www/css/bild/components/separator.css +2 -2
  106. package/dist/www/css/bild/components/skeletons.css +2 -2
  107. package/dist/www/css/bild/components/slider.css +4 -4
  108. package/dist/www/css/bild/components/specialnavi.css +2 -2
  109. package/dist/www/css/bild/components/spinner.css +2 -2
  110. package/dist/www/css/bild/components/subheader.css +3 -3
  111. package/dist/www/css/bild/components/tab.css +2 -24
  112. package/dist/www/css/bild/components/table.css +2 -2
  113. package/dist/www/css/bild/components/teaser.css +6 -46
  114. package/dist/www/css/bild/components/toggleswitch.css +2 -2
  115. package/dist/www/css/bild/components/video.css +2 -2
  116. package/dist/www/css/bild/theme.css +321 -209
  117. package/dist/www/css/bild/tokens.css +197 -336
  118. package/dist/www/css/bundles/advertorial.css +381 -697
  119. package/dist/www/css/bundles/bild.css +842 -1282
  120. package/dist/www/css/bundles/sportbild.css +849 -1302
  121. package/dist/www/css/shared/colorprimitive.css +91 -47
  122. package/dist/www/css/shared/fontprimitive.css +4 -2
  123. package/dist/www/css/shared/primitives.css +94 -47
  124. package/dist/www/css/shared/sizeprimitive.css +3 -2
  125. package/dist/www/css/shared/spaceprimitive.css +2 -2
  126. package/dist/www/css/sportbild/components/_dsysdoc.css +2 -6
  127. package/dist/www/css/sportbild/components/_dsysdocs.css +10 -3
  128. package/dist/www/css/sportbild/components/accordion.css +4 -10
  129. package/dist/www/css/sportbild/components/alert.css +2 -8
  130. package/dist/www/css/sportbild/components/article.css +17 -52
  131. package/dist/www/css/sportbild/components/audioplayer.css +2 -2
  132. package/dist/www/css/sportbild/components/avatar.css +12 -51
  133. package/dist/www/css/sportbild/components/badge.css +2 -10
  134. package/dist/www/css/sportbild/components/breadcrumb.css +14 -50
  135. package/dist/www/css/sportbild/components/breakingnews.css +6 -22
  136. package/dist/www/css/sportbild/components/button.css +37 -58
  137. package/dist/www/css/sportbild/components/card.css +4 -4
  138. package/dist/www/css/sportbild/components/carousel.css +2 -2
  139. package/dist/www/css/sportbild/components/chip.css +16 -22
  140. package/dist/www/css/sportbild/components/datepicker.css +4 -4
  141. package/dist/www/css/sportbild/components/drawers.css +2 -2
  142. package/dist/www/css/sportbild/components/dropdown.css +6 -6
  143. package/dist/www/css/sportbild/components/empties.css +6 -6
  144. package/dist/www/css/sportbild/components/footer.css +6 -30
  145. package/dist/www/css/sportbild/components/gallery.css +2 -2
  146. package/dist/www/css/sportbild/components/icon.css +2 -2
  147. package/dist/www/css/sportbild/components/iconbutton.css +53 -0
  148. package/dist/www/css/sportbild/components/infoelement.css +2 -2
  149. package/dist/www/css/sportbild/components/inputfield.css +16 -33
  150. package/dist/www/css/sportbild/components/kicker.css +6 -6
  151. package/dist/www/css/sportbild/components/liveticker.css +2 -10
  152. package/dist/www/css/sportbild/components/mediaplayer.css +26 -40
  153. package/dist/www/css/sportbild/components/menu.css +23 -53
  154. package/dist/www/css/sportbild/components/menuitem.css +8 -29
  155. package/dist/www/css/sportbild/components/newsticker.css +4 -21
  156. package/dist/www/css/sportbild/components/pagination.css +9 -10
  157. package/dist/www/css/sportbild/components/partnerlinks.css +12 -20
  158. package/dist/www/css/sportbild/components/paywall.css +3 -12
  159. package/dist/www/css/sportbild/components/quote.css +2 -2
  160. package/dist/www/css/sportbild/components/radiobutton.css +2 -2
  161. package/dist/www/css/sportbild/components/search.css +2 -2
  162. package/dist/www/css/sportbild/components/sectiontitle.css +2 -2
  163. package/dist/www/css/sportbild/components/selection.css +6 -23
  164. package/dist/www/css/sportbild/components/separator.css +2 -2
  165. package/dist/www/css/sportbild/components/skeletons.css +2 -2
  166. package/dist/www/css/sportbild/components/slider.css +4 -4
  167. package/dist/www/css/sportbild/components/specialnavi.css +2 -2
  168. package/dist/www/css/sportbild/components/spinner.css +2 -2
  169. package/dist/www/css/sportbild/components/subheader.css +3 -3
  170. package/dist/www/css/sportbild/components/tab.css +3 -25
  171. package/dist/www/css/sportbild/components/table.css +2 -2
  172. package/dist/www/css/sportbild/components/teaser.css +6 -51
  173. package/dist/www/css/sportbild/components/toggleswitch.css +2 -2
  174. package/dist/www/css/sportbild/components/video.css +2 -2
  175. package/dist/www/css/sportbild/theme.css +321 -209
  176. package/dist/www/css/sportbild/tokens.css +203 -346
  177. package/dist/www/index.html +1 -1
  178. package/package.json +1 -1
  179. package/dist/bds/p-V1LdMos7.js +0 -3
  180. package/dist/bds/p-V1LdMos7.js.map +0 -1
  181. package/dist/cjs/index-CrklIrqc.js +0 -1398
  182. package/dist/cjs/index-CrklIrqc.js.map +0 -1
  183. package/dist/esm/index-V1LdMos7.js +0 -1391
  184. package/dist/esm/index-V1LdMos7.js.map +0 -1
  185. package/dist/www/build/p-44d36d19.css +0 -1
  186. package/dist/www/build/p-V1LdMos7.js +0 -3
  187. package/dist/www/build/p-V1LdMos7.js.map +0 -1
  188. package/dist/www/css/bild/components/foldout.css +0 -34
  189. package/dist/www/css/bild/components/hey.css +0 -45
  190. package/dist/www/css/bild/components/socialsharebutton.css +0 -43
  191. package/dist/www/css/bild/components/textlink.css +0 -36
  192. package/dist/www/css/sportbild/components/foldout.css +0 -34
  193. package/dist/www/css/sportbild/components/hey.css +0 -45
  194. package/dist/www/css/sportbild/components/socialsharebutton.css +0 -43
  195. package/dist/www/css/sportbild/components/textlink.css +0 -36
  196. /package/dist/bds/{p-30a9c996.entry.js.map → p-84bc6959.entry.js.map} +0 -0
  197. /package/dist/www/build/{p-30a9c996.entry.js.map → p-84bc6959.entry.js.map} +0 -0
package/dist/cjs/index-D8A-8VrK.js ADDED
@@ -0,0 +1,1398 @@
1
+ 'use strict';
2
+
3
+ const NAMESPACE = 'bds';
4
+ const BUILD = /* bds */ { hydratedSelectorName: "hydrated", lazyLoad: true, prop: true, propChangeCallback: false, updatable: true};
5
+
6
+ const globalScripts = () => {};
7
+ const globalStyles = ":root,:host{--color-bild-red-50:#DD0000;--color-bild-red-40:#C10000;--color-bild-red-60:#F75849;--color-bild-red-10:#410000;--color-bild-red-90:#FFDADA;--color-bild-red-20:#680000;--color-bild-red-30:#930000;--color-bild-red-80:#FFB2B2;--color-bild-red-95:#FFECEC;--color-bild-red-70:#FF8989;--color-bild-purple-20:#551937;--color-bild-red-50-a-80:rgba(221, 0, 0, 0.8);--color-neutral-15:#222628;--color-neutral-100:#FFFFFF;--color-neutral-80:#C4C9CF;--color-neutral-30:#40464D;--color-neutral-25:#343C41;--color-neutral-60:#8C9196;--color-neutral-95:#F2F4F5;--color-neutral-90:#DDE1E2;--color-neutral-70:#A6ABB0;--color-neutral-40:#565A5F;--color-neutral-10:#191B1C;--color-neutral-20:#2C3133;--color-neutral-0:#000000;--color-neutral-50:#6E787C;--color-orange-70:#FD8227;--color-orange-30:#763301;--color-orange-40:#9E4401;--color-orange-50:#C65502;--color-orange-80:#FEB782;--color-orange-90:#FEDBC1;--color-orange-95:#FFEDDF;--color-orange-60:#EF6702;--color-orange-20:#522301;--color-orange-10:#2F1400;--color-green-70:#00C373;--color-green-90:#B9EFCD;--color-green-40:#006E3E;--color-green-60:#00AF67;--color-green-10:#052013;--color-green-30:#0D5232;--color-green-20:#093822;--color-green-50:#158751;--color-green-95:#DEF7E6;--color-green-80:#76DA9F;--color-yellow-80:#FFBF00;--color-yellow-70:#D9A200;--color-yellow-90:#FFE082;--color-yellow-95:#FFF0C2;--color-yellow-10:#241B00;--color-yellow-20:#3D2E00;--color-yellow-30:#594300;--color-yellow-40:#785A00;--color-yellow-50:#967100;--color-yellow-60:#B88A00;--color-neutral-0-a-20:rgba(0, 0, 0, 0.2);--color-neutral-0-a-10:rgba(0, 0, 0, 0.1);--color-neutral-0-a-60:rgba(0, 0, 0, 0.6);--color-neutral-0-a-30:rgba(0, 0, 0, 0.3);--color-neutral-0-a-70:rgba(0, 0, 0, 0.7);--color-neutral-100-a-10:rgba(255, 255, 255, 0.1);--color-neutral-100-a-20:rgba(255, 255, 255, 0.2);--color-neutral-100-a-30:rgba(255, 255, 255, 0.3);--color-neutral-100-a-60:rgba(255, 255, 255, 0.6);--color-neutral-100-a-70:rgba(255, 255, 255, 0.7);--color-neutral-100-a-35:rgba(255, 255, 255, 0.35);--color-neutral-0-a-80:rgba(0, 0, 0, 0.8);--color-neutral-100-a-80:rgba(255, 255, 255, 0.8);--color-neutral-0-a-35:rgba(0, 0, 0, 0.35);--color-neutral-0-a-0:rgba(0, 0, 0, 0);--color-neutral-0-a-50:rgba(0, 0, 0, 0.5);--color-neutral-0-a-5:rgba(0, 0, 0, 0.05);--color-neutral-100-a-0:rgba(255, 255, 255, 0);--color-neutral-100-a-95:rgba(255, 255, 255, 0.95);--color-neutral-15-a-0:rgba(34, 38, 40, 0);--color-neutral-95-a-0:rgba(242, 244, 245, 0);--color-neutral-20-a-0:rgba(44, 49, 51, 0);--color-neutral-25-a-0:rgba(52, 60, 65, 0);--color-neutral-90-a-0:rgba(221, 225, 226, 0);--color-partner-fitbook:#FF97B7;--color-partner-petbook:#B9DB91;--color-partner-myhome:#66CCCC;--color-partner-travelbook:#8EF0ED;--color-partner-techbook:#93E4FF;--color-partner-kaufberater:#55476E;--color-bz-red-50:#E3001B;--color-aubi-red-50:#F00000;--color-cobi-red-50:#DC231C;--color-spobi-blue-95:#EFF1F5;--color-spobi-blue-80:#C3C9DB;--color-spobi-blue-30:#174482;--color-spobi-blue-20:#0C2F61;--color-spobi-blue-10:#091C2E;--color-spobi-blue-40:#345EA0;--color-spobi-blue-50:#4676C3;--color-spobi-blue-70:#8FACDB;--color-spobi-blue-60:#6A91CF;--color-spobi-blue-90:#D6E1F2;--color-spobi-blue-15:#0B2647;--color-spobi-blue-25:#113B72;--color-spobi-red-50:#E52528;--color-spobi-blue-15-a-0:rgba(11, 38, 71, 0);--color-spobi-blue-15-a-70:rgba(11, 38, 71, 0.7);--color-spobi-blue-95-a-0:rgba(239, 241, 245, 0);--color-spobi-blue-20-a-0:rgba(12, 47, 97, 0);--color-spobi-blue-90-a-0:rgba(214, 225, 242, 0);--color-spobi-blue-25-a-0:rgba(17, 59, 114, 0);--opacity-05:0.05;--opacity-10:0.1;--opacity-20:0.2;--opacity-40:0.4;--opacity-60:0.6;--opacity-80:0.8;--opacity-100:1;--opacity-90:0.9;--opacity-30:0.3;--opacity-50:0.5;--opacity-00:0;--opacity-70:0.7}:root,:host{--font-family-gotham-xnarrow:Gotham XNarrow;--font-family-gotham-cond:Gotham Condensed;--font-family-gotham:Gotham;--font-family-lucida-grande:Lucida Grande;--font-family-antenna-extra-cond:AntennaExtraCond;--font-family-antenna-cond:AntennaCond;--font-family-inter:Inter;--font-weight-bold:700;--font-weight-extra-black:900;--font-weight-book:400;--font-weight-ultra:1000;--font-weight-black:800;--font-weight-book-350:350;--font-weight-semi-bold:600;--font-weight-thin:100;--font-weight-light:300;--font-weight-extra-light:200;--font-weight-medium:500;--letter-space-neg-0-p-25:-0.25px;--letter-space-0:0px;--letter-space-1:1px;--letter-space-0-p-5:0.5px;--letter-space-0-p-25:0.25px;--letter-space-neg-0-p-5:-0.5px;--letter-space-2:2px;--letter-space-neg-1:-1px;--letter-space-neg-2:-2px;--letter-space-3:3px;--letter-space-neg-3:-3px;--st-font-weight-ultra:1000;--st-font-weight-extra-black:900;--st-font-weight-black:800;--st-font-weight-bold:700;--st-font-weight-semi-bold:600;--st-font-weight-medium:500;--st-font-weight-st-book:400;--st-font-weight-book-350:350;--st-font-weight-extra-light:200;--st-font-weight-thin:100;--st-font-weight-bold-italic:700;--st-font-weight-black-italic:900;--st-font-weight-st-book-italic:400;--st-font-weight-light-italic-st:300}:root,:host{--size-6-x:48px;--size-3-x:24px;--size-1-x:8px;--size-0-p-25-x:2px;--size-0-p-5-x:4px;--size-2-x:16px;--size-4-p-5-x:36px;--size-5-x:40px;--size-3-p-5-x:28px;--size-2-p-5-x:20px;--size-12-p-5-x:100px;--size-2-p-75-x:22px;--size-3-p-25-x:26px;--size-4-x:32px;--size-3-p-75-x:30px;--size-2-p-25-x:18px;--size-7-x:56px;--size-1-p-5-x:12px;--size-0-p-75-x:6px;--size-22-p-5-x:180px;--size-40-x:320px;--size-8-x:64px;--size-11-p-5-x:92px;--size-1-p-75-x:14px;--size-5-p-25-x:42px;--size-1-p-25-x:10px;--size-80-x:640px;--size-17-p-5-x:140px;--size-20-x:160px;--size-128-x:1024px;--size-124-x:992px;--size-12-x:96px;--size-35-x:280px;--size-15-x:120px;--size-16-p-25:130px;--size-87-p-5-x:700px;--size-10-x:80px;--size-30-x:240px;--size-25-x:200px;--size-168-x:1344px;--size-60-x:480px;--size-9-x:72px;--size-27-p-5-x:220px;--size-50-x:400px;--size-116-p-25-x:930px;--size-18-p-5-x:148px;--size-100-x:800px;--size-0-x:0px;--size-0-p-125-x:1px;--size-5-p-5-x:44px}:root,:host{--space-1-x:8px;--space-0-p-5-x:4px;--space-0-p-25-x:2px;--space-2-x:16px;--space-1-p-5-x:12px;--space-4-x:32px;--space-3-x:24px;--space-6-x:48px;--space-8-x:64px;--space-9-x:72px;--space-5-x:40px;--space-0-x:0px;--space-10-x:80px;--space-20-x:160px;--space-2-p-5-x:20px;--space-neg-0-p-25-x:-2px;--space-0-p-75-x:6px;--space-1-p-25-x:10px;--space-2-p-75-x:22px;--space-4-p-5-x:36px;--space-7-p-5-x:60px;--space-12-x:96px;--space-1-p-75-x:14px;--space-8-p-5-x:68px;--space-3-p-5-x:28px}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--text-color-brand:var(--color-bild-red-50, #DD0000);--text-color-brand-light-only:var(--color-bild-red-50, #DD0000);--text-color-primary:var(--color-neutral-15, #222628);--text-color-secondary:var(--color-neutral-40, #565A5F);--text-color-tertiary:var(--color-neutral-50, #6E787C);--kicker-text-color:var(--color-bild-red-50, #DD0000);--headline-text-color:var(--color-neutral-15, #222628);--text-color-on-image:var(--color-neutral-100, #FFFFFF);--text-color-secondary-on-dark:var(--color-neutral-90, #DDE1E2);--text-color-primary-on-light:var(--color-neutral-15, #222628);--kicker-text-color-on-dark:var(--color-neutral-100-a-80, rgba(255, 255, 255, 0.8));--kicker-text-color-on-light:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--text-color-primary-on-dark:var(--color-neutral-100, #FFFFFF);--text-color-idle:var(--color-neutral-40, #565A5F);--text-color-disabled:var(--color-neutral-70, #A6ABB0);--text-color-hover:var(--color-neutral-15, #222628);--text-color-active:var(--color-neutral-15, #222628);--text-color-primary-inverse:var(--color-neutral-90, #DDE1E2);--text-color-secondary-inverse:var(--color-neutral-70, #A6ABB0);--text-color-inverse-high-contrast:var(--color-neutral-100, #FFFFFF);--text-color-success:var(--color-green-40, #006E3E);--text-color-error:var(--color-bild-red-40, #C10000);--text-color-warning:var(--color-orange-40, #9E4401);--bg-color-primary:var(--color-neutral-100, #FFFFFF);--bg-color-disabled:var(--color-neutral-95, #F2F4F5);--bg-color-secondary:var(--color-neutral-95, #F2F4F5);--bg-color-primary-const-dark:var(--color-neutral-15, #222628);--bg-color-quaternary:var(--color-neutral-80, #C4C9CF);--bg-color-tertiary:var(--color-neutral-90, #DDE1E2);--bg-color-primary-const-light:var(--color-neutral-100, #FFFFFF);--bg-color-quintenary:var(--color-neutral-60, #8C9196);--bg-color-brand-light-only:var(--color-bild-red-50, #DD0000);--bg-color-brand-solid:var(--color-bild-red-50, #DD0000);--bg-color-brand-solid-hover:var(--color-bild-red-40, #C10000);--bg-color-brand-solid-active:var(--color-bild-red-30, #930000);--bg-color-brand-tint:var(--color-bild-red-90, #FFDADA);--bg-color-brand-tint-hover:var(--color-bild-red-80, #FFB2B2);--bg-color-primary-inverse:var(--color-neutral-15, #222628);--bg-color-tertiary-inverse:var(--color-neutral-25, #343C41);--bg-color-quaternary-inverse:var(--color-neutral-30, #40464D);--bg-color-secondary-inverse:var(--color-neutral-20, #2C3133);--bg-color-quintenary-inverse:var(--color-neutral-60, #8C9196);--bg-color-success-tint:var(--color-green-95, #DEF7E6);--bg-color-success-solid:var(--color-green-50, #158751);--bg-color-success-solid-hover:var(--color-green-40, #006E3E);--bg-color-success-tint-hover:var(--color-green-90, #B9EFCD);--bg-color-success-solid-active:var(--color-green-30, #0D5232);--bg-color-tertiary-gradient-stop:var(--color-neutral-90-a-0, rgba(221, 225, 226, 0));--bg-color-primary-gradient-stop:var(--color-neutral-100-a-0, rgba(255, 255, 255, 0));--bg-color-secondary-gradient-stop:var(--color-neutral-95-a-0, rgba(242, 244, 245, 0));--overlay-scrim-black-const:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--overlay-scrim-white-const:var(--color-neutral-100-a-70, rgba(255, 255, 255, 0.7));--bg-color-error-tint:var(--color-bild-red-95, #FFECEC);--bg-color-error-tint-hover:var(--color-bild-red-90, #FFDADA);--bg-color-error-solid:var(--color-bild-red-40, #C10000);--bg-color-error-solid-hover:var(--color-bild-red-30, #930000);--bg-color-warning-tint:var(--color-orange-95, #FFEDDF);--bg-color-warning-tint-hover:var(--color-orange-90, #FEDBC1);--bg-color-warning-solid:var(--color-orange-70, #FD8227);--bg-color-warning-solid-hover:var(--color-orange-60, #EF6702);--border-color-default:var(--color-neutral-80, #C4C9CF);--border-color-subtle:var(--color-neutral-90, #DDE1E2);--border-color-extra-strong:var(--color-neutral-15, #222628);--border-color-strong:var(--color-neutral-50, #6E787C);--border-color-subtle-on-dark:var(--color-neutral-25, #343C41);--border-color-default-on-dark:var(--color-neutral-40, #565A5F);--border-color-subtle-on-light:var(--color-neutral-90, #DDE1E2);--border-color-default-on-light:var(--color-neutral-80, #C4C9CF);--border-color-success:var(--color-green-40, #006E3E);--border-color-error:var(--color-bild-red-50, #DD0000);--border-color-warning:var(--color-orange-50, #C65502);--border-color-info:var(--color-neutral-60, #8C9196);--border-color-disabled:var(--color-neutral-90, #DDE1E2);--border-color-focus:var(--color-neutral-30, #40464D);--border-color-active:var(--color-bild-red-50, #DD0000);--border-color-idle:var(--color-neutral-60, #8C9196);--border-color-default-inverse:var(--color-neutral-40, #565A5F);--border-color-subtle-inverse:var(--color-neutral-25, #343C41);--border-color-brand:var(--color-bild-red-50, #DD0000);--border-color-brand-light-only:var(--color-bild-red-50, #DD0000);--border-color-brand-const:var(--color-bild-red-50, #DD0000);--border-color-no-contrast:var(--color-neutral-100, #FFFFFF);--icon-color-idle:var(--color-neutral-40, #565A5F);--icon-color-disabled:var(--color-neutral-70, #A6ABB0);--icon-color-hover:var(--color-neutral-15, #222628);--icon-color-active:var(--color-neutral-15, #222628);--icon-color-secondary-on-light:var(--color-neutral-40, #565A5F);--icon-color-primary-on-dark:var(--color-neutral-100, #FFFFFF);--icon-color-secondary-on-dark:var(--color-neutral-90, #DDE1E2);--icon-color-primary-on-light:var(--color-neutral-15, #222628);--icon-color-const-on-image:var(--color-neutral-100, #FFFFFF);--icon-color-success:var(--color-green-40, #006E3E);--icon-color-error:var(--color-bild-red-40, #C10000);--icon-color-warning:var(--color-orange-40, #9E4401);--icon-color-brand:var(--color-bild-red-50, #DD0000);--icon-color-brand-light-only:var(--color-bild-red-50, #DD0000);--icon-color-primary:var(--color-neutral-15, #222628);--icon-color-secondary:var(--color-neutral-40, #565A5F);--icon-color-tertiary:var(--color-neutral-50, #6E787C);--icon-color-primary-inverse:var(--color-neutral-90, #DDE1E2);--icon-color-secondary-inverse:var(--color-neutral-70, #A6ABB0);--icon-color-inverse-high-contrast:var(--color-neutral-100, #FFFFFF);--layer-opacity-05:var(--opacity-05, 0.05);--layer-opacity-10:var(--opacity-10, 0.1);--layer-opacity-20:var(--opacity-20, 0.2);--layer-opacity-30:var(--opacity-30, 0.3);--layer-opacity-40:var(--opacity-40, 0.4);--layer-opacity-50:var(--opacity-50, 0.5);--layer-opacity-60:var(--opacity-60, 0.6);--layer-opacity-70:var(--opacity-70, 0.7);--layer-opacity-80:var(--opacity-80, 0.8);--layer-opacity-90:var(--opacity-90, 0.9);--layer-opacity-100:var(--opacity-100, 1);--layer-opacity-00:var(--opacity-00, 0)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--text-color-brand:var(--color-bild-red-60, #F75849);--text-color-brand-light-only:var(--color-neutral-100, #FFFFFF);--text-color-primary:var(--color-neutral-90, #DDE1E2);--text-color-secondary:var(--color-neutral-70, #A6ABB0);--text-color-tertiary:var(--color-neutral-60, #8C9196);--kicker-text-color:var(--color-neutral-60, #8C9196);--headline-text-color:var(--color-neutral-100, #FFFFFF);--text-color-on-image:var(--color-neutral-100, #FFFFFF);--text-color-secondary-on-dark:var(--color-neutral-90, #DDE1E2);--text-color-primary-on-light:var(--color-neutral-15, #222628);--kicker-text-color-on-dark:var(--color-neutral-100-a-80, rgba(255, 255, 255, 0.8));--kicker-text-color-on-light:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--text-color-primary-on-dark:var(--color-neutral-100, #FFFFFF);--text-color-idle:var(--color-neutral-70, #A6ABB0);--text-color-disabled:var(--color-neutral-40, #565A5F);--text-color-hover:var(--color-neutral-95, #F2F4F5);--text-color-active:var(--color-neutral-95, #F2F4F5);--text-color-primary-inverse:var(--color-neutral-15, #222628);--text-color-secondary-inverse:var(--color-neutral-40, #565A5F);--text-color-inverse-high-contrast:var(--color-neutral-15, #222628);--text-color-success:var(--color-green-70, #00C373);--text-color-error:var(--color-bild-red-70, #FF8989);--text-color-warning:var(--color-orange-70, #FD8227);--bg-color-primary:var(--color-neutral-15, #222628);--bg-color-disabled:var(--color-neutral-20, #2C3133);--bg-color-secondary:var(--color-neutral-20, #2C3133);--bg-color-primary-const-dark:var(--color-neutral-15, #222628);--bg-color-quaternary:var(--color-neutral-30, #40464D);--bg-color-tertiary:var(--color-neutral-25, #343C41);--bg-color-primary-const-light:var(--color-neutral-100, #FFFFFF);--bg-color-quintenary:var(--color-neutral-60, #8C9196);--bg-color-brand-light-only:var(--color-neutral-100, #FFFFFF);--bg-color-brand-solid:var(--color-bild-red-50, #DD0000);--bg-color-brand-solid-hover:var(--color-bild-red-40, #C10000);--bg-color-brand-solid-active:var(--color-bild-red-30, #930000);--bg-color-brand-tint:var(--color-bild-red-20, #680000);--bg-color-brand-tint-hover:var(--color-bild-red-30, #930000);--bg-color-primary-inverse:var(--color-neutral-100, #FFFFFF);--bg-color-tertiary-inverse:var(--color-neutral-90, #DDE1E2);--bg-color-quaternary-inverse:var(--color-neutral-80, #C4C9CF);--bg-color-secondary-inverse:var(--color-neutral-95, #F2F4F5);--bg-color-quintenary-inverse:var(--color-neutral-60, #8C9196);--bg-color-success-tint:var(--color-green-10, #052013);--bg-color-success-solid:var(--color-green-50, #158751);--bg-color-success-solid-hover:var(--color-green-40, #006E3E);--bg-color-success-tint-hover:var(--color-green-20, #093822);--bg-color-success-solid-active:var(--color-green-30, #0D5232);--bg-color-tertiary-gradient-stop:var(--color-neutral-25-a-0, rgba(52, 60, 65, 0));--bg-color-primary-gradient-stop:var(--color-neutral-15-a-0, rgba(34, 38, 40, 0));--bg-color-secondary-gradient-stop:var(--color-neutral-20-a-0, rgba(44, 49, 51, 0));--overlay-scrim-black-const:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--overlay-scrim-white-const:var(--color-neutral-100-a-70, rgba(255, 255, 255, 0.7));--bg-color-error-tint:var(--color-bild-red-10, #410000);--bg-color-error-tint-hover:var(--color-bild-red-20, #680000);--bg-color-error-solid:var(--color-bild-red-40, #C10000);--bg-color-error-solid-hover:var(--color-bild-red-30, #930000);--bg-color-warning-tint:var(--color-orange-10, #2F1400);--bg-color-warning-tint-hover:var(--color-orange-20, #522301);--bg-color-warning-solid:var(--color-orange-70, #FD8227);--bg-color-warning-solid-hover:var(--color-orange-60, #EF6702);--border-color-default:var(--color-neutral-40, #565A5F);--border-color-subtle:var(--color-neutral-25, #343C41);--border-color-extra-strong:var(--color-neutral-100, #FFFFFF);--border-color-strong:var(--color-neutral-50, #6E787C);--border-color-subtle-on-dark:var(--color-neutral-25, #343C41);--border-color-default-on-dark:var(--color-neutral-40, #565A5F);--border-color-subtle-on-light:var(--color-neutral-90, #DDE1E2);--border-color-default-on-light:var(--color-neutral-80, #C4C9CF);--border-color-success:var(--color-green-70, #00C373);--border-color-error:var(--color-bild-red-70, #FF8989);--border-color-warning:var(--color-orange-70, #FD8227);--border-color-info:var(--color-neutral-40, #565A5F);--border-color-disabled:var(--color-neutral-25, #343C41);--border-color-focus:var(--color-neutral-80, #C4C9CF);--border-color-active:var(--color-bild-red-60, #F75849);--border-color-idle:var(--color-neutral-50, #6E787C);--border-color-default-inverse:var(--color-neutral-80, #C4C9CF);--border-color-subtle-inverse:var(--color-neutral-90, #DDE1E2);--border-color-brand:var(--color-bild-red-60, #F75849);--border-color-brand-light-only:var(--color-neutral-100, #FFFFFF);--border-color-brand-const:var(--color-bild-red-50, #DD0000);--border-color-no-contrast:var(--color-neutral-15, #222628);--icon-color-idle:var(--color-neutral-70, #A6ABB0);--icon-color-disabled:var(--color-neutral-40, #565A5F);--icon-color-hover:var(--color-neutral-95, #F2F4F5);--icon-color-active:var(--color-neutral-95, #F2F4F5);--icon-color-secondary-on-light:var(--color-neutral-40, #565A5F);--icon-color-primary-on-dark:var(--color-neutral-100, #FFFFFF);--icon-color-secondary-on-dark:var(--color-neutral-90, #DDE1E2);--icon-color-primary-on-light:var(--color-neutral-15, #222628);--icon-color-const-on-image:var(--color-neutral-100, #FFFFFF);--icon-color-success:var(--color-green-70, #00C373);--icon-color-error:var(--color-bild-red-70, #FF8989);--icon-color-warning:var(--color-orange-70, #FD8227);--icon-color-brand:var(--color-bild-red-60, #F75849);--icon-color-brand-light-only:var(--color-neutral-100, #FFFFFF);--icon-color-primary:var(--color-neutral-90, #DDE1E2);--icon-color-secondary:var(--color-neutral-70, #A6ABB0);--icon-color-tertiary:var(--color-neutral-60, #8C9196);--icon-color-primary-inverse:var(--color-neutral-15, #222628);--icon-color-secondary-inverse:var(--color-neutral-40, #565A5F);--icon-color-inverse-high-contrast:var(--color-neutral-15, #222628);--layer-opacity-05:var(--opacity-05, 0.05);--layer-opacity-10:var(--opacity-10, 0.1);--layer-opacity-20:var(--opacity-20, 0.2);--layer-opacity-30:var(--opacity-30, 0.3);--layer-opacity-40:var(--opacity-40, 0.4);--layer-opacity-50:var(--opacity-50, 0.5);--layer-opacity-60:var(--opacity-60, 0.6);--layer-opacity-70:var(--opacity-70, 0.7);--layer-opacity-80:var(--opacity-80, 0.8);--layer-opacity-90:var(--opacity-90, 0.9);--layer-opacity-100:var(--opacity-100, 1);--layer-opacity-00:var(--opacity-00, 0)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-soft-sm,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-soft-sm{box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-soft-md,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-soft-md{box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-soft-lg,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-soft-lg{box-shadow:0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-soft-xl,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-soft-xl{box-shadow:0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-hard-sm,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-hard-sm{box-shadow:0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-hard-md,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-hard-md{box-shadow:0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-hard-lg,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-hard-lg{box-shadow:0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-hard-xl,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-hard-xl{box-shadow:0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-soft-sm,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-soft-sm{box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-soft-md,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-soft-md{box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-soft-lg,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-soft-lg{box-shadow:0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-soft-xl,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-soft-xl{box-shadow:0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-hard-sm,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-hard-sm{box-shadow:0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-hard-md,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-hard-md{box-shadow:0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-hard-lg,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-hard-lg{box-shadow:0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-hard-xl,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-hard-xl{box-shadow:0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--grid-space-resp-lg:var(--space-3-x, 24px);--grid-space-resp-xl:var(--space-6-x, 48px);--grid-space-resp-base:var(--space-1-p-5-x, 12px);--grid-space-resp-sm:var(--space-0-p-75-x, 6px);--page-inline-space:var(--space-0-x, 0px);--grid-space-const-lg:var(--space-2-x, 16px);--grid-space-const-sm:var(--space-1-p-5-x, 12px);--layout-guide-grid-colums:4;--section-space-base:var(--space-4-p-5-x, 36px);--section-space-lg:var(--space-9-x, 72px);--paragraph-end-space:var(--space-2-x, 16px);--section-space-sm:var(--space-3-x, 24px);--breakpoint-min-width-size:320px;--breakpoint-max-width-size:389px;--canvas-height-size-web:568px;--canvas-width-size-web:320px;--canvas-width-size-app:320px;--canvas-height-size-app:568px;--content-max-width-medium:700px;--content-max-width-full:1024px;--title-1-font-size:22px;--title-2-font-size:16px;--display-1-font-size:40px;--display-2-font-size:36px;--display-3-font-size:28px;--headline-1-font-size:48px;--headline-2-font-size:40px;--headline-3-font-size:28px;--headline-4-font-size:22px;--body-font-size:21px;--label-3-font-size:12px;--label-2-font-size:15px;--label-1-font-size:17px;--callout-1-font-size:18px;--footnote-1-font-size:16px;--footnote-2-font-size:12px;--kicker-1-font-size:18px;--kicker-2-font-size:18px;--kicker-3-font-size:16px;--kicker-4-font-size:14px;--subheadline-1-font-size:24px;--quote-font-size:16px;--body-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--callout-font-family:var(--font-family-gotham, Gotham);--headline-font-family:var(--font-family-gotham-cond, Gotham Condensed);--footnote-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--label-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--kicker-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--subheadline-font-family:var(--font-family-gotham-cond, Gotham Condensed);--title-font-family:var(--font-family-gotham, Gotham);--quote-font-family:var(--font-family-gotham, Gotham);--display-font-family:var(--font-family-gotham, Gotham);--callout-font-weight:var(--font-weight-black, 800);--label-font-weight-bold:var(--font-weight-bold, 700);--label-font-weight-book:var(--font-weight-book, 400);--label-font-weight-bold-st:var(--st-font-weight-bold, 700);--label-font-weight-book-st:var(--st-font-weight-st-book, 400);--body-font-weight-book:var(--font-weight-book, 400);--body-font-weight-bold:var(--font-weight-bold, 700);--kicker-font-weight:var(--font-weight-bold, 700);--kicker-font-weight-st:var(--st-font-weight-bold, 700);--subheadline-font-weight:var(--font-weight-bold, 700);--headline-1-font-weight:var(--font-weight-bold, 700);--headline-2-font-weight:var(--font-weight-bold, 700);--headline-3-font-weight:var(--font-weight-bold, 700);--headline-4-font-weight:var(--font-weight-semi-bold, 600);--headline-1-font-weight-st:var(--st-font-weight-bold, 700);--headline-2-font-weight-st:var(--st-font-weight-bold, 700);--headline-3-font-weight-st:var(--st-font-weight-bold, 700);--headline-4-font-weight-st:var(--st-font-weight-semi-bold, 600);--title-font-weight:var(--font-weight-black, 800);--display-font-weight:var(--font-weight-black, 800);--display-font-weight-st:var(--st-font-weight-black, 800);--quote-font-weight:var(--font-weight-black, 800);--footnote-font-weight-book:var(--font-weight-book, 400);--footnote-font-weight-bold:var(--font-weight-bold, 700);--body-line-height:28px;--kicker-4-line-height:15.4px;--kicker-3-line-height:17.6px;--kicker-2-line-height:19.8px;--kicker-1-line-height:19.8px;--label-3-line-height:14.4px;--label-1-line-height:17px;--label-2-line-height:16px;--display-1-line-height:40px;--display-2-line-height:36px;--display-3-line-height:28px;--title-1-line-height:22px;--title-2-line-height:17.6px;--quote-line-height:16px;--footnote-1-line-height:21px;--footnote-2-line-height:15.6px;--headline-1-line-height:48px;--headline-2-line-height:40px;--headline-3-line-height:28px;--headline-4-line-height:22px;--callout-line-height:18px;--subheadline-1-line-height:24px;--letter-space-positive-sm:var(--letter-space-0-p-5, 0.5px);--letter-space-positive-lg:var(--letter-space-2, 2px);--letter-space-positive-md:var(--letter-space-1, 1px);--letter-space-none:var(--letter-space-0, 0px);--letter-space-negative-sm:var(--letter-space-neg-0-p-5, -0.5px);--letter-space-negative-md:var(--letter-space-neg-1, -1px);--letter-space-negative-lg:var(--letter-space-neg-2, -2px);--letter-space-negative-xs:var(--letter-space-neg-0-p-25, -0.25px);--letter-space-positive-xs:var(--letter-space-0-p-25, 0.25px);--display-1-letter-space:var(--letter-space-neg-0-p-5, -0.5px);--display-2-letter-space:var(--letter-space-neg-0-p-5, -0.5px);--display-3-letter-space:var(--letter-space-neg-0-p-5, -0.5px);--border-radius-xs:var(--size-0-p-25-x, 2px);--border-radius-md:var(--size-1-x, 8px);--border-radius-sm:var(--size-0-p-5-x, 4px);--border-radius-xl:var(--size-3-x, 24px);--border-radius-lg:var(--size-2-x, 16px);--border-radius-none:var(--size-0-x, 0px);--border-radius-full:9999px;--border-width-thin:var(--size-0-p-125-x, 1px);--border-width-thick:var(--size-0-p-25-x, 2px);--border-width-hairline:0.33px;--change-on-lg:xs/sm/md;--change-on-md:xs/sm;--bp-specific-web:xs/sm;--bp-specific-app:compact;--inline-space-resp-sm:var(--space-1-x, 8px);--inline-space-resp-md:var(--space-1-p-5-x, 12px);--inline-space-resp-lg:var(--space-2-x, 16px);--inline-space-resp-2-xl:var(--space-4-x, 32px);--inline-space-resp-xl:var(--space-3-x, 24px);--inline-space-const-sm:var(--space-1-x, 8px);--inline-space-const-md:var(--space-1-p-5-x, 12px);--inline-space-const-lg:var(--space-2-x, 16px);--inline-space-const-2-xl:var(--space-4-x, 32px);--inline-space-const-xl:var(--space-3-x, 24px);--inline-space-const-xs:var(--space-0-p-75-x, 6px);--inline-space-const-3-xs:var(--space-0-p-25-x, 2px);--inline-space-const-2-xs:var(--space-0-p-5-x, 4px);--stack-space-resp-md:var(--density-xs-stack-space-resp-md);--stack-space-resp-lg:var(--density-xs-stack-space-resp-lg);--stack-space-resp-2-xl:var(--density-xs-stack-space-resp-2-xl);--stack-space-resp-sm:var(--density-xs-stack-space-resp-sm);--stack-space-resp-xl:var(--density-xs-stack-space-resp-xl);--stack-space-const-sm:var(--density-stack-space-const-sm);--stack-space-const-md:var(--density-stack-space-const-md);--stack-space-const-lg:var(--density-stack-space-const-lg);--stack-space-const-2-xl:var(--density-stack-space-const-2-xl);--stack-space-const-xl:var(--density-stack-space-const-xl);--stack-space-const-xs:var(--density-stack-space-const-xs);--stack-space-const-3-xs:var(--density-stack-space-const-3-xs);--stack-space-const-2-xs:var(--density-stack-space-const-2-xs);--gap-space-resp-xs:var(--space-0-p-5-x, 4px);--gap-space-resp-lg:var(--space-2-x, 16px);--gap-space-resp-xl:var(--space-3-x, 24px);--gap-space-resp-2-xl:var(--space-4-x, 32px);--gap-space-resp-md:var(--space-1-p-5-x, 12px);--gap-space-resp-sm:var(--space-1-x, 8px);--gap-space-resp-2-xs:var(--space-0-p-25-x, 2px);--gap-space-resp-3-xl:var(--space-6-x, 48px);--gap-space-const-2-xs:var(--space-0-p-25-x, 2px);--gap-space-const-xs:var(--space-0-p-5-x, 4px);--gap-space-const-sm:var(--space-1-x, 8px);--gap-space-const-md:var(--space-1-p-5-x, 12px);--gap-space-const-lg:var(--space-2-x, 16px);--gap-space-const-xl:var(--space-3-x, 24px);--gap-space-const-2-xl:var(--space-4-x, 32px);--gap-space-const-3-xl:var(--space-6-x, 48px);--size-const-3-xs:var(--size-2-x, 16px);--size-const-2-xs:var(--size-3-x, 24px);--size-const-xs:var(--size-4-x, 32px);--size-const-sm:var(--size-5-x, 40px);--size-const-md:var(--size-6-x, 48px);--size-const-lg:var(--size-7-x, 56px);--size-const-xl:var(--size-8-x, 64px);--size-const-3-xl:var(--size-12-x, 96px);--size-const-4-xl:var(--size-18-p-5-x, 148px);--size-const-2-xl:var(--size-9-x, 72px);--size-const-4-xs:var(--size-1-x, 8px);--size-resp-3-xs:var(--size-2-x, 16px);--size-resp-2-xs:var(--size-3-x, 24px);--size-resp-xs:var(--size-4-x, 32px);--size-resp-sm:var(--size-5-x, 40px);--size-resp-md:var(--size-6-x, 48px);--size-resp-lg:var(--size-7-x, 56px);--size-resp-xl:var(--size-8-x, 64px);--size-resp-2-xl:var(--size-9-x, 72px);--size-resp-3-xl:var(--size-12-x, 96px);--size-resp-4-xl:var(--size-18-p-5-x, 148px);--size-resp-4-xs:var(--size-1-p-5-x, 12px);--breakpoint-name:xs}@media (min-width: 390px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--breakpoint-min-width-size:390px;--breakpoint-max-width-size:599px;--canvas-height-size-web:844px;--canvas-width-size-web:390px;--canvas-width-size-app:390px;--canvas-height-size-app:844px;--stack-space-resp-md:var(--density-sm-stack-space-resp-md);--stack-space-resp-lg:var(--density-sm-stack-space-resp-lg);--stack-space-resp-2-xl:var(--density-sm-stack-space-resp-2-xl);--stack-space-resp-sm:var(--density-sm-stack-space-resp-sm);--stack-space-resp-xl:var(--density-sm-stack-space-resp-xl);--breakpoint-name:sm}}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--grid-space-resp-lg:var(--space-4-x, 32px);--grid-space-resp-xl:var(--space-8-x, 64px);--layout-guide-grid-colums:8;--section-space-base:var(--space-6-x, 48px);--section-space-lg:var(--space-12-x, 96px);--paragraph-end-space:var(--space-4-x, 32px);--section-space-sm:var(--space-4-p-5-x, 36px);--breakpoint-min-width-size:600px;--breakpoint-max-width-size:1023px;--canvas-height-size-web:960px;--canvas-width-size-web:600px;--canvas-width-size-app:834px;--canvas-height-size-app:1194px;--title-2-font-size:18px;--display-1-font-size:72px;--display-2-font-size:42px;--display-3-font-size:32px;--headline-1-font-size:72px;--headline-2-font-size:48px;--headline-3-font-size:36px;--headline-4-font-size:26px;--callout-1-font-size:22px;--kicker-1-font-size:22px;--kicker-2-font-size:22px;--kicker-3-font-size:18px;--kicker-4-font-size:16px;--subheadline-1-font-size:32px;--quote-font-size:18px;--kicker-4-line-height:17.6px;--kicker-3-line-height:18px;--kicker-2-line-height:22px;--kicker-1-line-height:22px;--display-1-line-height:72px;--display-2-line-height:42px;--display-3-line-height:32px;--title-2-line-height:19.8px;--quote-line-height:18px;--footnote-2-line-height:15.8px;--headline-1-line-height:72px;--headline-2-line-height:48px;--headline-3-line-height:36px;--callout-line-height:22px;--subheadline-1-line-height:32px;--letter-space-negative-sm:var(--letter-space-neg-0-p-25, -0.25px);--display-1-letter-space:var(--letter-space-neg-1, -1px);--display-2-letter-space:var(--letter-space-neg-1, -1px);--display-3-letter-space:var(--letter-space-neg-1, -1px);--change-on-md:md/lg;--bp-specific-web:md;--bp-specific-app:regular;--inline-space-resp-sm:var(--space-1-p-5-x, 12px);--inline-space-resp-md:var(--space-2-x, 16px);--inline-space-resp-lg:var(--space-3-x, 24px);--inline-space-resp-2-xl:var(--space-6-x, 48px);--inline-space-resp-xl:var(--space-4-x, 32px);--stack-space-resp-md:var(--density-md-stack-space-resp-md);--stack-space-resp-lg:var(--density-md-stack-space-resp-lg);--stack-space-resp-sm:var(--density-md-stack-space-resp-sm);--stack-space-resp-xl:var(--density-md-stack-space-resp-xl);--gap-space-resp-xs:var(--space-0-p-75-x, 6px);--gap-space-resp-lg:var(--space-3-x, 24px);--gap-space-resp-xl:var(--space-4-x, 32px);--gap-space-resp-2-xl:var(--space-6-x, 48px);--gap-space-resp-md:var(--space-2-x, 16px);--gap-space-resp-sm:var(--space-1-p-5-x, 12px);--gap-space-resp-2-xs:var(--space-0-p-5-x, 4px);--gap-space-resp-3-xl:var(--space-9-x, 72px);--size-resp-2-xs:var(--size-4-x, 32px);--size-resp-xs:var(--size-5-x, 40px);--size-resp-sm:var(--size-6-x, 48px);--size-resp-md:var(--size-8-x, 64px);--size-resp-lg:var(--size-9-x, 72px);--size-resp-xl:var(--size-10-x, 80px);--size-resp-2-xl:var(--size-11-p-5-x, 92px);--size-resp-3-xl:var(--size-15-x, 120px);--size-resp-4-xl:var(--size-20-x, 160px);--size-resp-4-xs:var(--size-1-p-75-x, 14px);--breakpoint-name:md}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--grid-space-resp-base:var(--space-2-x, 16px);--grid-space-resp-sm:var(--space-1-x, 8px);--page-inline-space:var(--space-2-x, 16px);--layout-guide-grid-colums:12;--breakpoint-min-width-size:1024px;--breakpoint-max-width-size:1024px;--canvas-height-size-web:768px;--canvas-width-size-web:1024px;--canvas-width-size-app:1194px;--canvas-height-size-app:834px;--title-1-font-size:28px;--title-2-font-size:20px;--display-1-font-size:120px;--display-2-font-size:64px;--display-3-font-size:40px;--headline-1-font-size:100px;--headline-2-font-size:64px;--headline-3-font-size:40px;--headline-4-font-size:32px;--footnote-1-font-size:18px;--footnote-2-font-size:16px;--kicker-1-font-size:30px;--kicker-2-font-size:24px;--kicker-3-font-size:20px;--subheadline-1-font-size:36px;--quote-font-size:20px;--body-line-height:32px;--kicker-4-line-height:16px;--kicker-3-line-height:20px;--kicker-2-line-height:24px;--kicker-1-line-height:30px;--display-1-line-height:120px;--display-2-line-height:64px;--display-3-line-height:40px;--title-1-line-height:28px;--title-2-line-height:22px;--quote-line-height:22px;--footnote-1-line-height:23px;--footnote-2-line-height:21px;--headline-1-line-height:100px;--headline-2-line-height:64px;--headline-3-line-height:40px;--headline-4-line-height:30px;--subheadline-1-line-height:36px;--letter-space-positive-lg:var(--letter-space-3, 3px);--letter-space-negative-lg:var(--letter-space-neg-3, -3px);--display-1-letter-space:var(--letter-space-neg-2, -2px);--change-on-lg:lg;--bp-specific-web:lg;--inline-space-resp-sm:var(--space-2-x, 16px);--inline-space-resp-md:var(--space-3-x, 24px);--inline-space-resp-lg:var(--space-4-x, 32px);--inline-space-resp-2-xl:var(--space-8-x, 64px);--inline-space-resp-xl:var(--space-5-x, 40px);--stack-space-resp-md:var(--density-lg-stack-space-resp-md);--stack-space-resp-lg:var(--density-lg-stack-space-resp-lg);--stack-space-resp-2-xl:var(--density-lg-stack-space-resp-2-xl);--stack-space-resp-sm:var(--density-lg-stack-space-resp-sm);--stack-space-resp-xl:var(--density-lg-stack-space-resp-xl);--gap-space-resp-xs:var(--space-1-x, 8px);--gap-space-resp-lg:var(--space-4-x, 32px);--gap-space-resp-xl:var(--space-6-x, 48px);--gap-space-resp-2-xl:var(--space-8-x, 64px);--gap-space-resp-md:var(--space-3-x, 24px);--gap-space-resp-sm:var(--space-2-x, 16px);--gap-space-resp-2-xs:var(--space-0-p-75-x, 6px);--gap-space-resp-3-xl:var(--space-12-x, 96px);--size-resp-3-xs:var(--size-3-x, 24px);--size-resp-xs:var(--size-6-x, 48px);--size-resp-sm:var(--size-7-x, 56px);--size-resp-md:var(--size-9-x, 72px);--size-resp-lg:var(--size-11-p-5-x, 92px);--size-resp-xl:var(--size-12-x, 96px);--size-resp-2-xl:var(--size-12-p-5-x, 100px);--size-resp-3-xl:var(--size-18-p-5-x, 148px);--size-resp-4-xl:var(--size-22-p-5-x, 180px);--size-resp-4-xs:var(--size-2-x, 16px);--breakpoint-name:lg}}[data-content-brand=\"bild\"] .display-1,:host([data-content-brand=\"bild\"]) .display-1{font-family:var(--display-font-family);font-weight:900;font-size:var(--display-1-font-size);line-height:var(--display-1-line-height);letter-spacing:var(--display-1-letter-space)}[data-content-brand=\"bild\"] .headline-1,:host([data-content-brand=\"bild\"]) .headline-1{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-1-font-size);line-height:var(--headline-1-line-height)}[data-content-brand=\"bild\"] .subheadline-1,:host([data-content-brand=\"bild\"]) .subheadline-1{font-family:var(--subheadline-font-family);font-weight:var(--subheadline-font-weight);font-size:var(--subheadline-1-font-size);line-height:var(--subheadline-1-line-height)}[data-content-brand=\"bild\"] .kicker-1,:host([data-content-brand=\"bild\"]) .kicker-1{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-1-font-size);line-height:var(--kicker-1-line-height)}[data-content-brand=\"bild\"] .title-1,:host([data-content-brand=\"bild\"]) .title-1{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--title-1-font-size);line-height:var(--title-1-line-height)}[data-content-brand=\"bild\"] .callout,:host([data-content-brand=\"bild\"]) .callout{font-family:var(--callout-font-family);font-weight:var(--callout-font-weight);font-size:var(--callout-1-font-size);line-height:var(--callout-line-height)}[data-content-brand=\"bild\"] .body,:host([data-content-brand=\"bild\"]) .body{font-family:var(--body-font-family);font-weight:var(--body-font-weight-book);font-size:var(--body-font-size);line-height:var(--body-line-height)}[data-content-brand=\"bild\"] .text-link,:host([data-content-brand=\"bild\"]) .text-link{font-family:var(--body-font-family);font-weight:var(--body-font-weight-book);font-size:var(--body-font-size);line-height:var(--body-line-height);text-decoration:underline}[data-content-brand=\"bild\"] .footnote-1,:host([data-content-brand=\"bild\"]) .footnote-1{font-family:var(--footnote-font-family);font-weight:var(--font-weight-book, 400);font-size:var(--footnote-1-font-size);line-height:var(--footnote-1-line-height)}[data-content-brand=\"bild\"] .label-1,:host([data-content-brand=\"bild\"]) .label-1{font-family:var(--label-font-family);font-weight:400;font-size:var(--label-1-font-size);line-height:var(--label-1-line-height);letter-spacing:var(--letter-space-0-p-25, 0.25px)}[data-content-brand=\"bild\"] .quote,:host([data-content-brand=\"bild\"]) .quote{font-family:var(--quote-font-family);font-weight:var(--quote-font-weight);font-size:var(--quote-font-size);line-height:var(--quote-line-height)}[data-content-brand=\"bild\"][data-density=\"default\"],:host([data-content-brand=\"bild\"][data-density=\"default\"]){--density-stack-space-const-3-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-2-xs:var(--space-0-p-5-x, 4px);--density-stack-space-const-xs:var(--space-0-p-75-x, 6px);--density-stack-space-const-sm:var(--space-1-x, 8px);--density-stack-space-const-md:var(--space-1-p-5-x, 12px);--density-stack-space-const-lg:var(--space-2-x, 16px);--density-stack-space-const-xl:var(--space-3-x, 24px);--density-stack-space-const-2-xl:var(--space-4-x, 32px);--density-xs-stack-space-resp-sm:var(--space-1-x, 8px);--density-xs-stack-space-resp-md:var(--space-1-p-5-x, 12px);--density-xs-stack-space-resp-lg:var(--space-2-x, 16px);--density-xs-stack-space-resp-xl:var(--space-3-x, 24px);--density-xs-stack-space-resp-2-xl:var(--space-4-x, 32px);--density-sm-stack-space-resp-sm:var(--space-1-x, 8px);--density-sm-stack-space-resp-md:var(--space-1-p-5-x, 12px);--density-sm-stack-space-resp-lg:var(--space-2-x, 16px);--density-sm-stack-space-resp-xl:var(--space-3-x, 24px);--density-sm-stack-space-resp-2-xl:var(--space-4-x, 32px);--density-md-stack-space-resp-sm:12px;--density-md-stack-space-resp-md:16px;--density-md-stack-space-resp-lg:24px;--density-md-stack-space-resp-xl:32px;--density-md-stack-space-resp-2-xl:48px;--density-lg-stack-space-resp-sm:16px;--density-lg-stack-space-resp-md:24px;--density-lg-stack-space-resp-lg:32px;--density-lg-stack-space-resp-xl:40px;--density-lg-stack-space-resp-2-xl:64px}[data-content-brand=\"bild\"][data-density=\"dense\"],:host([data-content-brand=\"bild\"][data-density=\"dense\"]){--density-stack-space-const-3-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-2-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-sm:var(--space-0-p-75-x, 6px);--density-stack-space-const-md:var(--space-1-x, 8px);--density-stack-space-const-lg:var(--space-1-p-5-x, 12px);--density-stack-space-const-xl:var(--space-2-x, 16px);--density-stack-space-const-2-xl:var(--space-3-x, 24px);--density-xs-stack-space-resp-sm:var(--space-0-p-75-x, 6px);--density-xs-stack-space-resp-md:var(--space-1-x, 8px);--density-xs-stack-space-resp-lg:var(--space-1-p-5-x, 12px);--density-xs-stack-space-resp-xl:var(--space-2-x, 16px);--density-xs-stack-space-resp-2-xl:var(--space-3-x, 24px);--density-sm-stack-space-resp-sm:var(--space-0-p-75-x, 6px);--density-sm-stack-space-resp-md:var(--space-1-x, 8px);--density-sm-stack-space-resp-lg:var(--space-1-p-5-x, 12px);--density-sm-stack-space-resp-xl:var(--space-2-x, 16px);--density-sm-stack-space-resp-2-xl:var(--space-3-x, 24px);--density-md-stack-space-resp-sm:8px;--density-md-stack-space-resp-md:12px;--density-md-stack-space-resp-lg:16px;--density-md-stack-space-resp-xl:24px;--density-md-stack-space-resp-2-xl:36px;--density-lg-stack-space-resp-sm:12px;--density-lg-stack-space-resp-md:16px;--density-lg-stack-space-resp-lg:24px;--density-lg-stack-space-resp-xl:28px;--density-lg-stack-space-resp-2-xl:48px}[data-content-brand=\"bild\"][data-density=\"spacious\"],:host([data-content-brand=\"bild\"][data-density=\"spacious\"]){--density-stack-space-const-3-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-2-xs:var(--space-0-p-5-x, 4px);--density-stack-space-const-xs:var(--space-1-x, 8px);--density-stack-space-const-sm:var(--space-1-p-25-x, 10px);--density-stack-space-const-md:var(--space-1-p-75-x, 14px);--density-stack-space-const-lg:var(--space-2-p-5-x, 20px);--density-stack-space-const-xl:var(--space-3-p-5-x, 28px);--density-stack-space-const-2-xl:var(--space-5-x, 40px);--density-xs-stack-space-resp-sm:var(--space-1-p-25-x, 10px);--density-xs-stack-space-resp-md:var(--space-1-p-75-x, 14px);--density-xs-stack-space-resp-lg:var(--space-2-p-5-x, 20px);--density-xs-stack-space-resp-xl:var(--space-3-p-5-x, 28px);--density-xs-stack-space-resp-2-xl:var(--space-5-x, 40px);--density-sm-stack-space-resp-sm:var(--space-1-p-25-x, 10px);--density-sm-stack-space-resp-md:var(--space-1-p-75-x, 14px);--density-sm-stack-space-resp-lg:var(--space-2-p-5-x, 20px);--density-sm-stack-space-resp-xl:var(--space-3-p-5-x, 28px);--density-sm-stack-space-resp-2-xl:var(--space-5-x, 40px);--density-md-stack-space-resp-sm:14px;--density-md-stack-space-resp-md:20px;--density-md-stack-space-resp-lg:28px;--density-md-stack-space-resp-xl:40px;--density-md-stack-space-resp-2-xl:60px;--density-lg-stack-space-resp-sm:20px;--density-lg-stack-space-resp-md:28px;--density-lg-stack-space-resp-lg:40px;--density-lg-stack-space-resp-xl:48px;--density-lg-stack-space-resp-2-xl:80px}[data-content-brand=\"bild\"] .accordion-label,:host([data-content-brand=\"bild\"]) .accordion-label{font-family:var(--label-font-family);font-weight:var(--label-font-weight-bold);font-size:var(--label-1-font-size);line-height:var(--label-1-line-height)}[data-content-brand=\"bild\"] .article-kicker,:host([data-content-brand=\"bild\"]) .article-kicker{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-1-font-size);line-height:var(--kicker-1-line-height)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--aricle-mobile-1-col-grid-image-margin-space:var(--space-0-x, 0px);--article-top-margin-space:var(--stack-space-resp-sm);--article-content-stack-space:var(--stack-space-resp-lg);--article-headings-stack-space:var(--space-1-p-5-x, 12px);--article-image-landscape-inline-space:var(--space-0-x, 0px);--article-content-inline-space:var(--space-2-x, 16px);--article-headings-inline-space:var(--space-2-x, 16px);--article-image-portait-inline-space:var(--space-0-x, 0px);--article-image-container-stack-space:var(--stack-space-resp-sm);--article-infobox-inline-space:var(--inline-space-resp-lg);--article-infobox-stack-space:var(--stack-space-resp-lg);--article-kicker-font-size:var(--kicker-1-font-size);--article-headline-font-size:var(--headline-2-font-size);--article-image-caption-font-size:16px;--article-image-source-font-size:16px;--article-meta-font-size:12px;--article-image-caption-line-height:19.5px;--article-image-source-line-height:21px;--article-meta-font-family:var(--font-family-gotham, Gotham)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--aricle-mobile-1-col-grid-image-margin-space:var(--space-9-x, 72px);--article-image-landscape-inline-space:var(--space-1-p-5-x, 12px);--article-content-inline-space:var(--space-9-x, 72px);--article-headings-inline-space:var(--space-9-x, 72px);--article-image-portait-inline-space:var(--space-9-x, 72px);--article-headline-font-size:var(--headline-1-font-size);--article-image-caption-font-size:18px;--article-meta-font-size:14px;--article-image-caption-line-height:24.75px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--article-headings-stack-space:var(--space-2-x, 16px);--article-image-landscape-inline-space:var(--space-2-x, 16px);--article-content-inline-space:162px;--article-headings-inline-space:var(--space-2-x, 16px);--article-image-portait-inline-space:162px;--article-image-source-font-size:18px;--article-meta-font-size:16px;--article-image-source-line-height:23px}}[data-content-brand=\"bild\"] .audio-player-label,:host([data-content-brand=\"bild\"]) .audio-player-label{font-family:var(--label-font-family);font-weight:var(--label-font-weight-bold);font-size:16px;line-height:16px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--audio-player-font-size:16px}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--audio-player-font-size:18px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--avatar-label-color-hover:var(--text-color-hover)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--avatar-label-color-hover:var(--icon-color-hover)}[data-content-brand=\"bild\"] .app-avatar,:host([data-content-brand=\"bild\"]) .app-avatar{font-family:var(--font-family-gotham, Gotham);font-weight:var(--font-weight-black, 800);font-size:12px;text-transform:uppercase}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--avatar-label-font-size:16px;--avatar-article-size:var(--size-const-md);--avatar-author-page-size:var(--size-12-x, 96px);--avatar-font-family:var(--body-font-family);--avatar-label-line-height:21px;--avatar-lane-gap-space:var(--space-2-x, 16px);--app-avatar-font-family:var(--title-font-family)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--avatar-author-page-size:var(--size-16-p-25, 130px);--avatar-lane-gap-space:var(--space-3-x, 24px)}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--avatar-label-font-size:18px;--avatar-label-line-height:23px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--avatar-label-color:var(--text-color-primary)}[data-content-brand=\"bild\"] .video-ad-badge,:host([data-content-brand=\"bild\"]) .video-ad-badge{font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);font-weight:var(--font-weight-book, 400);font-size:14px;text-transform:uppercase}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--badges-inner-stack-space:var(--stack-space-const-3-xs);--badges-inner-inline-space:var(--inline-space-const-2-xs);--ad-label-badge-height-size:30px}[data-content-brand=\"bild\"] .breadcrumb,:host([data-content-brand=\"bild\"]) .breadcrumb{font-family:var(--body-font-family);font-weight:var(--body-font-weight-bold);font-size:var(--breadcrumb-font-size);line-height:var(--breadcrumb-line-height)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--breadcrumb-font-size:15px;--breadcrumb-font-family:var(--body-font-family);--breadcrumb-arrow-left-inline-space-1:3px;--breadcrumb-arrow-right-inline-space-2:5px;--breadcrumb-inline-space:var(--grid-space-resp-base);--breadcrumb-line-height:15px;--breadcrumb-font-weight:var(--body-font-weight-bold);--breadcrumb-stack-space:14px}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--breadcrumb-font-size:12px;--breadcrumb-inline-space:0px;--breadcrumb-line-height:12px;--breadcrumb-stack-space:16px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--breadcrumb-text-color-idle:var(--text-color-idle);--breadcrumb-text-color-hover:var(--text-color-hover)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--breaking-news-title-surface-color:var(--color-orange-70, #FD8227);--breaking-news-surface-color:var(--color-neutral-15, #222628);--breaking-news-text-content-color:var(--color-neutral-100, #FFFFFF);--breaking-news-top-title-text-color:var(--color-neutral-10, #191B1C);--breaking-news-bottom-title-text-color:var(--color-neutral-10, #191B1C)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--breaking-news-title-surface-color:var(--color-orange-70, #FD8227);--breaking-news-surface-color:var(--color-neutral-90, #DDE1E2);--breaking-news-text-content-color:var(--color-neutral-15, #222628);--breaking-news-top-title-text-color:var(--color-neutral-10, #191B1C);--breaking-news-bottom-title-text-color:var(--color-neutral-10, #191B1C)}[data-content-brand=\"bild\"] .breaking-news-text,:host([data-content-brand=\"bild\"]) .breaking-news-text{font-family:var(--kicker-font-family);font-weight:var(--body-font-weight-bold);font-size:21px;line-height:24px;text-transform:uppercase}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--breaking-news-container-height-size:var(--size-const-lg);--breaking-news-badge-upper-title-font-size:13px;--breaking-news-badge-lower-title-font-size:23px;--breaking-news-badge-upper-title-line-height:13px;--breaking-news-badge-lower-title-line-height:21px;--breaking-news-badge-titels-stack-space:var(--space-0-x, 0px);--breaking-news-scrolling-text-font-size:21px;--breaking-news-scrolling-text-line-height:24px;--breaking-news-badge-inline-space:var(--size-0-p-75-x, 6px)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--breaking-news-badge-upper-title-font-size:17px;--breaking-news-badge-lower-title-font-size:30px;--breaking-news-badge-upper-title-line-height:12px;--breaking-news-badge-titels-stack-space:var(--space-0-p-5-x, 4px);--breaking-news-badge-inline-space:var(--size-1-p-5-x, 12px)}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--breaking-news-badge-inline-space:var(--size-3-p-25-x, 26px)}}[data-content-brand=\"bild\"][data-density=\"default\"],:host([data-content-brand=\"bild\"][data-density=\"default\"]){--density-button-content-gap-space:var(--space-1-x, 8px);--density-button-stack-space:var(--space-1-x, 8px);--density-button-label-font-size:17px;--density-button-inline-space:var(--space-2-p-5-x, 20px);--density-button-height-size:var(--size-5-x, 40px)}[data-content-brand=\"bild\"][data-density=\"dense\"],:host([data-content-brand=\"bild\"][data-density=\"dense\"]){--density-button-content-gap-space:var(--space-0-p-75-x, 6px);--density-button-stack-space:var(--space-0-p-75-x, 6px);--density-button-label-font-size:15px;--density-button-inline-space:var(--space-2-x, 16px);--density-button-height-size:var(--size-4-p-5-x, 36px)}[data-content-brand=\"bild\"][data-density=\"spacious\"],:host([data-content-brand=\"bild\"][data-density=\"spacious\"]){--density-button-content-gap-space:var(--space-1-x, 8px);--density-button-stack-space:var(--space-1-p-5-x, 12px);--density-button-label-font-size:19px;--density-button-inline-space:var(--space-3-x, 24px);--density-button-height-size:var(--size-6-x, 48px)}[data-content-brand=\"bild\"] .button-label,:host([data-content-brand=\"bild\"]) .button-label{font-family:var(--label-font-family);font-weight:700;font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-positive-sm);text-transform:uppercase}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--button-label-font-size:var(--density-button-label-font-size);--button-inline-space:var(--density-button-inline-space);--partner-link-button-label-font-size:16px;--partner-link-button-label-height-size:var(--size-6-x, 48px);--button-border-width-size:var(--border-width-thick);--button-content-min-height-size:var(--size-const-2-xs);--partner-link-button-inline-space:var(--inline-space-const-sm);--button-label-line-height:var(--density-button-label-font-size);--button-content-gap-space:var(--density-button-content-gap-space);--button-stack-space:var(--density-button-stack-space);--button-border-radius:var(--border-radius-md);--button-label-font-family:var(--label-font-family);--button-height-size:var(--density-button-height-size)}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--partner-link-button-label-font-size:18px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--button-primary-brand-bg-color-idle:var(--bg-color-brand-solid);--button-primary-brand-bg-color-hover:var(--bg-color-brand-solid-hover);--button-primary-brand-label-color:var(--text-color-primary-on-dark);--button-primary-brand-bg-color-active:var(--bg-color-brand-solid-active);--button-tertiary-neutral-label-color:var(--text-color-active);--button-tertiary-neutral-border-color-idle:var(--border-color-idle);--button-tertiary-neutral-border-color-hover:var(--border-color-focus);--button-tertiary-neutral-bg-color-hover:var(--bg-color-secondary);--button-tertiary-neutral-bg-color-active:var(--bg-color-tertiary);--button-secondary-bg-color-hover:var(--bg-color-quaternary);--button-secondary-label-color:var(--text-color-active);--button-secondary-bg-color-idle:var(--bg-color-tertiary);--button-secondary-bg-color-active:var(--bg-color-quaternary);--button-primary-success-bg-color-idle:var(--bg-color-success-solid);--button-primary-success-bg-color-hover:var(--bg-color-success-solid-hover);--button-primary-success-bg-color-active:var(--bg-color-success-solid-active);--button-primary-success-label-color:var(--text-color-primary-on-dark);--button-tertiary-success-bg-color-hover:var(--bg-color-success-tint-hover);--button-tertiary-success-border-color:var(--border-color-success);--button-tertiary-success-label-color:var(--text-color-success);--button-primary-neutral-bg-color-idle:var(--bg-color-primary-inverse);--button-primary-neutral-bg-color-hover:var(--bg-color-tertiary-inverse);--button-primary-neutral-label-color:var(--text-color-inverse-high-contrast);--button-primary-neutral-bg-color-active:var(--bg-color-quaternary-inverse);--button-ghost-bg-color-hover:var(--bg-color-tertiary);--button-ghost-label-color:var(--text-color-active);--button-ghost-bg-color-active:var(--bg-color-quaternary);--button-disabled-label-color:var(--text-color-disabled);--button-disabled-bg-color:var(--bg-color-disabled);--button-disabled-border-color:var(--border-color-disabled)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--card-surface-bg-color:var(--bg-color-primary)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--card-surface-bg-color:var(--bg-color-secondary)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--search-result-card-image-width-size:216px;--search-result-card-image-height-size-stacked:189px;--newsticker-image-card-width-size:206px}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--search-result-card-image-width-size:260px}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--gallery-teaser-title-bottom-space:var(--space-3-p-5-x, 28px);--gallery-teaser-app-gap-space:var(--space-0-x, 0px);--app-epaper-carousel-item-focus-width:182px;--app-epaper-carousel-item-default-width:144px;--app-epaper-carouse-beilage-item-width:110px;--standard-teaser-gallery-teaser-width-web:145px;--standard-teaser-gallery-teaser-width-app:280px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--gallery-teaser-title-bottom-space:var(--space-4-p-5-x, 36px);--gallery-teaser-app-gap-space:var(--gap-space-const-sm);--app-epaper-carousel-item-focus-width:240px;--app-epaper-carousel-item-default-width:172px;--app-epaper-carouse-beilage-item-width:172px;--standard-teaser-gallery-teaser-width-web:260px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--standard-teaser-gallery-teaser-width-web:300px;--standard-teaser-gallery-teaser-width-app:464px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--chip-bg-color-hover:var(--bg-color-brand-solid-hover);--chip-label-color-hover:var(--text-color-primary-on-dark)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--chip-bg-color-hover:var(--bg-color-tertiary-inverse);--chip-label-color-hover:var(--text-color-primary-on-light)}[data-content-brand=\"bild\"] .chip-label,:host([data-content-brand=\"bild\"]) .chip-label{font-family:var(--footnote-font-family);font-weight:var(--label-font-weight-bold);font-size:var(--size-2-x, 16px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--chip-font-size:var(--size-2-x, 16px);--chip-inline-space:var(--inline-space-const-md);--chip-stack-space:var(--stack-space-const-sm)}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--chip-font-size:var(--size-2-p-25-x, 18px)}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--chip-bg-color-active:var(--bg-color-brand-light-only);--chip-bg-color-idle:var(--bg-color-tertiary);--chip-label-color-idle:var(--text-color-idle);--chip-label-color-active:var(--text-color-inverse-high-contrast)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--datepicker-item-day-width-size:var(--size-5-p-5-x, 44px);--datepicker-item-height-size:var(--size-5-p-5-x, 44px);--datepicker-item-year-width-size:77px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--mobile-menu-drawer-stack-space:20px;--mobile-menu-drawer-left-inline-space:20px;--mobile-menu-drawer-right-inline-space:16px;--mobile-menu-drawer-max-width-size:400px}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--dropdown-bg-color-hover:var(--bg-color-secondary);--dropdown-bg-color-idle:var(--bg-color-primary)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--dropdown-bg-color-hover:var(--bg-color-quaternary);--dropdown-bg-color-idle:var(--bg-color-tertiary)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--drop-down-border-radius:var(--border-radius-sm);--drop-down-item-stack-space:var(--space-1-x, 8px);--drop-down-item-inline-space:var(--grid-space-resp-base)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--empties-bg-color:var(--bg-color-secondary);--empties-logo-color:var(--bg-color-quaternary)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--empties-bg-color:var(--bg-color-tertiary);--empties-logo-color:var(--bg-color-secondary)}[data-content-brand=\"bild\"] .footer-link,:host([data-content-brand=\"bild\"]) .footer-link{font-family:var(--body-font-family);font-weight:var(--label-font-weight-bold);font-size:11px;line-height:14px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--footer-font-size:11px;--footer-line-height:14px;--footer-font-family:var(--body-font-family)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--app-image-lightbox-gallery-bg-color:var(--color-neutral-0, #000000)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--app-image-lightbox-gallery-bg-color:var(--color-neutral-0, #000000)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--icon-size:var(--size-const-2-xs);--icon-size-embedd-media:40px}[data-content-brand=\"bild\"][data-density=\"default\"],:host([data-content-brand=\"bild\"][data-density=\"default\"]){--density-icon-button-size:var(--size-6-x, 48px)}[data-content-brand=\"bild\"][data-density=\"dense\"],:host([data-content-brand=\"bild\"][data-density=\"dense\"]){--density-icon-button-size:var(--size-5-x, 40px)}[data-content-brand=\"bild\"][data-density=\"spacious\"],:host([data-content-brand=\"bild\"][data-density=\"spacious\"]){--density-icon-button-size:var(--size-7-x, 56px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--icon-button-size:var(--density-icon-button-size);--icon-button-border-radius:var(--border-radius-md)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--info-element-teaser-badge-height-size:var(--size-2-x, 16px);--info-element-teaser-image-height-size:var(--size-10-x, 80px);--info-element-teaser-image-width-size:var(--size-10-x, 80px);--info-element-teaser-badge-margin-space:var(--space-0-p-5-x, 4px)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--info-element-teaser-image-height-size:83px;--info-element-teaser-image-width-size:var(--size-18-p-5-x, 148px)}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--info-element-teaser-badge-height-size:var(--size-3-x, 24px);--info-element-teaser-image-height-size:133px;--info-element-teaser-image-width-size:236px;--info-element-teaser-badge-margin-space:var(--space-1-x, 8px)}}[data-content-brand=\"bild\"][data-density=\"default\"],:host([data-content-brand=\"bild\"][data-density=\"default\"]){--density-input-field-inline-space:var(--space-2-x, 16px);--density-input-field-stack-space:var(--space-1-x, 8px);--density-input-field-height-size:var(--size-5-x, 40px);--density-input-field-label-font-size:17px;--density-input-field-label-line-height:17px}[data-content-brand=\"bild\"][data-density=\"dense\"],:host([data-content-brand=\"bild\"][data-density=\"dense\"]){--density-input-field-inline-space:var(--space-2-x, 16px);--density-input-field-stack-space:var(--space-0-p-75-x, 6px);--density-input-field-height-size:var(--size-4-p-5-x, 36px);--density-input-field-label-font-size:16px;--density-input-field-label-line-height:16px}[data-content-brand=\"bild\"][data-density=\"spacious\"],:host([data-content-brand=\"bild\"][data-density=\"spacious\"]){--density-input-field-inline-space:var(--space-2-x, 16px);--density-input-field-stack-space:var(--space-1-p-5-x, 12px);--density-input-field-height-size:var(--size-6-x, 48px);--density-input-field-label-font-size:19px;--density-input-field-label-line-height:19px}[data-content-brand=\"bild\"] .input-field-label,:host([data-content-brand=\"bild\"]) .input-field-label{font-family:var(--body-font-family);font-weight:var(--label-font-weight-book);font-size:16px;line-height:16px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--input-field-stack-space:var(--density-input-field-stack-space);--input-field-inline-space:var(--density-input-field-inline-space);--input-field-mini-label-inline-space:var(--inline-space-const-2-xs);--input-field-label-font-size:var(--density-input-field-label-font-size);--input-field-imessage-inline-space:var(--inline-space-const-lg);--input-field-height-size:var(--density-input-field-height-size);--hey-input-container-inline-space:var(--inline-space-const-sm);--input-field-message-gap-space:var(--gap-space-const-xs);--input-field-label-font-family:var(--body-font-family);--input-field-label-line-height:var(--density-input-field-label-line-height)}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--hey-input-container-inline-space:var(--inline-space-const-lg);--input-field-label-line-height:var(--density-input-field-label-font-size)}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--input-field-border-color-idle:var(--border-color-idle);--input-field-border-color-active:var(--border-color-focus);--input-field-border-color-disabled:var(--border-color-disabled)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--kicker-bg-color-on-surface:var(--bg-color-brand-solid);--kicker-fitbook-bg-color:var(--color-partner-fitbook, #FF97B7);--kicker-petbook-bg-color:var(--color-partner-petbook, #B9DB91);--kicker-myhomebook-bg-color:var(--color-partner-myhome, #66CCCC);--kicker-travelbook-bg-color:var(--color-partner-travelbook, #8EF0ED);--kicker-techbook-bg-color:var(--color-partner-techbook, #93E4FF);--kicker-kaufberater-bg-color:var(--color-partner-kaufberater, #55476E);--kicker-cobi-bg-color:var(--color-cobi-red-50, #DC231C);--kicker-aubi-bg-color:var(--color-aubi-red-50, #F00000);--kicker-spobi-bg-color:var(--color-spobi-blue-30, #174482);--kicker-bz-bg-color:var(--color-bz-red-50, #E3001B)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--kicker-bg-color-on-surface:var(--bg-color-quaternary-inverse);--kicker-fitbook-bg-color:var(--color-partner-fitbook, #FF97B7);--kicker-petbook-bg-color:var(--color-partner-petbook, #B9DB91);--kicker-myhomebook-bg-color:var(--color-partner-myhome, #66CCCC);--kicker-travelbook-bg-color:var(--color-partner-travelbook, #8EF0ED);--kicker-techbook-bg-color:var(--color-partner-techbook, #93E4FF);--kicker-kaufberater-bg-color:var(--color-partner-kaufberater, #55476E);--kicker-cobi-bg-color:var(--color-cobi-red-50, #DC231C);--kicker-aubi-bg-color:var(--color-aubi-red-50, #F00000);--kicker-spobi-bg-color:var(--color-spobi-blue-30, #174482);--kicker-bz-bg-color:var(--color-bz-red-50, #E3001B)}[data-content-brand=\"bild\"] .live-ticker-headline,:host([data-content-brand=\"bild\"]) .live-ticker-headline{font-family:var(--headline-font-family);font-weight:var(--font-weight-semi-bold, 600);font-size:22px;line-height:22px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--live-tickerheadline-font-weight:var(--font-weight-semi-bold, 600);--live-ticker-headlines-font-size:22px;--time-stamp-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--live-ticker-time-stamp-font-size:14px;--live-ticker-time-headline-stack-space:var(--space-0-p-5-x, 4px);--live-ticker-slider-item-width-max-size:257px;--live-ticker-app-card-height-size:96px;--live-ticker-app-card-width-size:250px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--live-ticker-headlines-font-size:32px;--live-ticker-time-stamp-font-size:16px;--live-ticker-app-card-height-size:128px;--live-ticker-app-card-width-size:300px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--live-ticker-slider-item-width-max-size:537px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--vid-player-controls-autoplay-button-bg-color:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-control-buttons-bg-hover-color:var(--color-bild-red-50-a-80, rgba(221, 0, 0, 0.8));--vid-player-control-buttons-bg-color-hover:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-overlay-scrim-color:var(--color-neutral-0-a-50, rgba(0, 0, 0, 0.5));--audio-player-play-button-bg-color:var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));--vid-player-tooltip-bg-color:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--vid-player-control-buttons-bg-color-pressed:var(--color-neutral-0-a-5, rgba(0, 0, 0, 0.05));--vid-player-progress-bar-preload-bg-color:var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));--vid-player-unmute-button-bg-color:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-unmute-button-bg-color-hover:var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));--vid-player-progress-bar-ad-bg-color:var(--color-yellow-80, #FFBF00)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--vid-player-controls-autoplay-button-bg-color:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-control-buttons-bg-hover-color:var(--color-bild-red-50-a-80, rgba(221, 0, 0, 0.8));--vid-player-control-buttons-bg-color-hover:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-overlay-scrim-color:var(--color-neutral-0-a-50, rgba(0, 0, 0, 0.5));--audio-player-play-button-bg-color:var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));--vid-player-tooltip-bg-color:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--vid-player-control-buttons-bg-color-pressed:var(--color-neutral-0-a-5, rgba(0, 0, 0, 0.05));--vid-player-progress-bar-preload-bg-color:var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));--vid-player-unmute-button-bg-color:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-unmute-button-bg-color-hover:var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));--vid-player-progress-bar-ad-bg-color:var(--color-yellow-80, #FFBF00)}[data-content-brand=\"bild\"] .podcast-player-label,:host([data-content-brand=\"bild\"]) .podcast-player-label{font-family:var(--label-font-family);font-weight:var(--label-font-weight-book);font-size:16px;line-height:16px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--podcast-play-button-size:var(--size-6-x, 48px);--vid-player-bottom-bar-gap-space:0px;--audio-player-header-stack-space:var(--size-7-x, 56px);--video-time-badge-font-family:var(--body-font-family);--vid-player-control-button-size:var(--size-5-p-25-x, 42px);--vid-player-control-button-icon-size-hover:var(--size-3-p-5-x, 28px);--vid-player-timecode-font-size:14px;--vid-player-timecode-container-min-width-size:45px;--vid-player-progress-bar-container-height-size:24px;--vid-player-unmute-button-width-size:220px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--vid-player-timecode-font-size:16px;--vid-player-timecode-container-min-width-size:58px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--vid-player-bottom-bar-gap-space:var(--gap-space-const-lg);--vid-player-timecode-font-size:18px;--vid-player-progress-bar-container-height-size:42px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--menu-scrolled-surface-gradient-color:var(--color-neutral-100-a-95, rgba(255, 255, 255, 0.95));--menu-link-lane-surface-color:var(--color-neutral-100, #FFFFFF);--menu-link-lane-label-color:var(--color-neutral-40, #565A5F);--menu-link-lane-label-color-hover:var(--color-neutral-15, #222628);--app-top-bar-surface-color:var(--color-neutral-100, #FFFFFF);--app-top-bar-text-color-primary:var(--color-neutral-15, #222628);--app-tob-bar-tab-nav-bottom-border:var(--color-neutral-90, #DDE1E2);--app-tob-bar-tab-nav-bottom-border-active:var(--color-bild-red-50, #DD0000)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--menu-scrolled-surface-gradient-color:rgba(34, 38, 40, 0.95);--menu-link-lane-surface-color:var(--color-neutral-15, #222628);--menu-link-lane-label-color:var(--color-neutral-60, #8C9196);--menu-link-lane-label-color-hover:var(--color-neutral-100, #FFFFFF);--app-top-bar-surface-color:var(--color-neutral-25, #343C41);--app-top-bar-text-color-primary:var(--color-neutral-90, #DDE1E2);--app-tob-bar-tab-nav-bottom-border:var(--color-neutral-30, #40464D);--app-tob-bar-tab-nav-bottom-border-active:var(--color-neutral-100, #FFFFFF)}[data-content-brand=\"bild\"] .app-topbar-stage-title,:host([data-content-brand=\"bild\"]) .app-topbar-stage-title{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:12px;line-height:14px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--menu-item-space:var(--space-1-x, 8px);--menu-item-font-size:15px;--menu-item-util-font-size:var(--size-1-p-5-x, 12px);--menu-item-util-stack-space:var(--space-1-p-25-x, 10px);--menu-link-lane-height-size:var(--size-6-x, 48px);--menu-utillink-item-height-size:var(--size-6-x, 48px);--menu-link-item-inline-space:var(--space-0-p-5-x, 4px);--menu-logo-default-size:var(--size-7-x, 56px);--menu-logo-scrolled-size:var(--size-7-x, 56px);--menu-special-navi-item-height-size:48px;--sub-nav-bar-height-size:var(--size-5-p-25-x, 42px);--menu-utility-links-container-height-size:var(--size-const-lg);--menu-top-stack-space:var(--stack-space-const-sm);--menu-left-inline-space:var(--inline-space-const-sm);--menu-utility-links-gap-space:var(--gap-space-const-xl);--menu-right-inline-space:var(--space-0-x, 0px);--menu-bottom-stack-space:var(--stack-space-const-sm);--menu-utility-links-divider-height-size:var(--size-const-sm);--menu-shadow-visibility:var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));--hey-input-shadow-visibility:var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));--app-topbar-title-font-size:12px;--app-topbar-stage-title-height:14px;--i-osapp-top-bar-height-size:44px;--i-osapp-top-bar-left-inline-space:12px;--i-osapp-top-bar-right-inline-space:16px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--app-topbar-title-font-size:14px;--app-topbar-stage-title-height:17px;--i-osapp-top-bar-height-size:48px;--i-osapp-top-bar-left-inline-space:19px;--i-osapp-top-bar-right-inline-space:19px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--menu-logo-default-size:var(--size-18-p-5-x, 148px);--menu-special-navi-item-height-size:56px;--menu-utility-links-container-height-size:var(--size-12-p-5-x, 100px);--menu-top-stack-space:var(--stack-space-const-md);--menu-left-inline-space:var(--inline-space-const-lg);--menu-utility-links-gap-space:var(--gap-space-const-2-xl);--menu-right-inline-space:var(--inline-space-const-lg);--menu-bottom-stack-space:var(--space-0-x, 0px);--menu-utility-links-divider-height-size:var(--size-const-md);--menu-shadow-visibility:var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));--hey-input-shadow-visibility:var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--menu-surface-color:var(--bg-color-primary);--app-top-bar-icon-color:var(--icon-color-secondary)}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--menu-item-border-color-active:var(--border-color-brand-light-only);--menu-item-label-color-primary:var(--text-color-idle);--menu-item-label-color-primary-active:var(--text-color-active)}[data-content-brand=\"bild\"] .news-ticker-time-stamp,:host([data-content-brand=\"bild\"]) .news-ticker-time-stamp{font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);font-weight:var(--font-weight-bold, 700);font-size:16px;line-height:20.8px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--news-ticker-time-font-size:16px;--news-ticker-time-font-weight:var(--font-weight-bold, 700);--news-ticker-time-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--news-ticker-time-line-height:20.8px;--news-ticker-content-stack-space:var(--gap-space-const-xs);--news-ticker-kicker-inner-stack-space:var(--space-0-p-25-x, 2px);--news-ticker-titles-inline-space:18px;--news-ticker-badges-inline-space:var(--space-1-x, 8px);--news-ticker-time-kicker-stack-space:var(--space-0-p-5-x, 4px);--news-ticker-entries-stack-space:var(--space-2-p-75-x, 22px);--news-ticker-kicker-inner-inline-space:var(--space-0-p-5-x, 4px);--news-ticker-skeleton-bottom-space:var(--space-8-x, 64px);--news-ticker-red-dot-size:var(--size-1-p-5-x, 12px);--news-ticker-entries-left-inline-space:var(--space-2-p-75-x, 22px);--news-ticker-line-inline-space:var(--space-0-p-75-x, 6px);--news-ticker-app-card-height-size:116px;--news-ticker-app-card-width-size:250px}@media (min-width: 390px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--news-ticker-time-font-family:var(--label-font-family)}}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--news-ticker-titles-inline-space:var(--space-3-x, 24px);--news-ticker-badges-inline-space:var(--space-1-p-5-x, 12px);--news-ticker-time-kicker-stack-space:var(--space-0-p-75-x, 6px);--news-ticker-skeleton-bottom-space:0px;--news-ticker-red-dot-size:var(--size-1-p-75-x, 14px);--news-ticker-line-inline-space:7px;--news-ticker-app-card-height-size:150px;--news-ticker-app-card-width-size:300px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--news-ticker-time-font-size:18px;--news-ticker-time-line-height:23.4px;--news-ticker-titles-inline-space:30px;--news-ticker-badges-inline-space:var(--space-2-x, 16px);--news-ticker-red-dot-size:var(--size-2-x, 16px);--news-ticker-line-inline-space:var(--space-1-x, 8px)}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--news-ticker-timestamp-color:var(--text-color-secondary);--news-ticker-badge-icons-color:var(--icon-color-secondary)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--pagination-element-color-default:var(--bg-color-quaternary);--scroll-bar-track-bg-color:var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--pagination-element-color-default:var(--bg-color-quaternary-inverse);--scroll-bar-track-bg-color:var(--color-neutral-100-a-10, rgba(255, 255, 255, 0.1))}[data-content-brand=\"bild\"] .numbered-pagination-active,:host([data-content-brand=\"bild\"]) .numbered-pagination-active{font-family:var(--label-font-family);font-weight:var(--label-font-weight-bold);font-size:var(--label-1-font-size);line-height:var(--label-1-line-height);letter-spacing:var(--letter-space-0-p-25, 0.25px);text-decoration:underline}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--gallery-pagination-item-height-size:var(--size-0-p-5-x, 4px);--gallery-pagination-container-web-inline-space:var(--inline-space-const-sm);--gallery-pagination-container-stack-space:var(--stack-space-const-md);--gallery-pagination-container-app-inline-space:var(--inline-space-const-md);--scroll-bar-thickness-size:var(--size-const-4-xs)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--gallery-pagination-container-web-inline-space:var(--inline-space-const-md);--gallery-pagination-container-stack-space:var(--stack-space-const-lg)}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--pagination-element-color-active:var(--bg-color-brand-light-only);--gallery-pagination-element-active-opacity:var(--layer-opacity-100);--scroll-bar-thumb-bg-color:var(--bg-color-quintenary)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--partner-links-bg-color-idle:var(--bg-color-primary);--partner-links-bg-color-active:var(--bg-color-tertiary)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--partner-links-bg-color-idle:var(--bg-color-tertiary);--partner-links-bg-color-active:var(--bg-color-quintenary)}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--partner-links-border-color-idle:var(--border-color-default);--partner-links-border-color-active:var(--border-color-extra-strong)}[data-content-brand=\"bild\"] .paywall-card-price-tag,:host([data-content-brand=\"bild\"]) .paywall-card-price-tag{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--size-8-x, 64px);line-height:var(--size-8-x, 64px);letter-spacing:var(--display-2-letter-space)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--paywall-container-gap-space:-48px;--paywall-header-bottom-stack-space:var(--space-10-x, 80px);--paywall-card-max-width-size:346px;--paywall-card-price-tag-font-size:var(--size-8-x, 64px);--paywall-card-price-tag-line-height:var(--size-8-x, 64px);--paywall-card-price-note-line-height:var(--size-5-x, 40px);--paywall-card-price-note-font-size:var(--size-5-x, 40px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--quote-container-inline-space:var(--inline-space-const-lg);--quote-container-stack-space:var(--stack-space-resp-lg);--quote-quotation-marks-font-size:var(--size-3-p-5-x, 28px);--quote-content-gap-space:var(--gap-space-const-lg)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--quote-quotation-marks-font-size:var(--size-4-x, 32px);--quote-content-gap-space:var(--gap-space-const-3-xl)}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--quote-container-inline-space:var(--space-3-p-5-x, 28px);--quote-quotation-marks-font-size:var(--size-4-p-5-x, 36px)}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--radio-selector-size:var(--size-2-p-5-x, 20px);--radio-selector-dot-active-size:var(--size-1-p-5-x, 12px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--search-result-badge-height-size:var(--size-2-p-25-x, 18px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--section-title-inner-stack-bottom-space:var(--space-1-p-5-x, 12px);--section-title-height-size:var(--size-4-x, 32px);--section-title-arrow-inline-space:5px;--section-title-arrow-inline-space-active:5px}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--section-title-height-size:var(--size-5-x, 40px);--section-title-arrow-inline-space-active:8px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--selection-border-color:var(--border-color-strong)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--separator-thickness-size:var(--border-width-thick)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--headlines-skeleton-image-placeholder-max-width:282px;--article-skeleton-image-inline-space:var(--grid-space-resp-base);--article-skeleton-text-inline-space:0px;--article-text-skeleton-height-size:270px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--headlines-skeleton-image-placeholder-max-width:var(--size-20-x, 160px);--article-skeleton-image-inline-space:var(--space-6-x, 48px);--article-skeleton-text-inline-space:var(--space-6-x, 48px);--article-text-skeleton-height-size:720px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--slider-track-bg-color:var(--color-neutral-100-a-35, rgba(255, 255, 255, 0.35))}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--slider-track-bg-color:var(--color-neutral-100-a-35, rgba(255, 255, 255, 0.35))}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--slider-progress-bar-idle-height-size:var(--size-0-p-5-x, 4px);--slider-progress-bar-hover-height-size:var(--size-1-x, 8px);--slider-progress-inactive-height-size:var(--size-0-p-25-x, 2px);--vid-player-progress-bar-height-size:var(--size-1-p-5-x, 12px)}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--slider-button-opacity:var(--layer-opacity-90)}[data-content-brand=\"bild\"] .special-navi-item-label,:host([data-content-brand=\"bild\"]) .special-navi-item-label{font-family:var(--label-font-family);font-weight:700;font-size:15px;line-height:15px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--special-navi-inline-space:var(--space-3-x, 24px)}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--special-navi-inline-space:var(--space-4-x, 32px)}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-spinner-size:var(--size-const-sm);--video-spinner-stroke-size:2px;--video-spinner-size-0-5-x:20px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-spinner-size:var(--size-10-x, 80px);--video-spinner-stroke-size:4px;--video-spinner-size-0-5-x:40px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--subheaders-text-color:var(--text-color-primary)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--app-bottom-tab-bar-bg-color:var(--color-neutral-100, #FFFFFF)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--app-bottom-tab-bar-bg-color:var(--color-neutral-25, #343C41)}[data-content-brand=\"bild\"] .tab-label,:host([data-content-brand=\"bild\"]) .tab-label{font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);font-weight:var(--label-font-weight-bold);font-size:var(--tab-label-font-size);text-transform:uppercase}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--tab-label-font-size:16px;--ios-tabbar-height-size:49px;--android-tabbar-height-size:56px;--tab-label-font-size-line:12px;--apps-tabs-label-font-size:11px;--apps-tabs-label-line-height:14.4px;--top-bar-tab-item-height-size:44px}@media (min-width: 390px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--apps-tabs-label-font-size:12px}}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--android-tabbar-height-size:74px;--tab-label-font-size-line:16px;--apps-tabs-label-font-size:16px;--apps-tabs-label-line-height:23.4px}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--table-column-width-size-1-x:var(--size-10-x, 80px);--table-column-width-size-2-x:var(--size-17-p-5-x, 140px);--table-column-width-size-0-p-5-x:var(--size-5-x, 40px);--table-column-width-size-1-p-5-x:var(--size-15-x, 120px);--table-column-width-size-2-p-5-x:var(--size-22-p-5-x, 180px);--table-column-width-size-0-p-75-x:var(--size-7-x, 56px);--table-column-width-size-3-x:var(--size-25-x, 200px);--table-item-max-width-size:224px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--table-column-width-size-1-x:var(--size-12-x, 96px);--table-column-width-size-2-x:var(--size-22-p-5-x, 180px);--table-column-width-size-0-p-5-x:var(--size-6-x, 48px);--table-column-width-size-1-p-5-x:var(--size-20-x, 160px);--table-column-width-size-2-p-5-x:var(--size-30-x, 240px);--table-column-width-size-0-p-75-x:var(--size-8-x, 64px);--table-column-width-size-3-x:var(--size-35-x, 280px)}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--table-column-width-size-1-x:var(--size-17-p-5-x, 140px);--table-column-width-size-2-x:var(--size-27-p-5-x, 220px);--table-column-width-size-0-p-5-x:var(--size-9-x, 72px);--table-column-width-size-1-p-5-x:var(--size-22-p-5-x, 180px);--table-column-width-size-0-p-75-x:var(--size-12-p-5-x, 100px)}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--teaser-title-bg-gradient-start:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--teaser-title-bg-gradient-stop:var(--color-neutral-0-a-0, rgba(0, 0, 0, 0))}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--teaser-title-bg-gradient-start:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--teaser-title-bg-gradient-stop:var(--color-neutral-0-a-0, rgba(0, 0, 0, 0))}[data-content-brand=\"bild\"] .a-teaser-a-teaser-kicker,:host([data-content-brand=\"bild\"]) .a-teaser-a-teaser-kicker{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-3-font-size);line-height:var(--kicker-3-font-size)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--teaser-title-inline-left-space:var(--grid-space-resp-base);--teaser-title-stack-space:var(--space-0-p-5-x, 4px);--teaser-title-gap-space:var(--gap-space-const-xs);--teaser-kicker-bg-inline-space:var(--inline-space-const-xs);--teaser-kicker-bg-stack-space:var(--stack-space-const-3-xs);--teaser-badges-margin-space:var(--inline-space-const-sm);--teaser-badges-height-size-lg:var(--size-const-xs);--teaser-title-bottom-stack-space:var(--space-1-p-5-x, 12px);--teaser-badges-height-size-sm:var(--size-resp-2-xs);--teaser-layout-grid-space:var(--grid-space-resp-base);--m-qteaser-headline-font-size:var(--headline-4-font-size);--m-qteaser-headline-font-weight:var(--headline-4-font-weight);--m-qteaser-headline-line-height:var(--headline-4-line-height);--mq-teaser-title-inline-space:var(--space-1-x, 8px);--a-teaser-kicker-font-size:var(--kicker-3-font-size);--a-teaser-headline-font-size:var(--headline-3-font-size);--a-teaser-kicker-line-height:var(--kicker-3-font-size);--a-teaser-headline-line-height:var(--headline-3-font-size);--a-teaser-title-inline-space:var(--space-1-x, 8px);--std-teaser-image-title-gap-space:var(--gap-space-const-xs);--std-teaser-badges-margin-space:var(--space-0-p-5-x, 4px);--std-teaser-kicker-headline-stack-space:var(--stack-space-const-3-xs);--quad-headline-font-size:var(--headline-1-font-size);--quad-kicker-font-size:var(--kicker-1-font-size);--quad-headline-line-height:var(--headline-1-line-height);--q-teaser-title-inline-space:var(--space-1-x, 8px);--bild-play-teaser-width-size:145px;--super-ateaser-title-inline-space:var(--space-2-x, 16px);--b-teaser-title-inline-space:var(--space-1-x, 8px)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--teaser-title-inline-left-space:var(--space-0-x, 0px);--teaser-title-bottom-stack-space:var(--space-2-x, 16px);--m-qteaser-headline-font-size:var(--headline-3-font-size);--m-qteaser-headline-font-weight:var(--headline-3-font-weight);--m-qteaser-headline-line-height:var(--headline-3-line-height);--a-teaser-kicker-font-size:var(--kicker-2-font-size);--a-teaser-headline-font-size:var(--headline-2-font-size);--a-teaser-kicker-line-height:var(--kicker-2-font-size);--a-teaser-headline-line-height:var(--headline-2-line-height);--a-teaser-title-inline-space:var(--space-1-p-5-x, 12px);--std-teaser-image-title-gap-space:var(--space-0-p-75-x, 6px);--std-teaser-badges-margin-space:var(--space-1-x, 8px);--quad-kicker-font-size:var(--kicker-2-font-size);--q-teaser-title-inline-space:var(--space-2-x, 16px);--bild-play-teaser-width-size:169px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--teaser-title-stack-space:var(--space-0-p-75-x, 6px);--teaser-badges-height-size-lg:var(--size-const-sm);--q-teaser-title-inline-space:var(--space-1-p-5-x, 12px);--bild-play-teaser-width-size:193px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--teaser-hover-opacity:var(--layer-opacity-80)}[data-content-brand=\"bild\"] .app-toogle-item-label,:host([data-content-brand=\"bild\"]) .app-toogle-item-label{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:14px;line-height:14.1px;text-transform:uppercase}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--app-toggle-item-label-font-size:14px;--app-toggle-item-label-line-height:14.1px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--app-toggle-item-label-font-size:16px;--app-toggle-item-label-line-height:16.2px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--app-toggle-item-label-font-size:18px;--app-toggle-item-label-line-height:18.2px}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-time-badge-corner-size:var(--border-radius-xs);--video-time-badge-font-size:16px;--video-time-badge-size:var(--size-3-x, 24px);--video-red-play-icon-width-size:var(--size-1-x, 8px);--video-red-play-icon-height-size:var(--size-1-p-25-x, 10px);--video-badge-time-line-height:21px;--video-skeleton-container-height:180px;--video-frame-inline-space:0px;--vertical-video-mock-headline-font-size:22px;--video-ad-badge-font-size:14px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-time-badge-font-size:18px;--video-time-badge-size:var(--size-4-x, 32px);--video-red-play-icon-width-size:var(--size-1-p-5-x, 12px);--video-red-play-icon-height-size:var(--size-1-p-75-x, 14px);--video-badge-time-line-height:23.8px;--video-skeleton-container-height:464px;--video-frame-inline-space:var(--grid-space-resp-base);--vertical-video-mock-headline-font-size:32px;--video-ad-badge-font-size:16px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-time-badge-size:var(--size-5-x, 40px);--video-red-play-icon-width-size:var(--size-1-p-75-x, 14px);--video-red-play-icon-height-size:var(--size-2-p-25-x, 18px)}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--ds-doc-spacing-item-bg-color:rgba(221, 0, 0, 0.1);--ds-doc-spacing-item-border-color:rgba(221, 0, 0, 0.5)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--ds-doc-spacing-item-bg-color:rgba(255, 255, 255, 0.2);--ds-doc-spacing-item-border-color:rgba(255, 255, 255, 0.8)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--bild-design-frame-space:var(--grid-space-resp-base);--ds-main-container-space:var(--space-0-x, 0px);--dsys-docs-width-size:320px;--main-content-stage-size:320px;--foundations-banner-height-size:var(--size-10-x, 80px);--doc-label-resp-font-size:10px;--ds-caption-stack-space-0-p-5-x:var(--space-0-p-5-x, 4px);--ds-caption-stack-space-1-x:var(--space-1-x, 8px);--label-1-responsive-line-height:UNRESOLVED_VariableID:18038:10773;--1-column-mobile:320px;--thin-banner-vertical-height-size:558px;--specs-font-family:var(--font-family-gotham, Gotham);--doc-header-height-size:144px}@media (min-width: 390px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--dsys-docs-width-size:750px;--main-content-stage-size:750px;--label-1-responsive-line-height:UNRESOLVED_VariableID:18038:10774}}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--bild-design-frame-space:var(--space-8-x, 64px);--ds-main-container-space:var(--space-8-p-5-x, 68px);--dsys-docs-width-size:962px;--main-content-stage-size:962px;--doc-label-resp-font-size:15px;--ds-caption-stack-space-0-p-5-x:var(--space-0-p-75-x, 6px);--ds-caption-stack-space-1-x:var(--space-1-p-5-x, 12px);--label-1-responsive-line-height:UNRESOLVED_VariableID:18038:10775;--1-column-mobile:930px;--doc-header-height-size:160px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--dsys-docs-width-size:1440px;--main-content-stage-size:1024px;--foundations-banner-height-size:var(--size-17-p-5-x, 140px);--doc-label-resp-font-size:17px;--ds-caption-stack-space-0-p-5-x:var(--space-1-x, 8px);--ds-caption-stack-space-1-x:var(--space-2-x, 16px);--label-1-responsive-line-height:UNRESOLVED_VariableID:18038:10776;--1-column-mobile:656px;--thin-banner-vertical-height-size:186px;--doc-header-height-size:180px}}";
8
+
9
+ /*
10
+ Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
11
+ */
12
+ var __defProp = Object.defineProperty;
13
+ var __export = (target, all) => {
14
+ for (var name in all)
15
+ __defProp(target, name, { get: all[name], enumerable: true });
16
+ };
17
+ var reWireGetterSetter = (instance, hostRef) => {
18
+ var _a;
19
+ const cmpMeta = hostRef.$cmpMeta$;
20
+ const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
21
+ members.map(([memberName, [memberFlags]]) => {
22
+ if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
23
+ const ogValue = instance[memberName];
24
+ const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
25
+ if (ogDescriptor) {
26
+ Object.defineProperty(instance, memberName, {
27
+ get() {
28
+ return ogDescriptor.get.call(this);
29
+ },
30
+ set(newValue) {
31
+ ogDescriptor.set.call(this, newValue);
32
+ },
33
+ configurable: true,
34
+ enumerable: true
35
+ });
36
+ }
37
+ instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
38
+ }
39
+ });
40
+ };
41
+ function getPropertyDescriptor(obj, memberName) {
42
+ while (obj) {
43
+ const desc = Object.getOwnPropertyDescriptor(obj, memberName);
44
+ if (desc == null ? void 0 : desc.get) return desc;
45
+ obj = Object.getPrototypeOf(obj);
46
+ }
47
+ return void 0;
48
+ }
49
+
50
+ // src/client/client-host-ref.ts
51
+ var getHostRef = (ref) => {
52
+ if (ref.__stencil__getHostRef) {
53
+ return ref.__stencil__getHostRef();
54
+ }
55
+ return void 0;
56
+ };
57
+ var registerInstance = (lazyInstance, hostRef) => {
58
+ if (!hostRef) return;
59
+ lazyInstance.__stencil__getHostRef = () => hostRef;
60
+ hostRef.$lazyInstance$ = lazyInstance;
61
+ if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.prop)) {
62
+ reWireGetterSetter(lazyInstance, hostRef);
63
+ }
64
+ };
65
+ var registerHost = (hostElement, cmpMeta) => {
66
+ const hostRef = {
67
+ $flags$: 0,
68
+ $hostElement$: hostElement,
69
+ $cmpMeta$: cmpMeta,
70
+ $instanceValues$: /* @__PURE__ */ new Map(),
71
+ $serializerValues$: /* @__PURE__ */ new Map()
72
+ };
73
+ {
74
+ hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
75
+ hostElement["s-p"] = [];
76
+ hostElement["s-rc"] = [];
77
+ }
78
+ {
79
+ hostRef.$fetchedCbList$ = [];
80
+ }
81
+ const ref = hostRef;
82
+ hostElement.__stencil__getHostRef = () => ref;
83
+ return ref;
84
+ };
85
+ var isMemberInElement = (elm, memberName) => memberName in elm;
86
+ var consoleError = (e, el) => (0, console.error)(e, el);
87
+
88
+ // src/client/client-load-module.ts
89
+ var cmpModules = /* @__PURE__ */ new Map();
90
+ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
91
+ const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
92
+ const bundleId = cmpMeta.$lazyBundleId$;
93
+ if (!bundleId) {
94
+ return void 0;
95
+ }
96
+ const module = cmpModules.get(bundleId) ;
97
+ if (module) {
98
+ return module[exportName];
99
+ }
100
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
101
+ return import(
102
+ /* @vite-ignore */
103
+ /* webpackInclude: /\.entry\.js$/ */
104
+ /* webpackExclude: /\.system\.entry\.js$/ */
105
+ /* webpackMode: "lazy" */
106
+ `./${bundleId}.entry.js${""}`
107
+ ).then(
108
+ (importedModule) => {
109
+ {
110
+ cmpModules.set(bundleId, importedModule);
111
+ }
112
+ return importedModule[exportName];
113
+ },
114
+ (e) => {
115
+ consoleError(e, hostRef.$hostElement$);
116
+ }
117
+ );
118
+ };
119
+
120
+ // src/client/client-style.ts
121
+ var styles = /* @__PURE__ */ new Map();
122
+ var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
123
+ var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
124
+ var win = typeof window !== "undefined" ? window : {};
125
+ var plt = {
126
+ $flags$: 0,
127
+ $resourcesUrl$: "",
128
+ jmp: (h2) => h2(),
129
+ raf: (h2) => requestAnimationFrame(h2),
130
+ ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
131
+ rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
132
+ ce: (eventName, opts) => new CustomEvent(eventName, opts)
133
+ };
134
+ var promiseResolve = (v) => Promise.resolve(v);
135
+ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
136
+ try {
137
+ new CSSStyleSheet();
138
+ return typeof new CSSStyleSheet().replaceSync === "function";
139
+ } catch (e) {
140
+ }
141
+ return false;
142
+ })() ;
143
+ var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
144
+ var queuePending = false;
145
+ var queueDomReads = [];
146
+ var queueDomWrites = [];
147
+ var queueTask = (queue, write) => (cb) => {
148
+ queue.push(cb);
149
+ if (!queuePending) {
150
+ queuePending = true;
151
+ if (write && plt.$flags$ & 4 /* queueSync */) {
152
+ nextTick(flush);
153
+ } else {
154
+ plt.raf(flush);
155
+ }
156
+ }
157
+ };
158
+ var consume = (queue) => {
159
+ for (let i2 = 0; i2 < queue.length; i2++) {
160
+ try {
161
+ queue[i2](performance.now());
162
+ } catch (e) {
163
+ consoleError(e);
164
+ }
165
+ }
166
+ queue.length = 0;
167
+ };
168
+ var flush = () => {
169
+ consume(queueDomReads);
170
+ {
171
+ consume(queueDomWrites);
172
+ if (queuePending = queueDomReads.length > 0) {
173
+ plt.raf(flush);
174
+ }
175
+ }
176
+ };
177
+ var nextTick = (cb) => promiseResolve().then(cb);
178
+ var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
179
+ var isComplexType = (o) => {
180
+ o = typeof o;
181
+ return o === "object" || o === "function";
182
+ };
183
+
184
+ // src/utils/query-nonce-meta-tag-content.ts
185
+ function queryNonceMetaTagContent(doc) {
186
+ var _a, _b, _c;
187
+ return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
188
+ }
189
+
190
+ // src/utils/regular-expression.ts
191
+ var escapeRegExpSpecialCharacters = (text) => {
192
+ return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
193
+ };
194
+
195
+ // src/utils/result.ts
196
+ var result_exports = {};
197
+ __export(result_exports, {
198
+ err: () => err,
199
+ map: () => map,
200
+ ok: () => ok,
201
+ unwrap: () => unwrap,
202
+ unwrapErr: () => unwrapErr
203
+ });
204
+ var ok = (value) => ({
205
+ isOk: true,
206
+ isErr: false,
207
+ value
208
+ });
209
+ var err = (value) => ({
210
+ isOk: false,
211
+ isErr: true,
212
+ value
213
+ });
214
+ function map(result, fn) {
215
+ if (result.isOk) {
216
+ const val = fn(result.value);
217
+ if (val instanceof Promise) {
218
+ return val.then((newVal) => ok(newVal));
219
+ } else {
220
+ return ok(val);
221
+ }
222
+ }
223
+ if (result.isErr) {
224
+ const value = result.value;
225
+ return err(value);
226
+ }
227
+ throw "should never get here";
228
+ }
229
+ var unwrap = (result) => {
230
+ if (result.isOk) {
231
+ return result.value;
232
+ } else {
233
+ throw result.value;
234
+ }
235
+ };
236
+ var unwrapErr = (result) => {
237
+ if (result.isErr) {
238
+ return result.value;
239
+ } else {
240
+ throw result.value;
241
+ }
242
+ };
243
+
244
+ // src/utils/style.ts
245
+ function createStyleSheetIfNeededAndSupported(styles2) {
246
+ if (!supportsConstructableStylesheets) return void 0;
247
+ const sheet = new CSSStyleSheet();
248
+ sheet.replaceSync(styles2);
249
+ return sheet;
250
+ }
251
+
252
+ // src/utils/shadow-root.ts
253
+ var globalStyleSheet;
254
+ function createShadowRoot(cmpMeta) {
255
+ var _a;
256
+ const shadowRoot = this.attachShadow({ mode: "open" });
257
+ if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
258
+ if (globalStyleSheet) {
259
+ if (supportsMutableAdoptedStyleSheets) {
260
+ shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
261
+ } else {
262
+ shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
263
+ }
264
+ }
265
+ }
266
+ var createTime = (fnName, tagName = "") => {
267
+ {
268
+ return () => {
269
+ return;
270
+ };
271
+ }
272
+ };
273
+ var uniqueTime = (key, measureText) => {
274
+ {
275
+ return () => {
276
+ return;
277
+ };
278
+ }
279
+ };
280
+ var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
281
+ var registerStyle = (scopeId2, cssText, allowCS) => {
282
+ let style = styles.get(scopeId2);
283
+ if (supportsConstructableStylesheets && allowCS) {
284
+ style = style || new CSSStyleSheet();
285
+ if (typeof style === "string") {
286
+ style = cssText;
287
+ } else {
288
+ style.replaceSync(cssText);
289
+ }
290
+ } else {
291
+ style = cssText;
292
+ }
293
+ styles.set(scopeId2, style);
294
+ };
295
+ var addStyle = (styleContainerNode, cmpMeta, mode) => {
296
+ var _a;
297
+ const scopeId2 = getScopeId(cmpMeta);
298
+ const style = styles.get(scopeId2);
299
+ if (!win.document) {
300
+ return scopeId2;
301
+ }
302
+ styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
303
+ if (style) {
304
+ if (typeof style === "string") {
305
+ styleContainerNode = styleContainerNode.head || styleContainerNode;
306
+ let appliedStyles = rootAppliedStyles.get(styleContainerNode);
307
+ let styleElm;
308
+ if (!appliedStyles) {
309
+ rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
310
+ }
311
+ if (!appliedStyles.has(scopeId2)) {
312
+ {
313
+ styleElm = win.document.createElement("style");
314
+ styleElm.innerHTML = style;
315
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
316
+ if (nonce != null) {
317
+ styleElm.setAttribute("nonce", nonce);
318
+ }
319
+ if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
320
+ if (styleContainerNode.nodeName === "HEAD") {
321
+ const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
322
+ const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
323
+ styleContainerNode.insertBefore(
324
+ styleElm,
325
+ (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
326
+ );
327
+ } else if ("host" in styleContainerNode) {
328
+ if (supportsConstructableStylesheets) {
329
+ const stylesheet = new CSSStyleSheet();
330
+ stylesheet.replaceSync(style);
331
+ if (supportsMutableAdoptedStyleSheets) {
332
+ styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
333
+ } else {
334
+ styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
335
+ }
336
+ } else {
337
+ const existingStyleContainer = styleContainerNode.querySelector("style");
338
+ if (existingStyleContainer) {
339
+ existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
340
+ } else {
341
+ styleContainerNode.prepend(styleElm);
342
+ }
343
+ }
344
+ } else {
345
+ styleContainerNode.append(styleElm);
346
+ }
347
+ }
348
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
349
+ styleContainerNode.insertBefore(styleElm, null);
350
+ }
351
+ }
352
+ if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
353
+ styleElm.innerHTML += SLOT_FB_CSS;
354
+ }
355
+ if (appliedStyles) {
356
+ appliedStyles.add(scopeId2);
357
+ }
358
+ }
359
+ } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
360
+ if (supportsMutableAdoptedStyleSheets) {
361
+ styleContainerNode.adoptedStyleSheets.push(style);
362
+ } else {
363
+ styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
364
+ }
365
+ }
366
+ }
367
+ return scopeId2;
368
+ };
369
+ var attachStyles = (hostRef) => {
370
+ const cmpMeta = hostRef.$cmpMeta$;
371
+ const elm = hostRef.$hostElement$;
372
+ const flags = cmpMeta.$flags$;
373
+ const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
374
+ const scopeId2 = addStyle(
375
+ elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
376
+ cmpMeta);
377
+ if (flags & 10 /* needsScopedEncapsulation */) {
378
+ elm["s-sc"] = scopeId2;
379
+ elm.classList.add(scopeId2 + "-h");
380
+ }
381
+ endAttachStyles();
382
+ };
383
+ var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
384
+ var h = (nodeName, vnodeData, ...children) => {
385
+ if (typeof nodeName === "string") {
386
+ nodeName = transformTag(nodeName);
387
+ }
388
+ let child = null;
389
+ let key = null;
390
+ let simple = false;
391
+ let lastSimple = false;
392
+ const vNodeChildren = [];
393
+ const walk = (c) => {
394
+ for (let i2 = 0; i2 < c.length; i2++) {
395
+ child = c[i2];
396
+ if (Array.isArray(child)) {
397
+ walk(child);
398
+ } else if (child != null && typeof child !== "boolean") {
399
+ if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
400
+ child = String(child);
401
+ }
402
+ if (simple && lastSimple) {
403
+ vNodeChildren[vNodeChildren.length - 1].$text$ += child;
404
+ } else {
405
+ vNodeChildren.push(simple ? newVNode(null, child) : child);
406
+ }
407
+ lastSimple = simple;
408
+ }
409
+ }
410
+ };
411
+ walk(children);
412
+ if (vnodeData) {
413
+ if (vnodeData.key) {
414
+ key = vnodeData.key;
415
+ }
416
+ {
417
+ const classData = vnodeData.className || vnodeData.class;
418
+ if (classData) {
419
+ vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
420
+ }
421
+ }
422
+ }
423
+ const vnode = newVNode(nodeName, null);
424
+ vnode.$attrs$ = vnodeData;
425
+ if (vNodeChildren.length > 0) {
426
+ vnode.$children$ = vNodeChildren;
427
+ }
428
+ {
429
+ vnode.$key$ = key;
430
+ }
431
+ return vnode;
432
+ };
433
+ var newVNode = (tag, text) => {
434
+ const vnode = {
435
+ $flags$: 0,
436
+ $tag$: tag,
437
+ $text$: text,
438
+ $elm$: null,
439
+ $children$: null
440
+ };
441
+ {
442
+ vnode.$attrs$ = null;
443
+ }
444
+ {
445
+ vnode.$key$ = null;
446
+ }
447
+ return vnode;
448
+ };
449
+ var Host = {};
450
+ var isHost = (node) => node && node.$tag$ === Host;
451
+ var createSupportsRuleRe = (selector) => {
452
+ const safeSelector2 = escapeRegExpSpecialCharacters(selector);
453
+ return new RegExp(
454
+ // First capture group: match any context before the selector that's not inside @supports selector()
455
+ // Using negative lookahead to avoid matching inside @supports selector(...) condition
456
+ `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
457
+ "g"
458
+ );
459
+ };
460
+ createSupportsRuleRe("::slotted");
461
+ createSupportsRuleRe(":host");
462
+ createSupportsRuleRe(":host-context");
463
+ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
464
+ if (propValue != null && !isComplexType(propValue)) {
465
+ if (propType & 4 /* Boolean */) {
466
+ {
467
+ return propValue === "false" ? false : propValue === "" || !!propValue;
468
+ }
469
+ }
470
+ if (propType & 1 /* String */) {
471
+ return String(propValue);
472
+ }
473
+ return propValue;
474
+ }
475
+ return propValue;
476
+ };
477
+ var emitEvent = (elm, name, opts) => {
478
+ const ev = plt.ce(name, opts);
479
+ elm.dispatchEvent(ev);
480
+ return ev;
481
+ };
482
+ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
483
+ if (oldValue === newValue) {
484
+ return;
485
+ }
486
+ let isProp = isMemberInElement(elm, memberName);
487
+ memberName.toLowerCase();
488
+ if (memberName === "class") {
489
+ const classList = elm.classList;
490
+ const oldClasses = parseClassList(oldValue);
491
+ let newClasses = parseClassList(newValue);
492
+ {
493
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
494
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
495
+ }
496
+ } else if (memberName === "key") ; else {
497
+ const isComplex = isComplexType(newValue);
498
+ if ((isProp || isComplex && newValue !== null) && true) {
499
+ try {
500
+ if (!elm.tagName.includes("-")) {
501
+ const n = newValue == null ? "" : newValue;
502
+ if (memberName === "list") {
503
+ isProp = false;
504
+ } else if (oldValue == null || elm[memberName] != n) {
505
+ if (typeof elm.__lookupSetter__(memberName) === "function") {
506
+ elm[memberName] = n;
507
+ } else {
508
+ elm.setAttribute(memberName, n);
509
+ }
510
+ }
511
+ } else if (elm[memberName] !== newValue) {
512
+ elm[memberName] = newValue;
513
+ }
514
+ } catch (e) {
515
+ }
516
+ }
517
+ if (newValue == null || newValue === false) {
518
+ if (newValue !== false || elm.getAttribute(memberName) === "") {
519
+ {
520
+ elm.removeAttribute(memberName);
521
+ }
522
+ }
523
+ } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
524
+ newValue = newValue === true ? "" : newValue;
525
+ {
526
+ elm.setAttribute(memberName, newValue);
527
+ }
528
+ }
529
+ }
530
+ };
531
+ var parseClassListRegex = /\s/;
532
+ var parseClassList = (value) => {
533
+ if (typeof value === "object" && value && "baseVal" in value) {
534
+ value = value.baseVal;
535
+ }
536
+ if (!value || typeof value !== "string") {
537
+ return [];
538
+ }
539
+ return value.split(parseClassListRegex);
540
+ };
541
+
542
+ // src/runtime/vdom/update-element.ts
543
+ var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
544
+ const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
545
+ const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
546
+ const newVnodeAttrs = newVnode.$attrs$ || {};
547
+ {
548
+ for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
549
+ if (!(memberName in newVnodeAttrs)) {
550
+ setAccessor(
551
+ elm,
552
+ memberName,
553
+ oldVnodeAttrs[memberName],
554
+ void 0,
555
+ isSvgMode2,
556
+ newVnode.$flags$);
557
+ }
558
+ }
559
+ }
560
+ for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
561
+ setAccessor(
562
+ elm,
563
+ memberName,
564
+ oldVnodeAttrs[memberName],
565
+ newVnodeAttrs[memberName],
566
+ isSvgMode2,
567
+ newVnode.$flags$);
568
+ }
569
+ };
570
+ function sortedAttrNames(attrNames) {
571
+ return attrNames.includes("ref") ? (
572
+ // we need to sort these to ensure that `'ref'` is the last attr
573
+ [...attrNames.filter((attr) => attr !== "ref"), "ref"]
574
+ ) : (
575
+ // no need to sort, return the original array
576
+ attrNames
577
+ );
578
+ }
579
+ var hostTagName;
580
+ var isSvgMode = false;
581
+ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
582
+ const newVNode2 = newParentVNode.$children$[childIndex];
583
+ let i2 = 0;
584
+ let elm;
585
+ let childNode;
586
+ if (newVNode2.$text$ !== null) {
587
+ elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
588
+ } else {
589
+ if (!win.document) {
590
+ throw new Error(
591
+ "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
592
+ );
593
+ }
594
+ elm = newVNode2.$elm$ = win.document.createElement(
595
+ newVNode2.$tag$
596
+ );
597
+ {
598
+ updateElement(null, newVNode2, isSvgMode);
599
+ }
600
+ if (newVNode2.$children$) {
601
+ for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
602
+ childNode = createElm(oldParentVNode, newVNode2, i2);
603
+ if (childNode) {
604
+ elm.appendChild(childNode);
605
+ }
606
+ }
607
+ }
608
+ }
609
+ elm["s-hn"] = hostTagName;
610
+ return elm;
611
+ };
612
+ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
613
+ let containerElm = parentElm;
614
+ let childNode;
615
+ if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
616
+ containerElm = containerElm.shadowRoot;
617
+ }
618
+ for (; startIdx <= endIdx; ++startIdx) {
619
+ if (vnodes[startIdx]) {
620
+ childNode = createElm(null, parentVNode, startIdx);
621
+ if (childNode) {
622
+ vnodes[startIdx].$elm$ = childNode;
623
+ insertBefore(containerElm, childNode, before);
624
+ }
625
+ }
626
+ }
627
+ };
628
+ var removeVnodes = (vnodes, startIdx, endIdx) => {
629
+ for (let index = startIdx; index <= endIdx; ++index) {
630
+ const vnode = vnodes[index];
631
+ if (vnode) {
632
+ const elm = vnode.$elm$;
633
+ if (elm) {
634
+ elm.remove();
635
+ }
636
+ }
637
+ }
638
+ };
639
+ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
640
+ let oldStartIdx = 0;
641
+ let newStartIdx = 0;
642
+ let idxInOld = 0;
643
+ let i2 = 0;
644
+ let oldEndIdx = oldCh.length - 1;
645
+ let oldStartVnode = oldCh[0];
646
+ let oldEndVnode = oldCh[oldEndIdx];
647
+ let newEndIdx = newCh.length - 1;
648
+ let newStartVnode = newCh[0];
649
+ let newEndVnode = newCh[newEndIdx];
650
+ let node;
651
+ let elmToMove;
652
+ while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
653
+ if (oldStartVnode == null) {
654
+ oldStartVnode = oldCh[++oldStartIdx];
655
+ } else if (oldEndVnode == null) {
656
+ oldEndVnode = oldCh[--oldEndIdx];
657
+ } else if (newStartVnode == null) {
658
+ newStartVnode = newCh[++newStartIdx];
659
+ } else if (newEndVnode == null) {
660
+ newEndVnode = newCh[--newEndIdx];
661
+ } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
662
+ patch(oldStartVnode, newStartVnode, isInitialRender);
663
+ oldStartVnode = oldCh[++oldStartIdx];
664
+ newStartVnode = newCh[++newStartIdx];
665
+ } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
666
+ patch(oldEndVnode, newEndVnode, isInitialRender);
667
+ oldEndVnode = oldCh[--oldEndIdx];
668
+ newEndVnode = newCh[--newEndIdx];
669
+ } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
670
+ patch(oldStartVnode, newEndVnode, isInitialRender);
671
+ insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
672
+ oldStartVnode = oldCh[++oldStartIdx];
673
+ newEndVnode = newCh[--newEndIdx];
674
+ } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
675
+ patch(oldEndVnode, newStartVnode, isInitialRender);
676
+ insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
677
+ oldEndVnode = oldCh[--oldEndIdx];
678
+ newStartVnode = newCh[++newStartIdx];
679
+ } else {
680
+ idxInOld = -1;
681
+ {
682
+ for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
683
+ if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
684
+ idxInOld = i2;
685
+ break;
686
+ }
687
+ }
688
+ }
689
+ if (idxInOld >= 0) {
690
+ elmToMove = oldCh[idxInOld];
691
+ if (elmToMove.$tag$ !== newStartVnode.$tag$) {
692
+ node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
693
+ } else {
694
+ patch(elmToMove, newStartVnode, isInitialRender);
695
+ oldCh[idxInOld] = void 0;
696
+ node = elmToMove.$elm$;
697
+ }
698
+ newStartVnode = newCh[++newStartIdx];
699
+ } else {
700
+ node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
701
+ newStartVnode = newCh[++newStartIdx];
702
+ }
703
+ if (node) {
704
+ {
705
+ insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
706
+ }
707
+ }
708
+ }
709
+ }
710
+ if (oldStartIdx > oldEndIdx) {
711
+ addVnodes(
712
+ parentElm,
713
+ newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
714
+ newVNode2,
715
+ newCh,
716
+ newStartIdx,
717
+ newEndIdx
718
+ );
719
+ } else if (newStartIdx > newEndIdx) {
720
+ removeVnodes(oldCh, oldStartIdx, oldEndIdx);
721
+ }
722
+ };
723
+ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
724
+ if (leftVNode.$tag$ === rightVNode.$tag$) {
725
+ if (!isInitialRender) {
726
+ return leftVNode.$key$ === rightVNode.$key$;
727
+ }
728
+ if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
729
+ leftVNode.$key$ = rightVNode.$key$;
730
+ }
731
+ return true;
732
+ }
733
+ return false;
734
+ };
735
+ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
736
+ const elm = newVNode2.$elm$ = oldVNode.$elm$;
737
+ const oldChildren = oldVNode.$children$;
738
+ const newChildren = newVNode2.$children$;
739
+ const text = newVNode2.$text$;
740
+ if (text === null) {
741
+ {
742
+ updateElement(oldVNode, newVNode2, isSvgMode);
743
+ }
744
+ if (oldChildren !== null && newChildren !== null) {
745
+ updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
746
+ } else if (newChildren !== null) {
747
+ if (oldVNode.$text$ !== null) {
748
+ elm.textContent = "";
749
+ }
750
+ addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
751
+ } else if (
752
+ // don't do this on initial render as it can cause non-hydrated content to be removed
753
+ !isInitialRender && BUILD.updatable && oldChildren !== null
754
+ ) {
755
+ removeVnodes(oldChildren, 0, oldChildren.length - 1);
756
+ } else ;
757
+ } else if (oldVNode.$text$ !== text) {
758
+ elm.data = text;
759
+ }
760
+ };
761
+ var insertBefore = (parent, newNode, reference) => {
762
+ {
763
+ return parent == null ? void 0 : parent.insertBefore(newNode, reference);
764
+ }
765
+ };
766
+ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
767
+ const hostElm = hostRef.$hostElement$;
768
+ const oldVNode = hostRef.$vnode$ || newVNode(null, null);
769
+ const isHostElement = isHost(renderFnResults);
770
+ const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
771
+ hostTagName = hostElm.tagName;
772
+ if (isInitialLoad && rootVnode.$attrs$) {
773
+ for (const key of Object.keys(rootVnode.$attrs$)) {
774
+ if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
775
+ rootVnode.$attrs$[key] = hostElm[key];
776
+ }
777
+ }
778
+ }
779
+ rootVnode.$tag$ = null;
780
+ rootVnode.$flags$ |= 4 /* isHost */;
781
+ hostRef.$vnode$ = rootVnode;
782
+ rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
783
+ patch(oldVNode, rootVnode, isInitialLoad);
784
+ };
785
+
786
+ // src/runtime/update-component.ts
787
+ var attachToAncestor = (hostRef, ancestorComponent) => {
788
+ if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
789
+ const index = ancestorComponent["s-p"].push(
790
+ new Promise(
791
+ (r) => hostRef.$onRenderResolve$ = () => {
792
+ ancestorComponent["s-p"].splice(index - 1, 1);
793
+ r();
794
+ }
795
+ )
796
+ );
797
+ }
798
+ };
799
+ var scheduleUpdate = (hostRef, isInitialLoad) => {
800
+ {
801
+ hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
802
+ }
803
+ if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
804
+ hostRef.$flags$ |= 512 /* needsRerender */;
805
+ return;
806
+ }
807
+ attachToAncestor(hostRef, hostRef.$ancestorComponent$);
808
+ const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
809
+ if (isInitialLoad) {
810
+ queueMicrotask(() => {
811
+ dispatch();
812
+ });
813
+ return;
814
+ }
815
+ return writeTask(dispatch) ;
816
+ };
817
+ var dispatchHooks = (hostRef, isInitialLoad) => {
818
+ const elm = hostRef.$hostElement$;
819
+ const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
820
+ const instance = hostRef.$lazyInstance$ ;
821
+ if (!instance) {
822
+ throw new Error(
823
+ `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
824
+ );
825
+ }
826
+ let maybePromise;
827
+ if (isInitialLoad) {
828
+ {
829
+ if (hostRef.$fetchedCbList$.length) {
830
+ hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
831
+ }
832
+ }
833
+ maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
834
+ } else {
835
+ maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
836
+ }
837
+ maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
838
+ endSchedule();
839
+ return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
840
+ };
841
+ var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
842
+ console.error(err2);
843
+ fn();
844
+ }) : fn();
845
+ var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
846
+ var updateComponent = async (hostRef, instance, isInitialLoad) => {
847
+ var _a;
848
+ const elm = hostRef.$hostElement$;
849
+ const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
850
+ const rc = elm["s-rc"];
851
+ if (isInitialLoad) {
852
+ attachStyles(hostRef);
853
+ }
854
+ const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
855
+ {
856
+ callRender(hostRef, instance, elm, isInitialLoad);
857
+ }
858
+ if (rc) {
859
+ rc.map((cb) => cb());
860
+ elm["s-rc"] = void 0;
861
+ }
862
+ endRender();
863
+ endUpdate();
864
+ {
865
+ const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
866
+ const postUpdate = () => postUpdateComponent(hostRef);
867
+ if (childrenPromises.length === 0) {
868
+ postUpdate();
869
+ } else {
870
+ Promise.all(childrenPromises).then(postUpdate);
871
+ hostRef.$flags$ |= 4 /* isWaitingForChildren */;
872
+ childrenPromises.length = 0;
873
+ }
874
+ }
875
+ };
876
+ var callRender = (hostRef, instance, elm, isInitialLoad) => {
877
+ try {
878
+ instance = instance.render() ;
879
+ {
880
+ hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
881
+ }
882
+ {
883
+ hostRef.$flags$ |= 2 /* hasRendered */;
884
+ }
885
+ {
886
+ {
887
+ {
888
+ renderVdom(hostRef, instance, isInitialLoad);
889
+ }
890
+ }
891
+ }
892
+ } catch (e) {
893
+ consoleError(e, hostRef.$hostElement$);
894
+ }
895
+ return null;
896
+ };
897
+ var postUpdateComponent = (hostRef) => {
898
+ const tagName = hostRef.$cmpMeta$.$tagName$;
899
+ const elm = hostRef.$hostElement$;
900
+ const endPostUpdate = createTime("postUpdate", tagName);
901
+ const instance = hostRef.$lazyInstance$ ;
902
+ const ancestorComponent = hostRef.$ancestorComponent$;
903
+ safeCall(instance, "componentDidRender", void 0, elm);
904
+ if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
905
+ hostRef.$flags$ |= 64 /* hasLoadedComponent */;
906
+ {
907
+ addHydratedFlag(elm);
908
+ }
909
+ safeCall(instance, "componentDidLoad", void 0, elm);
910
+ endPostUpdate();
911
+ {
912
+ hostRef.$onReadyResolve$(elm);
913
+ if (!ancestorComponent) {
914
+ appDidLoad();
915
+ }
916
+ }
917
+ } else {
918
+ safeCall(instance, "componentDidUpdate", void 0, elm);
919
+ endPostUpdate();
920
+ }
921
+ {
922
+ if (hostRef.$onRenderResolve$) {
923
+ hostRef.$onRenderResolve$();
924
+ hostRef.$onRenderResolve$ = void 0;
925
+ }
926
+ if (hostRef.$flags$ & 512 /* needsRerender */) {
927
+ nextTick(() => scheduleUpdate(hostRef, false));
928
+ }
929
+ hostRef.$flags$ &= -517;
930
+ }
931
+ };
932
+ var appDidLoad = (who) => {
933
+ nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
934
+ };
935
+ var safeCall = (instance, method, arg, elm) => {
936
+ if (instance && instance[method]) {
937
+ try {
938
+ return instance[method](arg);
939
+ } catch (e) {
940
+ consoleError(e, elm);
941
+ }
942
+ }
943
+ return void 0;
944
+ };
945
+ var addHydratedFlag = (elm) => {
946
+ var _a;
947
+ return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
948
+ };
949
+
950
+ // src/runtime/set-value.ts
951
+ var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
952
+ var setValue = (ref, propName, newVal, cmpMeta) => {
953
+ const hostRef = getHostRef(ref);
954
+ if (!hostRef) {
955
+ return;
956
+ }
957
+ if (!hostRef) {
958
+ throw new Error(
959
+ `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
960
+ );
961
+ }
962
+ const oldVal = hostRef.$instanceValues$.get(propName);
963
+ const flags = hostRef.$flags$;
964
+ const instance = hostRef.$lazyInstance$ ;
965
+ newVal = parsePropertyValue(
966
+ newVal,
967
+ cmpMeta.$members$[propName][0]);
968
+ const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
969
+ const didValueChange = newVal !== oldVal && !areBothNaN;
970
+ if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
971
+ hostRef.$instanceValues$.set(propName, newVal);
972
+ if (instance) {
973
+ if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
974
+ if (instance.componentShouldUpdate) {
975
+ if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
976
+ return;
977
+ }
978
+ }
979
+ scheduleUpdate(hostRef, false);
980
+ }
981
+ }
982
+ }
983
+ };
984
+
985
+ // src/runtime/proxy-component.ts
986
+ var proxyComponent = (Cstr, cmpMeta, flags) => {
987
+ var _a, _b;
988
+ const prototype = Cstr.prototype;
989
+ if (cmpMeta.$members$ || BUILD.propChangeCallback) {
990
+ const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
991
+ members.map(([memberName, [memberFlags]]) => {
992
+ if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
993
+ const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
994
+ if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
995
+ if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
996
+ if (flags & 1 /* isElementConstructor */ || !origGetter) {
997
+ Object.defineProperty(prototype, memberName, {
998
+ get() {
999
+ {
1000
+ if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
1001
+ return getValue(this, memberName);
1002
+ }
1003
+ const ref = getHostRef(this);
1004
+ const instance = ref ? ref.$lazyInstance$ : prototype;
1005
+ if (!instance) return;
1006
+ return instance[memberName];
1007
+ }
1008
+ },
1009
+ configurable: true,
1010
+ enumerable: true
1011
+ });
1012
+ }
1013
+ Object.defineProperty(prototype, memberName, {
1014
+ set(newValue) {
1015
+ const ref = getHostRef(this);
1016
+ if (!ref) {
1017
+ return;
1018
+ }
1019
+ if (origSetter) {
1020
+ const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1021
+ if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
1022
+ newValue = ref.$instanceValues$.get(memberName);
1023
+ }
1024
+ origSetter.apply(this, [
1025
+ parsePropertyValue(
1026
+ newValue,
1027
+ memberFlags)
1028
+ ]);
1029
+ newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1030
+ setValue(this, memberName, newValue, cmpMeta);
1031
+ return;
1032
+ }
1033
+ {
1034
+ if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
1035
+ setValue(this, memberName, newValue, cmpMeta);
1036
+ if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
1037
+ ref.$fetchedCbList$.push(() => {
1038
+ if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
1039
+ ref.$lazyInstance$[memberName] = newValue;
1040
+ }
1041
+ });
1042
+ }
1043
+ return;
1044
+ }
1045
+ const setterSetVal = () => {
1046
+ const currentValue = ref.$lazyInstance$[memberName];
1047
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
1048
+ ref.$instanceValues$.set(memberName, currentValue);
1049
+ }
1050
+ ref.$lazyInstance$[memberName] = parsePropertyValue(
1051
+ newValue,
1052
+ memberFlags);
1053
+ setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
1054
+ };
1055
+ if (ref.$lazyInstance$) {
1056
+ setterSetVal();
1057
+ } else {
1058
+ ref.$fetchedCbList$.push(() => {
1059
+ setterSetVal();
1060
+ });
1061
+ }
1062
+ }
1063
+ }
1064
+ });
1065
+ }
1066
+ });
1067
+ if ((flags & 1 /* isElementConstructor */)) {
1068
+ const attrNameToPropName = /* @__PURE__ */ new Map();
1069
+ prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
1070
+ plt.jmp(() => {
1071
+ var _a2;
1072
+ const propName = attrNameToPropName.get(attrName);
1073
+ const hostRef = getHostRef(this);
1074
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
1075
+ newValue = this[propName];
1076
+ delete this[propName];
1077
+ }
1078
+ if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1079
+ this[propName] == newValue) {
1080
+ return;
1081
+ } else if (propName == null) {
1082
+ const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1083
+ if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
1084
+ const instance = hostRef.$lazyInstance$ ;
1085
+ const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
1086
+ entry == null ? void 0 : entry.forEach((callbackName) => {
1087
+ if (instance[callbackName] != null) {
1088
+ instance[callbackName].call(instance, newValue, oldValue, attrName);
1089
+ }
1090
+ });
1091
+ }
1092
+ return;
1093
+ }
1094
+ const propFlags = members.find(([m]) => m === propName);
1095
+ if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
1096
+ newValue = newValue === null || newValue === "false" ? false : true;
1097
+ }
1098
+ const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1099
+ if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
1100
+ this[propName] = newValue;
1101
+ }
1102
+ });
1103
+ };
1104
+ Cstr.observedAttributes = Array.from(
1105
+ /* @__PURE__ */ new Set([
1106
+ ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
1107
+ ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
1108
+ const attrName = m[1] || propName;
1109
+ attrNameToPropName.set(attrName, propName);
1110
+ return attrName;
1111
+ })
1112
+ ])
1113
+ );
1114
+ }
1115
+ }
1116
+ return Cstr;
1117
+ };
1118
+
1119
+ // src/runtime/initialize-component.ts
1120
+ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1121
+ let Cstr;
1122
+ if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
1123
+ hostRef.$flags$ |= 32 /* hasInitializedComponent */;
1124
+ const bundleId = cmpMeta.$lazyBundleId$;
1125
+ if (bundleId) {
1126
+ const CstrImport = loadModule(cmpMeta, hostRef);
1127
+ if (CstrImport && "then" in CstrImport) {
1128
+ const endLoad = uniqueTime();
1129
+ Cstr = await CstrImport;
1130
+ endLoad();
1131
+ } else {
1132
+ Cstr = CstrImport;
1133
+ }
1134
+ if (!Cstr) {
1135
+ throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
1136
+ }
1137
+ if (!Cstr.isProxied) {
1138
+ proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
1139
+ Cstr.isProxied = true;
1140
+ }
1141
+ const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
1142
+ {
1143
+ hostRef.$flags$ |= 8 /* isConstructingInstance */;
1144
+ }
1145
+ try {
1146
+ new Cstr(hostRef);
1147
+ } catch (e) {
1148
+ consoleError(e, elm);
1149
+ }
1150
+ {
1151
+ hostRef.$flags$ &= -9 /* isConstructingInstance */;
1152
+ }
1153
+ endNewInstance();
1154
+ fireConnectedCallback(hostRef.$lazyInstance$, elm);
1155
+ } else {
1156
+ Cstr = elm.constructor;
1157
+ const cmpTag = elm.localName;
1158
+ customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1159
+ }
1160
+ if (Cstr && Cstr.style) {
1161
+ let style;
1162
+ if (typeof Cstr.style === "string") {
1163
+ style = Cstr.style;
1164
+ }
1165
+ const scopeId2 = getScopeId(cmpMeta);
1166
+ if (!styles.has(scopeId2)) {
1167
+ const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
1168
+ registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
1169
+ endRegisterStyles();
1170
+ }
1171
+ }
1172
+ }
1173
+ const ancestorComponent = hostRef.$ancestorComponent$;
1174
+ const schedule = () => scheduleUpdate(hostRef, true);
1175
+ if (ancestorComponent && ancestorComponent["s-rc"]) {
1176
+ ancestorComponent["s-rc"].push(schedule);
1177
+ } else {
1178
+ schedule();
1179
+ }
1180
+ };
1181
+ var fireConnectedCallback = (instance, elm) => {
1182
+ {
1183
+ safeCall(instance, "connectedCallback", void 0, elm);
1184
+ }
1185
+ };
1186
+
1187
+ // src/runtime/connected-callback.ts
1188
+ var connectedCallback = (elm) => {
1189
+ if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1190
+ const hostRef = getHostRef(elm);
1191
+ if (!hostRef) {
1192
+ return;
1193
+ }
1194
+ const cmpMeta = hostRef.$cmpMeta$;
1195
+ const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
1196
+ if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
1197
+ hostRef.$flags$ |= 1 /* hasConnected */;
1198
+ {
1199
+ let ancestorComponent = elm;
1200
+ while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
1201
+ if (ancestorComponent["s-p"]) {
1202
+ attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
1203
+ break;
1204
+ }
1205
+ }
1206
+ }
1207
+ if (cmpMeta.$members$) {
1208
+ Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
1209
+ if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
1210
+ const value = elm[memberName];
1211
+ delete elm[memberName];
1212
+ elm[memberName] = value;
1213
+ }
1214
+ });
1215
+ }
1216
+ {
1217
+ initializeComponent(elm, hostRef, cmpMeta);
1218
+ }
1219
+ } else {
1220
+ if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
1221
+ fireConnectedCallback(hostRef.$lazyInstance$, elm);
1222
+ } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1223
+ hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
1224
+ }
1225
+ }
1226
+ endConnected();
1227
+ }
1228
+ };
1229
+ var disconnectInstance = (instance, elm) => {
1230
+ {
1231
+ safeCall(instance, "disconnectedCallback", void 0, elm || instance);
1232
+ }
1233
+ };
1234
+ var disconnectedCallback = async (elm) => {
1235
+ if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1236
+ const hostRef = getHostRef(elm);
1237
+ if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
1238
+ disconnectInstance(hostRef.$lazyInstance$, elm);
1239
+ } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1240
+ hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
1241
+ }
1242
+ }
1243
+ if (rootAppliedStyles.has(elm)) {
1244
+ rootAppliedStyles.delete(elm);
1245
+ }
1246
+ if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1247
+ rootAppliedStyles.delete(elm.shadowRoot);
1248
+ }
1249
+ };
1250
+
1251
+ // src/runtime/bootstrap-lazy.ts
1252
+ var bootstrapLazy = (lazyBundles, options = {}) => {
1253
+ var _a;
1254
+ if (!win.document) {
1255
+ console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
1256
+ return;
1257
+ }
1258
+ const endBootstrap = createTime();
1259
+ const cmpTags = [];
1260
+ const exclude = options.exclude || [];
1261
+ const customElements2 = win.customElements;
1262
+ const head = win.document.head;
1263
+ const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
1264
+ const dataStyles = /* @__PURE__ */ win.document.createElement("style");
1265
+ const deferredConnectedCallbacks = [];
1266
+ let appLoadFallback;
1267
+ let isBootstrapping = true;
1268
+ Object.assign(plt, options);
1269
+ plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
1270
+ let hasSlotRelocation = false;
1271
+ lazyBundles.map((lazyBundle) => {
1272
+ lazyBundle[1].map((compactMeta) => {
1273
+ const cmpMeta = {
1274
+ $flags$: compactMeta[0],
1275
+ $tagName$: compactMeta[1],
1276
+ $members$: compactMeta[2],
1277
+ $listeners$: compactMeta[3]
1278
+ };
1279
+ if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
1280
+ hasSlotRelocation = true;
1281
+ }
1282
+ {
1283
+ cmpMeta.$members$ = compactMeta[2];
1284
+ }
1285
+ const tagName = transformTag(cmpMeta.$tagName$);
1286
+ const HostElement = class extends HTMLElement {
1287
+ // StencilLazyHost
1288
+ constructor(self) {
1289
+ super(self);
1290
+ this.hasRegisteredEventListeners = false;
1291
+ self = this;
1292
+ registerHost(self, cmpMeta);
1293
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
1294
+ {
1295
+ if (!self.shadowRoot) {
1296
+ createShadowRoot.call(self, cmpMeta);
1297
+ } else {
1298
+ if (self.shadowRoot.mode !== "open") {
1299
+ throw new Error(
1300
+ `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
1301
+ );
1302
+ }
1303
+ }
1304
+ }
1305
+ }
1306
+ }
1307
+ connectedCallback() {
1308
+ const hostRef = getHostRef(this);
1309
+ if (!hostRef) {
1310
+ return;
1311
+ }
1312
+ if (!this.hasRegisteredEventListeners) {
1313
+ this.hasRegisteredEventListeners = true;
1314
+ }
1315
+ if (appLoadFallback) {
1316
+ clearTimeout(appLoadFallback);
1317
+ appLoadFallback = null;
1318
+ }
1319
+ if (isBootstrapping) {
1320
+ deferredConnectedCallbacks.push(this);
1321
+ } else {
1322
+ plt.jmp(() => connectedCallback(this));
1323
+ }
1324
+ }
1325
+ disconnectedCallback() {
1326
+ plt.jmp(() => disconnectedCallback(this));
1327
+ plt.raf(() => {
1328
+ var _a3;
1329
+ const hostRef = getHostRef(this);
1330
+ if (!hostRef) {
1331
+ return;
1332
+ }
1333
+ const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
1334
+ if (i2 > -1) {
1335
+ deferredConnectedCallbacks.splice(i2, 1);
1336
+ }
1337
+ if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
1338
+ delete hostRef.$vnode$.$elm$;
1339
+ }
1340
+ });
1341
+ }
1342
+ componentOnReady() {
1343
+ var _a3;
1344
+ return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
1345
+ }
1346
+ };
1347
+ cmpMeta.$lazyBundleId$ = lazyBundle[0];
1348
+ if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
1349
+ cmpTags.push(tagName);
1350
+ customElements2.define(
1351
+ tagName,
1352
+ proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
1353
+ );
1354
+ }
1355
+ });
1356
+ });
1357
+ if (cmpTags.length > 0) {
1358
+ if (hasSlotRelocation) {
1359
+ dataStyles.textContent += SLOT_FB_CSS;
1360
+ }
1361
+ {
1362
+ dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
1363
+ }
1364
+ if (dataStyles.innerHTML.length) {
1365
+ dataStyles.setAttribute("data-styles", "");
1366
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
1367
+ if (nonce != null) {
1368
+ dataStyles.setAttribute("nonce", nonce);
1369
+ }
1370
+ head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
1371
+ }
1372
+ }
1373
+ isBootstrapping = false;
1374
+ if (deferredConnectedCallbacks.length) {
1375
+ deferredConnectedCallbacks.map((host) => host.connectedCallback());
1376
+ } else {
1377
+ {
1378
+ plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
1379
+ }
1380
+ }
1381
+ endBootstrap();
1382
+ };
1383
+
1384
+ // src/runtime/nonce.ts
1385
+ var setNonce = (nonce) => plt.$nonce$ = nonce;
1386
+ function transformTag(tag) {
1387
+ return tag;
1388
+ }
1389
+
1390
+ exports.bootstrapLazy = bootstrapLazy;
1391
+ exports.globalScripts = globalScripts;
1392
+ exports.h = h;
1393
+ exports.promiseResolve = promiseResolve;
1394
+ exports.registerInstance = registerInstance;
1395
+ exports.setNonce = setNonce;
1396
+ //# sourceMappingURL=index-D8A-8VrK.js.map
1397
+
1398
+ //# sourceMappingURL=index-D8A-8VrK.js.map