@marioschmidt/design-system-components 1.0.76 → 1.0.77

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