@marioschmidt/design-system-components 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bds/bds.esm.js +1 -1
- package/dist/bds/{p-Bi1FQZ1d.js → p-DUrpTa_b.js} +2 -2
- package/dist/bds/p-f4e1fe1f.entry.js +1 -0
- package/dist/cjs/bds.cjs.js +2 -2
- package/dist/cjs/ds-button_3.cjs.entry.js +216 -0
- package/dist/cjs/{index-C-P4EzGy.js → index-yDPq0GyD.js} +105 -5
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/ds-button/ds-button.css +12 -0
- package/dist/collection/ds-button/ds-button.js +1 -1
- package/dist/collection/ds-card/ds-card.js +2 -2
- package/dist/collection/ds-icon/ds-icon.css +75 -0
- package/dist/collection/ds-icon/ds-icon.js +317 -0
- package/dist/components/ds-button.js +1 -1
- package/dist/components/ds-card.js +1 -1
- package/dist/components/ds-icon.d.ts +11 -0
- package/dist/components/ds-icon.js +1 -0
- package/dist/components/index.js +1 -1
- package/dist/docs/ds-icon/readme.md +19 -0
- package/dist/esm/bds.js +3 -3
- package/dist/esm/ds-button_3.entry.js +212 -0
- package/dist/esm/{index-Bi1FQZ1d.js → index-DUrpTa_b.js} +105 -6
- package/dist/esm/loader.js +3 -3
- package/dist/types/components.d.ts +71 -0
- package/dist/types/ds-icon/ds-icon.d.ts +58 -0
- package/dist/www/build/bds.esm.js +1 -1
- package/dist/www/build/{p-Bi1FQZ1d.js → p-DUrpTa_b.js} +2 -2
- package/dist/www/build/p-f4e1fe1f.entry.js +1 -0
- package/dist/www/css/advertorial/components/_dsysdocs.css +1 -1
- package/dist/www/css/advertorial/components/article.css +1 -1
- package/dist/www/css/advertorial/components/audioplayer.css +1 -1
- package/dist/www/css/advertorial/components/avatar.css +1 -1
- package/dist/www/css/advertorial/components/badge.css +1 -1
- package/dist/www/css/advertorial/components/breadcrumb.css +1 -1
- package/dist/www/css/advertorial/components/breakingnews.css +1 -1
- package/dist/www/css/advertorial/components/button.css +1 -1
- package/dist/www/css/advertorial/components/card.css +1 -1
- package/dist/www/css/advertorial/components/carousel.css +1 -1
- package/dist/www/css/advertorial/components/chip.css +1 -1
- package/dist/www/css/advertorial/components/datepicker.css +1 -1
- package/dist/www/css/advertorial/components/drawers.css +1 -1
- package/dist/www/css/advertorial/components/dropdown.css +1 -1
- package/dist/www/css/advertorial/components/footer.css +1 -1
- package/dist/www/css/advertorial/components/icon.css +1 -1
- package/dist/www/css/advertorial/components/iconbutton.css +1 -1
- package/dist/www/css/advertorial/components/infoelement.css +1 -1
- package/dist/www/css/advertorial/components/inputfield.css +1 -1
- package/dist/www/css/advertorial/components/liveticker.css +1 -1
- package/dist/www/css/advertorial/components/mediaplayer.css +1 -1
- package/dist/www/css/advertorial/components/menu.css +1 -1
- package/dist/www/css/advertorial/components/newsticker.css +1 -1
- package/dist/www/css/advertorial/components/pagination.css +1 -1
- package/dist/www/css/advertorial/components/paywall.css +1 -1
- package/dist/www/css/advertorial/components/quote.css +1 -1
- package/dist/www/css/advertorial/components/radiobutton.css +1 -1
- package/dist/www/css/advertorial/components/search.css +1 -1
- package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
- package/dist/www/css/advertorial/components/separator.css +1 -1
- package/dist/www/css/advertorial/components/skeletons.css +1 -1
- package/dist/www/css/advertorial/components/slider.css +1 -1
- package/dist/www/css/advertorial/components/specialnavi.css +1 -1
- package/dist/www/css/advertorial/components/spinner.css +1 -1
- package/dist/www/css/advertorial/components/tab.css +1 -1
- package/dist/www/css/advertorial/components/table.css +1 -1
- package/dist/www/css/advertorial/components/teaser.css +1 -1
- package/dist/www/css/advertorial/components/toggleswitch.css +1 -1
- package/dist/www/css/advertorial/components/video.css +1 -1
- package/dist/www/css/advertorial/theme.css +1 -1
- package/dist/www/css/advertorial/tokens.css +1 -1
- package/dist/www/css/bild/components/_dsysdoc.css +1 -1
- package/dist/www/css/bild/components/_dsysdocs.css +1 -1
- package/dist/www/css/bild/components/alert.css +1 -1
- package/dist/www/css/bild/components/article.css +1 -1
- package/dist/www/css/bild/components/audioplayer.css +1 -1
- package/dist/www/css/bild/components/avatar.css +1 -1
- package/dist/www/css/bild/components/badge.css +1 -1
- package/dist/www/css/bild/components/breadcrumb.css +1 -1
- package/dist/www/css/bild/components/breakingnews.css +1 -1
- package/dist/www/css/bild/components/button.css +1 -1
- package/dist/www/css/bild/components/card.css +1 -1
- package/dist/www/css/bild/components/carousel.css +1 -1
- package/dist/www/css/bild/components/chip.css +1 -1
- package/dist/www/css/bild/components/datepicker.css +1 -1
- package/dist/www/css/bild/components/drawers.css +1 -1
- package/dist/www/css/bild/components/dropdown.css +1 -1
- package/dist/www/css/bild/components/empties.css +1 -1
- package/dist/www/css/bild/components/footer.css +1 -1
- package/dist/www/css/bild/components/gallery.css +1 -1
- package/dist/www/css/bild/components/icon.css +1 -1
- package/dist/www/css/bild/components/iconbutton.css +1 -1
- package/dist/www/css/bild/components/infoelement.css +1 -1
- package/dist/www/css/bild/components/inputfield.css +1 -1
- package/dist/www/css/bild/components/kicker.css +1 -1
- package/dist/www/css/bild/components/liveticker.css +1 -1
- package/dist/www/css/bild/components/mediaplayer.css +1 -1
- package/dist/www/css/bild/components/menu.css +1 -1
- package/dist/www/css/bild/components/menuitem.css +1 -1
- package/dist/www/css/bild/components/newsticker.css +1 -1
- package/dist/www/css/bild/components/pagination.css +1 -1
- package/dist/www/css/bild/components/partnerlinks.css +1 -1
- package/dist/www/css/bild/components/paywall.css +1 -1
- package/dist/www/css/bild/components/quote.css +1 -1
- package/dist/www/css/bild/components/radiobutton.css +1 -1
- package/dist/www/css/bild/components/search.css +1 -1
- package/dist/www/css/bild/components/sectiontitle.css +1 -1
- package/dist/www/css/bild/components/selection.css +1 -1
- package/dist/www/css/bild/components/separator.css +1 -1
- package/dist/www/css/bild/components/skeletons.css +1 -1
- package/dist/www/css/bild/components/slider.css +1 -1
- package/dist/www/css/bild/components/specialnavi.css +1 -1
- package/dist/www/css/bild/components/spinner.css +1 -1
- package/dist/www/css/bild/components/subheader.css +1 -1
- package/dist/www/css/bild/components/tab.css +1 -1
- package/dist/www/css/bild/components/table.css +1 -1
- package/dist/www/css/bild/components/teaser.css +1 -1
- package/dist/www/css/bild/components/toggleswitch.css +1 -1
- package/dist/www/css/bild/components/video.css +1 -1
- package/dist/www/css/bild/theme.css +1 -1
- package/dist/www/css/bild/tokens.css +1 -1
- package/dist/www/css/bundles/advertorial.css +1 -1
- package/dist/www/css/bundles/bild.css +1 -1
- package/dist/www/css/bundles/sportbild.css +1 -1
- package/dist/www/css/shared/colorprimitive.css +1 -1
- package/dist/www/css/shared/fontprimitive.css +1 -1
- package/dist/www/css/shared/primitives.css +1 -1
- package/dist/www/css/shared/sizeprimitive.css +1 -1
- package/dist/www/css/shared/spaceprimitive.css +1 -1
- package/dist/www/css/sportbild/components/_dsysdoc.css +1 -1
- package/dist/www/css/sportbild/components/_dsysdocs.css +1 -1
- package/dist/www/css/sportbild/components/alert.css +1 -1
- package/dist/www/css/sportbild/components/article.css +1 -1
- package/dist/www/css/sportbild/components/audioplayer.css +1 -1
- package/dist/www/css/sportbild/components/avatar.css +1 -1
- package/dist/www/css/sportbild/components/badge.css +1 -1
- package/dist/www/css/sportbild/components/breadcrumb.css +1 -1
- package/dist/www/css/sportbild/components/breakingnews.css +1 -1
- package/dist/www/css/sportbild/components/button.css +1 -1
- package/dist/www/css/sportbild/components/card.css +1 -1
- package/dist/www/css/sportbild/components/carousel.css +1 -1
- package/dist/www/css/sportbild/components/chip.css +1 -1
- package/dist/www/css/sportbild/components/datepicker.css +1 -1
- package/dist/www/css/sportbild/components/drawers.css +1 -1
- package/dist/www/css/sportbild/components/dropdown.css +1 -1
- package/dist/www/css/sportbild/components/empties.css +1 -1
- package/dist/www/css/sportbild/components/footer.css +1 -1
- package/dist/www/css/sportbild/components/gallery.css +1 -1
- package/dist/www/css/sportbild/components/icon.css +1 -1
- package/dist/www/css/sportbild/components/iconbutton.css +1 -1
- package/dist/www/css/sportbild/components/infoelement.css +1 -1
- package/dist/www/css/sportbild/components/inputfield.css +1 -1
- package/dist/www/css/sportbild/components/kicker.css +1 -1
- package/dist/www/css/sportbild/components/liveticker.css +1 -1
- package/dist/www/css/sportbild/components/mediaplayer.css +1 -1
- package/dist/www/css/sportbild/components/menu.css +1 -1
- package/dist/www/css/sportbild/components/menuitem.css +1 -1
- package/dist/www/css/sportbild/components/newsticker.css +1 -1
- package/dist/www/css/sportbild/components/pagination.css +1 -1
- package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
- package/dist/www/css/sportbild/components/paywall.css +1 -1
- package/dist/www/css/sportbild/components/quote.css +1 -1
- package/dist/www/css/sportbild/components/radiobutton.css +1 -1
- package/dist/www/css/sportbild/components/search.css +1 -1
- package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
- package/dist/www/css/sportbild/components/selection.css +1 -1
- package/dist/www/css/sportbild/components/separator.css +1 -1
- package/dist/www/css/sportbild/components/skeletons.css +1 -1
- package/dist/www/css/sportbild/components/slider.css +1 -1
- package/dist/www/css/sportbild/components/specialnavi.css +1 -1
- package/dist/www/css/sportbild/components/spinner.css +1 -1
- package/dist/www/css/sportbild/components/subheader.css +1 -1
- package/dist/www/css/sportbild/components/tab.css +1 -1
- package/dist/www/css/sportbild/components/table.css +1 -1
- package/dist/www/css/sportbild/components/teaser.css +1 -1
- package/dist/www/css/sportbild/components/toggleswitch.css +1 -1
- package/dist/www/css/sportbild/components/video.css +1 -1
- package/dist/www/css/sportbild/theme.css +1 -1
- package/dist/www/css/sportbild/tokens.css +1 -1
- package/dist/www/icons/2-liga-logo.svg +1 -0
- package/dist/www/icons/account.svg +1 -0
- package/dist/www/icons/add.svg +1 -0
- package/dist/www/icons/adjust.svg +1 -0
- package/dist/www/icons/android.svg +1 -0
- package/dist/www/icons/apple-ios.svg +1 -0
- package/dist/www/icons/arrow-down.svg +1 -0
- package/dist/www/icons/arrow-left.svg +1 -0
- package/dist/www/icons/arrow-right.svg +1 -0
- package/dist/www/icons/arrow-up.svg +1 -0
- package/dist/www/icons/arscan.svg +1 -0
- package/dist/www/icons/auto.svg +1 -0
- package/dist/www/icons/autobild-logo.svg +1 -0
- package/dist/www/icons/bams-logo.svg +1 -0
- package/dist/www/icons/basketball.svg +1 -0
- package/dist/www/icons/bild-club-logo.svg +1 -0
- package/dist/www/icons/bild-logo.svg +1 -0
- package/dist/www/icons/bildplay-logo.svg +1 -0
- package/dist/www/icons/bildplus-logo-simple.svg +1 -0
- package/dist/www/icons/bildplus-logo.svg +1 -0
- package/dist/www/icons/bin.svg +1 -0
- package/dist/www/icons/bookmark.svg +1 -0
- package/dist/www/icons/boxing.svg +1 -0
- package/dist/www/icons/bundesliga-logo.svg +1 -0
- package/dist/www/icons/burgermenu.svg +1 -0
- package/dist/www/icons/calendar.svg +1 -0
- package/dist/www/icons/camera.svg +1 -0
- package/dist/www/icons/cards.svg +1 -0
- package/dist/www/icons/checklist.svg +1 -0
- package/dist/www/icons/checkmark-circled.svg +1 -0
- package/dist/www/icons/checkmark.svg +1 -0
- package/dist/www/icons/chevron-down.svg +1 -0
- package/dist/www/icons/chevron-left.svg +1 -0
- package/dist/www/icons/chevron-right.svg +1 -0
- package/dist/www/icons/chevron-up.svg +1 -0
- package/dist/www/icons/clock.svg +1 -0
- package/dist/www/icons/close.svg +1 -0
- package/dist/www/icons/comment.svg +1 -0
- package/dist/www/icons/computerbild-logo.svg +1 -0
- package/dist/www/icons/controller.svg +1 -0
- package/dist/www/icons/copy.svg +1 -0
- package/dist/www/icons/credit-card.svg +1 -0
- package/dist/www/icons/dark-mode.svg +1 -0
- package/dist/www/icons/data-protection.svg +1 -0
- package/dist/www/icons/desktop-checkmark.svg +1 -0
- package/dist/www/icons/desktop-questionmark.svg +1 -0
- package/dist/www/icons/desktop.svg +1 -0
- package/dist/www/icons/digital.svg +1 -0
- package/dist/www/icons/download.svg +1 -0
- package/dist/www/icons/edit.svg +1 -0
- package/dist/www/icons/enter-fullscreen.svg +1 -0
- package/dist/www/icons/erotik.svg +1 -0
- package/dist/www/icons/exclamationmark-circle.svg +1 -0
- package/dist/www/icons/exit-fullscreen.svg +1 -0
- package/dist/www/icons/external-intext.svg +1 -0
- package/dist/www/icons/external-link.svg +1 -0
- package/dist/www/icons/fast-back-chevron.svg +1 -0
- package/dist/www/icons/fast-back-filled.svg +1 -0
- package/dist/www/icons/fast-back.svg +1 -0
- package/dist/www/icons/fast-forward-chevron.svg +1 -0
- package/dist/www/icons/fast-forward-filled.svg +1 -0
- package/dist/www/icons/fast-forward.svg +1 -0
- package/dist/www/icons/fast-upward.svg +1 -0
- package/dist/www/icons/football.svg +1 -0
- package/dist/www/icons/fussball.svg +1 -0
- package/dist/www/icons/geld.svg +1 -0
- package/dist/www/icons/gesundheit.svg +1 -0
- package/dist/www/icons/gewinnspiele.svg +1 -0
- package/dist/www/icons/gtcs.svg +1 -0
- package/dist/www/icons/handball.svg +1 -0
- package/dist/www/icons/headphones.svg +1 -0
- package/dist/www/icons/heart.svg +1 -0
- package/dist/www/icons/hey-logo.svg +1 -0
- package/dist/www/icons/hide.svg +1 -0
- package/dist/www/icons/history.svg +1 -0
- package/dist/www/icons/hockey.svg +1 -0
- package/dist/www/icons/home.svg +1 -0
- package/dist/www/icons/horoskop.svg +1 -0
- package/dist/www/icons/image-gallery.svg +1 -0
- package/dist/www/icons/image.svg +1 -0
- package/dist/www/icons/imprint.svg +1 -0
- package/dist/www/icons/information.svg +1 -0
- package/dist/www/icons/input.svg +1 -0
- package/dist/www/icons/kino.svg +1 -0
- package/dist/www/icons/lifestyle.svg +1 -0
- package/dist/www/icons/light-mode.svg +1 -0
- package/dist/www/icons/list-checked.svg +1 -0
- package/dist/www/icons/live-badge.svg +1 -0
- package/dist/www/icons/locked.svg +1 -0
- package/dist/www/icons/log-out.svg +1 -0
- package/dist/www/icons/logged-in.svg +1 -0
- package/dist/www/icons/login.svg +1 -0
- package/dist/www/icons/lotto.svg +1 -0
- package/dist/www/icons/mail.svg +1 -0
- package/dist/www/icons/manifest.json +33 -0
- package/dist/www/icons/marktplatz-logo.svg +1 -0
- package/dist/www/icons/maximize-pip.svg +1 -0
- package/dist/www/icons/maximize.svg +1 -0
- package/dist/www/icons/mein-verein.svg +1 -0
- package/dist/www/icons/menu.svg +1 -0
- package/dist/www/icons/minimize-pip.svg +1 -0
- package/dist/www/icons/minimize.svg +1 -0
- package/dist/www/icons/motorsport.svg +1 -0
- package/dist/www/icons/mute.svg +1 -0
- package/dist/www/icons/mypass.svg +1 -0
- package/dist/www/icons/netid.svg +1 -0
- package/dist/www/icons/news-ticker.svg +1 -0
- package/dist/www/icons/news.svg +1 -0
- package/dist/www/icons/notifications-off.svg +1 -0
- package/dist/www/icons/notifications-on.svg +1 -0
- package/dist/www/icons/ost-sport.svg +1 -0
- package/dist/www/icons/paper.svg +1 -0
- package/dist/www/icons/participate.svg +1 -0
- package/dist/www/icons/pause-filled.svg +1 -0
- package/dist/www/icons/pause.svg +1 -0
- package/dist/www/icons/payment-mastercard.svg +1 -0
- package/dist/www/icons/pin.svg +1 -0
- package/dist/www/icons/placeholder.svg +1 -0
- package/dist/www/icons/play-filled.svg +1 -0
- package/dist/www/icons/play.svg +1 -0
- package/dist/www/icons/podcast-amazon.svg +1 -0
- package/dist/www/icons/podcast-applepodcast.svg +1 -0
- package/dist/www/icons/podcast-deezer.svg +1 -0
- package/dist/www/icons/podcast-googlepodcasts.svg +1 -0
- package/dist/www/icons/podcast-spotify.svg +1 -0
- package/dist/www/icons/politik.svg +1 -0
- package/dist/www/icons/push-notification.svg +1 -0
- package/dist/www/icons/questionmark-circle.svg +1 -0
- package/dist/www/icons/quote.svg +1 -0
- package/dist/www/icons/raetsel.svg +1 -0
- package/dist/www/icons/ratgeber.svg +1 -0
- package/dist/www/icons/regio.svg +1 -0
- package/dist/www/icons/reise.svg +1 -0
- package/dist/www/icons/reload.svg +1 -0
- package/dist/www/icons/replay.svg +1 -0
- package/dist/www/icons/ressorts.svg +1 -0
- package/dist/www/icons/revocation.svg +1 -0
- package/dist/www/icons/rewind-ten-sec.svg +1 -0
- package/dist/www/icons/search.svg +1 -0
- package/dist/www/icons/send.svg +1 -0
- package/dist/www/icons/settings.svg +1 -0
- package/dist/www/icons/sex-und-liebe.svg +1 -0
- package/dist/www/icons/share.svg +1 -0
- package/dist/www/icons/sharecast.svg +1 -0
- package/dist/www/icons/shopping-cart.svg +1 -0
- package/dist/www/icons/show.svg +1 -0
- package/dist/www/icons/sign-up.svg +1 -0
- package/dist/www/icons/skip-next-chevron.svg +1 -0
- package/dist/www/icons/skip-next-filled.svg +1 -0
- package/dist/www/icons/skip-next.svg +1 -0
- package/dist/www/icons/skip-previous-chevron.svg +1 -0
- package/dist/www/icons/skip-previous-filled.svg +1 -0
- package/dist/www/icons/skip-previous.svg +1 -0
- package/dist/www/icons/skip-ten-sec.svg +1 -0
- package/dist/www/icons/smartphone.svg +1 -0
- package/dist/www/icons/social-facebook.svg +1 -0
- package/dist/www/icons/social-fb-messagner.svg +1 -0
- package/dist/www/icons/social-google.svg +1 -0
- package/dist/www/icons/social-instagram.svg +1 -0
- package/dist/www/icons/social-linkedin.svg +1 -0
- package/dist/www/icons/social-snapchat.svg +1 -0
- package/dist/www/icons/social-whatsapp.svg +1 -0
- package/dist/www/icons/social-x-twitter.svg +1 -0
- package/dist/www/icons/social-xing.svg +1 -0
- package/dist/www/icons/social-youtube.svg +1 -0
- package/dist/www/icons/speed.svg +1 -0
- package/dist/www/icons/sport-bild-logo.svg +1 -0
- package/dist/www/icons/sport-live.svg +1 -0
- package/dist/www/icons/sport-ticker.svg +1 -0
- package/dist/www/icons/sport.svg +1 -0
- package/dist/www/icons/sportimtv.svg +1 -0
- package/dist/www/icons/ssl.svg +1 -0
- package/dist/www/icons/star.svg +1 -0
- package/dist/www/icons/substract.svg +1 -0
- package/dist/www/icons/sz-ticker.svg +1 -0
- package/dist/www/icons/telephone.svg +1 -0
- package/dist/www/icons/tennis.svg +1 -0
- package/dist/www/icons/three-dot-horizontal.svg +1 -0
- package/dist/www/icons/three-dot-vertical.svg +1 -0
- package/dist/www/icons/thumbs-down.svg +1 -0
- package/dist/www/icons/thumbs-up.svg +1 -0
- package/dist/www/icons/trending.svg +1 -0
- package/dist/www/icons/tv.svg +1 -0
- package/dist/www/icons/unlocked.svg +1 -0
- package/dist/www/icons/unquote.svg +1 -0
- package/dist/www/icons/unterhaltung.svg +1 -0
- package/dist/www/icons/upload.svg +1 -0
- package/dist/www/icons/us-sport.svg +1 -0
- package/dist/www/icons/verimi.svg +1 -0
- package/dist/www/icons/video-error.svg +1 -0
- package/dist/www/icons/video-recommendations.svg +1 -0
- package/dist/www/icons/video.svg +1 -0
- package/dist/www/icons/volume-down.svg +1 -0
- package/dist/www/icons/volume-up.svg +1 -0
- package/dist/www/icons/vote.svg +1 -0
- package/dist/www/icons/warning.svg +1 -0
- package/dist/www/icons/web.svg +1 -0
- package/dist/www/icons/wetter.svg +1 -0
- package/dist/www/icons/wrestling.svg +1 -0
- package/dist/www/icons/zoom-in.svg +1 -0
- package/dist/www/index.html +2 -2
- package/package.json +1 -1
- package/dist/bds/p-3f9754c9.entry.js +0 -1
- package/dist/cjs/ds-button_2.cjs.entry.js +0 -51
- package/dist/esm/ds-button_2.entry.js +0 -48
- package/dist/www/build/p-3f9754c9.entry.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'bds';
|
|
2
|
-
const BUILD = /* bds */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true,
|
|
2
|
+
const BUILD = /* bds */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
|
|
3
3
|
|
|
4
4
|
const globalScripts = () => {};
|
|
5
5
|
const globalStyles = ":root,:host{--color-bild-red-50:#DD0000;--color-bild-red-40:#C10000;--color-bild-red-60:#F75849;--color-bild-red-10:#410000;--color-bild-red-90:#FFDADA;--color-bild-red-20:#680000;--color-bild-red-30:#930000;--color-bild-red-80:#FFB2B2;--color-bild-red-95:#FFECEC;--color-bild-red-70:#FF8989;--color-bild-purple-20:#551937;--color-bild-red-50-a-80:rgba(221, 0, 0, 0.8);--color-neutral-15:#222628;--color-neutral-100:#FFFFFF;--color-neutral-80:#C4C9CF;--color-neutral-30:#40464D;--color-neutral-25:#343C41;--color-neutral-60:#8C9196;--color-neutral-95:#F2F4F5;--color-neutral-90:#DDE1E2;--color-neutral-70:#A6ABB0;--color-neutral-40:#565A5F;--color-neutral-10:#191B1C;--color-neutral-20:#2C3133;--color-neutral-0:#000000;--color-neutral-50:#6E787C;--color-orange-70:#FD8227;--color-orange-30:#763301;--color-orange-40:#9E4401;--color-orange-50:#C65502;--color-orange-80:#FEB782;--color-orange-90:#FEDBC1;--color-orange-95:#FFEDDF;--color-orange-60:#EF6702;--color-orange-20:#522301;--color-orange-10:#2F1400;--color-green-70:#00C373;--color-green-90:#B9EFCD;--color-green-40:#006E3E;--color-green-60:#00AF67;--color-green-10:#052013;--color-green-30:#0D5232;--color-green-20:#093822;--color-green-50:#158751;--color-green-95:#DEF7E6;--color-green-80:#76DA9F;--color-yellow-80:#FFBF00;--color-yellow-70:#D9A200;--color-yellow-90:#FFE082;--color-yellow-95:#FFF0C2;--color-yellow-10:#241B00;--color-yellow-20:#3D2E00;--color-yellow-30:#594300;--color-yellow-40:#785A00;--color-yellow-50:#967100;--color-yellow-60:#B88A00;--color-neutral-0-a-20:rgba(0, 0, 0, 0.2);--color-neutral-0-a-10:rgba(0, 0, 0, 0.1);--color-neutral-0-a-60:rgba(0, 0, 0, 0.6);--color-neutral-0-a-30:rgba(0, 0, 0, 0.3);--color-neutral-0-a-70:rgba(0, 0, 0, 0.7);--color-neutral-100-a-10:rgba(255, 255, 255, 0.1);--color-neutral-100-a-20:rgba(255, 255, 255, 0.2);--color-neutral-100-a-30:rgba(255, 255, 255, 0.3);--color-neutral-100-a-60:rgba(255, 255, 255, 0.6);--color-neutral-100-a-70:rgba(255, 255, 255, 0.7);--color-neutral-100-a-35:rgba(255, 255, 255, 0.35);--color-neutral-0-a-80:rgba(0, 0, 0, 0.8);--color-neutral-100-a-80:rgba(255, 255, 255, 0.8);--color-neutral-0-a-35:rgba(0, 0, 0, 0.35);--color-neutral-0-a-0:rgba(0, 0, 0, 0);--color-neutral-0-a-50:rgba(0, 0, 0, 0.5);--color-neutral-0-a-5:rgba(0, 0, 0, 0.05);--color-neutral-100-a-0:rgba(255, 255, 255, 0);--color-neutral-100-a-95:rgba(255, 255, 255, 0.95);--color-neutral-15-a-0:rgba(34, 38, 40, 0);--color-neutral-95-a-0:rgba(242, 244, 245, 0);--color-neutral-20-a-0:rgba(44, 49, 51, 0);--color-neutral-25-a-0:rgba(52, 60, 65, 0);--color-neutral-90-a-0:rgba(221, 225, 226, 0);--color-partner-fitbook:#FF97B7;--color-partner-petbook:#B9DB91;--color-partner-myhome:#66CCCC;--color-partner-travelbook:#8EF0ED;--color-partner-techbook:#93E4FF;--color-partner-kaufberater:#55476E;--color-bz-red-50:#E3001B;--color-aubi-red-50:#F00000;--color-cobi-red-50:#DC231C;--color-spobi-blue-95:#EFF1F5;--color-spobi-blue-80:#C3C9DB;--color-spobi-blue-30:#174482;--color-spobi-blue-20:#0C2F61;--color-spobi-blue-10:#091C2E;--color-spobi-blue-40:#345EA0;--color-spobi-blue-50:#4676C3;--color-spobi-blue-70:#8FACDB;--color-spobi-blue-60:#6A91CF;--color-spobi-blue-90:#D6E1F2;--color-spobi-blue-15:#0B2647;--color-spobi-blue-25:#113B72;--color-spobi-red-50:#E52528;--color-spobi-blue-15-a-0:rgba(11, 38, 71, 0);--color-spobi-blue-15-a-70:rgba(11, 38, 71, 0.7);--color-spobi-blue-95-a-0:rgba(239, 241, 245, 0);--color-spobi-blue-20-a-0:rgba(12, 47, 97, 0);--color-spobi-blue-90-a-0:rgba(214, 225, 242, 0);--color-spobi-blue-25-a-0:rgba(17, 59, 114, 0);--opacity-05:0.05;--opacity-10:0.1;--opacity-20:0.2;--opacity-40:0.4;--opacity-60:0.6;--opacity-80:0.8;--opacity-100:1;--opacity-90:0.9;--opacity-30:0.3;--opacity-50:0.5;--opacity-00:0;--opacity-70:0.7}:root,:host{--font-family-gotham-xnarrow:Gotham XNarrow;--font-family-gotham-cond:Gotham Condensed;--font-family-gotham:Gotham;--font-family-lucida-grande:Lucida Grande;--font-family-antenna-extra-cond:AntennaExtraCond;--font-family-antenna-cond:AntennaCond;--font-family-inter:Inter;--font-weight-bold:700;--font-weight-extra-black:900;--font-weight-book:400;--font-weight-ultra:1000;--font-weight-black:800;--font-weight-book-350:350;--font-weight-semi-bold:600;--font-weight-thin:100;--font-weight-light:300;--font-weight-extra-light:200;--font-weight-medium:500;--letter-space-neg-0-p-25:-0.25px;--letter-space-0:0px;--letter-space-1:1px;--letter-space-0-p-5:0.5px;--letter-space-0-p-25:0.25px;--letter-space-neg-0-p-5:-0.5px;--letter-space-2:2px;--letter-space-neg-1:-1px;--letter-space-neg-2:-2px;--letter-space-3:3px;--letter-space-neg-3:-3px;--st-font-weight-ultra:1000;--st-font-weight-extra-black:900;--st-font-weight-black:800;--st-font-weight-bold:700;--st-font-weight-semi-bold:600;--st-font-weight-medium:500;--st-font-weight-st-book:400;--st-font-weight-book-350:350;--st-font-weight-extra-light:200;--st-font-weight-thin:100;--st-font-weight-bold-italic:700;--st-font-weight-black-italic:900;--st-font-weight-st-book-italic:400;--st-font-weight-light-italic-st:300}:root,:host{--size-6-x:48px;--size-3-x:24px;--size-1-x:8px;--size-0-p-25-x:2px;--size-0-p-5-x:4px;--size-2-x:16px;--size-4-p-5-x:36px;--size-5-x:40px;--size-3-p-5-x:28px;--size-2-p-5-x:20px;--size-12-p-5-x:100px;--size-2-p-75-x:22px;--size-3-p-25-x:26px;--size-4-x:32px;--size-3-p-75-x:30px;--size-2-p-25-x:18px;--size-7-x:56px;--size-1-p-5-x:12px;--size-0-p-75-x:6px;--size-22-p-5-x:180px;--size-40-x:320px;--size-8-x:64px;--size-11-p-5-x:92px;--size-1-p-75-x:14px;--size-5-p-25-x:42px;--size-1-p-25-x:10px;--size-80-x:640px;--size-17-p-5-x:140px;--size-20-x:160px;--size-128-x:1024px;--size-124-x:992px;--size-12-x:96px;--size-35-x:280px;--size-15-x:120px;--size-16-p-25:130px;--size-87-p-5-x:700px;--size-10-x:80px;--size-30-x:240px;--size-25-x:200px;--size-168-x:1344px;--size-60-x:480px;--size-9-x:72px;--size-27-p-5-x:220px;--size-50-x:400px;--size-116-p-25-x:930px;--size-18-p-5-x:148px;--size-100-x:800px;--size-0-x:0px;--size-0-p-125-x:1px;--size-5-p-5-x:44px}:root,:host{--space-1-x:8px;--space-0-p-5-x:4px;--space-0-p-25-x:2px;--space-2-x:16px;--space-1-p-5-x:12px;--space-4-x:32px;--space-3-x:24px;--space-6-x:48px;--space-8-x:64px;--space-9-x:72px;--space-5-x:40px;--space-0-x:0px;--space-10-x:80px;--space-20-x:160px;--space-2-p-5-x:20px;--space-neg-0-p-25-x:-2px;--space-0-p-75-x:6px;--space-1-p-25-x:10px;--space-2-p-75-x:22px;--space-4-p-5-x:36px;--space-7-p-5-x:60px;--space-12-x:96px;--space-1-p-75-x:14px;--space-8-p-5-x:68px;--space-3-p-5-x:28px}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--text-color-brand:var(--color-bild-red-50, #DD0000);--text-color-brand-light-only:var(--color-bild-red-50, #DD0000);--text-color-primary:var(--color-neutral-15, #222628);--text-color-secondary:var(--color-neutral-40, #565A5F);--text-color-tertiary:var(--color-neutral-50, #6E787C);--kicker-text-color:var(--color-bild-red-50, #DD0000);--headline-text-color:var(--color-neutral-15, #222628);--text-color-on-image:var(--color-neutral-100, #FFFFFF);--text-color-secondary-on-dark:var(--color-neutral-90, #DDE1E2);--text-color-primary-on-light:var(--color-neutral-15, #222628);--kicker-text-color-on-dark:var(--color-neutral-100-a-80, rgba(255, 255, 255, 0.8));--kicker-text-color-on-light:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--text-color-primary-on-dark:var(--color-neutral-100, #FFFFFF);--text-color-secondary-on-light:var(--color-neutral-40, #565A5F);--text-color-idle:var(--color-neutral-40, #565A5F);--text-color-disabled:var(--color-neutral-70, #A6ABB0);--text-color-hover:var(--color-neutral-15, #222628);--text-color-active:var(--color-neutral-15, #222628);--text-color-primary-inverse:var(--color-neutral-90, #DDE1E2);--text-color-secondary-inverse:var(--color-neutral-70, #A6ABB0);--text-color-inverse-high-contrast:var(--color-neutral-100, #FFFFFF);--text-color-success:var(--color-green-40, #006E3E);--text-color-error:var(--color-bild-red-40, #C10000);--text-color-warning:var(--color-orange-40, #9E4401);--bg-color-primary:var(--color-neutral-100, #FFFFFF);--bg-color-disabled:var(--color-neutral-95, #F2F4F5);--bg-color-secondary:var(--color-neutral-95, #F2F4F5);--bg-color-primary-const-dark:var(--color-neutral-15, #222628);--bg-color-quaternary:var(--color-neutral-80, #C4C9CF);--bg-color-tertiary:var(--color-neutral-90, #DDE1E2);--bg-color-primary-const-light:var(--color-neutral-100, #FFFFFF);--bg-color-quintenary:var(--color-neutral-60, #8C9196);--bg-color-brand-light-only:var(--color-bild-red-50, #DD0000);--bg-color-brand-solid:var(--color-bild-red-50, #DD0000);--bg-color-brand-solid-hover:var(--color-bild-red-40, #C10000);--bg-color-brand-solid-active:var(--color-bild-red-30, #930000);--bg-color-brand-tint:var(--color-bild-red-90, #FFDADA);--bg-color-brand-tint-hover:var(--color-bild-red-80, #FFB2B2);--bg-color-primary-inverse:var(--color-neutral-15, #222628);--bg-color-tertiary-inverse:var(--color-neutral-25, #343C41);--bg-color-quaternary-inverse:var(--color-neutral-30, #40464D);--bg-color-secondary-inverse:var(--color-neutral-20, #2C3133);--bg-color-quintenary-inverse:var(--color-neutral-60, #8C9196);--bg-color-success-tint:var(--color-green-95, #DEF7E6);--bg-color-success-solid:var(--color-green-50, #158751);--bg-color-success-solid-hover:var(--color-green-40, #006E3E);--bg-color-success-tint-hover:var(--color-green-90, #B9EFCD);--bg-color-success-solid-active:var(--color-green-30, #0D5232);--bg-color-tertiary-gradient-stop:var(--color-neutral-90-a-0, rgba(221, 225, 226, 0));--bg-color-primary-gradient-stop:var(--color-neutral-100-a-0, rgba(255, 255, 255, 0));--bg-color-secondary-gradient-stop:var(--color-neutral-95-a-0, rgba(242, 244, 245, 0));--overlay-scrim-black-const:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--overlay-scrim-white-const:var(--color-neutral-100-a-70, rgba(255, 255, 255, 0.7));--bg-color-error-tint:var(--color-bild-red-95, #FFECEC);--bg-color-error-tint-hover:var(--color-bild-red-90, #FFDADA);--bg-color-error-solid:var(--color-bild-red-40, #C10000);--bg-color-error-solid-hover:var(--color-bild-red-30, #930000);--bg-color-warning-tint:var(--color-orange-95, #FFEDDF);--bg-color-warning-tint-hover:var(--color-orange-90, #FEDBC1);--bg-color-warning-solid:var(--color-orange-70, #FD8227);--bg-color-warning-solid-hover:var(--color-orange-60, #EF6702);--border-color-default:var(--color-neutral-80, #C4C9CF);--border-color-subtle:var(--color-neutral-90, #DDE1E2);--border-color-extra-strong:var(--color-neutral-15, #222628);--border-color-strong:var(--color-neutral-50, #6E787C);--border-color-subtle-on-dark:var(--color-neutral-25, #343C41);--border-color-default-on-dark:var(--color-neutral-40, #565A5F);--border-color-subtle-on-light:var(--color-neutral-90, #DDE1E2);--border-color-default-on-light:var(--color-neutral-80, #C4C9CF);--border-color-success:var(--color-green-40, #006E3E);--border-color-error:var(--color-bild-red-50, #DD0000);--border-color-warning:var(--color-orange-50, #C65502);--border-color-disabled:var(--color-neutral-90, #DDE1E2);--border-color-selected:var(--color-neutral-30, #40464D);--border-color-active:var(--color-bild-red-50, #DD0000);--border-color-idle:var(--color-neutral-60, #8C9196);--border-color-default-inverse:var(--color-neutral-40, #565A5F);--border-color-subtle-inverse:var(--color-neutral-25, #343C41);--border-color-brand:var(--color-bild-red-50, #DD0000);--border-color-brand-light-only:var(--color-bild-red-50, #DD0000);--border-color-brand-const:var(--color-bild-red-50, #DD0000);--border-color-no-contrast:var(--color-neutral-100, #FFFFFF);--icon-color-idle:var(--color-neutral-40, #565A5F);--icon-color-disabled:var(--color-neutral-70, #A6ABB0);--icon-color-hover:var(--color-neutral-15, #222628);--icon-color-active:var(--color-neutral-15, #222628);--icon-color-secondary-on-light:var(--color-neutral-40, #565A5F);--icon-color-primary-on-dark:var(--color-neutral-100, #FFFFFF);--icon-color-secondary-on-dark:var(--color-neutral-90, #DDE1E2);--icon-color-primary-on-light:var(--color-neutral-15, #222628);--icon-color-const-on-image:var(--color-neutral-100, #FFFFFF);--icon-color-success:var(--color-green-40, #006E3E);--icon-color-error:var(--color-bild-red-40, #C10000);--icon-color-warning:var(--color-orange-40, #9E4401);--icon-color-brand:var(--color-bild-red-50, #DD0000);--icon-color-brand-light-only:var(--color-bild-red-50, #DD0000);--icon-color-primary:var(--color-neutral-15, #222628);--icon-color-secondary:var(--color-neutral-40, #565A5F);--icon-color-tertiary:var(--color-neutral-50, #6E787C);--icon-color-primary-inverse:var(--color-neutral-90, #DDE1E2);--icon-color-secondary-inverse:var(--color-neutral-70, #A6ABB0);--icon-color-inverse-high-contrast:var(--color-neutral-100, #FFFFFF);--layer-opacity-05:var(--opacity-05, 0.05);--layer-opacity-10:var(--opacity-10, 0.1);--layer-opacity-20:var(--opacity-20, 0.2);--layer-opacity-30:var(--opacity-30, 0.3);--layer-opacity-40:var(--opacity-40, 0.4);--layer-opacity-50:var(--opacity-50, 0.5);--layer-opacity-60:var(--opacity-60, 0.6);--layer-opacity-70:var(--opacity-70, 0.7);--layer-opacity-80:var(--opacity-80, 0.8);--layer-opacity-90:var(--opacity-90, 0.9);--layer-opacity-100:var(--opacity-100, 1);--layer-opacity-00:var(--opacity-00, 0)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--text-color-brand:var(--color-bild-red-60, #F75849);--text-color-brand-light-only:var(--color-neutral-100, #FFFFFF);--text-color-primary:var(--color-neutral-90, #DDE1E2);--text-color-secondary:var(--color-neutral-70, #A6ABB0);--text-color-tertiary:var(--color-neutral-60, #8C9196);--kicker-text-color:var(--color-neutral-60, #8C9196);--headline-text-color:var(--color-neutral-100, #FFFFFF);--text-color-on-image:var(--color-neutral-100, #FFFFFF);--text-color-secondary-on-dark:var(--color-neutral-90, #DDE1E2);--text-color-primary-on-light:var(--color-neutral-15, #222628);--kicker-text-color-on-dark:var(--color-neutral-100-a-80, rgba(255, 255, 255, 0.8));--kicker-text-color-on-light:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--text-color-primary-on-dark:var(--color-neutral-100, #FFFFFF);--text-color-secondary-on-light:var(--color-neutral-40, #565A5F);--text-color-idle:var(--color-neutral-70, #A6ABB0);--text-color-disabled:var(--color-neutral-40, #565A5F);--text-color-hover:var(--color-neutral-95, #F2F4F5);--text-color-active:var(--color-neutral-95, #F2F4F5);--text-color-primary-inverse:var(--color-neutral-15, #222628);--text-color-secondary-inverse:var(--color-neutral-40, #565A5F);--text-color-inverse-high-contrast:var(--color-neutral-15, #222628);--text-color-success:var(--color-green-70, #00C373);--text-color-error:var(--color-bild-red-70, #FF8989);--text-color-warning:var(--color-orange-70, #FD8227);--bg-color-primary:var(--color-neutral-15, #222628);--bg-color-disabled:var(--color-neutral-20, #2C3133);--bg-color-secondary:var(--color-neutral-20, #2C3133);--bg-color-primary-const-dark:var(--color-neutral-15, #222628);--bg-color-quaternary:var(--color-neutral-30, #40464D);--bg-color-tertiary:var(--color-neutral-25, #343C41);--bg-color-primary-const-light:var(--color-neutral-100, #FFFFFF);--bg-color-quintenary:var(--color-neutral-60, #8C9196);--bg-color-brand-light-only:var(--color-neutral-100, #FFFFFF);--bg-color-brand-solid:var(--color-bild-red-50, #DD0000);--bg-color-brand-solid-hover:var(--color-bild-red-40, #C10000);--bg-color-brand-solid-active:var(--color-bild-red-30, #930000);--bg-color-brand-tint:var(--color-bild-red-20, #680000);--bg-color-brand-tint-hover:var(--color-bild-red-30, #930000);--bg-color-primary-inverse:var(--color-neutral-100, #FFFFFF);--bg-color-tertiary-inverse:var(--color-neutral-90, #DDE1E2);--bg-color-quaternary-inverse:var(--color-neutral-80, #C4C9CF);--bg-color-secondary-inverse:var(--color-neutral-95, #F2F4F5);--bg-color-quintenary-inverse:var(--color-neutral-60, #8C9196);--bg-color-success-tint:var(--color-green-10, #052013);--bg-color-success-solid:var(--color-green-50, #158751);--bg-color-success-solid-hover:var(--color-green-40, #006E3E);--bg-color-success-tint-hover:var(--color-green-20, #093822);--bg-color-success-solid-active:var(--color-green-30, #0D5232);--bg-color-tertiary-gradient-stop:var(--color-neutral-25-a-0, rgba(52, 60, 65, 0));--bg-color-primary-gradient-stop:var(--color-neutral-15-a-0, rgba(34, 38, 40, 0));--bg-color-secondary-gradient-stop:var(--color-neutral-20-a-0, rgba(44, 49, 51, 0));--overlay-scrim-black-const:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--overlay-scrim-white-const:var(--color-neutral-100-a-70, rgba(255, 255, 255, 0.7));--bg-color-error-tint:var(--color-bild-red-10, #410000);--bg-color-error-tint-hover:var(--color-bild-red-20, #680000);--bg-color-error-solid:var(--color-bild-red-40, #C10000);--bg-color-error-solid-hover:var(--color-bild-red-30, #930000);--bg-color-warning-tint:var(--color-orange-10, #2F1400);--bg-color-warning-tint-hover:var(--color-orange-20, #522301);--bg-color-warning-solid:var(--color-orange-70, #FD8227);--bg-color-warning-solid-hover:var(--color-orange-60, #EF6702);--border-color-default:var(--color-neutral-40, #565A5F);--border-color-subtle:var(--color-neutral-25, #343C41);--border-color-extra-strong:var(--color-neutral-100, #FFFFFF);--border-color-strong:var(--color-neutral-50, #6E787C);--border-color-subtle-on-dark:var(--color-neutral-25, #343C41);--border-color-default-on-dark:var(--color-neutral-40, #565A5F);--border-color-subtle-on-light:var(--color-neutral-90, #DDE1E2);--border-color-default-on-light:var(--color-neutral-80, #C4C9CF);--border-color-success:var(--color-green-70, #00C373);--border-color-error:var(--color-bild-red-70, #FF8989);--border-color-warning:var(--color-orange-70, #FD8227);--border-color-disabled:var(--color-neutral-25, #343C41);--border-color-selected:var(--color-neutral-80, #C4C9CF);--border-color-active:var(--color-bild-red-60, #F75849);--border-color-idle:var(--color-neutral-50, #6E787C);--border-color-default-inverse:var(--color-neutral-80, #C4C9CF);--border-color-subtle-inverse:var(--color-neutral-90, #DDE1E2);--border-color-brand:var(--color-bild-red-60, #F75849);--border-color-brand-light-only:var(--color-neutral-100, #FFFFFF);--border-color-brand-const:var(--color-bild-red-50, #DD0000);--border-color-no-contrast:var(--color-neutral-15, #222628);--icon-color-idle:var(--color-neutral-70, #A6ABB0);--icon-color-disabled:var(--color-neutral-40, #565A5F);--icon-color-hover:var(--color-neutral-95, #F2F4F5);--icon-color-active:var(--color-neutral-95, #F2F4F5);--icon-color-secondary-on-light:var(--color-neutral-40, #565A5F);--icon-color-primary-on-dark:var(--color-neutral-100, #FFFFFF);--icon-color-secondary-on-dark:var(--color-neutral-90, #DDE1E2);--icon-color-primary-on-light:var(--color-neutral-15, #222628);--icon-color-const-on-image:var(--color-neutral-100, #FFFFFF);--icon-color-success:var(--color-green-70, #00C373);--icon-color-error:var(--color-bild-red-70, #FF8989);--icon-color-warning:var(--color-orange-70, #FD8227);--icon-color-brand:var(--color-bild-red-60, #F75849);--icon-color-brand-light-only:var(--color-neutral-100, #FFFFFF);--icon-color-primary:var(--color-neutral-90, #DDE1E2);--icon-color-secondary:var(--color-neutral-70, #A6ABB0);--icon-color-tertiary:var(--color-neutral-60, #8C9196);--icon-color-primary-inverse:var(--color-neutral-15, #222628);--icon-color-secondary-inverse:var(--color-neutral-40, #565A5F);--icon-color-inverse-high-contrast:var(--color-neutral-15, #222628);--layer-opacity-05:var(--opacity-05, 0.05);--layer-opacity-10:var(--opacity-10, 0.1);--layer-opacity-20:var(--opacity-20, 0.2);--layer-opacity-30:var(--opacity-30, 0.3);--layer-opacity-40:var(--opacity-40, 0.4);--layer-opacity-50:var(--opacity-50, 0.5);--layer-opacity-60:var(--opacity-60, 0.6);--layer-opacity-70:var(--opacity-70, 0.7);--layer-opacity-80:var(--opacity-80, 0.8);--layer-opacity-90:var(--opacity-90, 0.9);--layer-opacity-100:var(--opacity-100, 1);--layer-opacity-00:var(--opacity-00, 0)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-soft-sm,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-soft-sm{box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-soft-md,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-soft-md{box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-soft-lg,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-soft-lg{box-shadow:0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-soft-xl,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-soft-xl{box-shadow:0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-hard-sm,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-hard-sm{box-shadow:0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-hard-md,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-hard-md{box-shadow:0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16)}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-hard-lg,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-hard-lg{box-shadow:0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"light\"] .shadow-hard-xl,:host([data-color-brand=\"bild\"][data-theme=\"light\"]) .shadow-hard-xl{box-shadow:0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-soft-sm,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-soft-sm{box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.08)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-soft-md,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-soft-md{box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.03), 0px 4px 12px 0px rgba(0, 0, 0, 0.07)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-soft-lg,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-soft-lg{box-shadow:0px 8px 24px 0px rgba(0, 0, 0, 0.03), 0px 8px 16px 0px rgba(0, 0, 0, 0.07)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-soft-xl,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-soft-xl{box-shadow:0px 0px 64px 0px rgba(0, 0, 0, 0.05), 0px 16px 32px 0px rgba(0, 0, 0, 0.1)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-hard-sm,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-hard-sm{box-shadow:0px 1px 2px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 1px 3px 1px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-hard-md,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-hard-md{box-shadow:0px 4px 8px 0px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1)), 0px 2px 4px 0px rgba(0, 0, 0, 0.16)}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-hard-lg,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-hard-lg{box-shadow:0px 2px 3px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 6px 10px 4px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"dark\"] .shadow-hard-xl,:host([data-color-brand=\"bild\"][data-theme=\"dark\"]) .shadow-hard-xl{box-shadow:0px 4px 4px 0px var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2)), 0px 8px 12px 6px var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--grid-space-resp-lg:var(--space-3-x, 24px);--grid-space-resp-xl:var(--space-6-x, 48px);--grid-space-resp-base:var(--space-1-p-5-x, 12px);--grid-space-resp-sm:var(--space-0-p-75-x, 6px);--page-inline-space:var(--space-0-x, 0px);--grid-space-const-lg:var(--space-2-x, 16px);--grid-space-const-sm:var(--space-1-p-5-x, 12px);--layout-guide-grid-colums:4;--section-space-base:var(--space-4-p-5-x, 36px);--section-space-lg:var(--space-9-x, 72px);--paragraph-end-space:var(--space-2-x, 16px);--section-space-sm:var(--space-3-x, 24px);--breakpoint-min-width-size:320px;--breakpoint-max-width-size:389px;--canvas-height-size-web:568px;--canvas-width-size-web:320px;--canvas-width-size-app:320px;--canvas-height-size-app:568px;--content-max-width-medium:700px;--content-max-width-full:1024px;--title-1-font-size:22px;--title-2-font-size:16px;--display-1-font-size:40px;--display-2-font-size:36px;--display-3-font-size:28px;--headline-1-font-size:48px;--headline-2-font-size:40px;--headline-3-font-size:28px;--headline-4-font-size:22px;--body-font-size:21px;--label-3-font-size:12px;--label-2-font-size:15px;--label-1-font-size:17px;--callout-1-font-size:18px;--footnote-1-font-size:16px;--footnote-2-font-size:12px;--kicker-1-font-size:18px;--kicker-2-font-size:18px;--kicker-3-font-size:16px;--kicker-4-font-size:14px;--subheadline-1-font-size:24px;--quote-font-size:16px;--body-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--callout-font-family:var(--font-family-gotham, Gotham);--headline-font-family:var(--font-family-gotham-cond, Gotham Condensed);--footnote-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--label-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--kicker-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--subheadline-font-family:var(--font-family-gotham-cond, Gotham Condensed);--title-font-family:var(--font-family-gotham, Gotham);--quote-font-family:var(--font-family-gotham, Gotham);--display-font-family:var(--font-family-gotham, Gotham);--callout-font-weight:var(--font-weight-black, 800);--label-font-weight-bold:var(--font-weight-bold, 700);--label-font-weight-book:var(--font-weight-book, 400);--label-font-weight-bold-st:var(--st-font-weight-bold, 700);--label-font-weight-book-st:var(--st-font-weight-st-book, 400);--body-font-weight-book:var(--font-weight-book, 400);--body-font-weight-bold:var(--font-weight-bold, 700);--kicker-font-weight:var(--font-weight-bold, 700);--kicker-font-weight-st:var(--st-font-weight-bold, 700);--subheadline-font-weight:var(--font-weight-bold, 700);--headline-1-font-weight:var(--font-weight-bold, 700);--headline-2-font-weight:var(--font-weight-bold, 700);--headline-3-font-weight:var(--font-weight-bold, 700);--headline-4-font-weight:var(--font-weight-semi-bold, 600);--headline-1-font-weight-st:var(--st-font-weight-bold, 700);--headline-2-font-weight-st:var(--st-font-weight-bold, 700);--headline-3-font-weight-st:var(--st-font-weight-bold, 700);--headline-4-font-weight-st:var(--st-font-weight-semi-bold, 600);--title-font-weight:var(--font-weight-black, 800);--display-font-weight:var(--font-weight-black, 800);--display-font-weight-st:var(--st-font-weight-black, 800);--quote-font-weight:var(--font-weight-black, 800);--footnote-font-weight-book:var(--font-weight-book, 400);--footnote-font-weight-bold:var(--font-weight-bold, 700);--body-line-height:28px;--kicker-4-line-height:15.4px;--kicker-3-line-height:17.6px;--kicker-2-line-height:19.8px;--kicker-1-line-height:19.8px;--label-3-line-height:14.4px;--label-1-line-height:17px;--label-2-line-height:16px;--display-1-line-height:40px;--display-2-line-height:36px;--display-3-line-height:28px;--title-1-line-height:22px;--title-2-line-height:17.6px;--quote-line-height:16px;--footnote-1-line-height:21px;--footnote-2-line-height:15.6px;--headline-1-line-height:48px;--headline-2-line-height:40px;--headline-3-line-height:28px;--headline-4-line-height:22px;--callout-line-height:18px;--subheadline-1-line-height:24px;--letter-space-positive-sm:var(--letter-space-0-p-5, 0.5px);--letter-space-positive-lg:var(--letter-space-2, 2px);--letter-space-positive-md:var(--letter-space-1, 1px);--letter-space-none:var(--letter-space-0, 0px);--letter-space-negative-sm:var(--letter-space-neg-0-p-5, -0.5px);--letter-space-negative-md:var(--letter-space-neg-1, -1px);--letter-space-negative-lg:var(--letter-space-neg-2, -2px);--letter-space-negative-xs:var(--letter-space-neg-0-p-25, -0.25px);--letter-space-positive-xs:var(--letter-space-0-p-25, 0.25px);--display-1-letter-space:var(--letter-space-neg-0-p-5, -0.5px);--display-2-letter-space:var(--letter-space-neg-0-p-5, -0.5px);--display-3-letter-space:var(--letter-space-neg-0-p-5, -0.5px);--border-radius-xs:var(--size-0-p-25-x, 2px);--border-radius-md:var(--size-1-x, 8px);--border-radius-sm:var(--size-0-p-5-x, 4px);--border-radius-xl:var(--size-3-x, 24px);--border-radius-lg:var(--size-2-x, 16px);--border-radius-none:var(--size-0-x, 0px);--border-radius-full:9999px;--border-width-thin:var(--size-0-p-125-x, 1px);--border-width-thick:var(--size-0-p-25-x, 2px);--border-width-hairline:0.33px;--change-on-lg:xs/sm/md;--change-on-md:xs/sm;--bp-specific-web:xs/sm;--bp-specific-app:compact;--inline-space-resp-sm:var(--space-1-x, 8px);--inline-space-resp-md:var(--space-1-p-5-x, 12px);--inline-space-resp-lg:var(--space-2-x, 16px);--inline-space-resp-2-xl:var(--space-4-x, 32px);--inline-space-resp-xl:var(--space-3-x, 24px);--inline-space-const-sm:var(--space-1-x, 8px);--inline-space-const-md:var(--space-1-p-5-x, 12px);--inline-space-const-lg:var(--space-2-x, 16px);--inline-space-const-2-xl:var(--space-4-x, 32px);--inline-space-const-xl:var(--space-3-x, 24px);--inline-space-const-xs:var(--space-0-p-75-x, 6px);--inline-space-const-3-xs:var(--space-0-p-25-x, 2px);--inline-space-const-2-xs:var(--space-0-p-5-x, 4px);--stack-space-resp-md:var(--density-xs-stack-space-resp-md);--stack-space-resp-lg:var(--density-xs-stack-space-resp-lg);--stack-space-resp-2-xl:var(--density-xs-stack-space-resp-2-xl);--stack-space-resp-sm:var(--density-xs-stack-space-resp-sm);--stack-space-resp-xl:var(--density-xs-stack-space-resp-xl);--stack-space-const-sm:var(--density-stack-space-const-sm);--stack-space-const-md:var(--density-stack-space-const-md);--stack-space-const-lg:var(--density-stack-space-const-lg);--stack-space-const-2-xl:var(--density-stack-space-const-2-xl);--stack-space-const-xl:var(--density-stack-space-const-xl);--stack-space-const-xs:var(--density-stack-space-const-xs);--stack-space-const-3-xs:var(--density-stack-space-const-3-xs);--stack-space-const-2-xs:var(--density-stack-space-const-2-xs);--gap-space-resp-xs:var(--space-0-p-5-x, 4px);--gap-space-resp-lg:var(--space-2-x, 16px);--gap-space-resp-xl:var(--space-3-x, 24px);--gap-space-resp-2-xl:var(--space-4-x, 32px);--gap-space-resp-md:var(--space-1-p-5-x, 12px);--gap-space-resp-sm:var(--space-1-x, 8px);--gap-space-resp-2-xs:var(--space-0-p-25-x, 2px);--gap-space-resp-3-xl:var(--space-6-x, 48px);--gap-space-const-2-xs:var(--space-0-p-25-x, 2px);--gap-space-const-xs:var(--space-0-p-5-x, 4px);--gap-space-const-sm:var(--space-1-x, 8px);--gap-space-const-md:var(--space-1-p-5-x, 12px);--gap-space-const-lg:var(--space-2-x, 16px);--gap-space-const-xl:var(--space-3-x, 24px);--gap-space-const-2-xl:var(--space-4-x, 32px);--gap-space-const-3-xl:var(--space-6-x, 48px);--size-const-3-xs:var(--size-2-x, 16px);--size-const-2-xs:var(--size-3-x, 24px);--size-const-xs:var(--size-4-x, 32px);--size-const-sm:var(--size-5-x, 40px);--size-const-md:var(--size-6-x, 48px);--size-const-lg:var(--size-7-x, 56px);--size-const-xl:var(--size-8-x, 64px);--size-const-3-xl:var(--size-12-x, 96px);--size-const-4-xl:var(--size-18-p-5-x, 148px);--size-const-2-xl:var(--size-9-x, 72px);--size-const-4-xs:var(--size-1-x, 8px);--size-resp-3-xs:var(--size-2-x, 16px);--size-resp-2-xs:var(--size-3-x, 24px);--size-resp-xs:var(--size-4-x, 32px);--size-resp-sm:var(--size-5-x, 40px);--size-resp-md:var(--size-6-x, 48px);--size-resp-lg:var(--size-7-x, 56px);--size-resp-xl:var(--size-8-x, 64px);--size-resp-2-xl:var(--size-9-x, 72px);--size-resp-3-xl:var(--size-12-x, 96px);--size-resp-4-xl:var(--size-18-p-5-x, 148px);--size-resp-4-xs:var(--size-1-p-5-x, 12px);--breakpoint-name:xs}@media (min-width: 390px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--breakpoint-min-width-size:390px;--breakpoint-max-width-size:599px;--canvas-height-size-web:844px;--canvas-width-size-web:390px;--canvas-width-size-app:390px;--canvas-height-size-app:844px;--stack-space-resp-md:var(--density-sm-stack-space-resp-md);--stack-space-resp-lg:var(--density-sm-stack-space-resp-lg);--stack-space-resp-2-xl:var(--density-sm-stack-space-resp-2-xl);--stack-space-resp-sm:var(--density-sm-stack-space-resp-sm);--stack-space-resp-xl:var(--density-sm-stack-space-resp-xl);--breakpoint-name:sm}}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--grid-space-resp-lg:var(--space-4-x, 32px);--grid-space-resp-xl:var(--space-8-x, 64px);--layout-guide-grid-colums:8;--section-space-base:var(--space-6-x, 48px);--section-space-lg:var(--space-12-x, 96px);--paragraph-end-space:var(--space-4-x, 32px);--section-space-sm:var(--space-4-p-5-x, 36px);--breakpoint-min-width-size:600px;--breakpoint-max-width-size:1023px;--canvas-height-size-web:960px;--canvas-width-size-web:600px;--canvas-width-size-app:834px;--canvas-height-size-app:1194px;--title-2-font-size:18px;--display-1-font-size:72px;--display-2-font-size:42px;--display-3-font-size:32px;--headline-1-font-size:72px;--headline-2-font-size:48px;--headline-3-font-size:36px;--headline-4-font-size:26px;--callout-1-font-size:22px;--kicker-1-font-size:22px;--kicker-2-font-size:22px;--kicker-3-font-size:18px;--kicker-4-font-size:16px;--subheadline-1-font-size:32px;--quote-font-size:18px;--kicker-4-line-height:17.6px;--kicker-3-line-height:18px;--kicker-2-line-height:22px;--kicker-1-line-height:22px;--display-1-line-height:72px;--display-2-line-height:42px;--display-3-line-height:32px;--title-2-line-height:19.8px;--quote-line-height:18px;--footnote-2-line-height:15.8px;--headline-1-line-height:72px;--headline-2-line-height:48px;--headline-3-line-height:36px;--callout-line-height:22px;--subheadline-1-line-height:32px;--letter-space-negative-sm:var(--letter-space-neg-0-p-25, -0.25px);--display-1-letter-space:var(--letter-space-neg-1, -1px);--display-2-letter-space:var(--letter-space-neg-1, -1px);--display-3-letter-space:var(--letter-space-neg-1, -1px);--change-on-md:md/lg;--bp-specific-web:md;--bp-specific-app:regular;--inline-space-resp-sm:var(--space-1-p-5-x, 12px);--inline-space-resp-md:var(--space-2-x, 16px);--inline-space-resp-lg:var(--space-3-x, 24px);--inline-space-resp-2-xl:var(--space-6-x, 48px);--inline-space-resp-xl:var(--space-4-x, 32px);--stack-space-resp-md:var(--density-md-stack-space-resp-md);--stack-space-resp-lg:var(--density-md-stack-space-resp-lg);--stack-space-resp-sm:var(--density-md-stack-space-resp-sm);--stack-space-resp-xl:var(--density-md-stack-space-resp-xl);--gap-space-resp-xs:var(--space-0-p-75-x, 6px);--gap-space-resp-lg:var(--space-3-x, 24px);--gap-space-resp-xl:var(--space-4-x, 32px);--gap-space-resp-2-xl:var(--space-6-x, 48px);--gap-space-resp-md:var(--space-2-x, 16px);--gap-space-resp-sm:var(--space-1-p-5-x, 12px);--gap-space-resp-2-xs:var(--space-0-p-5-x, 4px);--gap-space-resp-3-xl:var(--space-9-x, 72px);--size-resp-2-xs:var(--size-4-x, 32px);--size-resp-xs:var(--size-5-x, 40px);--size-resp-sm:var(--size-6-x, 48px);--size-resp-md:var(--size-8-x, 64px);--size-resp-lg:var(--size-9-x, 72px);--size-resp-xl:var(--size-10-x, 80px);--size-resp-2-xl:var(--size-11-p-5-x, 92px);--size-resp-3-xl:var(--size-15-x, 120px);--size-resp-4-xl:var(--size-20-x, 160px);--size-resp-4-xs:var(--size-1-p-75-x, 14px);--breakpoint-name:md}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--grid-space-resp-base:var(--space-2-x, 16px);--grid-space-resp-sm:var(--space-1-x, 8px);--page-inline-space:var(--space-2-x, 16px);--layout-guide-grid-colums:12;--breakpoint-min-width-size:1024px;--breakpoint-max-width-size:1024px;--canvas-height-size-web:768px;--canvas-width-size-web:1024px;--canvas-width-size-app:1194px;--canvas-height-size-app:834px;--title-1-font-size:28px;--title-2-font-size:20px;--display-1-font-size:120px;--display-2-font-size:64px;--display-3-font-size:40px;--headline-1-font-size:100px;--headline-2-font-size:64px;--headline-3-font-size:40px;--headline-4-font-size:32px;--footnote-1-font-size:18px;--footnote-2-font-size:16px;--kicker-1-font-size:30px;--kicker-2-font-size:24px;--kicker-3-font-size:20px;--subheadline-1-font-size:36px;--quote-font-size:20px;--body-line-height:32px;--kicker-4-line-height:16px;--kicker-3-line-height:20px;--kicker-2-line-height:24px;--kicker-1-line-height:30px;--display-1-line-height:120px;--display-2-line-height:64px;--display-3-line-height:40px;--title-1-line-height:28px;--title-2-line-height:22px;--quote-line-height:22px;--footnote-1-line-height:23px;--footnote-2-line-height:21px;--headline-1-line-height:100px;--headline-2-line-height:64px;--headline-3-line-height:40px;--headline-4-line-height:30px;--subheadline-1-line-height:36px;--letter-space-positive-lg:var(--letter-space-3, 3px);--letter-space-negative-lg:var(--letter-space-neg-3, -3px);--display-1-letter-space:var(--letter-space-neg-2, -2px);--change-on-lg:lg;--bp-specific-web:lg;--inline-space-resp-sm:var(--space-2-x, 16px);--inline-space-resp-md:var(--space-3-x, 24px);--inline-space-resp-lg:var(--space-4-x, 32px);--inline-space-resp-2-xl:var(--space-8-x, 64px);--inline-space-resp-xl:var(--space-5-x, 40px);--stack-space-resp-md:var(--density-lg-stack-space-resp-md);--stack-space-resp-lg:var(--density-lg-stack-space-resp-lg);--stack-space-resp-2-xl:var(--density-lg-stack-space-resp-2-xl);--stack-space-resp-sm:var(--density-lg-stack-space-resp-sm);--stack-space-resp-xl:var(--density-lg-stack-space-resp-xl);--gap-space-resp-xs:var(--space-1-x, 8px);--gap-space-resp-lg:var(--space-4-x, 32px);--gap-space-resp-xl:var(--space-6-x, 48px);--gap-space-resp-2-xl:var(--space-8-x, 64px);--gap-space-resp-md:var(--space-3-x, 24px);--gap-space-resp-sm:var(--space-2-x, 16px);--gap-space-resp-2-xs:var(--space-0-p-75-x, 6px);--gap-space-resp-3-xl:var(--space-12-x, 96px);--size-resp-3-xs:var(--size-3-x, 24px);--size-resp-xs:var(--size-6-x, 48px);--size-resp-sm:var(--size-7-x, 56px);--size-resp-md:var(--size-9-x, 72px);--size-resp-lg:var(--size-11-p-5-x, 92px);--size-resp-xl:var(--size-12-x, 96px);--size-resp-2-xl:var(--size-12-p-5-x, 100px);--size-resp-3-xl:var(--size-18-p-5-x, 148px);--size-resp-4-xl:var(--size-22-p-5-x, 180px);--size-resp-4-xs:var(--size-2-x, 16px);--breakpoint-name:lg}}[data-content-brand=\"bild\"] .display-1,:host([data-content-brand=\"bild\"]) .display-1{font-family:var(--display-font-family);font-weight:900;font-size:var(--display-1-font-size);line-height:var(--display-1-line-height);letter-spacing:var(--display-1-letter-space)}[data-content-brand=\"bild\"] .display-2,:host([data-content-brand=\"bild\"]) .display-2{font-family:var(--display-font-family);font-weight:900;font-size:var(--display-2-font-size);line-height:var(--display-2-line-height);letter-spacing:var(--display-2-letter-space)}[data-content-brand=\"bild\"] .display-3,:host([data-content-brand=\"bild\"]) .display-3{font-family:var(--display-font-family);font-weight:900;font-size:var(--display-3-font-size);line-height:var(--display-3-line-height);letter-spacing:var(--display-3-letter-space)}[data-content-brand=\"bild\"] .headline-1,:host([data-content-brand=\"bild\"]) .headline-1{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-1-font-size);line-height:var(--headline-1-line-height)}[data-content-brand=\"bild\"] .headline-2,:host([data-content-brand=\"bild\"]) .headline-2{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-2-font-size);line-height:var(--headline-2-line-height)}[data-content-brand=\"bild\"] .headline-3,:host([data-content-brand=\"bild\"]) .headline-3{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-3-font-size);line-height:var(--headline-3-line-height)}[data-content-brand=\"bild\"] .headline-4,:host([data-content-brand=\"bild\"]) .headline-4{font-family:var(--headline-font-family);font-weight:700;font-size:var(--headline-4-font-size);line-height:var(--headline-4-font-size)}[data-content-brand=\"bild\"] .subheadline-1,:host([data-content-brand=\"bild\"]) .subheadline-1{font-family:var(--subheadline-font-family);font-weight:var(--subheadline-font-weight);font-size:var(--subheadline-1-font-size);line-height:var(--subheadline-1-line-height)}[data-content-brand=\"bild\"] .kicker-1,:host([data-content-brand=\"bild\"]) .kicker-1{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-1-font-size);line-height:var(--kicker-1-line-height)}[data-content-brand=\"bild\"] .kicker-2,:host([data-content-brand=\"bild\"]) .kicker-2{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-2-font-size);line-height:var(--kicker-2-line-height)}[data-content-brand=\"bild\"] .kicker-3,:host([data-content-brand=\"bild\"]) .kicker-3{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-3-font-size);line-height:var(--kicker-3-line-height)}[data-content-brand=\"bild\"] .kicker-4,:host([data-content-brand=\"bild\"]) .kicker-4{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-4-font-size);line-height:var(--kicker-4-line-height)}[data-content-brand=\"bild\"] .title-1,:host([data-content-brand=\"bild\"]) .title-1{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--title-1-font-size);line-height:var(--title-1-line-height)}[data-content-brand=\"bild\"] .title-1-uppercase,:host([data-content-brand=\"bild\"]) .title-1-uppercase{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--title-1-font-size);line-height:var(--title-1-line-height);text-transform:uppercase}[data-content-brand=\"bild\"] .title-2,:host([data-content-brand=\"bild\"]) .title-2{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--title-2-font-size);line-height:var(--title-2-line-height)}[data-content-brand=\"bild\"] .title-2-uppercase,:host([data-content-brand=\"bild\"]) .title-2-uppercase{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--title-2-font-size);line-height:var(--title-2-line-height);text-transform:uppercase}[data-content-brand=\"bild\"] .callout,:host([data-content-brand=\"bild\"]) .callout{font-family:var(--callout-font-family);font-weight:var(--callout-font-weight);font-size:var(--callout-1-font-size);line-height:var(--callout-line-height)}[data-content-brand=\"bild\"] .body,:host([data-content-brand=\"bild\"]) .body{font-family:var(--body-font-family);font-weight:var(--body-font-weight-book);font-size:var(--body-font-size);line-height:var(--body-line-height)}[data-content-brand=\"bild\"] .body-italic,:host([data-content-brand=\"bild\"]) .body-italic{font-family:var(--body-font-family);font-weight:400;font-size:var(--body-font-size);line-height:var(--body-line-height);font-style:italic}[data-content-brand=\"bild\"] .body-bold,:host([data-content-brand=\"bild\"]) .body-bold{font-family:var(--body-font-family);font-weight:var(--body-font-weight-bold);font-size:var(--body-font-size);line-height:var(--body-line-height)}[data-content-brand=\"bild\"] .body-bold-italic,:host([data-content-brand=\"bild\"]) .body-bold-italic{font-family:var(--body-font-family);font-weight:700;font-size:var(--body-font-size);line-height:var(--body-line-height);font-style:italic}[data-content-brand=\"bild\"] .text-link,:host([data-content-brand=\"bild\"]) .text-link{font-family:var(--body-font-family);font-weight:var(--body-font-weight-book);font-size:var(--body-font-size);line-height:var(--body-line-height);text-decoration:underline}[data-content-brand=\"bild\"] .text-link-italic,:host([data-content-brand=\"bild\"]) .text-link-italic{font-family:var(--body-font-family);font-weight:400;font-size:var(--body-font-size);line-height:var(--body-line-height);font-style:italic;text-decoration:underline}[data-content-brand=\"bild\"] .text-link-bold,:host([data-content-brand=\"bild\"]) .text-link-bold{font-family:var(--body-font-family);font-weight:var(--body-font-weight-bold);font-size:var(--body-font-size);line-height:var(--body-line-height);text-decoration:underline}[data-content-brand=\"bild\"] .text-link-hover,:host([data-content-brand=\"bild\"]) .text-link-hover{font-family:var(--body-font-family);font-weight:var(--body-font-weight-book);font-size:var(--body-font-size);line-height:var(--body-line-height);text-decoration:underline}[data-content-brand=\"bild\"] .text-link-bold-hover,:host([data-content-brand=\"bild\"]) .text-link-bold-hover{font-family:var(--body-font-family);font-weight:var(--body-font-weight-bold);font-size:var(--body-font-size);line-height:var(--body-line-height);text-decoration:underline}[data-content-brand=\"bild\"] .footnote-1,:host([data-content-brand=\"bild\"]) .footnote-1{font-family:var(--footnote-font-family);font-weight:var(--font-weight-book, 400);font-size:var(--footnote-1-font-size);line-height:var(--footnote-1-line-height)}[data-content-brand=\"bild\"] .footnote-1-bold,:host([data-content-brand=\"bild\"]) .footnote-1-bold{font-family:var(--footnote-font-family);font-weight:var(--font-weight-bold, 700);font-size:var(--footnote-1-font-size);line-height:var(--footnote-1-line-height)}[data-content-brand=\"bild\"] .footnote-2,:host([data-content-brand=\"bild\"]) .footnote-2{font-family:var(--footnote-font-family);font-weight:var(--font-weight-book, 400);font-size:var(--footnote-2-font-size);line-height:var(--footnote-2-line-height)}[data-content-brand=\"bild\"] .footnote-2-bold,:host([data-content-brand=\"bild\"]) .footnote-2-bold{font-family:var(--footnote-font-family);font-weight:var(--font-weight-bold, 700);font-size:var(--footnote-2-font-size);line-height:var(--footnote-2-line-height)}[data-content-brand=\"bild\"] .label-1,:host([data-content-brand=\"bild\"]) .label-1{font-family:var(--label-font-family);font-weight:400;font-size:var(--label-1-font-size);line-height:var(--label-1-line-height);letter-spacing:var(--letter-space-0-p-25, 0.25px)}[data-content-brand=\"bild\"] .label-1-bold,:host([data-content-brand=\"bild\"]) .label-1-bold{font-family:var(--label-font-family);font-weight:700;font-size:var(--label-1-font-size);line-height:var(--label-1-line-height);letter-spacing:var(--letter-space-0-p-25, 0.25px)}[data-content-brand=\"bild\"] .label-1-uppercase-bold,:host([data-content-brand=\"bild\"]) .label-1-uppercase-bold{font-family:var(--label-font-family);font-weight:var(--label-font-weight-bold);font-size:var(--label-1-font-size);line-height:var(--label-1-line-height);letter-spacing:var(--letter-space-positive-sm);text-transform:uppercase}[data-content-brand=\"bild\"] .label-2,:host([data-content-brand=\"bild\"]) .label-2{font-family:var(--label-font-family);font-weight:var(--label-font-weight-book);font-size:var(--label-2-font-size);line-height:var(--label-2-line-height);letter-spacing:var(--letter-space-positive-xs)}[data-content-brand=\"bild\"] .label-2-uppercase,:host([data-content-brand=\"bild\"]) .label-2-uppercase{font-family:var(--label-font-family);font-weight:var(--label-font-weight-book);font-size:var(--label-2-font-size);line-height:var(--label-2-line-height);letter-spacing:var(--letter-space-positive-xs);text-transform:uppercase}[data-content-brand=\"bild\"] .label-2-bold,:host([data-content-brand=\"bild\"]) .label-2-bold{font-family:var(--label-font-family);font-weight:700;font-size:var(--label-2-font-size);line-height:var(--label-2-line-height);letter-spacing:var(--letter-space-positive-xs)}[data-content-brand=\"bild\"] .label-2-uppercase-bold,:host([data-content-brand=\"bild\"]) .label-2-uppercase-bold{font-family:var(--label-font-family);font-weight:700;font-size:var(--label-2-font-size);line-height:var(--label-2-line-height);letter-spacing:var(--letter-space-positive-xs);text-transform:uppercase}[data-content-brand=\"bild\"] .label-3,:host([data-content-brand=\"bild\"]) .label-3{font-family:var(--label-font-family);font-weight:var(--font-weight-book, 400);font-size:var(--label-3-font-size);line-height:var(--label-3-line-height);letter-spacing:var(--letter-space-positive-xs)}[data-content-brand=\"bild\"] .label-3-uppercase,:host([data-content-brand=\"bild\"]) .label-3-uppercase{font-family:var(--label-font-family);font-weight:var(--label-font-weight-book);font-size:var(--label-3-font-size);line-height:var(--label-3-line-height);letter-spacing:var(--letter-space-positive-sm);text-transform:uppercase}[data-content-brand=\"bild\"] .label-3-bold,:host([data-content-brand=\"bild\"]) .label-3-bold{font-family:var(--label-font-family);font-weight:700;font-size:var(--label-3-font-size);line-height:var(--label-3-line-height);letter-spacing:var(--letter-space-positive-xs)}[data-content-brand=\"bild\"] .label-3-uppercase-bold,:host([data-content-brand=\"bild\"]) .label-3-uppercase-bold{font-family:var(--label-font-family);font-weight:700;font-size:var(--label-3-font-size);line-height:var(--label-3-line-height);letter-spacing:var(--letter-space-positive-sm);text-transform:uppercase}[data-content-brand=\"bild\"] .quote,:host([data-content-brand=\"bild\"]) .quote{font-family:var(--quote-font-family);font-weight:var(--quote-font-weight);font-size:var(--quote-font-size);line-height:var(--quote-line-height)}[data-content-brand=\"bild\"][data-density=\"default\"],:host([data-content-brand=\"bild\"][data-density=\"default\"]){--density-stack-space-const-3-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-2-xs:var(--space-0-p-5-x, 4px);--density-stack-space-const-xs:var(--space-0-p-75-x, 6px);--density-stack-space-const-sm:var(--space-1-x, 8px);--density-stack-space-const-md:var(--space-1-p-5-x, 12px);--density-stack-space-const-lg:var(--space-2-x, 16px);--density-stack-space-const-xl:var(--space-3-x, 24px);--density-stack-space-const-2-xl:var(--space-4-x, 32px);--density-xs-stack-space-resp-sm:var(--space-1-x, 8px);--density-xs-stack-space-resp-md:var(--space-1-p-5-x, 12px);--density-xs-stack-space-resp-lg:var(--space-2-x, 16px);--density-xs-stack-space-resp-xl:var(--space-3-x, 24px);--density-xs-stack-space-resp-2-xl:var(--space-4-x, 32px);--density-sm-stack-space-resp-sm:var(--space-1-x, 8px);--density-sm-stack-space-resp-md:var(--space-1-p-5-x, 12px);--density-sm-stack-space-resp-lg:var(--space-2-x, 16px);--density-sm-stack-space-resp-xl:var(--space-3-x, 24px);--density-sm-stack-space-resp-2-xl:var(--space-4-x, 32px);--density-md-stack-space-resp-sm:var(--space-1-p-5-x, 12px);--density-md-stack-space-resp-md:var(--space-2-x, 16px);--density-md-stack-space-resp-lg:var(--space-3-x, 24px);--density-md-stack-space-resp-xl:var(--space-4-x, 32px);--density-md-stack-space-resp-2-xl:var(--space-6-x, 48px);--density-lg-stack-space-resp-sm:var(--space-2-x, 16px);--density-lg-stack-space-resp-md:var(--space-3-x, 24px);--density-lg-stack-space-resp-lg:var(--space-4-x, 32px);--density-lg-stack-space-resp-xl:var(--space-5-x, 40px);--density-lg-stack-space-resp-2-xl:var(--space-8-x, 64px)}[data-content-brand=\"bild\"][data-density=\"dense\"],:host([data-content-brand=\"bild\"][data-density=\"dense\"]){--density-stack-space-const-3-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-2-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-sm:var(--space-0-p-75-x, 6px);--density-stack-space-const-md:var(--space-1-x, 8px);--density-stack-space-const-lg:var(--space-1-p-5-x, 12px);--density-stack-space-const-xl:var(--space-2-x, 16px);--density-stack-space-const-2-xl:var(--space-3-x, 24px);--density-xs-stack-space-resp-sm:var(--space-0-p-75-x, 6px);--density-xs-stack-space-resp-md:var(--space-1-x, 8px);--density-xs-stack-space-resp-lg:var(--space-1-p-5-x, 12px);--density-xs-stack-space-resp-xl:var(--space-2-x, 16px);--density-xs-stack-space-resp-2-xl:var(--space-3-x, 24px);--density-sm-stack-space-resp-sm:var(--space-0-p-75-x, 6px);--density-sm-stack-space-resp-md:var(--space-1-x, 8px);--density-sm-stack-space-resp-lg:var(--space-1-p-5-x, 12px);--density-sm-stack-space-resp-xl:var(--space-2-x, 16px);--density-sm-stack-space-resp-2-xl:var(--space-3-x, 24px);--density-md-stack-space-resp-sm:var(--space-1-x, 8px);--density-md-stack-space-resp-md:var(--space-1-p-5-x, 12px);--density-md-stack-space-resp-lg:var(--space-2-x, 16px);--density-md-stack-space-resp-xl:var(--space-3-x, 24px);--density-md-stack-space-resp-2-xl:var(--space-4-p-5-x, 36px);--density-lg-stack-space-resp-sm:var(--space-1-p-5-x, 12px);--density-lg-stack-space-resp-md:var(--space-2-x, 16px);--density-lg-stack-space-resp-lg:var(--space-3-x, 24px);--density-lg-stack-space-resp-xl:var(--space-3-p-5-x, 28px);--density-lg-stack-space-resp-2-xl:var(--space-6-x, 48px)}[data-content-brand=\"bild\"][data-density=\"spacious\"],:host([data-content-brand=\"bild\"][data-density=\"spacious\"]){--density-stack-space-const-3-xs:var(--space-0-p-25-x, 2px);--density-stack-space-const-2-xs:var(--space-0-p-5-x, 4px);--density-stack-space-const-xs:var(--space-1-x, 8px);--density-stack-space-const-sm:var(--space-1-p-25-x, 10px);--density-stack-space-const-md:var(--space-1-p-75-x, 14px);--density-stack-space-const-lg:var(--space-2-p-5-x, 20px);--density-stack-space-const-xl:var(--space-3-p-5-x, 28px);--density-stack-space-const-2-xl:var(--space-5-x, 40px);--density-xs-stack-space-resp-sm:var(--space-1-p-25-x, 10px);--density-xs-stack-space-resp-md:var(--space-1-p-75-x, 14px);--density-xs-stack-space-resp-lg:var(--space-2-p-5-x, 20px);--density-xs-stack-space-resp-xl:var(--space-3-p-5-x, 28px);--density-xs-stack-space-resp-2-xl:var(--space-5-x, 40px);--density-sm-stack-space-resp-sm:var(--space-1-p-25-x, 10px);--density-sm-stack-space-resp-md:var(--space-1-p-75-x, 14px);--density-sm-stack-space-resp-lg:var(--space-2-p-5-x, 20px);--density-sm-stack-space-resp-xl:var(--space-3-p-5-x, 28px);--density-sm-stack-space-resp-2-xl:var(--space-5-x, 40px);--density-md-stack-space-resp-sm:var(--space-1-p-75-x, 14px);--density-md-stack-space-resp-md:var(--space-2-p-5-x, 20px);--density-md-stack-space-resp-lg:var(--space-3-p-5-x, 28px);--density-md-stack-space-resp-xl:var(--space-5-x, 40px);--density-md-stack-space-resp-2-xl:var(--space-7-p-5-x, 60px);--density-lg-stack-space-resp-sm:var(--space-2-p-5-x, 20px);--density-lg-stack-space-resp-md:var(--space-3-p-5-x, 28px);--density-lg-stack-space-resp-lg:var(--space-5-x, 40px);--density-lg-stack-space-resp-xl:var(--space-6-x, 48px);--density-lg-stack-space-resp-2-xl:var(--space-10-x, 80px)}[data-content-brand=\"bild\"] .article-kicker,:host([data-content-brand=\"bild\"]) .article-kicker{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-1-font-size);line-height:var(--kicker-1-line-height)}[data-content-brand=\"bild\"] .article-image-caption,:host([data-content-brand=\"bild\"]) .article-image-caption{font-family:var(--body-font-family);font-weight:var(--font-weight-bold, 700);font-size:16px;line-height:19.5px}[data-content-brand=\"bild\"] .article-headline,:host([data-content-brand=\"bild\"]) .article-headline{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-2-font-size);line-height:var(--headline-2-font-size)}[data-content-brand=\"bild\"] .article-meta-source,:host([data-content-brand=\"bild\"]) .article-meta-source{font-family:var(--footnote-font-family);font-weight:var(--footnote-font-weight-book);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-content-stack-space:var(--stack-space-resp-lg);--article-headings-stack-space:var(--space-1-p-5-x, 12px);--article-image-landscape-inline-space:var(--space-0-x, 0px);--article-content-inline-space:var(--space-2-x, 16px);--article-headings-inline-space:var(--space-2-x, 16px);--article-image-portait-inline-space:var(--space-0-x, 0px);--article-image-container-stack-space:var(--stack-space-resp-sm);--article-infobox-inline-space:var(--inline-space-resp-lg);--article-infobox-stack-space:var(--stack-space-resp-lg);--article-kicker-font-size:var(--kicker-1-font-size);--article-headline-font-size:var(--headline-2-font-size);--article-image-caption-font-size:16px;--article-image-source-font-size:16px;--article-meta-font-size:12px;--article-image-caption-line-height:19.5px;--article-image-source-line-height:21px;--article-meta-font-family:var(--font-family-gotham, Gotham)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--aricle-mobile-1-col-grid-image-margin-space:var(--space-9-x, 72px);--article-image-landscape-inline-space:var(--space-1-p-5-x, 12px);--article-content-inline-space:var(--space-9-x, 72px);--article-headings-inline-space:var(--space-9-x, 72px);--article-image-portait-inline-space:var(--space-9-x, 72px);--article-headline-font-size:var(--headline-1-font-size);--article-image-caption-font-size:18px;--article-meta-font-size:14px;--article-image-caption-line-height:24.75px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--article-headings-stack-space:var(--space-2-x, 16px);--article-image-landscape-inline-space:var(--space-2-x, 16px);--article-content-inline-space:162px;--article-headings-inline-space:var(--space-2-x, 16px);--article-image-portait-inline-space:162px;--article-image-source-font-size:18px;--article-meta-font-size:16px;--article-image-source-line-height:23px}}[data-content-brand=\"bild\"] .audio-player-label,:host([data-content-brand=\"bild\"]) .audio-player-label{font-family:var(--label-font-family);font-weight:var(--label-font-weight-bold);font-size:16px;line-height:16px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--audio-player-font-size:16px}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--audio-player-font-size:18px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--avatar-label-color-hover:var(--text-color-hover)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--avatar-label-color-hover:var(--icon-color-hover)}[data-content-brand=\"bild\"] .app-avatar,:host([data-content-brand=\"bild\"]) .app-avatar{font-family:var(--font-family-gotham, Gotham);font-weight:var(--font-weight-black, 800);font-size:12px;text-transform:uppercase}[data-content-brand=\"bild\"] .avatar-default,:host([data-content-brand=\"bild\"]) .avatar-default{font-family:var(--body-font-family);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(--body-font-family);font-weight:var(--label-font-weight-bold);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(--body-font-family);font-weight:var(--label-font-weight-book);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(--body-font-family);font-weight:var(--label-font-weight-book);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(--body-font-family);--avatar-label-line-height:21px;--avatar-lane-gap-space:var(--space-2-x, 16px);--app-avatar-font-family:var(--title-font-family)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--avatar-author-page-size:var(--size-16-p-25, 130px);--avatar-lane-gap-space:var(--space-3-x, 24px)}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--avatar-label-font-size:18px;--avatar-label-line-height:23px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--avatar-label-color:var(--text-color-primary)}[data-content-brand=\"bild\"] .video-ad-badge,:host([data-content-brand=\"bild\"]) .video-ad-badge{font-family:var(--body-font-family);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(--body-font-family);font-weight:var(--label-font-weight-book);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-content-brand=\"bild\"] .breadcrumb,:host([data-content-brand=\"bild\"]) .breadcrumb{font-family:var(--body-font-family);font-weight:var(--body-font-weight-bold);font-size:var(--breadcrumb-font-size);line-height:var(--breadcrumb-line-height)}[data-content-brand=\"bild\"] .breadcrumb-link,:host([data-content-brand=\"bild\"]) .breadcrumb-link{font-family:var(--body-font-family);font-weight:var(--body-font-weight-bold);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(--body-font-family);font-weight:var(--body-font-weight-bold);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(--body-font-family);--breadcrumb-arrow-left-inline-space-1:3px;--breadcrumb-arrow-right-inline-space-2:5px;--breadcrumb-inline-space:var(--grid-space-resp-base);--breadcrumb-line-height:15px;--breadcrumb-font-weight:var(--body-font-weight-bold);--breadcrumb-stack-space:14px}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--breadcrumb-font-size:12px;--breadcrumb-inline-space:0px;--breadcrumb-line-height:12px;--breadcrumb-stack-space:16px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--breadcrumb-text-color-idle:var(--text-color-idle);--breadcrumb-text-color-hover:var(--text-color-hover)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--breaking-news-title-surface-color:var(--color-orange-70, #FD8227);--breaking-news-surface-color:var(--color-neutral-15, #222628);--breaking-news-text-content-color:var(--color-neutral-100, #FFFFFF);--breaking-news-top-title-text-color:var(--color-neutral-10, #191B1C);--breaking-news-bottom-title-text-color:var(--color-neutral-10, #191B1C)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--breaking-news-title-surface-color:var(--color-orange-70, #FD8227);--breaking-news-surface-color:var(--color-neutral-90, #DDE1E2);--breaking-news-text-content-color:var(--color-neutral-15, #222628);--breaking-news-top-title-text-color:var(--color-neutral-10, #191B1C);--breaking-news-bottom-title-text-color:var(--color-neutral-10, #191B1C)}[data-content-brand=\"bild\"] .breaking-news-text,:host([data-content-brand=\"bild\"]) .breaking-news-text{font-family:var(--kicker-font-family);font-weight:var(--body-font-weight-bold);font-size:21px;line-height:24px;text-transform:uppercase}[data-content-brand=\"bild\"] .breaking-news-upper-title,:host([data-content-brand=\"bild\"]) .breaking-news-upper-title{font-family:var(--title-font-family);font-weight:var(--title-font-weight);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(--title-font-family);font-weight:var(--title-font-weight);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-content-brand=\"bild\"][data-density=\"default\"],:host([data-content-brand=\"bild\"][data-density=\"default\"]){--density-button-content-gap-space:var(--space-1-x, 8px);--density-button-stack-space:var(--space-1-x, 8px);--density-button-label-font-size:17px;--density-button-inline-space:var(--space-2-p-5-x, 20px);--density-button-height-size:var(--size-5-x, 40px)}[data-content-brand=\"bild\"][data-density=\"dense\"],:host([data-content-brand=\"bild\"][data-density=\"dense\"]){--density-button-content-gap-space:var(--space-0-p-75-x, 6px);--density-button-stack-space:var(--space-0-p-75-x, 6px);--density-button-label-font-size:15px;--density-button-inline-space:var(--space-2-x, 16px);--density-button-height-size:var(--size-4-p-5-x, 36px)}[data-content-brand=\"bild\"][data-density=\"spacious\"],:host([data-content-brand=\"bild\"][data-density=\"spacious\"]){--density-button-content-gap-space:var(--space-1-x, 8px);--density-button-stack-space:var(--space-1-p-5-x, 12px);--density-button-label-font-size:19px;--density-button-inline-space:var(--space-3-x, 24px);--density-button-height-size:var(--size-6-x, 48px)}[data-content-brand=\"bild\"] .button-label,:host([data-content-brand=\"bild\"]) .button-label{font-family:var(--label-font-family);font-weight:700;font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-positive-sm);text-transform:uppercase}[data-content-brand=\"bild\"] .partner-link-button-label,:host([data-content-brand=\"bild\"]) .partner-link-button-label{font-family:var(--label-font-family);font-weight:var(--label-font-weight-book);font-size:var(--partner-link-button-label-font-size);line-height:16px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--button-label-font-size:var(--density-button-label-font-size);--button-inline-space:var(--density-button-inline-space);--partner-link-button-label-font-size:16px;--partner-link-button-label-height-size:var(--size-6-x, 48px);--button-border-width-size:var(--border-width-thick);--button-content-min-height-size:var(--size-const-2-xs);--partner-link-button-inline-space:var(--inline-space-const-sm);--button-label-line-height:var(--density-button-label-font-size);--button-content-gap-space:var(--density-button-content-gap-space);--button-stack-space:var(--density-button-stack-space);--button-border-radius:var(--border-radius-md);--button-label-font-family:var(--label-font-family);--button-height-size:var(--density-button-height-size)}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--partner-link-button-label-font-size:18px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--button-primary-brand-bg-color-idle:var(--bg-color-brand-solid);--button-primary-brand-bg-color-hover:var(--bg-color-brand-solid-hover);--button-primary-brand-label-color:var(--text-color-primary-on-dark);--button-primary-brand-bg-color-active:var(--bg-color-brand-solid-active);--button-tertiary-neutral-label-color:var(--text-color-active);--button-tertiary-neutral-border-color-idle:var(--border-color-idle);--button-tertiary-neutral-border-color-hover:var(--border-color-selected);--button-tertiary-neutral-bg-color-hover:var(--bg-color-secondary);--button-tertiary-neutral-bg-color-active:var(--bg-color-tertiary);--button-secondary-bg-color-hover:var(--bg-color-quaternary);--button-secondary-label-color:var(--text-color-active);--button-secondary-bg-color-idle:var(--bg-color-tertiary);--button-secondary-bg-color-active:var(--bg-color-quaternary);--button-primary-success-bg-color-idle:var(--bg-color-success-solid);--button-primary-success-bg-color-hover:var(--bg-color-success-solid-hover);--button-primary-success-bg-color-active:var(--bg-color-success-solid-active);--button-primary-success-label-color:var(--text-color-primary-on-dark);--button-tertiary-success-bg-color-hover:var(--bg-color-success-tint-hover);--button-tertiary-success-border-color:var(--border-color-success);--button-tertiary-success-label-color:var(--text-color-success);--button-primary-neutral-bg-color-idle:var(--bg-color-primary-inverse);--button-primary-neutral-bg-color-hover:var(--bg-color-tertiary-inverse);--button-primary-neutral-label-color:var(--text-color-inverse-high-contrast);--button-primary-neutral-bg-color-active:var(--bg-color-quaternary-inverse);--button-ghost-bg-color-hover:var(--bg-color-tertiary);--button-ghost-label-color:var(--text-color-active);--button-ghost-bg-color-active:var(--bg-color-quaternary);--button-disabled-label-color:var(--text-color-disabled);--button-disabled-bg-color:var(--bg-color-disabled);--button-disabled-border-color:var(--border-color-disabled)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--card-surface-bg-color:var(--bg-color-primary)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--card-surface-bg-color:var(--bg-color-secondary)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--search-result-card-image-width-size:216px;--search-result-card-image-height-size-stacked:189px;--newsticker-image-card-width-size:206px}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--search-result-card-image-width-size:260px}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--gallery-teaser-title-bottom-space:var(--space-3-p-5-x, 28px);--gallery-teaser-app-gap-space:var(--space-0-x, 0px);--app-epaper-carousel-item-focus-width:182px;--app-epaper-carousel-item-default-width:144px;--app-epaper-carouse-beilage-item-width:110px;--standard-teaser-gallery-teaser-width-web:145px;--standard-teaser-gallery-teaser-width-app:280px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--gallery-teaser-title-bottom-space:var(--space-4-p-5-x, 36px);--gallery-teaser-app-gap-space:var(--gap-space-const-sm);--app-epaper-carousel-item-focus-width:240px;--app-epaper-carousel-item-default-width:172px;--app-epaper-carouse-beilage-item-width:172px;--standard-teaser-gallery-teaser-width-web:260px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--standard-teaser-gallery-teaser-width-web:300px;--standard-teaser-gallery-teaser-width-app:464px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--chip-bg-color-hover:var(--bg-color-brand-solid-hover);--chip-label-color-hover:var(--text-color-primary-on-dark)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--chip-bg-color-hover:var(--bg-color-tertiary-inverse);--chip-label-color-hover:var(--text-color-primary-on-light)}[data-content-brand=\"bild\"] .chip-label,:host([data-content-brand=\"bild\"]) .chip-label{font-family:var(--footnote-font-family);font-weight:var(--label-font-weight-bold);font-size:var(--size-2-x, 16px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--chip-font-size:var(--size-2-x, 16px);--chip-inline-space:var(--inline-space-const-md);--chip-stack-space:var(--stack-space-const-sm)}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--chip-font-size:var(--size-2-p-25-x, 18px)}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--chip-bg-color-active:var(--bg-color-brand-light-only);--chip-bg-color-idle:var(--bg-color-tertiary);--chip-label-color-idle:var(--text-color-idle);--chip-label-color-active:var(--text-color-inverse-high-contrast)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--datepicker-item-day-width-size:var(--size-5-p-5-x, 44px);--datepicker-item-height-size:var(--size-5-p-5-x, 44px);--datepicker-item-year-width-size:77px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--mobile-menu-drawer-stack-space:20px;--mobile-menu-drawer-left-inline-space:20px;--mobile-menu-drawer-right-inline-space:16px;--mobile-menu-drawer-max-width-size:400px}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--dropdown-bg-color-hover:var(--bg-color-secondary);--dropdown-bg-color-idle:var(--bg-color-primary)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--dropdown-bg-color-hover:var(--bg-color-quaternary);--dropdown-bg-color-idle:var(--bg-color-tertiary)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--drop-down-border-radius:var(--border-radius-sm);--drop-down-item-stack-space:var(--space-1-x, 8px);--drop-down-item-inline-space:var(--grid-space-resp-base)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--empties-bg-color:var(--bg-color-secondary);--empties-logo-color:var(--bg-color-quaternary)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--empties-bg-color:var(--bg-color-tertiary);--empties-logo-color:var(--bg-color-secondary)}[data-content-brand=\"bild\"] .footer-link,:host([data-content-brand=\"bild\"]) .footer-link{font-family:var(--body-font-family);font-weight:var(--label-font-weight-bold);font-size:11px;line-height:14px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--footer-font-size:11px;--footer-line-height:14px;--footer-font-family:var(--body-font-family)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--app-image-lightbox-gallery-bg-color:var(--color-neutral-0, #000000)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--app-image-lightbox-gallery-bg-color:var(--color-neutral-0, #000000)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--icon-size:var(--size-const-2-xs);--icon-size-embedd-media:40px}[data-content-brand=\"bild\"][data-density=\"default\"],:host([data-content-brand=\"bild\"][data-density=\"default\"]){--density-icon-button-size:var(--size-6-x, 48px)}[data-content-brand=\"bild\"][data-density=\"dense\"],:host([data-content-brand=\"bild\"][data-density=\"dense\"]){--density-icon-button-size:var(--size-5-x, 40px)}[data-content-brand=\"bild\"][data-density=\"spacious\"],:host([data-content-brand=\"bild\"][data-density=\"spacious\"]){--density-icon-button-size:var(--size-7-x, 56px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--icon-button-size:var(--density-icon-button-size);--icon-button-border-radius:var(--border-radius-md)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--info-element-teaser-badge-height-size:var(--size-2-x, 16px);--info-element-teaser-image-height-size:var(--size-10-x, 80px);--info-element-teaser-image-width-size:var(--size-10-x, 80px);--info-element-teaser-badge-margin-space:var(--space-0-p-5-x, 4px)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--info-element-teaser-image-height-size:83px;--info-element-teaser-image-width-size:var(--size-18-p-5-x, 148px)}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--info-element-teaser-badge-height-size:var(--size-3-x, 24px);--info-element-teaser-image-height-size:133px;--info-element-teaser-image-width-size:236px;--info-element-teaser-badge-margin-space:var(--space-1-x, 8px)}}[data-content-brand=\"bild\"][data-density=\"default\"],:host([data-content-brand=\"bild\"][data-density=\"default\"]){--density-input-field-inline-space:var(--space-2-x, 16px);--density-input-field-stack-space:var(--space-1-x, 8px);--density-input-field-height-size:var(--size-5-x, 40px);--density-input-field-label-font-size:17px;--density-input-field-label-line-height:17px}[data-content-brand=\"bild\"][data-density=\"dense\"],:host([data-content-brand=\"bild\"][data-density=\"dense\"]){--density-input-field-inline-space:var(--space-2-x, 16px);--density-input-field-stack-space:var(--space-0-p-75-x, 6px);--density-input-field-height-size:var(--size-4-p-5-x, 36px);--density-input-field-label-font-size:16px;--density-input-field-label-line-height:16px}[data-content-brand=\"bild\"][data-density=\"spacious\"],:host([data-content-brand=\"bild\"][data-density=\"spacious\"]){--density-input-field-inline-space:var(--space-2-x, 16px);--density-input-field-stack-space:var(--space-1-p-5-x, 12px);--density-input-field-height-size:var(--size-6-x, 48px);--density-input-field-label-font-size:19px;--density-input-field-label-line-height:19px}[data-content-brand=\"bild\"] .input-field-label,:host([data-content-brand=\"bild\"]) .input-field-label{font-family:var(--body-font-family);font-weight:var(--label-font-weight-book);font-size:16px;line-height:16px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--input-field-stack-space:var(--density-input-field-stack-space);--input-field-inline-space:var(--density-input-field-inline-space);--input-field-mini-label-inline-space:var(--inline-space-const-2-xs);--input-field-label-font-size:var(--density-input-field-label-font-size);--input-field-imessage-inline-space:var(--inline-space-const-lg);--input-field-height-size:var(--density-input-field-height-size);--hey-input-container-inline-space:var(--inline-space-const-sm);--input-field-message-gap-space:var(--gap-space-const-xs);--input-field-label-font-family:var(--body-font-family);--input-field-label-line-height:var(--density-input-field-label-line-height)}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--hey-input-container-inline-space:var(--inline-space-const-lg);--input-field-label-line-height:var(--density-input-field-label-font-size)}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--input-field-border-color-idle:var(--border-color-idle);--input-field-border-color-active:var(--border-color-selected);--input-field-border-color-disabled:var(--border-color-disabled)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--kicker-bg-color-on-surface:var(--bg-color-brand-solid);--kicker-fitbook-bg-color:var(--color-partner-fitbook, #FF97B7);--kicker-petbook-bg-color:var(--color-partner-petbook, #B9DB91);--kicker-myhomebook-bg-color:var(--color-partner-myhome, #66CCCC);--kicker-travelbook-bg-color:var(--color-partner-travelbook, #8EF0ED);--kicker-techbook-bg-color:var(--color-partner-techbook, #93E4FF);--kicker-kaufberater-bg-color:var(--color-partner-kaufberater, #55476E);--kicker-cobi-bg-color:var(--color-cobi-red-50, #DC231C);--kicker-aubi-bg-color:var(--color-aubi-red-50, #F00000);--kicker-spobi-bg-color:var(--color-spobi-blue-30, #174482);--kicker-bz-bg-color:var(--color-bz-red-50, #E3001B)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--kicker-bg-color-on-surface:var(--bg-color-quaternary-inverse);--kicker-fitbook-bg-color:var(--color-partner-fitbook, #FF97B7);--kicker-petbook-bg-color:var(--color-partner-petbook, #B9DB91);--kicker-myhomebook-bg-color:var(--color-partner-myhome, #66CCCC);--kicker-travelbook-bg-color:var(--color-partner-travelbook, #8EF0ED);--kicker-techbook-bg-color:var(--color-partner-techbook, #93E4FF);--kicker-kaufberater-bg-color:var(--color-partner-kaufberater, #55476E);--kicker-cobi-bg-color:var(--color-cobi-red-50, #DC231C);--kicker-aubi-bg-color:var(--color-aubi-red-50, #F00000);--kicker-spobi-bg-color:var(--color-spobi-blue-30, #174482);--kicker-bz-bg-color:var(--color-bz-red-50, #E3001B)}[data-content-brand=\"bild\"] .live-ticker-headline,:host([data-content-brand=\"bild\"]) .live-ticker-headline{font-family:var(--headline-font-family);font-weight:var(--font-weight-semi-bold, 600);font-size:22px;line-height:22px}[data-content-brand=\"bild\"] .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(--label-font-weight-bold);font-size:var(--live-ticker-time-stamp-font-size);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(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-control-buttons-bg-hover-color:var(--color-bild-red-50-a-80, rgba(221, 0, 0, 0.8));--vid-player-control-buttons-bg-color-hover:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-overlay-scrim-color:var(--color-neutral-0-a-50, rgba(0, 0, 0, 0.5));--audio-player-play-button-bg-color:var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));--vid-player-tooltip-bg-color:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--vid-player-control-buttons-bg-color-pressed:var(--color-neutral-0-a-5, rgba(0, 0, 0, 0.05));--vid-player-progress-bar-preload-bg-color:var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));--vid-player-unmute-button-bg-color:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-unmute-button-bg-color-hover:var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));--vid-player-progress-bar-ad-bg-color:var(--color-yellow-80, #FFBF00)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--vid-player-controls-autoplay-button-bg-color:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-control-buttons-bg-hover-color:var(--color-bild-red-50-a-80, rgba(221, 0, 0, 0.8));--vid-player-control-buttons-bg-color-hover:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-overlay-scrim-color:var(--color-neutral-0-a-50, rgba(0, 0, 0, 0.5));--audio-player-play-button-bg-color:var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));--vid-player-tooltip-bg-color:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--vid-player-control-buttons-bg-color-pressed:var(--color-neutral-0-a-5, rgba(0, 0, 0, 0.05));--vid-player-progress-bar-preload-bg-color:var(--color-neutral-100-a-30, rgba(255, 255, 255, 0.3));--vid-player-unmute-button-bg-color:var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));--vid-player-unmute-button-bg-color-hover:var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));--vid-player-progress-bar-ad-bg-color:var(--color-yellow-80, #FFBF00)}[data-content-brand=\"bild\"] .podcast-player-label,:host([data-content-brand=\"bild\"]) .podcast-player-label{font-family:var(--label-font-family);font-weight:var(--label-font-weight-book);font-size:16px;line-height:16px}[data-content-brand=\"bild\"] .video-ad-time,:host([data-content-brand=\"bild\"]) .video-ad-time{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:14px;text-transform:uppercase}[data-content-brand=\"bild\"] .video-player-time,:host([data-content-brand=\"bild\"]) .video-player-time{font-family:var(--title-font-family);font-weight:var(--title-font-weight);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(--body-font-family);--vid-player-control-button-size:var(--size-5-p-25-x, 42px);--vid-player-control-button-icon-size-hover:var(--size-3-p-5-x, 28px);--vid-player-timecode-font-size:14px;--vid-player-timecode-container-min-width-size:45px;--vid-player-progress-bar-container-height-size:24px;--vid-player-unmute-button-width-size:220px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--vid-player-timecode-font-size:16px;--vid-player-timecode-container-min-width-size:58px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--vid-player-bottom-bar-gap-space:var(--gap-space-const-lg);--vid-player-timecode-font-size:18px;--vid-player-progress-bar-container-height-size:42px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--menu-scrolled-surface-gradient-color:var(--color-neutral-100-a-95, rgba(255, 255, 255, 0.95));--menu-link-lane-surface-color:var(--color-neutral-100, #FFFFFF);--menu-link-lane-label-color:var(--color-neutral-40, #565A5F);--menu-link-lane-label-color-hover:var(--color-neutral-15, #222628);--app-top-bar-surface-color:var(--color-neutral-100, #FFFFFF);--app-top-bar-text-color-primary:var(--color-neutral-15, #222628);--app-tob-bar-tab-nav-bottom-border:var(--color-neutral-90, #DDE1E2);--app-tob-bar-tab-nav-bottom-border-active:var(--color-bild-red-50, #DD0000)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--menu-scrolled-surface-gradient-color:rgba(34, 38, 40, 0.95);--menu-link-lane-surface-color:var(--color-neutral-15, #222628);--menu-link-lane-label-color:var(--color-neutral-60, #8C9196);--menu-link-lane-label-color-hover:var(--color-neutral-100, #FFFFFF);--app-top-bar-surface-color:var(--color-neutral-25, #343C41);--app-top-bar-text-color-primary:var(--color-neutral-90, #DDE1E2);--app-tob-bar-tab-nav-bottom-border:var(--color-neutral-30, #40464D);--app-tob-bar-tab-nav-bottom-border-active:var(--color-neutral-100, #FFFFFF)}[data-content-brand=\"bild\"] .app-topbar-stage-title,:host([data-content-brand=\"bild\"]) .app-topbar-stage-title{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:12px;line-height:14px}[data-content-brand=\"bild\"] .app-topbar-tabs-title,:host([data-content-brand=\"bild\"]) .app-topbar-tabs-title{font-family:var(--title-font-family);font-weight:var(--title-font-weight);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(--label-font-family);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(--label-font-family);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(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1));--hey-input-shadow-visibility:var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));--app-topbar-title-font-size:12px;--app-topbar-stage-title-height:14px;--i-osapp-top-bar-height-size:44px;--i-osapp-top-bar-left-inline-space:12px;--i-osapp-top-bar-right-inline-space:16px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--app-topbar-title-font-size:14px;--app-topbar-stage-title-height:17px;--i-osapp-top-bar-height-size:48px;--i-osapp-top-bar-left-inline-space:19px;--i-osapp-top-bar-right-inline-space:19px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--menu-logo-default-size:var(--size-18-p-5-x, 148px);--menu-special-navi-item-height-size:56px;--menu-utility-links-container-height-size:var(--size-12-p-5-x, 100px);--menu-top-stack-space:var(--stack-space-const-md);--menu-left-inline-space:var(--inline-space-const-lg);--menu-utility-links-gap-space:var(--gap-space-const-2-xl);--menu-right-inline-space:var(--inline-space-const-lg);--menu-bottom-stack-space:var(--space-0-x, 0px);--menu-utility-links-divider-height-size:var(--size-const-md);--menu-shadow-visibility:var(--color-neutral-0-a-0, rgba(0, 0, 0, 0));--hey-input-shadow-visibility:var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--menu-surface-color:var(--bg-color-primary);--app-top-bar-icon-color:var(--icon-color-secondary)}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--menu-item-border-color-active:var(--border-color-brand-light-only);--menu-item-label-color-primary:var(--text-color-idle);--menu-item-label-color-primary-active:var(--text-color-active)}[data-content-brand=\"bild\"] .news-ticker-time-stamp,:host([data-content-brand=\"bild\"]) .news-ticker-time-stamp{font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);font-weight:var(--font-weight-bold, 700);font-size:16px;line-height:20.8px}[data-content-brand=\"bild\"] .news-ticker-kicker,:host([data-content-brand=\"bild\"]) .news-ticker-kicker{font-family:var(--kicker-font-family);font-weight:var(--kicker-font-weight);font-size:var(--kicker-3-font-size);line-height:var(--kicker-3-line-height)}[data-content-brand=\"bild\"] .news-ticker-headline,:host([data-content-brand=\"bild\"]) .news-ticker-headline{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-3-font-size);line-height:var(--headline-3-line-height)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--news-ticker-time-font-size:16px;--news-ticker-time-font-weight:var(--font-weight-bold, 700);--news-ticker-time-font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);--news-ticker-time-line-height:20.8px;--news-ticker-content-stack-space:var(--gap-space-const-xs);--news-ticker-kicker-inner-stack-space:var(--space-0-p-25-x, 2px);--news-ticker-titles-inline-space:18px;--news-ticker-badges-inline-space:var(--space-1-x, 8px);--news-ticker-time-kicker-stack-space:var(--space-0-p-5-x, 4px);--news-ticker-entries-stack-space:var(--space-2-p-75-x, 22px);--news-ticker-kicker-inner-inline-space:var(--space-0-p-5-x, 4px);--news-ticker-skeleton-bottom-space:var(--space-8-x, 64px);--news-ticker-red-dot-size:var(--size-1-p-5-x, 12px);--news-ticker-entries-left-inline-space:var(--space-2-p-75-x, 22px);--news-ticker-line-inline-space:var(--space-0-p-75-x, 6px);--news-ticker-app-card-height-size:116px;--news-ticker-app-card-width-size:250px}@media (min-width: 390px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--news-ticker-time-font-family:var(--label-font-family)}}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--news-ticker-titles-inline-space:var(--space-3-x, 24px);--news-ticker-badges-inline-space:var(--space-1-p-5-x, 12px);--news-ticker-time-kicker-stack-space:var(--space-0-p-75-x, 6px);--news-ticker-skeleton-bottom-space:0px;--news-ticker-red-dot-size:var(--size-1-p-75-x, 14px);--news-ticker-line-inline-space:7px;--news-ticker-app-card-height-size:150px;--news-ticker-app-card-width-size:300px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--news-ticker-time-font-size:18px;--news-ticker-time-line-height:23.4px;--news-ticker-titles-inline-space:30px;--news-ticker-badges-inline-space:var(--space-2-x, 16px);--news-ticker-red-dot-size:var(--size-2-x, 16px);--news-ticker-line-inline-space:var(--space-1-x, 8px)}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--news-ticker-timestamp-color:var(--text-color-secondary);--news-ticker-badge-icons-color:var(--icon-color-secondary)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--pagination-element-color-default:var(--bg-color-quaternary);--scroll-bar-track-bg-color:var(--color-neutral-0-a-10, rgba(0, 0, 0, 0.1))}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--pagination-element-color-default:var(--bg-color-quaternary-inverse);--scroll-bar-track-bg-color:var(--color-neutral-100-a-10, rgba(255, 255, 255, 0.1))}[data-content-brand=\"bild\"] .numbered-pagination-active,:host([data-content-brand=\"bild\"]) .numbered-pagination-active{font-family:var(--label-font-family);font-weight:var(--label-font-weight-bold);font-size:var(--label-1-font-size);line-height:var(--label-1-line-height);letter-spacing:var(--letter-space-0-p-25, 0.25px);text-decoration:underline}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--gallery-pagination-item-height-size:var(--size-0-p-5-x, 4px);--gallery-pagination-container-web-inline-space:var(--inline-space-const-sm);--gallery-pagination-container-stack-space:var(--stack-space-const-md);--gallery-pagination-container-app-inline-space:var(--inline-space-const-md);--scroll-bar-thickness-size:var(--size-const-4-xs)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--gallery-pagination-container-web-inline-space:var(--inline-space-const-md);--gallery-pagination-container-stack-space:var(--stack-space-const-lg)}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--pagination-element-color-active:var(--bg-color-brand-light-only);--gallery-pagination-element-active-opacity:var(--layer-opacity-100);--scroll-bar-thumb-bg-color:var(--bg-color-quintenary)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--partner-links-bg-color-idle:var(--bg-color-primary);--partner-links-bg-color-active:var(--bg-color-tertiary)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--partner-links-bg-color-idle:var(--bg-color-tertiary);--partner-links-bg-color-active:var(--bg-color-quintenary)}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--partner-links-border-color-idle:var(--border-color-default);--partner-links-border-color-active:var(--border-color-extra-strong)}[data-content-brand=\"bild\"] .paywall-card-price-tag,:host([data-content-brand=\"bild\"]) .paywall-card-price-tag{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--size-8-x, 64px);line-height:var(--size-8-x, 64px);letter-spacing:var(--display-2-letter-space)}[data-content-brand=\"bild\"] .paywall-card-note,:host([data-content-brand=\"bild\"]) .paywall-card-note{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--size-5-x, 40px);line-height:var(--size-5-x, 40px);letter-spacing:var(--display-3-letter-space)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--paywall-container-gap-space:-48px;--paywall-header-bottom-stack-space:var(--space-10-x, 80px);--paywall-card-max-width-size:346px;--paywall-card-price-tag-font-size:var(--size-8-x, 64px);--paywall-card-price-tag-line-height:var(--size-8-x, 64px);--paywall-card-price-note-line-height:var(--size-5-x, 40px);--paywall-card-price-note-font-size:var(--size-5-x, 40px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--quote-container-inline-space:var(--inline-space-const-lg);--quote-container-stack-space:var(--stack-space-resp-lg);--quote-quotation-marks-font-size:var(--size-3-p-5-x, 28px);--quote-content-gap-space:var(--gap-space-const-lg)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--quote-quotation-marks-font-size:var(--size-4-x, 32px);--quote-content-gap-space:var(--gap-space-const-3-xl)}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--quote-container-inline-space:var(--space-3-p-5-x, 28px);--quote-quotation-marks-font-size:var(--size-4-p-5-x, 36px)}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--radio-selector-size:var(--size-2-p-5-x, 20px);--radio-selector-dot-active-size:var(--size-1-p-5-x, 12px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--search-result-badge-height-size:var(--size-2-p-25-x, 18px)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--section-title-inner-stack-bottom-space:var(--space-1-p-5-x, 12px);--section-title-height-size:var(--size-4-x, 32px);--section-title-arrow-inline-space:5px;--section-title-arrow-inline-space-active:5px}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--section-title-height-size:var(--size-5-x, 40px);--section-title-arrow-inline-space-active:8px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--selection-border-color:var(--border-color-strong)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--separator-thickness-size:var(--border-width-thick)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--headlines-skeleton-image-placeholder-max-width:282px;--article-skeleton-image-inline-space:var(--grid-space-resp-base);--article-skeleton-text-inline-space:0px;--article-text-skeleton-height-size:270px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--headlines-skeleton-image-placeholder-max-width:var(--size-20-x, 160px);--article-skeleton-image-inline-space:var(--space-6-x, 48px);--article-skeleton-text-inline-space:var(--space-6-x, 48px);--article-text-skeleton-height-size:720px}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--slider-track-bg-color:var(--color-neutral-100-a-35, rgba(255, 255, 255, 0.35))}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--slider-track-bg-color:var(--color-neutral-100-a-35, rgba(255, 255, 255, 0.35))}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--slider-progress-bar-idle-height-size:var(--size-0-p-5-x, 4px);--slider-progress-bar-hover-height-size:var(--size-1-x, 8px);--slider-progress-inactive-height-size:var(--size-0-p-25-x, 2px);--vid-player-progress-bar-height-size:var(--size-1-p-5-x, 12px)}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--slider-button-opacity:var(--layer-opacity-90)}[data-content-brand=\"bild\"] .special-navi-item-label,:host([data-content-brand=\"bild\"]) .special-navi-item-label{font-family:var(--label-font-family);font-weight:700;font-size:15px;line-height:15px}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--special-navi-inline-space:var(--space-3-x, 24px)}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--special-navi-inline-space:var(--space-4-x, 32px)}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-spinner-size:var(--size-const-sm);--video-spinner-stroke-size:2px;--video-spinner-size-0-5-x:20px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-spinner-size:var(--size-10-x, 80px);--video-spinner-stroke-size:4px;--video-spinner-size-0-5-x:40px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--subheaders-text-color:var(--text-color-primary)}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--app-bottom-tab-bar-bg-color:var(--color-neutral-100, #FFFFFF)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--app-bottom-tab-bar-bg-color:var(--color-neutral-25, #343C41)}[data-content-brand=\"bild\"] .tab-label,:host([data-content-brand=\"bild\"]) .tab-label{font-family:var(--font-family-gotham-xnarrow, Gotham XNarrow);font-weight:var(--label-font-weight-bold);font-size:var(--tab-label-font-size);text-transform:uppercase}[data-content-brand=\"bild\"] .app-bottom-bar-label-default,:host([data-content-brand=\"bild\"]) .app-bottom-bar-label-default{font-family:var(--body-font-family);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(--body-font-family);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-bg-gradient-start:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--teaser-title-bg-gradient-stop:var(--color-neutral-0-a-0, rgba(0, 0, 0, 0))}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--teaser-title-bg-gradient-start:var(--color-neutral-0-a-70, rgba(0, 0, 0, 0.7));--teaser-title-bg-gradient-stop:var(--color-neutral-0-a-0, rgba(0, 0, 0, 0))}[data-content-brand=\"bild\"] .a-teaser-a-teaser-kicker,:host([data-content-brand=\"bild\"]) .a-teaser-a-teaser-kicker{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-3-font-size);line-height:var(--kicker-3-font-size)}[data-content-brand=\"bild\"] .a-teaser-a-teaser-headline,:host([data-content-brand=\"bild\"]) .a-teaser-a-teaser-headline{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-3-font-size);line-height:var(--headline-3-font-size)}[data-content-brand=\"bild\"] .m-qteaser-m-qteaser-kicker,:host([data-content-brand=\"bild\"]) .m-qteaser-m-qteaser-kicker{font-family:var(--kicker-font-family);font-weight:700;font-size:var(--kicker-4-font-size);line-height:var(--kicker-4-line-height)}[data-content-brand=\"bild\"] .m-qteaser-m-qteaser-headline,:host([data-content-brand=\"bild\"]) .m-qteaser-m-qteaser-headline{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-4-font-size);line-height:var(--headline-4-line-height)}[data-content-brand=\"bild\"] .q-teaser-q-teaser-headline,:host([data-content-brand=\"bild\"]) .q-teaser-q-teaser-headline{font-family:var(--headline-font-family);font-weight:900;font-size:var(--headline-1-font-size);line-height:var(--headline-1-line-height)}[data-content-brand=\"bild\"] .std-teaser-std-teaser-headline,:host([data-content-brand=\"bild\"]) .std-teaser-std-teaser-headline{font-family:var(--headline-font-family);font-weight:700;font-size:var(--headline-4-font-size);line-height:var(--headline-4-line-height)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--teaser-title-inline-left-space:var(--grid-space-resp-base);--teaser-title-stack-space:var(--space-0-p-5-x, 4px);--teaser-title-gap-space:var(--gap-space-const-xs);--teaser-kicker-bg-inline-space:var(--inline-space-const-xs);--teaser-kicker-bg-stack-space:var(--stack-space-const-3-xs);--teaser-badges-margin-space:var(--inline-space-const-sm);--teaser-badges-height-size-lg:var(--size-const-xs);--teaser-title-bottom-stack-space:var(--space-1-p-5-x, 12px);--teaser-badges-height-size-sm:var(--size-resp-2-xs);--teaser-layout-grid-space:var(--grid-space-resp-base);--m-qteaser-headline-font-size:var(--headline-4-font-size);--m-qteaser-headline-font-weight:var(--headline-4-font-weight);--m-qteaser-headline-line-height:var(--headline-4-line-height);--mq-teaser-title-inline-space:var(--space-1-x, 8px);--a-teaser-kicker-font-size:var(--kicker-3-font-size);--a-teaser-headline-font-size:var(--headline-3-font-size);--a-teaser-kicker-line-height:var(--kicker-3-font-size);--a-teaser-headline-line-height:var(--headline-3-font-size);--a-teaser-title-inline-space:var(--space-1-x, 8px);--std-teaser-image-title-gap-space:var(--gap-space-const-xs);--std-teaser-badges-margin-space:var(--space-0-p-5-x, 4px);--std-teaser-kicker-headline-stack-space:var(--stack-space-const-3-xs);--quad-headline-font-size:var(--headline-1-font-size);--quad-kicker-font-size:var(--kicker-1-font-size);--quad-headline-line-height:var(--headline-1-line-height);--q-teaser-title-inline-space:var(--space-1-x, 8px);--bild-play-teaser-width-size:145px;--super-ateaser-title-inline-space:var(--space-2-x, 16px);--b-teaser-title-inline-space:var(--space-1-x, 8px)}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--teaser-title-inline-left-space:var(--space-0-x, 0px);--teaser-title-bottom-stack-space:var(--space-2-x, 16px);--m-qteaser-headline-font-size:var(--headline-3-font-size);--m-qteaser-headline-font-weight:var(--headline-3-font-weight);--m-qteaser-headline-line-height:var(--headline-3-line-height);--a-teaser-kicker-font-size:var(--kicker-2-font-size);--a-teaser-headline-font-size:var(--headline-2-font-size);--a-teaser-kicker-line-height:var(--kicker-2-font-size);--a-teaser-headline-line-height:var(--headline-2-line-height);--a-teaser-title-inline-space:var(--space-1-p-5-x, 12px);--std-teaser-image-title-gap-space:var(--space-0-p-75-x, 6px);--std-teaser-badges-margin-space:var(--space-1-x, 8px);--quad-kicker-font-size:var(--kicker-2-font-size);--q-teaser-title-inline-space:var(--space-2-x, 16px);--bild-play-teaser-width-size:169px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--teaser-title-stack-space:var(--space-0-p-75-x, 6px);--teaser-badges-height-size-lg:var(--size-const-sm);--q-teaser-title-inline-space:var(--space-1-p-5-x, 12px);--bild-play-teaser-width-size:193px}}[data-color-brand=\"bild\"],:host([data-color-brand=\"bild\"]){--teaser-hover-opacity:var(--layer-opacity-80)}[data-content-brand=\"bild\"] .app-toogle-item-label,:host([data-content-brand=\"bild\"]) .app-toogle-item-label{font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:14px;line-height:14.1px;text-transform:uppercase}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--app-toggle-item-label-font-size:14px;--app-toggle-item-label-line-height:14.1px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--app-toggle-item-label-font-size:16px;--app-toggle-item-label-line-height:16.2px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--app-toggle-item-label-font-size:18px;--app-toggle-item-label-line-height:18.2px}}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-time-badge-corner-size:var(--border-radius-xs);--video-time-badge-font-size:16px;--video-time-badge-size:var(--size-3-x, 24px);--video-red-play-icon-width-size:var(--size-1-x, 8px);--video-red-play-icon-height-size:var(--size-1-p-25-x, 10px);--video-badge-time-line-height:21px;--video-skeleton-container-height:180px;--video-frame-inline-space:0px;--vertical-video-mock-headline-font-size:22px;--video-ad-badge-font-size:14px}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-time-badge-font-size:18px;--video-time-badge-size:var(--size-4-x, 32px);--video-red-play-icon-width-size:var(--size-1-p-5-x, 12px);--video-red-play-icon-height-size:var(--size-1-p-75-x, 14px);--video-badge-time-line-height:23.8px;--video-skeleton-container-height:464px;--video-frame-inline-space:var(--grid-space-resp-base);--vertical-video-mock-headline-font-size:32px;--video-ad-badge-font-size:16px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--video-time-badge-size:var(--size-5-x, 40px);--video-red-play-icon-width-size:var(--size-1-p-75-x, 14px);--video-red-play-icon-height-size:var(--size-2-p-25-x, 18px)}}[data-color-brand=\"bild\"][data-theme=\"light\"],:host([data-color-brand=\"bild\"][data-theme=\"light\"]){--ds-doc-spacing-item-bg-color:rgba(221, 0, 0, 0.1);--ds-doc-spacing-item-border-color:rgba(221, 0, 0, 0.5)}[data-color-brand=\"bild\"][data-theme=\"dark\"],:host([data-color-brand=\"bild\"][data-theme=\"dark\"]){--ds-doc-spacing-item-bg-color:rgba(255, 255, 255, 0.2);--ds-doc-spacing-item-border-color:rgba(255, 255, 255, 0.8)}[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--bild-design-frame-space:var(--grid-space-resp-base);--ds-main-container-space:var(--space-0-x, 0px);--dsys-docs-width-size:320px;--main-content-stage-size:320px;--foundations-banner-height-size:var(--size-10-x, 80px);--doc-label-resp-font-size:10px;--ds-caption-stack-space-0-p-5-x:var(--space-0-p-5-x, 4px);--ds-caption-stack-space-1-x:var(--space-1-x, 8px);--label-1-responsive-line-height:UNRESOLVED_VariableID:18038:10773;--1-column-mobile:320px;--thin-banner-vertical-height-size:558px;--specs-font-family:var(--font-family-gotham, Gotham);--doc-header-height-size:144px}@media (min-width: 390px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--dsys-docs-width-size:750px;--main-content-stage-size:750px;--label-1-responsive-line-height:UNRESOLVED_VariableID:18038:10774}}@media (min-width: 600px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--bild-design-frame-space:var(--space-8-x, 64px);--ds-main-container-space:var(--space-8-p-5-x, 68px);--dsys-docs-width-size:962px;--main-content-stage-size:962px;--doc-label-resp-font-size:15px;--ds-caption-stack-space-0-p-5-x:var(--space-0-p-75-x, 6px);--ds-caption-stack-space-1-x:var(--space-1-p-5-x, 12px);--label-1-responsive-line-height:UNRESOLVED_VariableID:18038:10775;--1-column-mobile:930px;--doc-header-height-size:160px}}@media (min-width: 1024px){[data-content-brand=\"bild\"],:host([data-content-brand=\"bild\"]){--dsys-docs-width-size:1440px;--main-content-stage-size:1024px;--foundations-banner-height-size:var(--size-17-p-5-x, 140px);--doc-label-resp-font-size:17px;--ds-caption-stack-space-0-p-5-x:var(--space-1-x, 8px);--ds-caption-stack-space-1-x:var(--space-2-x, 16px);--label-1-responsive-line-height:UNRESOLVED_VariableID:18038:10776;--1-column-mobile:656px;--thin-banner-vertical-height-size:186px;--doc-header-height-size:180px}}";
|
|
@@ -253,6 +253,10 @@ var require_brace_expansion = __commonJS({
|
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
255
|
});
|
|
256
|
+
|
|
257
|
+
// src/utils/constants.ts
|
|
258
|
+
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
259
|
+
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
256
260
|
var reWireGetterSetter = (instance, hostRef) => {
|
|
257
261
|
var _a;
|
|
258
262
|
const cmpMeta = hostRef.$cmpMeta$;
|
|
@@ -297,7 +301,7 @@ var registerInstance = (lazyInstance, hostRef) => {
|
|
|
297
301
|
if (!hostRef) return;
|
|
298
302
|
lazyInstance.__stencil__getHostRef = () => hostRef;
|
|
299
303
|
hostRef.$lazyInstance$ = lazyInstance;
|
|
300
|
-
if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.
|
|
304
|
+
if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
|
|
301
305
|
reWireGetterSetter(lazyInstance, hostRef);
|
|
302
306
|
}
|
|
303
307
|
};
|
|
@@ -2120,6 +2124,9 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
|
|
|
2120
2124
|
return propValue === "false" ? false : propValue === "" || !!propValue;
|
|
2121
2125
|
}
|
|
2122
2126
|
}
|
|
2127
|
+
if (propType & 2 /* Number */) {
|
|
2128
|
+
return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
|
|
2129
|
+
}
|
|
2123
2130
|
if (propType & 1 /* String */) {
|
|
2124
2131
|
return String(propValue);
|
|
2125
2132
|
}
|
|
@@ -2127,6 +2134,10 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
|
|
|
2127
2134
|
}
|
|
2128
2135
|
return propValue;
|
|
2129
2136
|
};
|
|
2137
|
+
var getElement = (ref) => {
|
|
2138
|
+
var _a;
|
|
2139
|
+
return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
|
|
2140
|
+
};
|
|
2130
2141
|
var emitEvent = (elm, name, opts) => {
|
|
2131
2142
|
const ev = plt.ce(name, opts);
|
|
2132
2143
|
elm.dispatchEvent(ev);
|
|
@@ -2146,9 +2157,30 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
2146
2157
|
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
2147
2158
|
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
2148
2159
|
}
|
|
2160
|
+
} else if (memberName === "style") {
|
|
2161
|
+
{
|
|
2162
|
+
for (const prop in oldValue) {
|
|
2163
|
+
if (!newValue || newValue[prop] == null) {
|
|
2164
|
+
if (prop.includes("-")) {
|
|
2165
|
+
elm.style.removeProperty(prop);
|
|
2166
|
+
} else {
|
|
2167
|
+
elm.style[prop] = "";
|
|
2168
|
+
}
|
|
2169
|
+
}
|
|
2170
|
+
}
|
|
2171
|
+
}
|
|
2172
|
+
for (const prop in newValue) {
|
|
2173
|
+
if (!oldValue || newValue[prop] !== oldValue[prop]) {
|
|
2174
|
+
if (prop.includes("-")) {
|
|
2175
|
+
elm.style.setProperty(prop, newValue[prop]);
|
|
2176
|
+
} else {
|
|
2177
|
+
elm.style[prop] = newValue[prop];
|
|
2178
|
+
}
|
|
2179
|
+
}
|
|
2180
|
+
}
|
|
2149
2181
|
} else if (memberName === "key") ; else {
|
|
2150
2182
|
const isComplex = isComplexType(newValue);
|
|
2151
|
-
if ((isProp || isComplex && newValue !== null) &&
|
|
2183
|
+
if ((isProp || isComplex && newValue !== null) && !isSvg) {
|
|
2152
2184
|
try {
|
|
2153
2185
|
if (!elm.tagName.includes("-")) {
|
|
2154
2186
|
const n = newValue == null ? "" : newValue;
|
|
@@ -2240,14 +2272,21 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
2240
2272
|
if (newVNode2.$text$ !== null) {
|
|
2241
2273
|
elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
|
|
2242
2274
|
} else {
|
|
2275
|
+
if (!isSvgMode) {
|
|
2276
|
+
isSvgMode = newVNode2.$tag$ === "svg";
|
|
2277
|
+
}
|
|
2243
2278
|
if (!win.document) {
|
|
2244
2279
|
throw new Error(
|
|
2245
2280
|
"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."
|
|
2246
2281
|
);
|
|
2247
2282
|
}
|
|
2248
|
-
elm = newVNode2.$elm$ = win.document.
|
|
2283
|
+
elm = newVNode2.$elm$ = win.document.createElementNS(
|
|
2284
|
+
isSvgMode ? SVG_NS : HTML_NS,
|
|
2249
2285
|
newVNode2.$tag$
|
|
2250
|
-
);
|
|
2286
|
+
) ;
|
|
2287
|
+
if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
|
|
2288
|
+
isSvgMode = false;
|
|
2289
|
+
}
|
|
2251
2290
|
{
|
|
2252
2291
|
updateElement(null, newVNode2, isSvgMode);
|
|
2253
2292
|
}
|
|
@@ -2260,6 +2299,13 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
2260
2299
|
}
|
|
2261
2300
|
}
|
|
2262
2301
|
}
|
|
2302
|
+
{
|
|
2303
|
+
if (newVNode2.$tag$ === "svg") {
|
|
2304
|
+
isSvgMode = false;
|
|
2305
|
+
} else if (elm.tagName === "foreignObject") {
|
|
2306
|
+
isSvgMode = true;
|
|
2307
|
+
}
|
|
2308
|
+
}
|
|
2263
2309
|
}
|
|
2264
2310
|
elm["s-hn"] = hostTagName;
|
|
2265
2311
|
return elm;
|
|
@@ -2417,6 +2463,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
2417
2463
|
const tag = newVNode2.$tag$;
|
|
2418
2464
|
const text = newVNode2.$text$;
|
|
2419
2465
|
if (text === null) {
|
|
2466
|
+
{
|
|
2467
|
+
isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
|
|
2468
|
+
}
|
|
2420
2469
|
{
|
|
2421
2470
|
if (tag === "slot" && !useNativeShadowDom) {
|
|
2422
2471
|
if (oldVNode.$name$ !== newVNode2.$name$) {
|
|
@@ -2439,6 +2488,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
2439
2488
|
) {
|
|
2440
2489
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
2441
2490
|
} else ;
|
|
2491
|
+
if (isSvgMode && tag === "svg") {
|
|
2492
|
+
isSvgMode = false;
|
|
2493
|
+
}
|
|
2442
2494
|
} else if (oldVNode.$text$ !== text) {
|
|
2443
2495
|
elm.data = text;
|
|
2444
2496
|
}
|
|
@@ -2654,6 +2706,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2654
2706
|
`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).`
|
|
2655
2707
|
);
|
|
2656
2708
|
}
|
|
2709
|
+
const elm = hostRef.$hostElement$ ;
|
|
2657
2710
|
const oldVal = hostRef.$instanceValues$.get(propName);
|
|
2658
2711
|
const flags = hostRef.$flags$;
|
|
2659
2712
|
const instance = hostRef.$lazyInstance$ ;
|
|
@@ -2664,6 +2717,27 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2664
2717
|
const didValueChange = newVal !== oldVal && !areBothNaN;
|
|
2665
2718
|
if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
|
|
2666
2719
|
hostRef.$instanceValues$.set(propName, newVal);
|
|
2720
|
+
if (cmpMeta.$watchers$) {
|
|
2721
|
+
const watchMethods = cmpMeta.$watchers$[propName];
|
|
2722
|
+
if (watchMethods) {
|
|
2723
|
+
watchMethods.map((watcher) => {
|
|
2724
|
+
try {
|
|
2725
|
+
const [[watchMethodName, watcherFlags]] = Object.entries(watcher);
|
|
2726
|
+
if (flags & 128 /* isWatchReady */ || watcherFlags & 1 /* Immediate */) {
|
|
2727
|
+
if (!instance) {
|
|
2728
|
+
hostRef.$fetchedCbList$.push(() => {
|
|
2729
|
+
hostRef.$lazyInstance$[watchMethodName](newVal, oldVal, propName);
|
|
2730
|
+
});
|
|
2731
|
+
} else {
|
|
2732
|
+
instance[watchMethodName](newVal, oldVal, propName);
|
|
2733
|
+
}
|
|
2734
|
+
}
|
|
2735
|
+
} catch (e) {
|
|
2736
|
+
consoleError(e, elm);
|
|
2737
|
+
}
|
|
2738
|
+
});
|
|
2739
|
+
}
|
|
2740
|
+
}
|
|
2667
2741
|
if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
|
|
2668
2742
|
if (instance.componentShouldUpdate) {
|
|
2669
2743
|
if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
|
|
@@ -2680,6 +2754,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2680
2754
|
var _a, _b;
|
|
2681
2755
|
const prototype = Cstr.prototype;
|
|
2682
2756
|
if (cmpMeta.$members$ || BUILD.propChangeCallback) {
|
|
2757
|
+
{
|
|
2758
|
+
if (Cstr.watchers && !cmpMeta.$watchers$) {
|
|
2759
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
2760
|
+
}
|
|
2761
|
+
if (Cstr.deserializers && !cmpMeta.$deserializers$) {
|
|
2762
|
+
cmpMeta.$deserializers$ = Cstr.deserializers;
|
|
2763
|
+
}
|
|
2764
|
+
if (Cstr.serializers && !cmpMeta.$serializers$) {
|
|
2765
|
+
cmpMeta.$serializers$ = Cstr.serializers;
|
|
2766
|
+
}
|
|
2767
|
+
}
|
|
2683
2768
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
2684
2769
|
members.map(([memberName, [memberFlags]]) => {
|
|
2685
2770
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
@@ -2829,6 +2914,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
2829
2914
|
throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
|
|
2830
2915
|
}
|
|
2831
2916
|
if (!Cstr.isProxied) {
|
|
2917
|
+
{
|
|
2918
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
2919
|
+
cmpMeta.$serializers$ = Cstr.serializers;
|
|
2920
|
+
cmpMeta.$deserializers$ = Cstr.deserializers;
|
|
2921
|
+
}
|
|
2832
2922
|
proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
|
|
2833
2923
|
Cstr.isProxied = true;
|
|
2834
2924
|
}
|
|
@@ -2844,6 +2934,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
2844
2934
|
{
|
|
2845
2935
|
hostRef.$flags$ &= -9 /* isConstructingInstance */;
|
|
2846
2936
|
}
|
|
2937
|
+
{
|
|
2938
|
+
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
2939
|
+
}
|
|
2847
2940
|
endNewInstance();
|
|
2848
2941
|
{
|
|
2849
2942
|
fireConnectedCallback(hostRef.$lazyInstance$, elm);
|
|
@@ -2966,6 +3059,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2966
3059
|
let hasSlotRelocation = false;
|
|
2967
3060
|
lazyBundles.map((lazyBundle) => {
|
|
2968
3061
|
lazyBundle[1].map((compactMeta) => {
|
|
3062
|
+
var _a2, _b, _c;
|
|
2969
3063
|
const cmpMeta = {
|
|
2970
3064
|
$flags$: compactMeta[0],
|
|
2971
3065
|
$tagName$: compactMeta[1],
|
|
@@ -2978,6 +3072,11 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
2978
3072
|
{
|
|
2979
3073
|
cmpMeta.$members$ = compactMeta[2];
|
|
2980
3074
|
}
|
|
3075
|
+
{
|
|
3076
|
+
cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
|
|
3077
|
+
cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
|
|
3078
|
+
cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
|
|
3079
|
+
}
|
|
2981
3080
|
const tagName = transformTag(cmpMeta.$tagName$);
|
|
2982
3081
|
const HostElement = class extends HTMLElement {
|
|
2983
3082
|
["s-p"];
|
|
@@ -3085,4 +3184,4 @@ function transformTag(tag) {
|
|
|
3085
3184
|
return tag;
|
|
3086
3185
|
}
|
|
3087
3186
|
|
|
3088
|
-
export { bootstrapLazy as b, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
|
3187
|
+
export { getElement as a, bootstrapLazy as b, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { g as globalScripts, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { g as globalScripts, b as bootstrapLazy } from './index-DUrpTa_b.js';
|
|
2
|
+
export { s as setNonce } from './index-DUrpTa_b.js';
|
|
3
3
|
|
|
4
4
|
const defineCustomElements = async (win, options) => {
|
|
5
5
|
if (typeof window === 'undefined') return undefined;
|
|
6
6
|
await globalScripts();
|
|
7
|
-
return bootstrapLazy([["ds-
|
|
7
|
+
return bootstrapLazy([["ds-button_3",[[257,"ds-button",{"variant":[1],"disabled":[4]}],[257,"ds-card",{"surface":[1],"cardTitle":[1,"card-title"]}],[1,"ds-icon",{"name":[1],"size":[2],"color":[1],"basePath":[1,"base-path"],"lazy":[4],"label":[1],"svgContent":[32],"isLoading":[32],"hasError":[32]},null,{"name":[{"onNameChange":0}],"basePath":[{"onBasePathChange":0}]}]]]], options);
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { defineCustomElements };
|
|
@@ -31,6 +31,37 @@ export namespace Components {
|
|
|
31
31
|
*/
|
|
32
32
|
"surface": 'primary' | 'secondary';
|
|
33
33
|
}
|
|
34
|
+
interface DsIcon {
|
|
35
|
+
/**
|
|
36
|
+
* Base path for loading icon SVG files.
|
|
37
|
+
* @default '/icons'
|
|
38
|
+
*/
|
|
39
|
+
"basePath": string;
|
|
40
|
+
/**
|
|
41
|
+
* Color of the icon. Accepts any valid CSS color value. Icons use currentColor by default, inheriting from parent.
|
|
42
|
+
* @default 'currentColor'
|
|
43
|
+
*/
|
|
44
|
+
"color": string;
|
|
45
|
+
/**
|
|
46
|
+
* Accessible label for screen readers. If provided, icon is treated as semantic (not decorative).
|
|
47
|
+
*/
|
|
48
|
+
"label"?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Enable lazy loading with IntersectionObserver. Icon will only load when visible in viewport.
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
"lazy": boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Name of the icon to display (without .svg extension). Must match a file in the icons directory.
|
|
56
|
+
* @example "add", "arrow-left", "close"
|
|
57
|
+
*/
|
|
58
|
+
"name": string;
|
|
59
|
+
/**
|
|
60
|
+
* Size of the icon in pixels.
|
|
61
|
+
* @default 24
|
|
62
|
+
*/
|
|
63
|
+
"size": number;
|
|
64
|
+
}
|
|
34
65
|
}
|
|
35
66
|
declare global {
|
|
36
67
|
interface HTMLDsButtonElement extends Components.DsButton, HTMLStencilElement {
|
|
@@ -45,9 +76,16 @@ declare global {
|
|
|
45
76
|
prototype: HTMLDsCardElement;
|
|
46
77
|
new (): HTMLDsCardElement;
|
|
47
78
|
};
|
|
79
|
+
interface HTMLDsIconElement extends Components.DsIcon, HTMLStencilElement {
|
|
80
|
+
}
|
|
81
|
+
var HTMLDsIconElement: {
|
|
82
|
+
prototype: HTMLDsIconElement;
|
|
83
|
+
new (): HTMLDsIconElement;
|
|
84
|
+
};
|
|
48
85
|
interface HTMLElementTagNameMap {
|
|
49
86
|
"ds-button": HTMLDsButtonElement;
|
|
50
87
|
"ds-card": HTMLDsCardElement;
|
|
88
|
+
"ds-icon": HTMLDsIconElement;
|
|
51
89
|
}
|
|
52
90
|
}
|
|
53
91
|
declare namespace LocalJSX {
|
|
@@ -74,9 +112,41 @@ declare namespace LocalJSX {
|
|
|
74
112
|
*/
|
|
75
113
|
"surface"?: 'primary' | 'secondary';
|
|
76
114
|
}
|
|
115
|
+
interface DsIcon {
|
|
116
|
+
/**
|
|
117
|
+
* Base path for loading icon SVG files.
|
|
118
|
+
* @default '/icons'
|
|
119
|
+
*/
|
|
120
|
+
"basePath"?: string;
|
|
121
|
+
/**
|
|
122
|
+
* Color of the icon. Accepts any valid CSS color value. Icons use currentColor by default, inheriting from parent.
|
|
123
|
+
* @default 'currentColor'
|
|
124
|
+
*/
|
|
125
|
+
"color"?: string;
|
|
126
|
+
/**
|
|
127
|
+
* Accessible label for screen readers. If provided, icon is treated as semantic (not decorative).
|
|
128
|
+
*/
|
|
129
|
+
"label"?: string;
|
|
130
|
+
/**
|
|
131
|
+
* Enable lazy loading with IntersectionObserver. Icon will only load when visible in viewport.
|
|
132
|
+
* @default false
|
|
133
|
+
*/
|
|
134
|
+
"lazy"?: boolean;
|
|
135
|
+
/**
|
|
136
|
+
* Name of the icon to display (without .svg extension). Must match a file in the icons directory.
|
|
137
|
+
* @example "add", "arrow-left", "close"
|
|
138
|
+
*/
|
|
139
|
+
"name": string;
|
|
140
|
+
/**
|
|
141
|
+
* Size of the icon in pixels.
|
|
142
|
+
* @default 24
|
|
143
|
+
*/
|
|
144
|
+
"size"?: number;
|
|
145
|
+
}
|
|
77
146
|
interface IntrinsicElements {
|
|
78
147
|
"ds-button": DsButton;
|
|
79
148
|
"ds-card": DsCard;
|
|
149
|
+
"ds-icon": DsIcon;
|
|
80
150
|
}
|
|
81
151
|
}
|
|
82
152
|
export { LocalJSX as JSX };
|
|
@@ -85,6 +155,7 @@ declare module "@stencil/core" {
|
|
|
85
155
|
interface IntrinsicElements {
|
|
86
156
|
"ds-button": LocalJSX.DsButton & JSXBase.HTMLAttributes<HTMLDsButtonElement>;
|
|
87
157
|
"ds-card": LocalJSX.DsCard & JSXBase.HTMLAttributes<HTMLDsCardElement>;
|
|
158
|
+
"ds-icon": LocalJSX.DsIcon & JSXBase.HTMLAttributes<HTMLDsIconElement>;
|
|
88
159
|
}
|
|
89
160
|
}
|
|
90
161
|
}
|