CINXE.COM
US-Wahl 2024: So können Harris und Trump gewinnen - DER SPIEGEL
<!doctype html><html lang="de"> <head> <title>US-Wahl 2024: So können Harris und Trump gewinnen - DER SPIEGEL</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"> <meta name="MSSmartTagsPreventParsing" content="true"> <meta http-equiv="imagetoolbar" content="no"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="apple-itunes-app" content="app-id=424881832"> <link rel="manifest" href="https://www.spiegel.de/public/spon/json/manifest.json"> <meta name="theme-color" content="#e64415" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#D03D12" media="(prefers-color-scheme: dark)"> <meta name="google-site-verification" content="lwpSnwoyvMkHS9nHmLBZuYOashAHfooOHSHeA_KS7ek"> <meta name="notdm" content="true"> <meta name="robots" content="index, follow, noarchive, noodp, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <meta name="Googlebot-News" content="index, follow"> <meta name="copyright" content="DER SPIEGEL, Hamburg, Germany"> <meta name="email" content="spiegel_online@spiegel.de"> <meta name="author" content="Matthias Stahl, Marcel Pauly, Dawood Ohdah, DER SPIEGEL"> <meta name="date" content="2024-11-06T07:38:00+01:00"> <meta name="last-modified" content="2024-11-06T07:38:00+01:00"> <meta name="locale" content="de_DE"> <meta name="description" content="Donald Trump gewinnt wichtige Swing States, die Chancen von Kamala Harris stehen nahe null. Sehen Sie hier warum Trump vermutlich die Präsidentschaftswahl gewinnt."> <meta name="news_keywords" content="Ausland, Daten und Visualisierungen, US-Präsidentschaftswahl 2024"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@derspiegel"> <meta name="twitter:title" content="(S+) US-Wahl 2024: So können Harris und Trump gewinnen"> <meta name="twitter:widgets:theme" :content="$store.MediaQuery.colorScheme"> <meta name="twitter:creator" content="@derspiegel"> <meta name="twitter:image" content="https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w1200_r2_fpx50_fpy50.png"> <meta property="og:title" content="(S+) US-Wahl 2024: So können Harris und Trump gewinnen"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300"> <meta property="og:image" content="https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w1200_r1.778_fpx50_fpy50.png"> <meta property="og:description" content="Donald Trump gewinnt wichtige Swing States, die Chancen von Kamala Harris stehen nahe null. Sehen Sie hier warum Trump vermutlich die Präsidentschaftswahl gewinnt."> <script type="application/ld+json"> [{"@context":"http://schema.org","@type":"NewsArticle","articleSection":"Ausland","author":[{"@type":"Person","name":"Dawood Ohdah"},{"@type":"Person","name":"Marcel Pauly"},{"@type":"Person","name":"Matthias Stahl"}],"dateCreated":"2024-11-06T07:38:00+01:00","dateModified":"2024-11-06T07:38:00+01:00","datePublished":"2024-11-06T07:38:00+01:00","headline":"Pfade zur Präsidentschaft: Darum steht Trump kurz vor dem Sieg","image":["https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w1200_r1.778_fpx50_fpy50.png","https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w1200_r1.33_fpx50_fpy50.png","https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w1200_r1_fpx50_fpy50.png"],"isAccessibleForFree":false,"keywords":["Daten und Visualisierungen","US-Präsidentschaftswahl 2024"],"mainEntityOfPage":"https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","name":"a-b5b87376-4ccb-47aa-a719-a50064c81300","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://cdn.prod.www.spiegel.de/public/spon/images/logos/der-spiegel-h60.png"},"name":"DER SPIEGEL"},"thumbnailUrl":["https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w288_r1.778_fpx50_fpy50.png","https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w288_r1.33_fpx50_fpy50.png","https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w288_r1_fpx50_fpy50.png"],"url":"https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300"},{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":{"@id":"https://www.spiegel.de/","@type":"WebPage","name":"Startseite"},"position":1},{"@type":"ListItem","item":{"@id":"https://www.spiegel.de/ausland/","@type":"WebPage","name":"Ausland"},"position":2},{"@type":"ListItem","item":{"@id":"https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","image":"https://cdn.prod.www.spiegel.de/images/446be843-b9e1-479b-9444-2dfa4c16baf5_w1200_r1.778_fpx50_fpy50.png","name":"US-Wahl 2024: So können Harris und Trump gewinnen"},"position":3}]}] </script> <link rel="preconnect" href="https://cdn.prod.www.spiegel.de"> <link rel="dns-prefetch" href="https://cdn.prod.www.spiegel.de"> <link rel="preconnect" href="https://sp-spiegel-de.spiegel.de"> <link rel="dns-prefetch" href="https://sp-spiegel-de.spiegel.de"> <link rel="shortcut icon" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/favicon.ico" type="image/ico"> <link rel="apple-touch-icon" sizes="57x57" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/touch-icon72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/touch-icon76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/touch-icon114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/touch-icon120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/touch-icon144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/touch-icon152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.prod.www.spiegel.de/public/spon/images/icons/touch-icon180.png"> <link rel="canonical" href="https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/spon/generated/css/styles.8262e0331d2cbc9b6adc.css" as="style"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/generated/js/commons.69599ab51851318f6930.js" as="script"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/generated/js/header.60544321707142ecd7dd.js" as="script"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/generated/js/vendors.f1c4f8bff0ebc606b86f.js" as="script"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/generated/js/index.0db2974cb13de0675ef9.js" as="script"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSans4UI-Bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSans4UI-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSlab4UICd-ExtraBold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSans4-6SemiBold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSerifTextUI-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSerifTextUI-Italic.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSerifTextUI-Bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSerifTextUI-BoldItalic.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/fonts/SpiegelSerifDisplayUI-BoldItalic.woff2" as="font" type="font/woff2" crossorigin> <link rel="alternate" type="application/rss+xml" title="DER SPIEGEL | RSS Schlagzeilen" href="https://www.spiegel.de/schlagzeilen/index.rss"> <link rel="alternate" type="application/rss+xml" title="DER SPIEGEL RSS Ausland" href="https://www.spiegel.de/ausland/index.rss"> <link rel="alternate" type="application/rss+xml" title="DER SPIEGEL RSS Ausland - Daten und Visualisierungen" href="https://www.spiegel.de/thema/daten-und-visualisierungen/index.rss"> <link rel="alternate" type="application/rss+xml" title="DER SPIEGEL RSS Ausland - US-Präsidentschaftswahl 2024" href="https://www.spiegel.de/thema/us-praesidentschaftswahl-2024/index.rss"> <style>html { --polygon-app-collapsible-header-height: 0px; --polygon-app-bottombar-height: 0px; --polygon-audioplayer-height: 0px; --polygon-featurebar-height: 0px; --polygon-headerbar-height: 0px; --polygon-max-headerbar-height: 0px; --polygon-navigation-height: 0px; --polygon-breakingnews-height: 0px; --polygon-block-title-height: 0px; --polygon-ad-sticky-offset: 0px; --polygon-smallest-viewport-height: 100vh; } @supports (height: 100svh) { html { --polygon-smallest-viewport-height: 100svh; } } [data-is-first-child-hidden]:first-child { display: none; } html.is-app { --polygon-app-bottombar-height: 53px; } html.is-app.has-bottom-sheet { --polygon-app-bottombar-height: 93px; } html.audio-player-open [data-audioplayer-height] { --polygon-audioplayer-height: 68px; } html:not(.is-app) [data-featurebar-height] { --polygon-featurebar-height: 60px; } html:not(.is-app) { --polygon-navigation-height: 56px; } html.has-breaking-news { --polygon-breakingnews-height: 52px; } [data-block-el*="title"] ~ DIV { --polygon-block-title-height: 50px; } html.is-app.is-android.article:not(.is-issue-context) { --polygon-app-collapsible-header-height: 53px; } [data-sticky-ad-offset] { top: calc(var(--polygon-headerbar-height, 0px) + var(--polygon-featurebar-height, 0px) + var(--polygon-block-title-height, 0px)); } html.overlay-open body { overflow: hidden !important; } html.is-logged-in [data-logged-in-hidden], html.is-logged-in [data-logged-in-hidden] + .border-separator { display: none; } html:not(.is-logged-in) [data-not-logged-in-hidden], html:not(.is-logged-in) [data-not-logged-in-hidden] + .border-separator { display: none; } html.is-mobile [data-mobile-hidden] { display: none; } html.is-tablet [data-tablet-hidden] { display: none; } html:not(.is-mobile) [data-not-mobile-hidden] { display: none; } html.is-app [data-app-hidden] { display: none; } html:not(.is-app) [data-not-app-hidden] { display: none; } html.is-unsupported-offline-issue [data-is-unsupported-offline-issue-hidden] { display: none; } html.is-unsupported-audio-playlist [data-is-unsupported-audio-playlist-hidden] { display: none; } html.is-unsupported-app-navigation [data-is-unsupported-app-navigation-hidden] { display: none; } html.is-app:not(.is-unsupported-app-navigation) [data-is-supported-app-navigation-hidden] { display: none; } html.is-unsupported-subscription-plans [data-is-unsupported-subscription-plans-hidden] { display: none; } html:not(.is-ios) [data-not-ios-hidden] { display: none; } html.is-ios [data-ios-hidden] { display: none; } html.is-android [data-android-hidden] { display: none; } html.is-app.is-ios [data-ios-app-hidden] { display: none; } html:not(.is-android) [data-not-android-hidden] { display: none; } html.is-app body>[id^="sp_message_container"] { overflow: visible !important; height: calc(100vh - 56px) !important; } html.is-app body>[id^="sp_message_container"]::after { content: ""; position: absolute; width: 100%; height: 56px; background: rgb(0,0,0); opacity: 0.65; } [data-anchor-offset]::before { content: ""; display: block; margin-top: calc((var(--polygon-headerbar-height, 0px) + var(--polygon-featurebar-height, 0px)) * -1); height: calc(var(--polygon-headerbar-height, 0px) + var(--polygon-featurebar-height, 0px)); } html.is-app { -webkit-tap-highlight-color: transparent; } html:not(.is-issue-context) [data-not-issue-context-hidden] { display: none; } html.is-issue-context [data-issue-context-hidden] { display: none; } html.is-app.article.is-issue-context [data-app-article-issue-context-hidden] { display: none; } html.hide-conditional [data-contains-flags*="conditional"] [data-flag-name*="conditional"], html.hide-conditional [data-conditional-only] { display: none; } html.has-breaking-news [data-has-breaking-news-hidden] { display: none; } html.has-paid-access [data-has-paid-access-hidden] { display: none; } html.has-noads-access [data-has-noads-access-hidden] { display: none; } html:not(.has-paid-access) [data-has-no-paid-access-hidden] { display: none; } html:not(.is-gift-article) [data-not-gift-article-hidden] { display: none; } html:not(.has-first-paint-overlay) [data-not-first-paint-overlay-hidden] { display: none; } a > svg:first-of-type:last-of-type { pointer-events: none; } html [data-area^="block>topic"] [data-is-inside-topic-block-hidden] { display: none; } [data-not-loaded-w-full]:not(.loaded) { width: 100%; } [data-not-loaded-hidden]:not(.loaded) { display: none; } [data-peer].loaded ~ [data-peer-loaded-hidden], iframe.peer ~ [data-peer-loaded-hidden] { display: none; } [data-peer]:not(.loaded) ~ [data-peer-not-loaded-hidden] { display: none; } [x-cloak] { display: none !important; } @media (max-width: 719px) { html.audio-player-open [data-audioplayer-height] { --polygon-audioplayer-height: 60px; } html:not(.is-app) [data-featurebar-height] { --polygon-featurebar-height: 53px; } html:not(.is-app) { --polygon-navigation-height: 88px; } html.has-breaking-news { --polygon-breakingnews-height: 40px; } .sm\:sticky [data-advertisement] .teads-inread, .RichText .sm\:sticky .teads-inread, .sm\:sticky [data-advertisement] .ob-smartfeed-wrapper, .RichText .sm\:sticky .ob-smartfeed-wrapper { margin-bottom: 0px !important; } } @media (min-width: 720px) and (max-width: 1019px) { html:not(.is-app) { --polygon-navigation-height: 112px; } html.has-breaking-news { --polygon-breakingnews-height: 52px; } } html:not(.no-header) [data-headerbar-height], html:not(.no-header) [data-sticky-ad-offset], html:not(.no-header) [data-anchor-offset] { --polygon-headerbar-height: 80px; --polygon-max-headerbar-height: 80px; } html:not(.no-header).is-headerbar-collapsed [data-headerbar-height], html:not(.no-header).is-headerbar-collapsed [data-sticky-ad-offset], html:not(.no-header).is-headerbar-collapsed [data-anchor-offset] { --polygon-headerbar-height: 48px; } html.Spplus [data-has-spplus-hidden], html:not(.Spplus):not(.is-gift-article):not(.has-metered-access) [data-has-spplus-visible] { display: none; } html.Spmetered [data-has-spmetered-hidden], html:not(.Spmetered):not(.is-gift-article) [data-has-spmetered-visible] { display: none; } @media (max-width: 719px) { html:not(.no-header) [data-headerbar-height], html:not(.no-header).is-headerbar-collapsed [data-headerbar-height], html:not(.no-header) [data-sticky-ad-offset], html:not(.no-header).is-headerbar-collapsed [data-sticky-ad-offset], html:not(.no-header) [data-anchor-offset], html:not(.no-header).is-headerbar-collapsed [data-anchor-offset] { --polygon-headerbar-height: 48px; --polygon-max-headerbar-height: 48px; } }.flag-button.color-mmo {color: #FFFFFF;}.flag-button.color-mmo {background-color: #1b43a4;}a.flag-button.color-mmo:hover,button.flag-button.color-mmo:hover {background-color: #163683;}a.flag-button.color-mmo:focus,button.flag-button.color-mmo:focus {background-color: #0e2252;}@media (prefers-color-scheme: dark) {.flag-button.color-mmo {color: #FFFFFF;}.flag-button.color-mmo {background-color: #346BF1;}a.flag-button.color-mmo:hover,button.flag-button.color-mmo:hover {background-color: #163683;}a.flag-button.color-mmo:focus,button.flag-button.color-mmo:focus {background-color: #0e2252;}}.flag-button.color-elf {color: #000000;}.flag-button.color-elf {background-color: #FFFFFF;}a.flag-button.color-elf:hover,button.flag-button.color-elf:hover {background-color: #E9E5E2;}a.flag-button.color-elf:focus,button.flag-button.color-elf:focus {background-color: #FFFFFF;}</style> <link rel="stylesheet" href="https://cdn.prod.www.spiegel.de/public/spon/generated/css/styles.8262e0331d2cbc9b6adc.css"> <script type="application/settings+json">{"general":{"breakpoints":{"lg":{"min":1020},"md":{"max":1019,"min":720},"sm":{"max":719}},"cacheControl":{"breakingnews":{"sessionStorageMaxAge":900}},"consent":{"disabled":false,"globallyDisabled":false,"minUpdatedAt":1626213600,"utiqDisabled":false},"cookieDomains":["www.spiegel.de",".www.spiegel.de",".spiegel.de","abo.spiegel.de","sportdaten.spiegel.de","lotto.spiegel.de","akademie.spiegel.de","ed.spiegel.de"],"disableAdobeLaunch":false,"disableBookmarks":false,"disableBreakingnews":false,"disableSourcepoint":false,"domain":"spon","noAds":true,"noContentAds":false,"secondLevelDomain":"spiegel","subscriptions":{"metered":"Spmetered","noads":"Sppur","paid":["Spplus"]},"text":{"authorDetailsSuffix":{"removeWhitespaceBeforeCharacters":[",",".",":",";"]}},"topLevelDomain":"de","urls":{"assetsBasePath":"https://cdn.prod.www.spiegel.de","backofficeBaseUrl":"https://gruppenkonto.spiegel.de","base":"https://www.spiegel.de","offers":{"Spplus":"https://abo.spiegel.de/de/c/microsites/pl/standard/probemonat1w4?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","Sppur":"https://abo.spiegel.de/de/c/microsites/pur/abo?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","abo":"https://abo.spiegel.de/de/c/spiegelplus?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","antiquariat":"https://www.spiegel-antiquariat.de/?utm_campaign=spon\u0026utm_medium=text\u0026utm_source=sponarchiv","header":"https://abo.spiegel.de/?b=SPOHNAVABO\u0026requestAccessToken=true\u0026sara_icid=disp_upd_9h6L5hu8K1AAnttzYATx3hvk7taDkP\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","magazin":"https://magazin.spiegel.de/","noads":"https://abo.spiegel.de/de/c/microsites/pur/abo?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","paid":"https://abo.spiegel.de/de/c/spiegelplus?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","print":"https://abo.spiegel.de/de/c/amazon_spon/"},"pages":{"adfreeOffer":"https://www.spiegel.de/adfree-offer","affiliateLinksFAQ":"https://www.spiegel.de/extra/affiliate-links-auf-spiegel-online-fragen-und-antworten-a-1245589.html","agb":"https://www.spiegel.de/agb","articleGiftInformations":"https://www.spiegel.de/artikel-verschenken","datenschutz":"https://www.spiegel.de/datenschutz-spiegel","datenschutzEN":"https://www.spiegel.de/how-we-deal-with-your-data","impressum":"https://www.spiegel.de/impressum","kontakt":"https://www.spiegel.de/kontakt","nutzungsbedingungen":"https://www.spiegel.de/nutzungsbedingungen","nutzungsbedingungenEN":"https://www.spiegel.de/extra/general-terms-and-conditions-a-1254190.html","problemeMitCookies":"https://www.spiegel.de/probleme-mit-cookies","services":"https://www.spiegel.de/services","sponsoredSiteInfo":"https://www.spiegel.de/sponsored-site-info","webstoriesBaseUrl":"https://cdn.prod.www.spiegel.de/stories/"},"search":"https://www.spiegel.de/suche/","user":{"account":"https://gruppenkonto.spiegel.de/meinkonto/uebersicht.html","login":"https://gruppenkonto.spiegel.de/authenticate?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","logout":"https://gruppenkonto.spiegel.de/abmelden.html?targetUrl=https%3A%2F%2Fwww.spiegel.de%2F","register":"https://gruppenkonto.spiegel.de/registrieren.html?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300"}},"warden":{"baseUrl":"https://prod.warden.spiegel.de/","enabled":true}} ,"app":{"disabledLinks":{"android":["abo.spiegel.de/de/c/spiegel-plus"],"ios":["abo.spiegel.de/de/c/spiegel-plus"]},"minOSVersions":{"android":{"general":{"build":0,"major":5,"minor":0},"nativeAudioPlayer":{"build":0,"major":0,"minor":0}},"ios":{"general":{"build":0,"major":13,"minor":0},"nativeAudioPlayer":{"build":0,"major":13,"minor":0}}},"minVersions":{"android":{"appNavigation":197,"audioPlaylist":169,"consent":158,"formattedPrice":206,"general":158,"nativeAudioPlayer":160,"offlineIssue":166,"subscriptionPlans":203},"ios":{"appNavigation":174,"audioPlaylist":151,"consent":142,"general":0,"nativeAudioPlayer":144,"offlineIssue":147,"subscriptionPlans":0}},"pageContext":{"bottomSheet":{"isEnabled":false},"collection":"article","documentId":"b5b87376-4ccb-47aa-a719-a50064c81300","headerTitle":"default","isAudioEnabled":false,"isAudioPlaylistEnabled":false,"isBookmarkEnabled":true,"isCommentsEnabled":false,"isGiftArticleEnabled":false,"isLogoEnabled":true,"isOfflineLibraryEnabled":false,"isSharingEnabled":true,"isTocEnabled":false,"push":{"isPushBarEnabled":false,"name":"","subscription":""},"route":"article","socialMediaTitle":"(S+) Pfade zur Präsidentschaft: Darum steht Trump kurz vor dem Sieg","url":"https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300"},"products":{"android":{"Spplus":[{"basePlanId":"p1m","id":"sp_iap_subscription_03","isSubscription":true,"minVersion":0,"plan":"default"}],"Sppur":[{"basePlanId":"p1m","id":"spiegel_no_ads_monthly","isSubscription":true,"minVersion":0,"plan":"default"}]},"ios":{"Spplus":[{"id":"SpiegelPlusMonthly","isSubscription":true,"minVersion":0,"plan":"default"},{"id":"SpiegelPlusMonthlyIVW","isSubscription":true,"minVersion":148,"plan":"default"}],"Sppur":[{"id":"SpiegelAdFreeMonthly","isSubscription":true,"minVersion":0,"plan":"default"}]}},"storeUrl":{"android":"https://play.google.com/store/apps/details?id=de.spiegel.android.app.spon","ios":"https://apps.apple.com/de/app/spiegel-online-nachrichten/id424881832"}} ,"page":{"attributes":{"channel_slug":"ausland","is_consent_required":true,"subchannel_slug":"ausland"},"category":{"route":"article"},"info":{"canonical_url":"https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300","domain":"spon","id":"b5b87376-4ccb-47aa-a719-a50064c81300","language":"de","title":"US-Wahl 2024: So können Harris und Trump gewinnen"}} ,"external":{} ,"editorial":{"attributes":{"article_audio_type":"tts","has_affiliate":false,"has_article_audio":true,"has_audio_embed":false,"has_author":true,"has_gallery":false,"has_noAds":true,"has_noContentAds":false,"has_video":false,"is_breaking":false,"is_evergreen":false,"is_exclusive":false,"is_listExcluded":false,"is_noted":false,"magazine":""},"author":{"abbreviation":"","departments":["Daten \u0026 Visualisierungen"],"names":["Dawood Ohdah","Marcel Pauly","Matthias Stahl"]},"category":{"genre":"","style":"fullsize","type":"news"},"info":{"article_id":"b5b87376-4ccb-47aa-a719-a50064c81300","channel":"Ausland","date_modified":"2024-11-06T07:38:00+01:00","date_published":"2024-11-06T07:38:00+01:00","header_image_id":"446be843-b9e1-479b-9444-2dfa4c16baf5","headline":"Pfade zur Präsidentschaft: Darum steht Trump kurz vor dem Sieg","headline_social":"US-Wahl 2024: So können Harris und Trump gewinnen","intro":"Donald Trump gewinnt wichtige Swing States, die Chancen von Kamala Harris stehen nahe null. Sehen Sie hier warum Trump vermutlich die Präsidentschaftswahl gewinnt.","subchannel":"default","topics":["Daten und Visualisierungen","US-Präsidentschaftswahl 2024"]}} ,"paywall":{"attributes":{"is_active":true},"category":{"subscriptions":["Spplus"],"type":"paid"},"info":{"position":0}} ,"video":{} ,"issue":{} ,"thirdparty":"eyJkZXBvdCI6eyJhcGlVcmwiOiJodHRwczovL3d3dy5zcGllZ2VsLmRlL3NlcnZpY2VzL2RlcG90L2FwaS92MSJ9LCJnaWZ0Ijp7ImFwaVVybCI6Imh0dHBzOi8vd3d3LnNwaWVnZWwuZGUvZ2lmdCJ9LCJqc1NvdXJjZXMiOnsiYWxsZXNwbHVzIjoiaHR0cHM6Ly9hcHAuYWxsZXMucGx1cy9ib290c3RyYXAuanMiLCJnb29nbGVJbWFWYW5zQWRhcHRlciI6Imh0dHBzOi8vc3RhdGljLmFkc2FmZXByb3RlY3RlZC5jb20vdmFucy1hZGFwdGVyLWdvb2dsZS1pbWEuanMiLCJoYW1tZXJqcyI6Imh0dHBzOi8vY2RuLnByb2Qud3d3LnNwaWVnZWwuZGUvcHVibGljL3NoYXJlZC9nZW5lcmF0ZWQvM3JkcGFydHkvanMvaGFtbWVyLjg1MzQyMTQ3ZmJhNTcwMzBlMDQwLmpzIiwibG9nb3JhLWRlYmF0IjoiaHR0cHM6Ly9jZG4ubG9nb3JhLmNvbS9kZWJhdC5qcyIsInNvdXJjZXBvaW50X2RlZmF1bHQiOiJodHRwczovL3NwLXNwaWVnZWwtZGUuc3BpZWdlbC5kZS91bmlmaWVkL3dyYXBwZXJNZXNzYWdpbmdXaXRob3V0RGV0ZWN0aW9uLmpzIiwic291cmNlcG9pbnRfbm9hZHMiOiJodHRwczovL3NwLXNwaWVnZWwtZGUuc3BpZWdlbC5kZS91bmlmaWVkL3dyYXBwZXJNZXNzYWdpbmdXaXRob3V0RGV0ZWN0aW9uLmpzIiwidHdlZXRuYWNsIjoiaHR0cHM6Ly9jZG4ucHJvZC53d3cuc3BpZWdlbC5kZS9wdWJsaWMvc2hhcmVkL2dlbmVyYXRlZC8zcmRwYXJ0eS9qcy9uYWNsLWZhc3QubWluLjg1YmEyMTdhODI5Yjg2Y2U3NjRkLmpzIn0sImp3cGxheWVyIjp7ImFkQ29uZmlnSWQiOiJubTlBc1RISCIsImFwaVVybCI6Imh0dHBzOi8vY2RuLmp3cGxheWVyLmNvbSIsImNvbmZpZyI6eyJhZHZlcnRpc2luZyI6eyJhZG1lc3NhZ2UiOiJEaWUgV2VyYnVuZyBlbmRldCBpbiB4eCBTZWt1bmRlbiIsImFkc2NoZWR1bGVpZCI6IkZzN1FEYnpuIiwiYXV0b3BsYXlhZHNtdXRlZCI6ZmFsc2UsImN1ZXRleHQiOiJXZXJidW5nIiwiZW5hYmxlUFBTIjpmYWxzZSwiZW5kc3RhdGUiOiJzdXNwZW5kZWQiLCJvdXRzdHJlYW0iOmZhbHNlLCJwcmVsb2FkQWRzIjpmYWxzZSwic2tpcG1lc3NhZ2UiOiJTa2lwIGFkIGluIHh4IHNlY29uZHMiLCJ2cGFpZGNvbnRyb2xzIjp0cnVlfSwiYXNwZWN0cmF0aW8iOiIxNjo5IiwiYXV0b1BhdXNlIjp7InZpZXdhYmlsaXR5Ijp0cnVlfSwiYXV0b3N0YXJ0IjpmYWxzZSwiY2FzdCI6e30sImNvbnRyb2xzIjp0cnVlLCJkaXNwbGF5SGVhZGluZyI6ZmFsc2UsImRpc3BsYXlkZXNjcmlwdGlvbiI6ZmFsc2UsImRpc3BsYXl0aXRsZSI6dHJ1ZSwiZmxvYXRpbmciOnsibW9kZSI6Im5vdFZpc2libGUifSwiZ2VuZXJhdGVTRU9NZXRhZGF0YSI6ZmFsc2UsImhlaWdodCI6MjcwLCJpbmNsdWRlX2NvbXBhdGliaWxpdHlfc2NyaXB0IjpmYWxzZSwiaW50ZXJhY3RpdmUiOmZhbHNlLCJpbnRsIjp7ImVuIjp7ImFkdmVydGlzaW5nIjp7ImFkbWVzc2FnZSI6IiIsImN1ZXRleHQiOiIgIiwic2tpcG1lc3NhZ2UiOiIifSwicmVsYXRlZCI6eyJhdXRvcGxheW1lc3NhZ2UiOiIiLCJoZWFkaW5nIjoiTW9yZSBWaWRlb3MifX19LCJsb2NhbGl6YXRpb24iOnsicmVsYXRlZCI6IldlaXRlcmUgVmlkZW9zIn0sIm11dGUiOmZhbHNlLCJwaXBJY29uIjoiZW5hYmxlZCIsInBsYXliYWNrUmF0ZUNvbnRyb2xzIjp0cnVlLCJwcmVsb2FkIjoibm9uZSIsInJlbGF0ZWQiOnsiYXV0b3BsYXltZXNzYWdlIjoiTsOkY2hzdGVzIFZpZGVvIiwiYXV0b3BsYXl0aW1lciI6MCwiZGlzcGxheU1vZGUiOiJzaGVsZiIsIm9uY2xpY2siOiJwbGF5Iiwib25jb21wbGV0ZSI6ImF1dG9wbGF5In0sInJlcGVhdCI6ZmFsc2UsInN0cmV0Y2hpbmciOiJ1bmlmb3JtIiwid2lkdGgiOiIxMDAlIn0sImxpY2Vuc2VLZXkiOiIyK2Z5WjJNdm03Q1NvSjdNUE85R2dCS2I2RnhoYmlUMDIwbHp1TVlidXlnTWIwQTYiLCJzaXRlSWQiOiJUVTNnOGZnVSJ9LCJvbW55Ijp7ImFwaVVybCI6Imh0dHBzOi8vb21ueS5mbS9hcGkiLCJvcmdJZCI6IjVhYzFlOTUwLTQ1YzctNGViNy04N2MwLWFhMGYwMTg0NDFiOCIsInByb2dyYW1zIjp7IjAwOGYwMDRiLTA1NWUtNGUwYy05ZmQwLWFiYzAwMGZmYjA0YSI6eyJuYW1lIjoiU2FzY2hhIExvYm8iLCJwbGF5bGlzdElkIjoiM2I5M2JjM2YtNTJjYi00YTNiLTkxZWYtYWJjMDAwZmZiMDUzIn0sIjBkMTU2YjBjLTI4MTgtNDViZC1hNDIzLWFiYzAwMTBlZTFlZCI6eyJuYW1lIjoiVGVhbS1BIC0gZGVyIGVocmxpY2hlIEbDvGhydW5nc3BvZGNhc3QiLCJwbGF5bGlzdElkIjoiYjhhMzY1MzMtNThkNS00NzA0LWIyNTAtYWJjMDAxMGVlMWY3In0sIjBlYTU1OWEzLTU2NDgtNGE5MC1iZWNjLWFkYmYwMGI4NjA1ZSI6eyJuYW1lIjoiSW5zaWRlIEF1c3RyaWEiLCJwbGF5bGlzdElkIjoiMjJiZGFiZDUtMDBhNC00OGE0LTg2MjItYWRiZjAwYmE0MzM2In0sIjJhMzE2NzI1LWQ5MzUtNDM3YS04NDlhLWFmY2QwMTA4MGMwZCI6eyJuYW1lIjoiRmlyZXdhbGwiLCJwbGF5bGlzdElkIjoiOGU3NTI2NjEtZTQxYy00ZDlmLWJhNmYtYWZjZDAxMTA2OGUzIn0sIjMxNzA0NGMzLTdiNTYtNGQzMy1iNGNmLWFiYzAwMGZmYjA3YSI6eyJuYW1lIjoiU1BJRUdFTCBMaXZlIiwicGxheWxpc3RJZCI6IjZlYmE4MzhkLWRjZjktNGI4Yy1hYTViLWFiYzAwMGZmYjA3ZCJ9LCIzNGZiZGI4My0yMjYzLTQ0YjMtODhhMi1hZjJjMDBkZmM2OGIiOnsibmFtZSI6IkF1c3ZlcmthdWZ0IiwicGxheWxpc3RJZCI6IiJ9LCI0NTRmMjdhMC1mMWIxLTRkN2EtOTliZC1hYmMwMDBmZmIwMmUiOnsibmFtZSI6IkFjaHQgTWlsbGlhcmRlbiIsInBsYXlsaXN0SWQiOiI5ZWRjOGE4My1lMTkxLTRiYzctODU3NS1hYmMwMDBmZmIwMzIifSwiNGFjYjc5ZTYtNTU1Ni00YjJkLTg1M2UtYWQzYzAwZTJkZGI4Ijp7Im5hbWUiOiJTUElFR0VMIEdlc2NoaWNodGUiLCJwbGF5bGlzdElkIjoiN2FhM2ZmOTItYTM1My00MjE2LTllYjktYWQ0MjAwZDNmOTFhIn0sIjVmMDA4NzMyLTBlNmQtNDFhZC1hYjVjLWFkM2MwMGU2MmZmNyI6eyJuYW1lIjoiU1BJRUdFTCBDb2FjaGluZyIsInBsYXlsaXN0SWQiOiI4ZGUwZDg1Zi0yMGEwLTQzZDItOTllMi1hZTUyMDBiNTMwMDcifSwiNjhlZGRkOGItZTAyMi00MWFiLTk3MTctYWQzYzAwZTg2YmQ0Ijp7Im5hbWUiOiJFaW5mYWNoIG1laHIgd2lzc2VuIiwicGxheWxpc3RJZCI6ImE4M2M4OWFiLTgyZjQtNDMyOS1hNGFmLWFlNTEwMGU3MGMzYiJ9LCI2OTdmZjU3ZC1lMTZhLTQ4ZDYtOWFiMS1iMGE3MDBmYzhkY2YiOnsibmFtZSI6IkF1Z3N0ZWluIEVpbmh1bmRlcnQiLCJwbGF5bGlzdElkIjoiIn0sIjZiN2Y0NjNlLTcxMWMtNGQyZi04YzRhLWFjNGIwMGMyNGIyYSI6eyJuYW1lIjoiR2FtZSBDaGFuZ2VyIiwicGxheWxpc3RJZCI6Ijk5YTBiNjBjLTI1ZmYtNDY5MC1iNTE4LWFjNGIwMGM0ZTJlMyJ9LCI3MTA4YmVjNC03YzAzLTRkNGEtODE0Ny1hZGZkMDBjODgyYzQiOnsibmFtZSI6IkltIFZlcmjDtnIiLCJwbGF5bGlzdElkIjoiNzk1MzIyYzktMGJjMS00NjczLWEzN2EtYWRmZDAwY2JmNDc2In0sIjc4MDI2ZWQ0LWE1MzYtNGY5ZS1iNzQxLWIxMmQwMGM4M2RjNyI6eyJuYW1lIjoiTkRBIiwicGxheWxpc3RJZCI6IjNmZDUzZWMwLWFlMTctNDI2NC04ZGRjLWIxMmQwMGM5ZTljMiJ9LCI3ZTAwYzBmZS03ZmExLTQwZGUtYmY4My1hYTI0MDBkY2Y4YjAiOnsibmFtZSI6Im1hbmFnZXIgbWFnYXppbiAtIERlciBQb2RjYXN0IiwicGxheWxpc3RJZCI6IjQ5NzhhNjM4LWE0ZmEtNDg1Yy04NzFhLWFhMjQwMGUxYTI1NCJ9LCI3ZjBjY2YwZS01ZTU5LTQ2YmUtOTlkYS1hZGZkMDBjZDg5N2IiOnsibmFtZSI6IkRlciBUYWciLCJwbGF5bGlzdElkIjoiNTgwMTAwNDgtZTU5NC00ODMzLWJhMDQtYWRmZDAwY2UzYTEzIn0sIjdmMjA5ZGQ2LTkxOGEtNGFjNy05ZTdlLWFlZjYwMGRhYzdjNSI6eyJuYW1lIjoiRWluIHLDpHRzZWxoYWZ0ZXIgUGF0aWVudCIsInBsYXlsaXN0SWQiOiIifSwiN2ZkNDZhMDctZjczZi00ZmFjLWJmNWMtYWJjMDAwZmZiMDZiIjp7Im5hbWUiOiJVbmQgd2FzIG1hY2hzdCBkdT8iLCJwbGF5bGlzdElkIjoiMWU4OTE0YzItZGIwMC00NTRjLTk5OTctYWJjMDAwZmZiMDZmIn0sIjgxMGE5ZjRkLTZlMDEtNDZjZi1hZTNiLWFkOGQwMDlhYWI4ZCI6eyJuYW1lIjoiV28gd2Fyc3QgRHU/IiwicGxheWxpc3RJZCI6IiJ9LCI4OTVhOWYwYi02ZDg3LTRkMjAtYWFiYS1hYmMwMDBmZmIwODciOnsibmFtZSI6IlNtYXJ0ZXIgbGViZW4iLCJwbGF5bGlzdElkIjoiOTEzZWE3ZmMtZTBjNi00YmE4LTgzNjAtYWJjMDAwZmZiMDhjIn0sIjhjYTRjYTNiLTg0MTktNGRiNS1hMzcxLWFjYmUwMTE1NjA5NCI6eyJuYW1lIjoiUG9kY2FzdCBLw7xuc3RsaWNoZSBJbnRlbGxpZ2VueiIsInBsYXlsaXN0SWQiOiI4ODA2OGJiOS1lYmVmLTRiZjQtODIwNS1hY2JlMDExYzE3M2UifSwiYTU3YWMzNGUtYjlmMi00ZTIzLWEwNTktYWUyMDAwYTBhOTllIjp7Im5hbWUiOiJEZXV0c2NobGFuZHMgZGlnaXRhbGUgSG9mZm51bmdzdHLDpGdlciIsInBsYXlsaXN0SWQiOiJiNTQ5MTE1Mi01M2NhLTQ3MmItYmY5ZS1hZTIwMDBhMzQ0OWQifSwiYTdiNzdhMWItMGMwZS00MGU4LWFiZDAtYWJlNDAxMmMxOWJkIjp7Im5hbWUiOiJEYXMgQmVzdGUgenVtIEjDtnJlbiIsInBsYXlCdXR0b25MYWJlbCI6IkFydGlrZWwgYW5ow7ZyZW4iLCJwbGF5bGlzdElkIjoiIiwicmVwbGF5QnV0dG9uTGFiZWwiOiJBcnRpa2VsIGVybmV1dCBhbmjDtnJlbiJ9LCJhZmU1MTFkOC1lNjg5LTQ1OWMtOTgyNS1hYjk4MDA5MTkzY2IiOnsibmFtZSI6IkRFUiBTUElFR0VMIiwicGxheUJ1dHRvbkxhYmVsIjoiQXJ0aWtlbCBhbmjDtnJlbiIsInBsYXlsaXN0SWQiOiIiLCJyZXBsYXlCdXR0b25MYWJlbCI6IkFydGlrZWwgZXJuZXV0IGFuaMO2cmVuIn0sImJiMTdjYTI3LTUxZjQtNDM0OS1iYzFlLWFiYzAwMTAyYzk3NSI6eyJuYW1lIjoiU1BJRUdFTCBMYWdlIiwicGxheWxpc3RJZCI6IjRjMThlMDcyLTI0ZDItNGQ2MC05YTQyLWFiYzAwMTAyYzk3ZSJ9LCJjMGQ5ZWNkMi04MTc1LTQwOTItODJiNi1hYmMwMDBmZmIwNDAiOnsibmFtZSI6Ik5ldHp0ZWlsIiwicGxheWxpc3RJZCI6ImUwMThiOGYzLWFmM2ItNGRiNS1hZjI3LWFiYzAwMGZmYjA0MCJ9LCJjZTliNzk0YS0xZGVlLTRmMmQtYThiZS1hZDNjMDBlZWUyN2QiOnsibmFtZSI6IktsaW1hYmVyaWNodCIsInBsYXlsaXN0SWQiOiI0MjIyOTQyYi03ZTliLTRlZTItYjllOC1hZDNjMDBmMWYwMTkifSwiZDA0MWY4ZjAtY2FjOS00MTUwLWFhYmYtYWJjMDAwZmZiMDEyIjp7Im5hbWUiOiJTdGltbWVuZmFuZyIsInBsYXlsaXN0SWQiOiI5NGEyMmI1Ni03Yzg5LTQ1YmYtOGU4NC1hYmMwMDBmZmIwMTYifSwiZDliZTk3MmItZjY0Ny00M2YyLWEzYjItYWZhMTAwYzQxZjRhIjp7Im5hbWUiOiJNb3Jlbm8rMSIsInBsYXlsaXN0SWQiOiI0NWYwOTAyNy1iOTJmLTQxOTMtOGMwNi1hZmExMDBlNzgxN2IifSwiZGU4YWY4YmEtY2VlZi00MjlhLWEwYjQtYWJhZjAwYjI4YWNjIjp7Im5hbWUiOiJEcmVpIFbDpHRlciIsInBsYXlsaXN0SWQiOiI2YTRjMTc4Yy00YmRmLTQ2N2UtOGIwOC1hYmFmMDBiMjhhZDEifSwiZGY2ODMwNmYtOTNiOC00NjhjLTk0NzAtYjBmOTAwYWUyOGU5Ijp7Im5hbWUiOiIxMUZSRVVOREUiLCJwbGF5QnV0dG9uTGFiZWwiOiJBcnRpa2VsIGFuaMO2cmVuIiwicGxheWxpc3RJZCI6IiIsInJlcGxheUJ1dHRvbkxhYmVsIjoiQXJ0aWtlbCBlcm5ldXQgYW5ow7ZyZW4ifSwiZTQ1ZjczOWMtYzI1Yy00N2I5LTk1MjktYjE3MDAwOTMzYTVjIjp7Im5hbWUiOiJTaG9ydGN1dCIsInBsYXlsaXN0SWQiOiI3ZGRmMDE4ZC1hMmY1LTQ3ZjQtODIxNi1iMTcwMDA5NWU0ZmMifSwiZWRlM2VmYjctYjI0MS00ZTEyLWE4NWYtYWMzNzAwYTE4NmEzIjp7Im5hbWUiOiJTYWdlbiwgd2FzIGlzdC4gRGVyIFNQSUVHRUwtUG9kY2FzdCIsInBsYXlsaXN0SWQiOiIifSwiZjlkMzc2MzctMDY1YS00YzU1LWEyMTItYWNkZDAwYzRhMmYwIjp7Im5hbWUiOiJTUElFR0VMIERhaWx5IiwicGxheWxpc3RJZCI6IiJ9LCJmZmUyNmE3Yi01NjhiLTQxNTMtODBhYi1hZmFmMDBkMmY3YzQiOnsibmFtZSI6IlNwaXR6ZW5nZXNwcsOkY2giLCJwbGF5bGlzdElkIjoiOGEyZDIzZWEtMDMxZS00MzQ4LWE5ZGItYWZhZjAwZDg5NjM3In19fSwicmVjbyI6eyJhcGlVcmwiOiJodHRwczovL3Byb2QucmVjby5zcGllZ2VsLmRlIn0sInNpdGVzZWFyY2giOnsiYXBpVXJsIjoiaHR0cHM6Ly93d3cuc3BpZWdlbC5kZS9zZXJ2aWNlcy9zaXRlc2VhcmNoIn0sInNvdXJjZXBvaW50Ijp7ImRlZmF1bHQiOnsiYWNjb3VudElkIjozMzEsImJhc2VFbmRwb2ludCI6Imh0dHBzOi8vc3Atc3BpZWdlbC1kZS5zcGllZ2VsLmRlIiwiY2FtcGFpZ25FbnYiOiJwcm9kIiwicHJpdmFjeU1hbmFnZXJJZCI6ODA2NTY1LCJwcm9wZXJ0eUhyZWYiOiJodHRwczovL3NwaWVnZWwtYWRzIiwicHJvcGVydHlJZCI6MzEyNTYsInB1cnBvc2VJZHMiOnsicmVjb21tZW5kYXRpb25zIjoiNjU1ZjFhYjQ3MTI5YTAwNTk1ZjMxYTY1IiwidGhpcmRwYXJ0eSI6IjY1NWYxYWI0NzEyOWEwMDU5NWYzMWE1ZSJ9LCJzaXRlSWQiOjMxMjU2fSwibm9hZHMiOnsiYWNjb3VudElkIjozMzEsImJhc2VFbmRwb2ludCI6Imh0dHBzOi8vc3Atc3BpZWdlbC1kZS5zcGllZ2VsLmRlIiwiY2FtcGFpZ25FbnYiOiJwcm9kIiwicHJpdmFjeU1hbmFnZXJJZCI6ODM5OTg0LCJwcm9wZXJ0eUhyZWYiOiJodHRwczovL3NwaWVnZWwtbm9hZHMiLCJwcm9wZXJ0eUlkIjozMTgzNiwicHVycG9zZUlkcyI6eyJyZWNvbW1lbmRhdGlvbnMiOiI2NGJmOWNjNmI0YTY3YzA1MzVmNjYyMWYiLCJ0aGlyZHBhcnR5IjoiNjRiZjljYzZiNGE2N2MwNTM1ZjY2MjBjIn0sInNpdGVJZCI6MzE4MzZ9fX0=","translations":{"bookmarkButton":{"labelAdd":"Zur Merkliste hinzufügen","labelDelete":"Aus Merkliste entfernen"},"confirmationLayer":{"deleteAllBookmarks":{"cancelButtonLabel":"Abbrechen","confirmButtonLabel":"Artikel entfernen","description":"Möchten Sie wirklich alle Artikel aus Ihrer Merkliste löschen? Diese Aktion kann nicht rückgängig gemacht werden.","headline":"Alle Artikel entfernen?"}},"loginLayer":{"bookmarks":{"text":"Speichern Sie Ihre Lieblingsartikel in der persönlichen Merkliste, um sie später zu lesen und einfach wiederzufinden.","title":"Artikel-Merkliste"},"history":{"text":"Finden Sie Ihre zehn zuletzt gelesenen Artikel schnell und unkompliziert wieder.","title":"Gelesene Artikel"},"newsletter":{"text":"Melden Sie sich in Ihrem persönlichen SPIEGEL-Konto an, um Ihre Newsletter zu verwalten.","title":"Newsletter"},"offlinelibrary":{"text":"Speichern Sie Magazin-Ausgaben in Ihrer Offline-Bibliothek. Lesen Sie den SPIEGEL jederzeit – auch offline und als PDF.","title":"Gespeicherte Magazine"},"playlist":{"text":"Speichern Sie Ihre Audioinhalte in Ihrer Playlist, um sie später zu hören oder offline abzuspielen. Zusätzlich können Sie Ihre Playlist über alle Geräte mit der SPIEGEL-App synchronisieren, auf denen Sie mit Ihrem Konto angemeldet sind.","title":"Audio-Playlist"}},"notification":{"addBookmarkFailure":{"description":"Beim Speichern des Artikels ist ein Fehler aufgetreten. \u003ca href=\"#\" data-notification-el=\"trigger\"\u003eErneut versuchen\u003c/a\u003e","headline":"Fehler"},"addBookmarkSuccess":{"description":"Ihr Artikel wurde gespeichert. \u003ca href=\"https://www.spiegel.de/fuermich/merkliste\"\u003eZur Merkliste\u003c/a\u003e","headline":"Zur Merkliste hinzugefügt"},"addDocumentAudioToPlaylistFailure":{"description":"Clip konnte nicht zur Playlist hinzugefügt werden. Bitte versuchen Sie es erneut oder starten Sie die App neu.","headline":"Fehler beim Hinzufügen zur Playlist"},"copyGiftArticleLinkFailure":{"description":"Beim Kopieren des Artikel-Links ist ein Fehler aufgetreten. \u003ca href=\"#\" data-notification-el=\"trigger\"\u003eErneut versuchen\u003c/a\u003e","headline":"Fehler"},"copyGiftArticleLinkSuccess":{"description":"Der Artikel-Link wurde erfolgreich in Ihrer Zwischenablage gespeichert.","headline":"Link kopiert"},"deleteAllBookmarksFailure":{"description":"Beim Löschen der Artikel ist ein Fehler aufgetreten. \u003ca href=\"#\" data-notification-el=\"trigger\"\u003eErneut versuchen\u003c/a\u003e","headline":"Fehler"},"deleteAllBookmarksSuccess":{"description":"Ihre Artikel wurden aus der Merkliste gelöscht.","headline":"Aus Merkliste entfernt"},"deleteBookmarkFailure":{"description":"Beim Löschen des Artikels ist ein Fehler aufgetreten. \u003ca href=\"#\" data-notification-el=\"trigger\"\u003eErneut versuchen\u003c/a\u003e","headline":"Fehler"},"deleteBookmarkSuccess":{"description":"Ihr Artikel wurde aus der \u003ca href=\"https://www.spiegel.de/fuermich/merkliste\"\u003eMerkliste\u003c/a\u003e gelöscht.","headline":"Aus Merkliste entfernt"},"deleteCookiesSuccess":{"headline":"Cookies wurden erfolgreich gelöscht"},"rejectConsentFailure":{"description":"Leider konnten wir Ihre Zustimmung nicht widerrufen. Bitte versuchen Sie es über die Einstellungen.","headline":"Fehler beim Widerruf Ihrer Zustimmung"},"rejectConsentSuccess":{"headline":"Zustimmung erfolgreich widerrufen"}}} }</script> <script>"use strict";function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}!function(){var t=function(){var t,e,o=[],n=window,r=n;for(;r;){try{if(r.frames.__tcfapiLocator){t=r;break}}catch(t){}if(r===n.top)break;r=r.parent}t||(!function t(){var e=n.document,o=!!n.frames.__tcfapiLocator;if(!o)if(e.body){var r=e.createElement("iframe");r.style.cssText="display:none",r.name="__tcfapiLocator",e.body.appendChild(r)}else setTimeout(t,5);return!o}(),n.__tcfapi=function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(!n.length)return o;"setGdprApplies"===n[0]?n.length>3&&2===parseInt(n[1],10)&&"boolean"==typeof n[3]&&(e=n[3],"function"==typeof n[2]&&n[2]("set",!0)):"ping"===n[0]?"function"==typeof n[2]&&n[2]({gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"}):o.push(n)},n.addEventListener("message",(function(t){var e="string"==typeof t.data,o={};if(e)try{o=JSON.parse(t.data)}catch(t){}else o=t.data;var n="object"===_typeof(o)&&null!==o?o.__tcfapiCall:null;n&&window.__tcfapi(n.command,n.version,(function(o,r){var a={__tcfapiReturn:{returnValue:o,success:r,callId:n.callId}};t&&t.source&&t.source.postMessage&&t.source.postMessage(e?JSON.stringify(a):a,"*")}),n.parameter)}),!1))};"undefined"!=typeof module?module.exports=t:t()}();</script> <script>var isSystemSupported = (function() {var crawlerUserAgents = ['APIs-Google','Mediapartners-Google','AdsBot-Google-Mobile','AdsBot-Google','Googlebot-Image','Googlebot-News','Googlebot-Video','Googlebot\\/','AdsBot-Google-Mobile-Apps','Google (\\+https:\\/\\/developers.google.com\\/+\\/web\\/snippet\\/)','Google-AMPHTML','Facebot','facebookexternalhit','Twitterbot','PocketParser','bingbot','msnbot','msnbot-media','AdldxBot','BingPreview\\/','DuckDuckBot','Pinterest','Pinterestbot','ToutiaoSpider','upday.com','XING-contenttabreceiver','xing.com','Qwant-News','qwant.com','Qwantify','Yahoo! Slurp','FlipboardProxy','YandexBot','Feedly','LinkedInBot','Applebot','NextCloud','ia_archiver','outbrain','Sogou','exabot','Baiduspider','Baidu-YunGuanCe','ScopeContentAG-HTTP-Client www.thescope.com\\/0.1','archive.org_bot','Chrome-Lighthouse','Panoo',];var crawlerRegex = RegExp(crawlerUserAgents.join('|'));var isCrawler = crawlerRegex.test(window.navigator.userAgent);if (isCrawler) {return true;}if (!window.CSS || !window.CSS.supports('color', 'var(--primary)')) {return false;}try {new Function('const obj = {}; obj?.foo;');} catch(error) {return false;}var isAndroid = /Android/i.test(window.navigator.userAgent);if (isAndroid) {var isOSSupported = true;var version = {major: undefined,minor: undefined,build: undefined,};var ua = navigator.userAgent.toLowerCase();var match = ua.match(/android\s(\d+).?(\d+)?.?(\d+)?/);if (match) {version.major = match[1] ? parseInt(match[1], 10) : undefined;version.minor = match[2] ? parseInt(match[2], 10) : undefined;version.build = match[3] ? parseInt(match[3], 10) : undefined;}var minVersion = {major: 7,minor: 1,build: 1,};isOSSupported = version.major >= minVersion.major;if (version.major === minVersion.major) {isOSSupported = version.minor >= minVersion.minor;}if (version.major === minVersion.major && version.minor === minVersion.minor) {isOSSupported = version.build >= minVersion.build;}if (!isOSSupported && typeof version.major !== 'undefined') {var xhr = new XMLHttpRequest();try {xhr.open('GET', 'https://cdn.prod.www.spiegel.de/ping', false);xhr.send();return true;} catch(error) {return false;}}}return true;})();if (!isSystemSupported) {window.location.replace('https://www.spiegel.de/system-update');}</script> <script src="https://cdn.prod.www.spiegel.de/public/shared/generated/js/commons.69599ab51851318f6930.js"></script> <script src="https://cdn.prod.www.spiegel.de/public/shared/generated/js/header.60544321707142ecd7dd.js"></script> <script>!function(e,a,n,t){if (a) return;var i=e.head;if(i){var o=e.createElement("style");o.id="alloy-prehiding",o.innerText=n,i.appendChild(o),setTimeout(function(){o.parentNode&&o.parentNode.removeChild(o)},t)}}(document, document.location.href.indexOf("adobe_authoring_enabled") !== -1, "[data-target-hide] { opacity: 0 !important }", 1000);</script> </head> <body class="bg-shade-lightest dark:bg-black text-black dark:text-shade-lightest relative min-w-sm leading-normal static antialiased lining-nums lg:overflow-x-hidden lg:overflow-y-scroll" data-area="article"> <div data-headerbar-height class="flex justify-end relative" style="top: var(--polygon-max-headerbar-height, 0);"> <span class="relative w-full relative"> <a href="#Inhalt" title="Zum Inhalt springen" class="absolute inline-block rounded z-overlay bg-white dark:bg-dm-shade-darkest font-bold font-sansUI text-primary-darker dark:text-shade-lightest text-s sm:mr-8 md:mr-24 lg:mr-24 sm:mt-8 md:mt-12 lg:mt-12 right-0 p-0 border-0 h-px w-px overflow-hidden pointer-events-none opacity-none focus:px-12 focus:py-8 focus:h-auto focus:w-auto focus:overflow-auto focus:pointer-events-auto focus:opacity-full"> Zum Inhalt springen </a> </span> </div> <header role="banner" class="sticky top-0 -mt-8 z-30 pointer-events-none"> <div data-app-hidden> <div class="relative z-max" data-area="header-bar"> <div class="bg-primary-base dark:bg-dm-primary-base top-0 w-full z-10 pointer-events-auto h-80 sm:h-48 transition-height duration-200 ease-linear" id="header-bar" x-data="{isInTopArea: true,isInOverlay: false,get isCollapsed() {return !this.isInTopArea && !this.isInOverlay;},}" x-init="isInTopArea = typeof $store.isInTopArea === 'undefined' || $store.isInTopArea;" x-subscribe.toparea_enter="isInTopArea = true" x-subscribe.toparea_leave="isInTopArea = false" x-subscribe.overlay_handler_active_overlay_changed="isInOverlay = !!$payload[0] && $payload[0].expandHeader" x-effect="document.documentElement.classList.toggle('is-headerbar-collapsed', isCollapsed)" :class="{'lg:shadow lg:h-48 md:shadow md:h-48 iqdsticky': isCollapsed,}" x-lazyload> <div class="bg-primary-base dark:bg-dm-primary-base md:overflow-hidden lg:overflow-hidden"> <div class="mx-auto flex items-center h-80 transition-height duration-200 ease-linear lg:px-32 lg:py-20 lg:max-w-lg md:px-24 md:py-20 sm:pb-12 sm:pl-16 sm:pr-12 sm:pt-12 sm:h-48" :class="{'lg:h-48 md:h-48': isCollapsed,}"> <span class="flex flex-auto justify-between items-center md:order-1 lg:order-1 overflow-hidden text-white transition-transform duration-300 ease-out origin-left-center" :class="{'lg:translate-x-40 lg:scale-70 md:translate-x-40 md:scale-70': isCollapsed,}"> <span class="shrink-0"> <a href="https://www.spiegel.de/" target="_self" title="DER SPIEGEL" aria-label="DER SPIEGEL"> <span class="hidden">DER SPIEGEL</span> <span class="block lg:hidden md:hidden leading-none"><svg id="spon-spiegel-mobile" width="74" height="15" viewBox="0 0 74 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="spiegel-mobile-7324dd89-12f9-4384-a0d1-32482fab33ef" clip-path="url(#clip0-7324dd89-12f9-4384-a0d1-32482fab33ef)"> <g id="der-spiegel-tablet-desktop-7324dd89-12f9-4384-a0d1-32482fab33ef"> <g id="logo-7324dd89-12f9-4384-a0d1-32482fab33ef" fill="#fff"> <path d="M-36.635 12.5v-10h3.212v10h-3.212zm6.123.9V1.6c0-.9-.803-1.6-1.606-1.6h-8.632v2.5h1.205v10h-1.205V15h8.733c.803 0 1.505-.7 1.505-1.6zM-21.478 9.7v2.8h-3.413V8.4h4.517V5.9h-4.517V2.5h3.413v2.1h2.81V0h-10.238v2.5h1.104v10h-1.104V15h10.238V9.7h-2.81zM-13.047 5.9V2.5h3.313v3.4h-3.313zm6.324 6.6V8.9c0-.9-.703-1.6-1.606-1.6.903 0 1.606-.7 1.606-1.6v-4c0-.8-.703-1.6-1.506-1.6h-8.933v2.5h1.305v10h-1.305V15h5.32v-2.5h-1.104V8.4h3.312v4.1h-1.205V15h5.22v-2.5h-1.104zM14.656 5.9V2.5h3.413v3.4h-3.413zm6.324.9V1.6c0-.9-.703-1.6-1.606-1.6H10.54v2.5h1.204v10h-1.204V15h5.22v-2.5h-1.105V8.4h4.718c.903 0 1.606-.7 1.606-1.6zM26.099 12.5v-10h1.204V0h-5.22v2.5h1.205v10h-1.204V15h5.22v-2.5h-1.205zM36.036 9.7v2.8h-3.413V8.4h4.517V5.9h-4.517V2.5h3.413v2.1h2.91V0H28.608v2.5h1.104v10h-1.104V15h10.338V9.7h-2.91zM44.266 5.9v2.5h2.309v4.1h-3.413v-10h3.413v2.1h3.011v-3c0-.9-.703-1.6-1.606-1.6h-6.022c-.402 0-.803.2-1.004.4-.301.3-.602.7-.602 1.2v11.8c0 .5.2.9.602 1.2.301.3.703.4 1.104.4h7.528V5.9h-5.32zM58.419 9.7v2.8h-3.413V8.4h4.517V5.9h-4.517V2.5h3.413v2.1h2.91V0H50.992v2.5h1.104v10h-1.104V15H61.33V9.7h-2.911zM70.163 9.7v2.8H66.85v-10h1.204V0h-5.32v2.5h1.205v10h-1.205V15h10.339V9.7h-2.911zM9.236 13.49V5.94H3.013V2.517h3.312V4.63h3.011V1.61C9.336.644 8.433 0 7.53 0H1.608C.704 0 .002.705.002 1.61v6.846h6.223v4.128H2.913V9.765H.002v3.624C.002 14.295.704 15 1.608 15H7.53c.923 0 1.706-.604 1.706-1.51z"/> </g> </g> </g> <defs> <clipPath id="clip0-7324dd89-12f9-4384-a0d1-32482fab33ef"> <path fill="#fff" d="M0 0h74v15H0z"/> </clipPath> </defs> </svg> </span> <span class="block leading-none sm:hidden"><svg id="spon-spiegel-tablet-desktop" width="113" height="23" viewBox="0 0 113 23" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M22.956 9.047V3.833h5.233v5.214h-5.233zm9.696 1.38V2.453C32.652 1.073 31.575 0 30.19 0H16.646v3.833h1.847v15.334h-1.847V23h8.003v-3.833h-1.693V12.88h7.234c1.385 0 2.462-1.073 2.462-2.453zM40.501 19.167V3.833h1.847V0h-8.003v3.833h1.847v15.334h-1.847V23h8.003v-3.833h-1.847zM55.738 14.873v4.294h-5.233V12.88h6.926V9.047h-6.926V3.833h5.233v3.22h4.463V0H44.35v3.833h1.693v15.334h-1.693V23h15.852v-8.127h-4.463zM68.358 9.047v3.833h3.54v6.287h-5.233V3.833h5.233v3.22h4.617v-4.6c0-1.38-1.077-2.453-2.462-2.453h-9.234c-.616 0-1.232.307-1.54.613-.461.46-.923 1.074-.923 1.84v18.094c0 .766.308 1.38.923 1.84.462.46 1.078.613 1.693.613h11.543V9.047h-8.157zM90.059 14.873v4.294h-5.233V12.88h6.926V9.047h-6.926V3.833h5.233v3.22h4.463V0H78.67v3.833h1.693v15.334H78.67V23h15.852v-8.127h-4.463zM108.066 14.873v4.294h-5.078V3.833h1.846V0h-8.157v3.833h1.847v15.334h-1.847V23h15.853v-8.127h-4.464zM14.645 20.685V9.107H5.103V3.86h5.079v3.242h4.617V2.47C14.8.988 13.414 0 12.03 0h-9.08C1.562 0 .485 1.08.485 2.47v10.496h9.542v6.33H4.95v-4.323H.486v5.557c0 1.39 1.077 2.47 2.462 2.47h9.08c1.417 0 2.617-.926 2.617-2.315z" fill="#fff"/> </svg> </span> </a> </span> <a href="https://www.spiegel.de/ausland/" target="_self" title="Ausland" class="relative mr-auto ml-4 mt-2 text-white overflow-hidden pr-16 font-sans text-3xl ml-6 sm:overflow-x-auto sm:text-l sm:leading-normal sm:ml-4 tracking-wide whitespace-nowrap"> Ausland </a> <div class="relative lg:h-56 md:h-56 sm:h-40 focus:outline-none"> <div class="z-10 absolute right-0 bottom-0 lg:h-56 md:h-56 sm:h-40"> <div class="flex items-center"> <span class="bg-gradient-to-l from-primary-base dark:from-dm-primary-base w-24 lg:h-56 md:h-56 sm:h-40"></span> </div> </div> </div> </span> <div class="flex items-center justify-end flex-auto md:order-2 lg:order-2 ml-6 transition-fade duration-300 ease-out" :class="{'lg:invisible lg:opacity-none md:invisible md:opacity-none': isCollapsed,}"> <a href="https://abo.spiegel.de/?b=SPOHNAVABO&requestAccessToken=true&sara_icid=disp_upd_9h6L5hu8K1AAnttzYATx3hvk7taDkP&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" title="Abonnement" class="font-bold bg-primary-base dark:bg-dm-primary-base inline-block text-white font-sansUI py-12 text-s sm:mr-24" target="_blank"> <span class="sm:hidden border-b">Abonnement</span> <span class="lg:hidden md:hidden border-b">Abo</span> </a> <span class="sm:hidden ml-24"> <a href="https://gruppenkonto.spiegel.de/authenticate?requestAccessToken=true&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" class="inline-flex items-center font-bold font-sansUI rounded text-primary-base bg-white hover:text-primary-dark focus:text-primary-darker dark:text-primary-base px-16 min-h-44 gap-8" title="Jetzt anmelden" data-sara-link="gruppenkonto" data-logged-in-hidden> <span data-label class="text-s leading-18">Anmelden</span> <span class="leading-none"><svg id="spon-chevron-right-f-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-right-f-13f57c88-b623-40f6-99a9-cd56d3dedffb"> <g id="s-chevron-right-13f57c88-b623-40f6-99a9-cd56d3dedffb"> <path id="vector-13f57c88-b623-40f6-99a9-cd56d3dedffb" d="M4.333 2.667L7.667 6 4.333 9.333" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </svg> </span> </a> </span> <a href="https://www.spiegel.de/fuermich/" class="ml-24 bg-white h-40 inline-flex items-center justify-center rounded-circle w-40 md:hidden sm:hidden text-primary-base dark:text-dm-primary-base hover:opacity-distinct" data-not-logged-in-hidden title="Für Mich"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="stroke-current" d="M8.05 8.5C8.05 6.29213 9.79213 4.55 12 4.55C14.2079 4.55 15.95 6.29213 15.95 8.5C15.95 10.7079 14.2079 12.45 12 12.45C9.79213 12.45 8.05 10.7079 8.05 8.5Z" stroke-width="1.1"/> <mask id="a-1e7279c0-a6e3-4bd8-aa6c-ebd4bb808cad" fill="white"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16.1H16C18.1539 16.1 19.9 17.8461 19.9 20H21C21 17.2386 18.7614 15 16 15H8C5.23858 15 3 17.2386 3 20H4.1C4.1 17.8461 5.84609 16.1 8 16.1Z"/> </mask> <path class="fill-current" mask="url(#a-1e7279c0-a6e3-4bd8-aa6c-ebd4bb808cad)" d="M19.9 20H18.6V21.3H19.9V20ZM21 20V21.3H22.3V20H21ZM3 20H1.7V21.3H3V20ZM4.1 20V21.3H5.4V20H4.1ZM16 14.8H8V17.4H16V14.8ZM21.2 20C21.2 17.1281 18.8719 14.8 16 14.8V17.4C17.4359 17.4 18.6 18.5641 18.6 20H21.2ZM19.9 21.3H21V18.7H19.9V21.3ZM16 16.3C18.0435 16.3 19.7 17.9565 19.7 20H22.3C22.3 16.5206 19.4794 13.7 16 13.7V16.3ZM16 13.7H8V16.3H16V13.7ZM4.3 20C4.3 17.9565 5.95655 16.3 8 16.3V13.7C4.52061 13.7 1.7 16.5206 1.7 20H4.3ZM3 21.3H4.1V18.7H3V21.3ZM8 14.8C5.12812 14.8 2.8 17.1281 2.8 20H5.4C5.4 18.5641 6.56406 17.4 8 17.4V14.8Z"/> </svg> </a> </div> <button class="text-white dark:text-shade-lightest leading-none outline-focus transition-fade duration-300 ease-out lg:absolute lg:h-full lg:top-0 lg:invisible lg:opacity-none lg:-ml-4 md:absolute md:h-full md:top-0 md:invisible md:opacity-none md:-ml-4" @click="setTimeout(() => $publish('OPEN_MENU_DRAWER'), 0)" data-sara-click-el="button" :class="{'lg:opacity-none lg:invisible md:opacity-none md:invisible': !isCollapsed,}"> <span class="sr-only">Menü öffnen</span><svg id="spon-menu-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-menu-4c869ab3-02b6-4661-b6f5-28a23679bde6" stroke-width="1.3" stroke-linecap="round"> <path id="line-4c869ab3-02b6-4661-b6f5-28a23679bde6" d="M19.35 6.65H4.65"/> <path id="line_2-4c869ab3-02b6-4661-b6f5-28a23679bde6" d="M19.35 11.65H4.65"/> <path id="line_3-4c869ab3-02b6-4661-b6f5-28a23679bde6" d="M19.35 16.65H4.65"/> </g> </svg> </button> </div> </div> </div> <div class="absolute left-0 right-0 pointer-events-auto" data-notification-el="container" data-notification-position="default"></div> </div> </div> </header> <nav role="navigation" class="z-10 mt-8"> <div data-app-hidden> <div class="w-full border-b border-shade-lighter dark:border-black bg-white dark:bg-dm-shade-darkest shadow" data-area="tab-bar"> <ul class="flex items-center justify-around lg:hidden md:h-56 sm:h-48 mx-auto"> <li data-target-hide> <a href="https://www.spiegel.de/" target="_self" title="News" aria-label="News" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M4.5 10.5v9h6v-3a1 1 0 011-1h1a1 1 0 011 1v3h6v-9l-7.5-7-7.5 7z" class="stroke-current" stroke-width="1.1"/> </svg> <span class="hidden">News</span> </a> </li> <li data-target-hide> <a href="https://www.spiegel.de/schlagzeilen/" target="_self" title="Ticker" aria-label="Ticker" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <circle cx="12" cy="12" r="8.5" class="stroke-current"/> <path d="M11.5 7.5v5h4" class="stroke-current" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="hidden">Ticker</span> </a> </li> <li data-target-hide> <a href="https://www.spiegel.de/spiegel/" target="_self" title="Magazin" aria-label="Magazin" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M9 10.444v4.326h4.214v2.624h-2.357V15.62H9v2.269c0 .638.357 1.135 1.214 1.135h3.5c.857 0 1.286-.426 1.286-1.206v-4.751h-4.214v-2.27h2.357v1.419H15v-1.915c0-.709-.429-1.135-1.071-1.135h-3.643C9.357 9.167 9 9.735 9 10.444z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.342 1.031L4.345 5.024l-.009.003A.483.483 0 004 5.525V22.5a.5.5 0 00.5.5h15a.5.5 0 00.5-.5v-17a.5.5 0 00-.5-.5H17V1.506a.5.5 0 00-.658-.475zM16 2.2L7.585 5H16V2.2zM5 22V6h14v16H5z"/> </svg> <span class="hidden">Magazin</span> </a> </li> <li data-target-hide> <a href="https://www.spiegel.de/audio/" target="_self" title="Audio" aria-label="Audio" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M20.001 12.371c0-4.623-3.582-8.371-8-8.371s-8 3.748-8 8.371" class="stroke-current" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.106 15.911v4.606a4.605 4.605 0 110-9.211v4.605zm9.789 0v4.606a4.605 4.605 0 100-9.211v4.605z" class="stroke-current" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="hidden">Audio</span> </a> </li> <li data-target-hide> <a href="https://www.spiegel.de/fuermich/" target="_self" title="Account" aria-label="Account" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="stroke-current" d="M8.05 8.5C8.05 6.29213 9.79213 4.55 12 4.55C14.2079 4.55 15.95 6.29213 15.95 8.5C15.95 10.7079 14.2079 12.45 12 12.45C9.79213 12.45 8.05 10.7079 8.05 8.5Z" stroke-width="1.1"/> <mask id="a-dd0f88be-097e-4a39-979f-04631d2c1ad4" fill="white"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16.1H16C18.1539 16.1 19.9 17.8461 19.9 20H21C21 17.2386 18.7614 15 16 15H8C5.23858 15 3 17.2386 3 20H4.1C4.1 17.8461 5.84609 16.1 8 16.1Z"/> </mask> <path class="fill-current" mask="url(#a-dd0f88be-097e-4a39-979f-04631d2c1ad4)" d="M19.9 20H18.6V21.3H19.9V20ZM21 20V21.3H22.3V20H21ZM3 20H1.7V21.3H3V20ZM4.1 20V21.3H5.4V20H4.1ZM16 14.8H8V17.4H16V14.8ZM21.2 20C21.2 17.1281 18.8719 14.8 16 14.8V17.4C17.4359 17.4 18.6 18.5641 18.6 20H21.2ZM19.9 21.3H21V18.7H19.9V21.3ZM16 16.3C18.0435 16.3 19.7 17.9565 19.7 20H22.3C22.3 16.5206 19.4794 13.7 16 13.7V16.3ZM16 13.7H8V16.3H16V13.7ZM4.3 20C4.3 17.9565 5.95655 16.3 8 16.3V13.7C4.52061 13.7 1.7 16.5206 1.7 20H4.3ZM3 21.3H4.1V18.7H3V21.3ZM8 14.8C5.12812 14.8 2.8 17.1281 2.8 20H5.4C5.4 18.5641 6.56406 17.4 8 17.4V14.8Z"/> </svg> <span class="hidden">Account</span> </a> </li> </ul> </div> </div> <span class="sm:hidden" data-app-hidden x-data x-intersect:enter.margin.-48px.0.0.0="$store.isInTopArea = true; $publish('TOPAREA_ENTER');" x-intersect:leave.margin.-48px.0.0.0="$store.isInTopArea = false; $publish('TOPAREA_LEAVE');" x-init="Alpine.store('isInTopArea', true)"></span> <div class="z-10 relative bg-white dark:bg-dm-shade-darkest w-full shadow font-sans" x-data x-init="document.fonts.ready.then(() => $swiper.update())" x-swiper="{freeMode: true,roundLengths: false,slidesPerView: 'auto',watchOverflow: true,}" @swiper-init="$swiper.slideTo($swiper.slides.length - 1, 500, false)" data-area="nav-bar" data-app-hidden x-lazyload> <div class="bg-white dark:bg-dm-shade-darkest"> <div class="lg:max-w-lg mx-auto font-sansUI flex items-center lg:h-56 md:h-56 sm:h-40 lg:pl-12 lg:pr-16 md:pl-4 md:pr-8"> <div class="h-full sm:hidden" data-app-hidden> <button class="flex items-center h-full text-black dark:text-shade-lightest text-black dark:text-shade-lightest leading-none text-s px-16 outline-focus" @click="$publish('OPEN_MENU_DRAWER')" data-sara-click-el="button"> <span><svg width="24" height="24"><use xlink:href="#spon-menu-l"/></svg> </span> <span class="ml-8 leading-18 border-b border-transparent">Menü</span> </button> </div> <div class="sm:hidden h-full lg:py-16 md:py-16 sm:py-8" data-app-hidden> <div class="border-separator-r w-px h-full"></div> </div> <div class="polygon-swiper-button-prev relative lg:h-56 md:h-56 sm:h-40 focus:outline-none hidden select-none"> <div class="z-10 absolute left-0 bottom-0 lg:h-56 md:h-56 sm:h-40"> <div class="flex items-center"> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest w-48 py-18 text-center cursor-pointer"><svg id="spon-chevron-left-f-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-left-f-e20cd5c6-a9e5-4689-adf6-8d6fc8e29465"> <g id="s-chevron-right-f-e20cd5c6-a9e5-4689-adf6-8d6fc8e29465"> <g id="s-chevron-right-e20cd5c6-a9e5-4689-adf6-8d6fc8e29465"> <path id="vector-e20cd5c6-a9e5-4689-adf6-8d6fc8e29465" d="M7.667 9.333L4.333 6l3.334-3.333" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </g> </svg> </span> <span class="bg-gradient-to-r from-white dark:from-dm-shade-darkest w-24 lg:h-56 md:h-56 sm:h-40"></span> </div> </div> </div> <nav role="navigation" class="polygon-swiper relative overflow-hidden h-full bottom-negative flex grow"> <ul class="polygon-swiper-wrapper flex items-center lg:h-56 md:h-56 sm:h-40 relative bottom-px leading-18"> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/" target="_self" title="Startseite" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full pl-16 px-4"> <span class="border-b whitespace-nowrap border-inherit"> Startseite </span> <span class="leading-none ml-8"><svg id="spon-chevron-right-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-right-ca867aab-8a12-4a98-b255-68a957da6ba4"> <path id="vector-ca867aab-8a12-4a98-b255-68a957da6ba4" d="M6 4l4 4-4 4" stroke-linecap="round"/> </g> </svg> </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/ausland/" target="_self" title="Ausland" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-4"> <span class="border-b whitespace-nowrap border-inherit"> Ausland </span> <span class="leading-none ml-8"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-m"/></svg> </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/thema/daten-und-visualisierungen/" target="_self" title="Daten und Visualisierungen" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-4"> <span class="border-b whitespace-nowrap border-inherit"> Daten und Visualisierungen </span> <span class="leading-none ml-8"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-m"/></svg> </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <h1 class="font-normal whitespace-nowrap inline-block text-black dark:text-shade-lightest text-s pl-4 pr-16 pb-px"> US-Wahl 2024: So können Harris und Trump gewinnen </h1> </li> </ul> </nav> <div class="polygon-swiper-button-next relative lg:h-56 md:h-56 sm:h-40 focus:outline-none select-none hidden"> <div class="z-10 absolute right-0 bottom-0 lg:h-56 md:h-56 sm:h-40"> <div class="flex items-center"> <span class="bg-gradient-to-l from-white dark:from-dm-shade-darkest w-24 lg:h-56 md:h-56 sm:h-40"></span> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest w-48 text-center cursor-pointer py-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-m"/></svg> </span> </div> </div> </div> <div class="sm:hidden h-full lg:py-16 md:py-16 sm:py-8" data-app-hidden> <div class="border-separator-r w-px h-full"></div> </div> <div class="relative sm:hidden flex-none transition-all duration-300 ease-in-out w-56 h-40" data-app-hidden x-data="{isOpen: false,open() {this.isOpen = true;$focus($refs.input);setTimeout(() => $swiper.update(), 300);},close() {this.isOpen = false;setTimeout(() => $swiper.update(), 300);}}" @keyup.escape="if (!$event.defaultPrevented) {$event.preventDefault();close();$focus($refs.toggle);}" @mousedown.outside="close()" :class="{'lg:w-4/12': isOpen,'md:w-5/12': isOpen,}"> <form action="https://www.spiegel.de/suche/" role="search" x-show="isOpen" x-transition.duration.300ms.opacity x-cloak> <div class="inline-flex flex-col ml-16 pr-20 w-full"> <div class="group relative flex flex-col"> <input id="search-input-field" name="suchbegriff" placeholder="spiegel.de durchsuchen ..." x-ref="input" class="peer appearance-none rounded placeholder-shade-base dark:disabled:placeholder-shade-dark outline-focus disabled:cursor-not-allowed pl-12 pr-48 h-40 font-sansUI leading-normal text-black dark:text-shade-lightest text-s bg-white dark:bg-shade-darkest dark:disabled:bg-dm-shade-darkest read-only:bg-shade-lightest dark:read-only:bg-black border border-shade-base hover:border-black disabled:border-shade-lighter read-only:border-shade-lighter dark:read-only:border-shade-dark dark:border-shade-light dark:hover:border-shade-lightest dark:disabled:border-shade-dark autofill:transition-colors autofill:duration-max"> <span class="absolute top-0 bottom-0 right-0 pr-12 pointer-events-none flex items-center text-shade-darker dark:text-shade-lightest group-hover:text-shade-darkest dark:group-hover:text-shade-lightest peer-disabled:text-shade-base dark:peer-disabled:text-shade-dark" data-input-el="icon"><svg id="spon-search-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-search-f894de05-8761-4910-9a17-c91ef5cd2785"> <g id="group-f894de05-8761-4910-9a17-c91ef5cd2785" stroke-width="1.3"> <circle id="ellipse-f894de05-8761-4910-9a17-c91ef5cd2785" cx="10" cy="11" r="5.35"/> <path id="vector-f894de05-8761-4910-9a17-c91ef5cd2785" d="M14 15l4.5 4.5" stroke-linecap="round"/> </g> </g> </svg> </span> </div> </div> <button class="absolute top-0 right-4 bottom-0 w-48" title="Suche starten" data-sara-click-el="button" x-show="isOpen"> <span class="sr-only">Suche starten</span> </button> </form> <button class="absolute top-0 bottom-0 right-0 focus-outline flex items-center text-black dark:text-shade-lightest text-s px-16" data-sara-click-el="button" x-ref="toggle" x-show="!isOpen" x-transition.duration.300ms.opacity @click="open()"> <span class="sr-only">Suche öffnen</span><svg width="24" height="24"><use xlink:href="#spon-search-l"/></svg> </button> </div> </div> </div> </div> <div class="hidden"><svg id="spon-chevron-right-f-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-right-f-3c3bd2f3-d190-41a1-b25c-3cb10dcda046"> <g id="m-chevron-right-3c3bd2f3-d190-41a1-b25c-3cb10dcda046"> <path id="vector-3c3bd2f3-d190-41a1-b25c-3cb10dcda046" d="M6 4l4 4-4 4" stroke-width="1.8" stroke-linecap="round"/> </g> </g> </svg> </div> <section aria-label="Eilmeldungen" class="hidden relative z-20" data-breakingnews> <div class="absolute z-0 top-8 right-0 bottom-0 left-0 shadow"></div> <ul class="relative z-10 bg-attention" data-area="breaking-bar" data-breakingnews-el="list"></ul> <template id="prototype-breaking-news-default"> <li class="w-full"> <div class="sm:max-w-sm md:max-w-md md:mx-auto sm:mx-auto"> <a data-proto-href="__proto_url__" title="__proto_headline__" class="text-black flex font-sansUI items-center justify-between lg:max-w-lg lg:px-32 lg:py-16 md:max-w-md md:px-24 md:py-16 mx-auto sm:max-w-sm sm:px-16 sm:py-12"> <span class="lg:text-base md:text-base sm:text-s font-bold"> <span class="uppercase pr-4">EILMELDUNG</span> — <span class="pl-4">__proto_headline__</span> </span> <span class="leading-none sm:hidden shrink-0 ml-8" aria-hidden="true"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> <span class="leading-none lg:hidden md:hidden shrink-0 ml-8" aria-hidden="true"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> </div> </li> </template> <template id="prototype-breaking-news-textonly"> <li class="w-full"> <div class="sm:max-w-sm md:max-w-md md:mx-auto sm:mx-auto"> <span class="text-black flex font-sansUI items-center justify-between lg:max-w-lg lg:px-32 lg:py-16 md:max-w-md md:px-24 md:py-16 mx-auto sm:max-w-sm sm:px-16 sm:py-12"> <span class="lg:text-base md:text-base sm:text-s font-bold"> <span class="uppercase pr-4">EILMELDUNG</span> — <span class="pl-4">__proto_headline__</span> </span> </span> </div> </li> </template> </section> </nav> <script>if (typeof(Event) === 'function') {window.dispatchEvent(new Event('POLYGON_DOM_HEADER_READY'));}</script> <header data-area="intro"> <div class="relative z-0 w-full min-h-480 flex flex-col" data-headerbar-height> <div class="lg:h-16 md:h-16 sm:h-8 w-full"></div> <div class="grow w-full relative overflow-hidden"> <div class="bg-white dark:bg-dm-shade-darkest"> <div class="w-full h-full"> <div class="w-full h-full" data-area="fullsize_element>html-embed"> <div class="w-full h-full"> <div class="w-full h-full"> <div class="graphics-svelte-wrap" data-type="svelte-app" data-params="{"configUrl":"https://www.spiegel.de/assets/data/3ceb6440-739d-44a1-ac0a-932e97d5bde7.json","connectorHeight":"120","credits":"Fotos: Al Drago / Bloomberg / Getty Images; Justin Sullivan / Getty Images","dataUrl":"https://cdn.data-interactive.spiegel.de/cron/election-injector/public/us_2024_state_calls.json","minHeight":"300","pollsLabel":"Laut Umfragen erwartete Stimmenverteilung","reductionFactor":"0.8","sources":"Quelle: CNN","timestampFormat":"%Y-%m-%d %H:%M:%S","tupLabel":"Swing States ohne klare Präferenz","winMarkLabel":"270"}" data-url><style>.title.svelte-lr3b95{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:SpiegelSansUI,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;line-height:1.26;color:var(--title-color);margin:0 auto;padding:0 var(--title-h-padding) var(--title-padding-bottom);width:100%;max-width:520px;--title-padding-bottom:0;--title-h-padding:1rem;--title-color:var(--int-font-color-default);--font-size-h2:1.5rem;--font-size-line:1rem;--font-size-headline:2rem;--font-size-intro:1.125rem}@media (min-width:720px){.title.svelte-lr3b95{--font-size-line:1.125rem;--title-padding-bottom:0;--title-h-padding:1.5rem;--font-size-intro:1.25rem;width:83.3333333333%}}@media (min-width:720px) and (max-width:1019px){.title.svelte-lr3b95{--font-size-headline:2.25rem;max-width:920px}}@media (min-width:1020px){.title.svelte-lr3b95{--font-size-headline:3rem;max-width:1020px}}h2.svelte-lr3b95{display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:var(--font-size-h2)}.line.svelte-lr3b95{margin-bottom:.5rem;font-size:1rem}.headline.svelte-lr3b95{font-family:SpiegelSlabCdUI,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:800;font-size:var(--font-size-headline);line-height:1.08;margin-bottom:.5rem;box-sizing:border-box}.icon.svelte-lr3b95{position:relative;top:-.125rem;display:inline-flex;padding-right:.25rem;line-height:0;vertical-align:middle;box-sizing:border-box}.icon.svelte-lr3b95 path:where(.svelte-lr3b95){fill:#fff}.icon.svelte-lr3b95 rect:where(.svelte-lr3b95){fill:#e64415}@media screen and (prefers-color-scheme:dark){.icon.svelte-lr3b95 rect:where(.svelte-lr3b95){fill:#d03d12}}.size-detector.svelte-1vioioi{position:relative;width:100%;height:100%}.bar.svelte-y7wbzo{display:inline-block;background-color:#007bff;height:100%;border:none;opacity:1;box-sizing:border-box}.bar.is-dimmed.svelte-y7wbzo{opacity:.2}.bars-container.svelte-fd0b0j{position:relative;height:24px}.bars.svelte-fd0b0j{height:100%;border:none;border-radius:3px;overflow:hidden}.win-mark.svelte-fd0b0j{position:absolute;top:-7px;z-index:10;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.win-mark.svelte-fd0b0j svg:where(.svelte-fd0b0j) line:where(.svelte-fd0b0j){stroke:var(--int-font-color-default);stroke-width:2px;stroke-linecap:round}.win-mark.svelte-fd0b0j svg:where(.svelte-fd0b0j) line.background:where(.svelte-fd0b0j){stroke:var(--int-background-color-default);stroke-width:4px;opacity:0}@media (prefers-color-scheme:dark){.win-mark.svelte-fd0b0j svg:where(.svelte-fd0b0j) line.background:where(.svelte-fd0b0j){opacity:1}}.win-mark.svelte-fd0b0j .win-mark-label:where(.svelte-fd0b0j){font-size:14px;font-weight:700;white-space:nowrap}.connector.svelte-27ey5h{position:relative;width:100%;height:var(--connector-height,100px)}svg.svelte-27ey5h path:where(.svelte-27ey5h){stroke:none}.text-overlay.svelte-27ey5h{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:end;width:100%;height:100%;padding:.5rem .5rem 1rem}.text-overlay.svelte-27ey5h p:where(.svelte-27ey5h){width:var(--width);font-size:.875rem;text-align:center}.tup-explainer.svelte-1fs511j{display:flex;margin:1rem 0 0}.tup-explainer.svelte-1fs511j .mark:where(.svelte-1fs511j){position:relative;height:2.25rem;opacity:0}.tup-explainer.svelte-1fs511j .mark.tup:where(.svelte-1fs511j){opacity:1}.tup-explainer.svelte-1fs511j .mark:where(.svelte-1fs511j) span.line:where(.svelte-1fs511j){display:inline-block;height:3px;border:none;border-radius:1.5px}.tup-explainer.svelte-1fs511j .mark:where(.svelte-1fs511j) span.label:where(.svelte-1fs511j){position:absolute;bottom:0;left:50%;transform:translate(-50%);color:var(--color-expected-tup-text);font-size:.875rem;text-align:center;white-space:nowrap}.barchart.svelte-1l2qbsz{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz){display:flex;justify-content:space-between;width:100%}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label:where(.svelte-1l2qbsz){flex:1;display:flex;flex-direction:row;align-items:flex-end;opacity:1}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label.is-dimmed:where(.svelte-1l2qbsz){opacity:.2}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label:where(.svelte-1l2qbsz):last-of-type{flex-direction:row-reverse}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label:where(.svelte-1l2qbsz):last-of-type .numbers-and-names:where(.svelte-1l2qbsz){flex-direction:row-reverse}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label:where(.svelte-1l2qbsz) img:where(.svelte-1l2qbsz){width:30%;max-width:100px}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label:where(.svelte-1l2qbsz) .numbers-and-names:where(.svelte-1l2qbsz){display:flex;align-items:baseline;gap:.5rem;padding:.25rem}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label:where(.svelte-1l2qbsz) .numbers-and-names:where(.svelte-1l2qbsz) .number:where(.svelte-1l2qbsz){color:var(--color);font-size:1.5rem;font-weight:700}@media screen and (min-width:600px){.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label:where(.svelte-1l2qbsz) .numbers-and-names:where(.svelte-1l2qbsz) .number:where(.svelte-1l2qbsz){font-size:2rem}}.barchart.svelte-1l2qbsz .labels:where(.svelte-1l2qbsz) .label:where(.svelte-1l2qbsz) .numbers-and-names:where(.svelte-1l2qbsz) .name:where(.svelte-1l2qbsz){font-size:.875rem;font-weight:700}.text-align.svelte-w7nysz:not(.is-disabled:where(.svelte-w7nysz)){width:100%;margin:0 auto}.text-align:not(.is-disabled:where(.svelte-w7nysz)).is-iframe.svelte-w7nysz{max-width:calc(66.6666666667% - 3rem)}@media (max-width:920px){.text-align:not(.is-disabled:where(.svelte-w7nysz)).is-iframe.svelte-w7nysz{max-width:calc(83.3333333333% - 3rem)}}@media (max-width:520px){.text-align:not(.is-disabled:where(.svelte-w7nysz)).is-iframe.svelte-w7nysz{max-width:calc(100% - 2rem)}}.text-align:not(.is-disabled:where(.svelte-w7nysz)).is-embed.svelte-w7nysz{max-width:calc(100% - 2rem)}@media (min-width:720px) and (max-width:1011px){.text-align:not(.is-disabled:where(.svelte-w7nysz)).is-embed.svelte-w7nysz{max-width:calc(83.3333333333% - 3rem)}}@media (min-width:1012px){.text-align:not(.is-disabled:where(.svelte-w7nysz)).is-embed.svelte-w7nysz{max-width:calc(66.6666666667% - 3rem)}}.text-align.is-disabled.svelte-w7nysz{display:contents}.sources.svelte-pykuxu{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:1rem 0 0}.sources.svelte-pykuxu .sources-text:where(.svelte-pykuxu){color:var(--int-font-color-default);font-size:.875rem;line-height:1.26}.sources.svelte-pykuxu .s:where(.svelte-pykuxu){fill:var(--int-font-color-default)}.sources.svelte-pykuxu span:where(.svelte-pykuxu){margin-right:1px;position:relative;top:1px}.sources.svelte-pykuxu p.credits:where(.svelte-pykuxu){padding:0;font-size:.75rem;color:#bbb9b7;text-align:center}.content.svelte-1maq0bt{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1rem 0 0}.content.svelte-1maq0bt .main-container:where(.svelte-1maq0bt){display:flex;align-items:center;width:calc(100% - 2rem);max-width:1008px}.gsa.svelte-bo55ze{font-family:SpiegelSansUI,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:100%;font-weight:400;line-height:1.125;font-feature-settings:"pnum" on,"lnum" on;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%}.gsa.svelte-bo55ze{color-scheme:light dark;color:var(--int-font-color-default);background-color:var(--int-background-color-default)}.gsa.svelte-bo55ze{min-width:284px}.gsa.svelte-bo55ze{--int-font-color-default:#000000;--int-font-color-credit:#000000;--int-font-color-gray-base:#BBB9B7;--int-font-color-shade-base:#989694;--int-font-color-shade-darker:#5C5A58;--int-font-color-shade-dark:#807E7C;--int-font-color-shade-light:#BBB9B7;--int-font-color-shade-lightest:#F1EFED;--int-background-color-default:#ffffff;--int-border-color-default:#989694;--int-font-color-link:#E64415;--int-font-color-link-hover:#C12B00;--color-called-dem:#5588d3;--color-called-rep:#ec5656;--color-expected-tup:#f8e99e;--color-expected-dem:#95aed2;--color-expected-rep:#ec9c9c;--color-expected-tup-text:#d1b734;--int-font-color-black:#000000;--int-font-color-grays-lighter:#C1C5C7}@media (prefers-color-scheme:dark){.gsa.svelte-bo55ze{--int-font-color-default:#F1EFED;--int-font-color-credit:#F1EFED;--int-font-color-gray-base:#807E7C;--int-font-color-shade-darker:#DDDBD9;--int-font-color-shade-dark:#BBB9B7;--int-font-color-shade-light:#807E7C;--int-font-color-shade-lightest:#2F2D2B;--int-background-color-default:#1F1E1C;--int-border-color-default:#BBB9B7;--int-font-color-link:#D03D12;--int-font-color-link-hover:#C12B00;--int-font-color-black:#1F1E1C;--int-font-color-grays-lighter:#626466;--color-expected-tup-text:#e9d258}}</style><div></div><script>(()=>{!function(){const t=document.createElement("link").relList;if(!(t&&t.supports&&t.supports("modulepreload"))){for(const t of document.querySelectorAll('link[rel="modulepreload"]'))n(t);new MutationObserver((t=>{for(const e of t)if("childList"===e.type)for(const t of e.addedNodes)"LINK"===t.tagName&&"modulepreload"===t.rel&&n(t)})).observe(document,{childList:!0,subtree:!0})}function n(t){if(t.ep)return;t.ep=!0;const n=function(t){const n={};return t.integrity&&(n.integrity=t.integrity),t.referrerPolicy&&(n.referrerPolicy=t.referrerPolicy),"use-credentials"===t.crossOrigin?n.credentials="include":"anonymous"===t.crossOrigin?n.credentials="omit":n.credentials="same-origin",n}(t);fetch(t.href,n)}}();var t=Array.isArray,n=Array.from,e=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyDescriptors,o=Object.prototype,u=Array.prototype,a=Object.getPrototypeOf;const l=()=>{};function s(t){return t()}function c(t){for(var n=0;n<t.length;n++)t[n]()}const f=32,h=128,p=256,d=512,v=1024,g=2048,y=4096,m=8192,_=32768,w=1<<19,x=Symbol("$state"),b=Symbol("");function M(t){return t===this.v}function $(t){return!function(t,n){return t!=t?n==n:t!==n||null!==t&&"object"==typeof t||"function"==typeof t}(t,this.v)}function N(t){return{f:0,v:t,reactions:null,equals:M,version:0}}function T(t){return function(t){null!==$t&&2&$t.f&&(null===Ct?function(t){Ct=t}([t]):Ct.push(t));return t}(N(t))}function A(t,n=!1){const e=N(t);return n||(e.equals=$),null!==Ht&&null!==Ht.l&&(Ht.l.s??=[]).push(e),e}function C(t,n){return null!==$t&&jt()&&18&$t.f&&(null===Ct||!Ct.includes(t))&&function(){throw new Error("state_unsafe_mutation")}(),k(t,n)}function k(t,n){return t.equals(n)||(t.v=n,t.version=Lt(),S(t,v),jt()&&null!==Tt&&Tt.f&d&&!(Tt.f&f)&&(null!==kt&&kt.includes(t)?(Jt(Tt,v),Xt(Tt)):null===Et?function(t){Et=t}([t]):Et.push(t))),n}function S(t,n){var e=t.reactions;if(null!==e)for(var r=jt(),i=e.length,o=0;o<i;o++){var u=e[o],a=u.f;a&v||(r||u!==Tt)&&(Jt(u,n),640&a&&(2&a?S(u,g):Xt(u)))}}const E=Symbol();let D=!1;function U(n,e=null,i){if("object"!=typeof n||null===n||x in n)return n;const l=a(n);if(l!==o&&l!==u)return n;var s,c=new Map,f=t(n),h=N(0);return f&&c.set("length",N(n.length)),new Proxy(n,{defineProperty(t,n,e){"value"in e&&!1!==e.configurable&&!1!==e.enumerable&&!1!==e.writable||function(){throw new Error("state_descriptors_fixed")}();var r=c.get(n);return void 0===r?(r=N(e.value),c.set(n,r)):C(r,U(e.value,s)),!0},deleteProperty(t,n){var e=c.get(n);if(void 0===e)n in t&&c.set(n,N(E));else{if(f&&"string"==typeof n){var r=c.get("length"),i=Number(n);Number.isInteger(i)&&i<r.v&&C(r,i)}C(e,E),H(h)}return!0},get(t,e,i){if(e===x)return n;var o=c.get(e),u=e in t;if(void 0!==o||u&&!r(t,e)?.writable||(o=N(U(u?t[e]:E,s)),c.set(e,o)),void 0!==o){var a=It(o);return a===E?void 0:a}return Reflect.get(t,e,i)},getOwnPropertyDescriptor(t,n){var e=Reflect.getOwnPropertyDescriptor(t,n);if(e&&"value"in e){var r=c.get(n);r&&(e.value=It(r))}else if(void 0===e){var i=c.get(n),o=i?.v;if(void 0!==i&&o!==E)return{enumerable:!0,configurable:!0,value:o,writable:!0}}return e},has(t,n){if(n===x)return!0;var e=c.get(n),i=void 0!==e&&e.v!==E||Reflect.has(t,n);if((void 0!==e||null!==Tt&&(!i||r(t,n)?.writable))&&(void 0===e&&(e=N(i?U(t[n],s):E),c.set(n,e)),It(e)===E))return!1;return i},set(t,n,e,i){var o=c.get(n),u=n in t;if(f&&"length"===n)for(var a=e;a<o.v;a+=1){var l=c.get(a+"");void 0!==l?C(l,E):a in t&&(l=N(E),c.set(a+"",l))}void 0===o?u&&!r(t,n)?.writable||(C(o=N(void 0),U(e,s)),c.set(n,o)):(u=o.v!==E,C(o,U(e,s)));var p=Reflect.getOwnPropertyDescriptor(t,n);if(p?.set&&p.set.call(i,e),!u){if(f&&"string"==typeof n){var d=c.get("length"),v=Number(n);Number.isInteger(v)&&v>=d.v&&C(d,v+1)}H(h)}return!0},ownKeys(t){It(h);var n=Reflect.ownKeys(t).filter((t=>{var n=c.get(t);return void 0===n||n.v!==E}));for(var[e,r]of c)r.v===E||e in t||n.push(e);return n},setPrototypeOf(){!function(){throw new Error("state_prototype_fixed")}()}})}function H(t,n=1){C(t,t.v+n)}var L,j,q;function P(t=""){return document.createTextNode(t)}function F(t){return j.call(t)}function Y(t){return q.call(t)}function O(t,n){return F(t)}function z(t,n=1,e=!1){let r=t;for(;n--;)r=Y(r);return r}function V(t){var n=2|v;null===Tt?n|=h:Tt.f|=w;const e={children:null,ctx:Ht,deps:null,equals:M,f:n,fn:t,reactions:null,v:null,version:0,parent:Tt};if(null!==$t&&2&$t.f){var r=$t;(r.children??=[]).push(e)}return e}function R(t){const n=V(t);return n.equals=$,n}function X(t){var n=t.children;if(null!==n){t.children=null;for(var e=0;e<n.length;e+=1){var r=n[e];2&r.f?B(r):ut(r)}}}function W(t){var n,e=Tt;At(t.parent);try{X(t),n=Pt(t)}finally{At(e)}return n}function I(t){var n=W(t);Jt(t,(Ut||t.f&h)&&null!==t.deps?g:d),t.equals(n)||(t.v=n,t.version=Lt())}function B(t){X(t),Yt(t,0),Jt(t,m),t.v=t.children=t.deps=t.ctx=t.reactions=null}function Z(t){null===Tt&&null===$t&&function(){throw new Error("effect_orphan")}(),null!==$t&&$t.f&h&&function(){throw new Error("effect_in_unowned_derived")}(),_t&&function(){throw new Error("effect_in_teardown")}()}function J(t,n,e,r=!0){var i=!!(64&t),o=Tt,u={ctx:Ht,deps:null,deriveds:null,nodes_start:null,nodes_end:null,f:t|v,first:null,fn:n,last:null,next:null,parent:i?null:o,prev:null,teardown:null,transitions:null,version:0};if(e){var a=mt;try{wt(!0),Ot(u),u.f|=16384}catch(s){throw ut(u),s}finally{wt(a)}}else null!==n&&Xt(u);if(!(e&&null===u.deps&&null===u.first&&null===u.nodes_start&&null===u.teardown&&!(u.f&w))&&!i&&r&&(null!==o&&function(t,n){var e=n.last;null===e?n.last=n.first=t:(e.next=t,t.prev=e,n.last=t)}(u,o),null!==$t&&2&$t.f)){var l=$t;(l.children??=[]).push(u)}return u}function Q(t){if(Z(),!(null!==Tt&&!!(Tt.f&f)&&null!==Ht&&!Ht.m))return G(t);var n=Ht;(n.e??=[]).push({fn:t,effect:Tt,reaction:$t})}function G(t){return J(4,t,!1)}function K(t){return J(8,t,!0)}function tt(t){return nt(t)}function nt(t,n=0){return J(24|n,t,!0)}function et(t,n=!0){return J(40,t,!0,n)}function rt(t){var n=t.teardown;if(null!==n){const t=_t,e=$t;xt(!0),Nt(null);try{n.call(null)}finally{xt(t),Nt(e)}}}function it(t){var n=t.deriveds;if(null!==n){t.deriveds=null;for(var e=0;e<n.length;e+=1)B(n[e])}}function ot(t,n=!1){var e=t.first;for(t.first=t.last=null;null!==e;){var r=e.next;ut(e,n),e=r}}function ut(t,n=!0){var e=!1;if((n||262144&t.f)&&null!==t.nodes_start){for(var r=t.nodes_start,i=t.nodes_end;null!==r;){var o=r===i?null:Y(r);r.remove(),r=o}e=!0}ot(t,n&&!e),it(t),Yt(t,0),Jt(t,m);var u=t.transitions;if(null!==u)for(const l of u)l.stop();rt(t);var a=t.parent;null!==a&&null!==a.first&&at(t),t.next=t.prev=t.teardown=t.ctx=t.deps=t.parent=t.fn=t.nodes_start=t.nodes_end=null}function at(t){var n=t.parent,e=t.prev,r=t.next;null!==e&&(e.next=r),null!==r&&(r.prev=e),null!==n&&(n.first===t&&(n.first=r),n.last===t&&(n.last=e))}function lt(t,n){var e=[];ct(t,e,!0),st(e,(()=>{ut(t),n&&n()}))}function st(t,n){var e=t.length;if(e>0){var r=()=>--e||n();for(var i of t)i.out(r)}else n()}function ct(t,n,e){if(!(t.f&y)){if(t.f^=y,null!==t.transitions)for(const r of t.transitions)(r.is_global||e)&&n.push(r);for(var r=t.first;null!==r;){var i=r.next;ct(r,n,!!(!!(r.f&_)||!!(r.f&f))&&e),r=i}}}function ft(t){ht(t,!0)}function ht(t,n){if(t.f&y){qt(t)&&Ot(t),t.f^=y;for(var e=t.first;null!==e;){var r=e.next;ht(e,!!(!!(e.f&_)||!!(e.f&f))&&n),e=r}if(null!==t.transitions)for(const e of t.transitions)(e.is_global||n)&&e.in()}}let pt=!1,dt=[];function vt(){pt=!1;const t=dt.slice();dt=[],c(t)}function gt(t){pt||(pt=!0,queueMicrotask(vt)),dt.push(t)}let yt=!1,mt=!1,_t=!1;function wt(t){mt=t}function xt(t){_t=t}let bt=[],Mt=0,$t=null;function Nt(t){$t=t}let Tt=null;function At(t){Tt=t}let Ct=null;let kt=null,St=0,Et=null;let Dt=0,Ut=!1,Ht=null;function Lt(){return++Dt}function jt(){return null!==Ht&&null===Ht.l}function qt(t){var n=t.f;if(n&v)return!0;if(n&g){var e=t.deps,r=!!(n&h);if(null!==e){var i;if(n&p){for(i=0;i<e.length;i++)(e[i].reactions??=[]).push(t);t.f^=p}for(i=0;i<e.length;i++){var o=e[i];if(qt(o)&&I(o),!r||null===Tt||Ut||o?.reactions?.includes(t)||(o.reactions??=[]).push(t),o.version>t.version)return!0}}r||Jt(t,d)}return!1}function Pt(t){var n=kt,e=St,r=Et,i=$t,o=Ut,u=Ct,a=Ht,l=t.f;kt=null,St=0,Et=null,$t=96&l?null:t,Ut=!mt&&!!(l&h),Ct=null,Ht=t.ctx;try{var s=(0,t.fn)(),c=t.deps;if(null!==kt){var f;if(Yt(t,St),null!==c&&St>0)for(c.length=St+kt.length,f=0;f<kt.length;f++)c[St+f]=kt[f];else t.deps=c=kt;if(!Ut)for(f=St;f<c.length;f++)(c[f].reactions??=[]).push(t)}else null!==c&&St<c.length&&(Yt(t,St),c.length=St);return s}finally{kt=n,St=e,Et=r,$t=i,Ut=o,Ct=u,Ht=a}}function Ft(t,n){let e=n.reactions;if(null!==e){var r=e.indexOf(t);if(-1!==r){var i=e.length-1;0===i?e=n.reactions=null:(e[r]=e[i],e.pop())}}null===e&&2&n.f&&(null===kt||!kt.includes(n))&&(Jt(n,g),384&n.f||(n.f^=p),Yt(n,0))}function Yt(t,n){var e=t.deps;if(null!==e)for(var r=n;r<e.length;r++)Ft(t,e[r])}function Ot(t){var n=t.f;if(!(n&m)){Jt(t,d);var e=Tt;Tt=t;try{16&n?function(t){for(var n=t.first;null!==n;){var e=n.next;n.f&f||ut(n),n=e}}(t):ot(t),it(t),rt(t);var r=Pt(t);t.teardown="function"==typeof r?r:null,t.version=Dt}catch(i){!function(t){throw t}(i)}finally{Tt=e}}}function zt(){Mt>1e3&&(Mt=0,function(){throw new Error("effect_update_depth_exceeded")}()),Mt++}function Vt(t){var n=t.length;if(0!==n)for(var e=0;e<n;e++){var r=t[e];r.f&(m|y)||!qt(r)||(Ot(r),null===r.deps&&null===r.first&&null===r.nodes_start&&(null===r.teardown?at(r):r.fn=null))}}function Rt(){if(yt=!1,Mt>1001)return;const t=bt;bt=[],function(t){var n=t.length;if(0!==n){zt();var e=mt;mt=!0;try{for(var r=0;r<n;r++){var i=t[r];i.f&d||(i.f^=d);var o=[];Wt(i,o),Vt(o)}}finally{mt=e}}}(t),yt||(Mt=0)}function Xt(t){yt||(yt=!0,queueMicrotask(Rt));for(var n=t;null!==n.parent;){var e=(n=n.parent).f;if(96&e){if(!(e&d))return;n.f^=d}}bt.push(n)}function Wt(t,n){var e=t.first,r=[];t:for(;null!==e;){var i=e.f,o=!!(i&f);if(!(o&&!!(i&d)||i&y))if(8&i){o?e.f^=d:qt(e)&&Ot(e);var u=e.first;if(null!==u){e=u;continue}}else 4&i&&r.push(e);var a=e.next;if(null===a){let n=e.parent;for(;null!==n;){if(t===n)break t;var l=n.next;if(null!==l){e=l;continue t}n=n.parent}}e=a}for(var s=0;s<r.length;s++)u=r[s],n.push(u),Wt(u,n)}function It(t){var n=t.f,e=!!(2&n);if(e&&n&m){var r=W(t);return B(t),r}if(null!==$t){null!==Ct&&Ct.includes(t)&&function(){throw new Error("state_unsafe_local_read")}();var i=$t.deps;null===kt&&null!==i&&i[St]===t?St++:null===kt?kt=[t]:kt.push(t),null!==Et&&null!==Tt&&Tt.f&d&&!(Tt.f&f)&&Et.includes(t)&&(Jt(Tt,v),Xt(Tt))}else if(e&&null===t.deps){var o=t,u=o.parent;null===u||u.deriveds?.includes(o)||(u.deriveds??=[]).push(o)}return e&&qt(o=t)&&I(o),t.v}function Bt(t){const n=$t;try{return $t=null,t()}finally{$t=n}}const Zt=-3585;function Jt(t,n){t.f=t.f&Zt|n}function Qt(t,n=!1,e){Ht={p:Ht,c:null,e:null,m:!1,s:t,x:null,l:null},n||(Ht.l={s:null,u:null,r1:[],r2:N(!1)})}function Gt(t){const n=Ht;if(null!==n){const t=n.e;if(null!==t){var e=Tt,r=$t;n.e=null;try{for(var i=0;i<t.length;i++){var o=t[i];At(o.effect),Nt(o.reaction),G(o.fn)}}finally{At(e),Nt(r)}}Ht=n.p,n.m=!0}return{}}function Kt(t,n=new Set){if(!("object"!=typeof t||null===t||t instanceof EventTarget||n.has(t))){n.add(t),t instanceof Date&&t.getTime();for(let i in t)try{Kt(t[i],n)}catch(e){}const r=a(t);if(r!==Object.prototype&&r!==Array.prototype&&r!==Map.prototype&&r!==Set.prototype&&r!==Date.prototype){const n=i(r);for(let r in n){const i=n[r].get;if(i)try{i.call(t)}catch(e){}}}}}const tn=new Set,nn=new Set;function en(t,n,e,r,i){var o={capture:r,passive:i},u=function(t,n,e,r){function i(t){if(r.capture||rn.call(n,t),!t.cancelBubble){var i=$t,o=Tt;Nt(null),At(null);try{return e.call(this,t)}finally{Nt(i),At(o)}}}return t.startsWith("pointer")||t.startsWith("touch")||"wheel"===t?gt((()=>{n.addEventListener(t,i,r)})):n.addEventListener(t,i,r),i}(t,n,e,o);n!==document.body&&n!==window&&n!==document||function(t){const n=J(8,null,!1);Jt(n,d),n.teardown=t}((()=>{n.removeEventListener(t,u,o)}))}function rn(n){var r=this,i=r.ownerDocument,o=n.type,u=n.composedPath?.()||[],a=u[0]||n.target,l=0,s=n.__root;if(s){var c=u.indexOf(s);if(-1!==c&&(r===document||r===window))return void(n.__root=r);var f=u.indexOf(r);if(-1===f)return;c<=f&&(l=c)}if((a=u[l]||n.target)!==r){e(n,"currentTarget",{configurable:!0,get:()=>a||i});var h=$t,p=Tt;Nt(null),At(null);try{for(var d,v=[];null!==a;){var g=a.assignedSlot||a.parentNode||a.host||null;try{var y=a["__"+o];if(void 0!==y&&!a.disabled)if(t(y)){var[m,..._]=y;m.apply(a,[n,..._])}else y.call(a,n)}catch(w){d?v.push(w):d=w}if(n.cancelBubble||g===r||null===g)break;a=g}if(d){for(let t of v)queueMicrotask((()=>{throw t}));throw d}}finally{n.__root=r,delete n.currentTarget,Nt(h),At(p)}}}function on(t){var n=document.createElement("template");return n.innerHTML=t,n.content}function un(t,n){var e=Tt;null===e.nodes_start&&(e.nodes_start=t,e.nodes_end=n)}function an(t,n){var e,r=!!(1&n),i=!!(2&n),o=!t.startsWith("<!>");return()=>{void 0===e&&(e=on(o?t:"<!>"+t),r||(e=F(e)));var n=i?document.importNode(e,!0):e.cloneNode(!0);r?un(F(n),n.lastChild):un(n,n);return n}}function ln(t,n){null!==t&&t.before(n)}const sn=["touchstart","touchmove"];function cn(t){return sn.includes(t)}function fn(t,n){var e=null==n?"":"object"==typeof n?n+"":n;e!==(t.__t??=t.nodeValue)&&(t.__t=e,t.nodeValue=null==e?"":e+"")}const hn=new Map;let pn=new WeakMap;function dn(t,n,e,r=null,i=!1){var o=t,u=null,a=null,l=null;nt((()=>{l!==(l=!!n())&&(l?(u?ft(u):u=et((()=>e(o))),a&<(a,(()=>{a=null}))):(a?ft(a):r&&(a=et((()=>r(o)))),u&<(u,(()=>{u=null}))))}),i?_:0)}let vn=null;function gn(t,n){return n}function yn(e,r,i,o,u,a=null){var l=e,s={flags:r,items:new Map,first:null};!(4&r)||(l=e.appendChild(P()));var c=null,f=!1;nt((()=>{var e=i(),h=t(e)?e:null==e?[]:n(e),p=h.length;f&&0===p||(f=0===p,function(t,e,r,i,o,u,a){var l,s,c,f,h,p,d=!!(8&o),v=!!(3&o),g=t.length,m=e.items,_=e.first,w=_,x=null,b=[],M=[];if(d)for(p=0;p<g;p+=1)f=a(c=t[p],p),void 0!==(h=m.get(f))&&(h.a?.measure(),(s??=new Set).add(h));for(p=0;p<g;p+=1)if(f=a(c=t[p],p),void 0!==(h=m.get(f))){if(v&&mn(h,c,p,o),h.e.f&y&&(ft(h.e),d&&(h.a?.unfix(),(s??=new Set).delete(h))),h!==w){if(void 0!==l&&l.has(h)){if(b.length<M.length){var $,N=M[0];x=N.prev;var T=b[0],A=b[b.length-1];for($=0;$<b.length;$+=1)wn(b[$],N,r);for($=0;$<M.length;$+=1)l.delete(M[$]);xn(e,T.prev,A.next),xn(e,x,T),xn(e,A,N),w=N,x=A,p-=1,b=[],M=[]}else l.delete(h),wn(h,w,r),xn(e,h.prev,h.next),xn(e,h,null===x?e.first:x.next),xn(e,x,h),x=h;continue}for(b=[],M=[];null!==w&&w.k!==f;)!u&&w.e.f&y||(l??=new Set).add(w),M.push(w),w=w.next;if(null===w)continue;h=w}b.push(h),x=h,w=h.next}else{x=_n(w?w.e.nodes_start:r,e,x,null===x?e.first:x.next,c,f,p,i,o),m.set(f,x),b=[],M=[],w=x.next}if(null!==w||void 0!==l){for(var C=void 0===l?[]:n(l);null!==w;)!u&&w.e.f&y||C.push(w),w=w.next;var k=C.length;if(k>0){var S=4&o&&0===g?r:null;if(d){for(p=0;p<k;p+=1)C[p].a?.measure();for(p=0;p<k;p+=1)C[p].a?.fix()}!function(t,n,e,r){for(var i=[],o=n.length,u=0;u<o;u++)ct(n[u].e,i,!0);var a=o>0&&0===i.length&&null!==e;if(a){var l=e.parentNode;!function(t){t.textContent=""}(l),l.append(e),r.clear(),xn(t,n[0].prev,n[o-1].next)}st(i,(()=>{for(var e=0;e<o;e++){var i=n[e];a||(r.delete(i.k),xn(t,i.prev,i.next)),ut(i.e,!a)}}))}(e,C,S,m)}}d&>((()=>{if(void 0!==s)for(h of s)h.a?.apply()}));Tt.first=e.first&&e.first.e,Tt.last=x&&x.e}(h,s,l,u,r,!!($t.f&y),o),null!==a&&(0===p?c?ft(c):c=et((()=>a(l))):null!==c&<(c,(()=>{c=null}))),i())}))}function mn(t,n,e,r){1&r&&k(t.v,n),2&r?k(t.i,e):t.i=e}function _n(t,n,e,r,i,o,u,a,l){var s=vn;try{var c=!!(1&l)?!(16&l)?A(i):N(i):i,f=2&l?N(u):u,h={i:f,v:c,k:o,a:null,e:null,prev:e,next:r};return vn=h,h.e=et((()=>a(t,c,f)),D),h.e.prev=e&&e.e,h.e.next=r&&r.e,null===e?n.first=h:(e.next=h,e.e.next=h.e),null!==r&&(r.prev=h,r.e.prev=h.e),h}finally{vn=s}}function wn(t,n,e){for(var r=t.next?t.next.e.nodes_start:e,i=n?n.e.nodes_start:e,o=t.e.nodes_start;o!==r;){var u=Y(o);i.before(o),o=u}}function xn(t,n,e){null===n?t.first=e:(n.next=e,n.e.next=e&&e.e),null!==e&&(e.prev=n,e.e.prev=n&&n.e)}function bn(t,n,...e){var r,i=t,o=l;nt((()=>{o!==(o=n())&&(r&&(ut(r),r=null),r=et((()=>o(i,...e))))}),_)}function Mn(t,n,e,r){var o=t.__attributes??={};o[n]!==(o[n]=e)&&("style"===n&&"__styles"in t&&(t.__styles={}),"loading"===n&&(t[b]=e),null==e?t.removeAttribute(n):"string"!=typeof e&&function(t){var n,e=$n.get(t.nodeName);if(e)return e;$n.set(t.nodeName,e=[]);var r=a(t),o=Element.prototype;for(;o!==r;){for(var u in n=i(r))n[u].set&&e.push(u);r=a(r)}return e}(t).includes(n)?t[n]=e:t.setAttribute(n,e))}var $n=new Map;function Nn(t,n,e){if(e){if(t.classList.contains(n))return;t.classList.add(n)}else{if(!t.classList.contains(n))return;t.classList.remove(n)}}function Tn(t,n,e,r){var i=t.__styles??={};i[n]!==e&&(i[n]=e,null==e?t.style.removeProperty(n):t.style.setProperty(n,e,""))}function An(t,n){return t===n||t?.[x]===n}function Cn(t=!1){const n=Ht,e=n.l.u;if(!e)return;let r=()=>function(t){if("object"==typeof t&&t&&!(t instanceof EventTarget))if(x in t)Kt(t);else if(!Array.isArray(t))for(let n in t){const e=t[n];"object"==typeof e&&e&&x in e&&Kt(e)}}(n.s);if(t){let t=0,e={};const i=V((()=>{let r=!1;const i=n.s;for(const t in i)i[t]!==e[t]&&(e[t]=i[t],r=!0);return r&&t++,t}));r=()=>It(i)}e.b.length&&function(t){Z(),K(t)}((()=>{kn(n,r),c(e.b)})),Q((()=>{const t=Bt((()=>e.m.map(s)));return()=>{for(const n of t)"function"==typeof n&&n()}})),e.a.length&&Q((()=>{kn(n,r),c(e.a)}))}function kn(t,n){if(t.l.s)for(const e of t.l.s)It(e);n()}let Sn=!1;function En(t){for(var n=Tt,e=Tt;null!==n&&!(96&n.f);)n=n.parent;try{return At(n),t()}finally{At(e)}}function Dn(t,n,e,i){var o,u=!!(1&e),a=!!(2&e),l=!!(8&e),s=!!(16&e),c=!1;l?[o,c]=function(t){var n=Sn;try{return Sn=!1,[t(),Sn]}finally{Sn=n}}((()=>t[n])):o=t[n];var f,h=r(t,n)?.set,p=i,d=!0,v=!1,g=()=>(v=!0,d&&(d=!1,p=s?Bt(i):i),p);if(void 0===o&&void 0!==i&&(h&&a&&function(){throw new Error("props_invalid_value")}(),o=g(),h&&h(o)),a)f=()=>{var e=t[n];return void 0===e?g():(d=!0,v=!1,e)};else{var y=En((()=>(u?V:R)((()=>t[n]))));y.f|=65536,f=()=>{var t=It(y);return void 0!==t&&(p=void 0),void 0===t?p:t}}if(!(4&e))return f;if(h){var m=t.$$legacy;return function(t,n){return arguments.length>0?(a&&n&&!m&&!c||h(n?f():t),t):f()}}var _=!1,w=A(o),x=En((()=>V((()=>{var t=f(),n=It(w);return _?(_=!1,n):w.v=t}))));return u||(x.equals=$),function(t,n){if(arguments.length>0){const e=n?It(x):a&&l?U(t):t;return x.equals(e)||(_=!0,C(w,e),v&&void 0!==p&&(p=e),Bt((()=>It(x)))),t}return It(x)}}function Un(t){null===Ht&&function(){throw new Error("lifecycle_outside_component")}(),null!==Ht.l?function(t){var n=t.l;return n.u??={a:[],b:[],m:[]}}(Ht).m.push(t):Q((()=>{const n=Bt(t);if("function"==typeof n)return n}))}function Hn(t,n){return null==t||null==n?NaN:t<n?-1:t>n?1:t>=n?0:NaN}function Ln(t,n){return null==t||null==n?NaN:n<t?-1:n>t?1:n>=t?0:NaN}function jn(t){let n,e,r;function i(t,r,i=0,o=t.length){if(i<o){if(0!==n(r,r))return o;do{const n=i+o>>>1;e(t[n],r)<0?i=n+1:o=n}while(i<o)}return i}return 2!==t.length?(n=Hn,e=(n,e)=>Hn(t(n),e),r=(n,e)=>t(n)-e):(n=t===Hn||t===Ln?t:qn,e=t,r=t),{left:i,center:function(t,n,e=0,o=t.length){const u=i(t,n,e,o-1);return u>e&&r(t[u-1],n)>-r(t[u],n)?u-1:u},right:function(t,r,i=0,o=t.length){if(i<o){if(0!==n(r,r))return o;do{const n=i+o>>>1;e(t[n],r)<=0?i=n+1:o=n}while(i<o)}return i}}}function qn(){return 0}"undefined"!=typeof window&&(window.__svelte||={v:new Set}).v.add("5");const Pn=jn(Hn).right;jn((function(t){return null===t?NaN:+t})).center;const Fn=Math.sqrt(50),Yn=Math.sqrt(10),On=Math.sqrt(2);function zn(t,n,e){const r=(n-t)/Math.max(0,e),i=Math.floor(Math.log10(r)),o=r/Math.pow(10,i),u=o>=Fn?10:o>=Yn?5:o>=On?2:1;let a,l,s;return i<0?(s=Math.pow(10,-i)/u,a=Math.round(t*s),l=Math.round(n*s),a/s<t&&++a,l/s>n&&--l,s=-s):(s=Math.pow(10,i)*u,a=Math.round(t/s),l=Math.round(n/s),a*s<t&&++a,l*s>n&&--l),l<a&&.5<=e&&e<2?zn(t,n,2*e):[a,l,s]}function Vn(t,n,e){return zn(t=+t,n=+n,e=+e)[2]}var Rn={value:()=>{}};function Xn(){for(var t,n=0,e=arguments.length,r={};n<e;++n){if(!(t=arguments[n]+"")||t in r||/[\s.]/.test(t))throw new Error("illegal type: "+t);r[t]=[]}return new Wn(r)}function Wn(t){this._=t}function In(t,n){for(var e,r=0,i=t.length;r<i;++r)if((e=t[r]).name===n)return e.value}function Bn(t,n,e){for(var r=0,i=t.length;r<i;++r)if(t[r].name===n){t[r]=Rn,t=t.slice(0,r).concat(t.slice(r+1));break}return null!=e&&t.push({name:n,value:e}),t}Wn.prototype=Xn.prototype={constructor:Wn,on:function(t,n){var e,r=this._,i=function(t,n){return t.trim().split(/^|\s+/).map((function(t){var e="",r=t.indexOf(".");if(r>=0&&(e=t.slice(r+1),t=t.slice(0,r)),t&&!n.hasOwnProperty(t))throw new Error("unknown type: "+t);return{type:t,name:e}}))}(t+"",r),o=-1,u=i.length;if(!(arguments.length<2)){if(null!=n&&"function"!=typeof n)throw new Error("invalid callback: "+n);for(;++o<u;)if(e=(t=i[o]).type)r[e]=Bn(r[e],t.name,n);else if(null==n)for(e in r)r[e]=Bn(r[e],t.name,null);return this}for(;++o<u;)if((e=(t=i[o]).type)&&(e=In(r[e],t.name)))return e},copy:function(){var t={},n=this._;for(var e in n)t[e]=n[e].slice();return new Wn(t)},call:function(t,n){if((e=arguments.length-2)>0)for(var e,r,i=new Array(e),o=0;o<e;++o)i[o]=arguments[o+2];if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(o=0,e=(r=this._[t]).length;o<e;++o)r[o].value.apply(n,i)},apply:function(t,n,e){if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(var r=this._[t],i=0,o=r.length;i<o;++i)r[i].value.apply(n,e)}};var Zn="http://www.w3.org/1999/xhtml";const Jn={svg:"http://www.w3.org/2000/svg",xhtml:Zn,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function Qn(t){var n=t+="",e=n.indexOf(":");return e>=0&&"xmlns"!==(n=t.slice(0,e))&&(t=t.slice(e+1)),Jn.hasOwnProperty(n)?{space:Jn[n],local:t}:t}function Gn(t){return function(){var n=this.ownerDocument,e=this.namespaceURI;return e===Zn&&n.documentElement.namespaceURI===Zn?n.createElement(t):n.createElementNS(e,t)}}function Kn(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function te(t){var n=Qn(t);return(n.local?Kn:Gn)(n)}function ne(){}function ee(t){return null==t?ne:function(){return this.querySelector(t)}}function re(){return[]}function ie(t){return null==t?re:function(){return this.querySelectorAll(t)}}function oe(t){return function(){return function(t){return null==t?[]:Array.isArray(t)?t:Array.from(t)}(t.apply(this,arguments))}}function ue(t){return function(){return this.matches(t)}}function ae(t){return function(n){return n.matches(t)}}var le=Array.prototype.find;function se(){return this.firstElementChild}var ce=Array.prototype.filter;function fe(){return Array.from(this.children)}function he(t){return new Array(t.length)}function pe(t,n){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=n}function de(t,n,e,r,i,o){for(var u,a=0,l=n.length,s=o.length;a<s;++a)(u=n[a])?(u.__data__=o[a],r[a]=u):e[a]=new pe(t,o[a]);for(;a<l;++a)(u=n[a])&&(i[a]=u)}function ve(t,n,e,r,i,o,u){var a,l,s,c=new Map,f=n.length,h=o.length,p=new Array(f);for(a=0;a<f;++a)(l=n[a])&&(p[a]=s=u.call(l,l.__data__,a,n)+"",c.has(s)?i[a]=l:c.set(s,l));for(a=0;a<h;++a)s=u.call(t,o[a],a,o)+"",(l=c.get(s))?(r[a]=l,l.__data__=o[a],c.delete(s)):e[a]=new pe(t,o[a]);for(a=0;a<f;++a)(l=n[a])&&c.get(p[a])===l&&(i[a]=l)}function ge(t){return t.__data__}function ye(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}function me(t,n){return t<n?-1:t>n?1:t>=n?0:NaN}function _e(t){return function(){this.removeAttribute(t)}}function we(t){return function(){this.removeAttributeNS(t.space,t.local)}}function xe(t,n){return function(){this.setAttribute(t,n)}}function be(t,n){return function(){this.setAttributeNS(t.space,t.local,n)}}function Me(t,n){return function(){var e=n.apply(this,arguments);null==e?this.removeAttribute(t):this.setAttribute(t,e)}}function $e(t,n){return function(){var e=n.apply(this,arguments);null==e?this.removeAttributeNS(t.space,t.local):this.setAttributeNS(t.space,t.local,e)}}function Ne(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function Te(t){return function(){this.style.removeProperty(t)}}function Ae(t,n,e){return function(){this.style.setProperty(t,n,e)}}function Ce(t,n,e){return function(){var r=n.apply(this,arguments);null==r?this.style.removeProperty(t):this.style.setProperty(t,r,e)}}function ke(t,n){return t.style.getPropertyValue(n)||Ne(t).getComputedStyle(t,null).getPropertyValue(n)}function Se(t){return function(){delete this[t]}}function Ee(t,n){return function(){this[t]=n}}function De(t,n){return function(){var e=n.apply(this,arguments);null==e?delete this[t]:this[t]=e}}function Ue(t){return t.trim().split(/^|\s+/)}function He(t){return t.classList||new Le(t)}function Le(t){this._node=t,this._names=Ue(t.getAttribute("class")||"")}function je(t,n){for(var e=He(t),r=-1,i=n.length;++r<i;)e.add(n[r])}function qe(t,n){for(var e=He(t),r=-1,i=n.length;++r<i;)e.remove(n[r])}function Pe(t){return function(){je(this,t)}}function Fe(t){return function(){qe(this,t)}}function Ye(t,n){return function(){(n.apply(this,arguments)?je:qe)(this,t)}}function Oe(){this.textContent=""}function ze(t){return function(){this.textContent=t}}function Ve(t){return function(){var n=t.apply(this,arguments);this.textContent=null==n?"":n}}function Re(){this.innerHTML=""}function Xe(t){return function(){this.innerHTML=t}}function We(t){return function(){var n=t.apply(this,arguments);this.innerHTML=null==n?"":n}}function Ie(){this.nextSibling&&this.parentNode.appendChild(this)}function Be(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function Ze(){return null}function Je(){var t=this.parentNode;t&&t.removeChild(this)}function Qe(){var t=this.cloneNode(!1),n=this.parentNode;return n?n.insertBefore(t,this.nextSibling):t}function Ge(){var t=this.cloneNode(!0),n=this.parentNode;return n?n.insertBefore(t,this.nextSibling):t}function Ke(t){return function(){var n=this.__on;if(n){for(var e,r=0,i=-1,o=n.length;r<o;++r)e=n[r],t.type&&e.type!==t.type||e.name!==t.name?n[++i]=e:this.removeEventListener(e.type,e.listener,e.options);++i?n.length=i:delete this.__on}}}function tr(t,n,e){return function(){var r,i=this.__on,o=function(t){return function(n){t.call(this,n,this.__data__)}}(n);if(i)for(var u=0,a=i.length;u<a;++u)if((r=i[u]).type===t.type&&r.name===t.name)return this.removeEventListener(r.type,r.listener,r.options),this.addEventListener(r.type,r.listener=o,r.options=e),void(r.value=n);this.addEventListener(t.type,o,e),r={type:t.type,name:t.name,value:n,listener:o,options:e},i?i.push(r):this.__on=[r]}}function nr(t,n,e){var r=Ne(t),i=r.CustomEvent;"function"==typeof i?i=new i(n,e):(i=r.document.createEvent("Event"),e?(i.initEvent(n,e.bubbles,e.cancelable),i.detail=e.detail):i.initEvent(n,!1,!1)),t.dispatchEvent(i)}function er(t,n){return function(){return nr(this,t,n)}}function rr(t,n){return function(){return nr(this,t,n.apply(this,arguments))}}pe.prototype={constructor:pe,appendChild:function(t){return this._parent.insertBefore(t,this._next)},insertBefore:function(t,n){return this._parent.insertBefore(t,n)},querySelector:function(t){return this._parent.querySelector(t)},querySelectorAll:function(t){return this._parent.querySelectorAll(t)}},Le.prototype={add:function(t){this._names.indexOf(t)<0&&(this._names.push(t),this._node.setAttribute("class",this._names.join(" ")))},remove:function(t){var n=this._names.indexOf(t);n>=0&&(this._names.splice(n,1),this._node.setAttribute("class",this._names.join(" ")))},contains:function(t){return this._names.indexOf(t)>=0}};var ir=[null];function or(t,n){this._groups=t,this._parents=n}function ur(){return new or([[document.documentElement]],ir)}function ar(t,n,e){t.prototype=n.prototype=e,e.constructor=t}function lr(t,n){var e=Object.create(t.prototype);for(var r in n)e[r]=n[r];return e}function sr(){}or.prototype=ur.prototype={constructor:or,select:function(t){"function"!=typeof t&&(t=ee(t));for(var n=this._groups,e=n.length,r=new Array(e),i=0;i<e;++i)for(var o,u,a=n[i],l=a.length,s=r[i]=new Array(l),c=0;c<l;++c)(o=a[c])&&(u=t.call(o,o.__data__,c,a))&&("__data__"in o&&(u.__data__=o.__data__),s[c]=u);return new or(r,this._parents)},selectAll:function(t){t="function"==typeof t?oe(t):ie(t);for(var n=this._groups,e=n.length,r=[],i=[],o=0;o<e;++o)for(var u,a=n[o],l=a.length,s=0;s<l;++s)(u=a[s])&&(r.push(t.call(u,u.__data__,s,a)),i.push(u));return new or(r,i)},selectChild:function(t){return this.select(null==t?se:function(t){return function(){return le.call(this.children,t)}}("function"==typeof t?t:ae(t)))},selectChildren:function(t){return this.selectAll(null==t?fe:function(t){return function(){return ce.call(this.children,t)}}("function"==typeof t?t:ae(t)))},filter:function(t){"function"!=typeof t&&(t=ue(t));for(var n=this._groups,e=n.length,r=new Array(e),i=0;i<e;++i)for(var o,u=n[i],a=u.length,l=r[i]=[],s=0;s<a;++s)(o=u[s])&&t.call(o,o.__data__,s,u)&&l.push(o);return new or(r,this._parents)},data:function(t,n){if(!arguments.length)return Array.from(this,ge);var e=n?ve:de,r=this._parents,i=this._groups;"function"!=typeof t&&(t=function(t){return function(){return t}}(t));for(var o=i.length,u=new Array(o),a=new Array(o),l=new Array(o),s=0;s<o;++s){var c=r[s],f=i[s],h=f.length,p=ye(t.call(c,c&&c.__data__,s,r)),d=p.length,v=a[s]=new Array(d),g=u[s]=new Array(d);e(c,f,v,g,l[s]=new Array(h),p,n);for(var y,m,_=0,w=0;_<d;++_)if(y=v[_]){for(_>=w&&(w=_+1);!(m=g[w])&&++w<d;);y._next=m||null}}return(u=new or(u,r))._enter=a,u._exit=l,u},enter:function(){return new or(this._enter||this._groups.map(he),this._parents)},exit:function(){return new or(this._exit||this._groups.map(he),this._parents)},join:function(t,n,e){var r=this.enter(),i=this,o=this.exit();return"function"==typeof t?(r=t(r))&&(r=r.selection()):r=r.append(t+""),null!=n&&(i=n(i))&&(i=i.selection()),null==e?o.remove():e(o),r&&i?r.merge(i).order():i},merge:function(t){for(var n=t.selection?t.selection():t,e=this._groups,r=n._groups,i=e.length,o=r.length,u=Math.min(i,o),a=new Array(i),l=0;l<u;++l)for(var s,c=e[l],f=r[l],h=c.length,p=a[l]=new Array(h),d=0;d<h;++d)(s=c[d]||f[d])&&(p[d]=s);for(;l<i;++l)a[l]=e[l];return new or(a,this._parents)},selection:function(){return this},order:function(){for(var t=this._groups,n=-1,e=t.length;++n<e;)for(var r,i=t[n],o=i.length-1,u=i[o];--o>=0;)(r=i[o])&&(u&&4^r.compareDocumentPosition(u)&&u.parentNode.insertBefore(r,u),u=r);return this},sort:function(t){function n(n,e){return n&&e?t(n.__data__,e.__data__):!n-!e}t||(t=me);for(var e=this._groups,r=e.length,i=new Array(r),o=0;o<r;++o){for(var u,a=e[o],l=a.length,s=i[o]=new Array(l),c=0;c<l;++c)(u=a[c])&&(s[c]=u);s.sort(n)}return new or(i,this._parents).order()},call:function(){var t=arguments[0];return arguments[0]=this,t.apply(null,arguments),this},nodes:function(){return Array.from(this)},node:function(){for(var t=this._groups,n=0,e=t.length;n<e;++n)for(var r=t[n],i=0,o=r.length;i<o;++i){var u=r[i];if(u)return u}return null},size:function(){let t=0;for(const n of this)++t;return t},empty:function(){return!this.node()},each:function(t){for(var n=this._groups,e=0,r=n.length;e<r;++e)for(var i,o=n[e],u=0,a=o.length;u<a;++u)(i=o[u])&&t.call(i,i.__data__,u,o);return this},attr:function(t,n){var e=Qn(t);if(arguments.length<2){var r=this.node();return e.local?r.getAttributeNS(e.space,e.local):r.getAttribute(e)}return this.each((null==n?e.local?we:_e:"function"==typeof n?e.local?$e:Me:e.local?be:xe)(e,n))},style:function(t,n,e){return arguments.length>1?this.each((null==n?Te:"function"==typeof n?Ce:Ae)(t,n,null==e?"":e)):ke(this.node(),t)},property:function(t,n){return arguments.length>1?this.each((null==n?Se:"function"==typeof n?De:Ee)(t,n)):this.node()[t]},classed:function(t,n){var e=Ue(t+"");if(arguments.length<2){for(var r=He(this.node()),i=-1,o=e.length;++i<o;)if(!r.contains(e[i]))return!1;return!0}return this.each(("function"==typeof n?Ye:n?Pe:Fe)(e,n))},text:function(t){return arguments.length?this.each(null==t?Oe:("function"==typeof t?Ve:ze)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?Re:("function"==typeof t?We:Xe)(t)):this.node().innerHTML},raise:function(){return this.each(Ie)},lower:function(){return this.each(Be)},append:function(t){var n="function"==typeof t?t:te(t);return this.select((function(){return this.appendChild(n.apply(this,arguments))}))},insert:function(t,n){var e="function"==typeof t?t:te(t),r=null==n?Ze:"function"==typeof n?n:ee(n);return this.select((function(){return this.insertBefore(e.apply(this,arguments),r.apply(this,arguments)||null)}))},remove:function(){return this.each(Je)},clone:function(t){return this.select(t?Ge:Qe)},datum:function(t){return arguments.length?this.property("__data__",t):this.node().__data__},on:function(t,n,e){var r,i,o=function(t){return t.trim().split(/^|\s+/).map((function(t){var n="",e=t.indexOf(".");return e>=0&&(n=t.slice(e+1),t=t.slice(0,e)),{type:t,name:n}}))}(t+""),u=o.length;if(!(arguments.length<2)){for(a=n?tr:Ke,r=0;r<u;++r)this.each(a(o[r],n,e));return this}var a=this.node().__on;if(a)for(var l,s=0,c=a.length;s<c;++s)for(r=0,l=a[s];r<u;++r)if((i=o[r]).type===l.type&&i.name===l.name)return l.value},dispatch:function(t,n){return this.each(("function"==typeof n?rr:er)(t,n))},[Symbol.iterator]:function*(){for(var t=this._groups,n=0,e=t.length;n<e;++n)for(var r,i=t[n],o=0,u=i.length;o<u;++o)(r=i[o])&&(yield r)}};var cr=.7,fr=1/cr,hr="\\s*([+-]?\\d+)\\s*",pr="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",dr="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",vr=/^#([0-9a-f]{3,8})$/,gr=new RegExp(`^rgb\\(${hr},${hr},${hr}\\)$`),yr=new RegExp(`^rgb\\(${dr},${dr},${dr}\\)$`),mr=new RegExp(`^rgba\\(${hr},${hr},${hr},${pr}\\)$`),_r=new RegExp(`^rgba\\(${dr},${dr},${dr},${pr}\\)$`),wr=new RegExp(`^hsl\\(${pr},${dr},${dr}\\)$`),xr=new RegExp(`^hsla\\(${pr},${dr},${dr},${pr}\\)$`),br={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};function Mr(){return this.rgb().formatHex()}function $r(){return this.rgb().formatRgb()}function Nr(t){var n,e;return t=(t+"").trim().toLowerCase(),(n=vr.exec(t))?(e=n[1].length,n=parseInt(n[1],16),6===e?Tr(n):3===e?new kr(n>>8&15|n>>4&240,n>>4&15|240&n,(15&n)<<4|15&n,1):8===e?Ar(n>>24&255,n>>16&255,n>>8&255,(255&n)/255):4===e?Ar(n>>12&15|n>>8&240,n>>8&15|n>>4&240,n>>4&15|240&n,((15&n)<<4|15&n)/255):null):(n=gr.exec(t))?new kr(n[1],n[2],n[3],1):(n=yr.exec(t))?new kr(255*n[1]/100,255*n[2]/100,255*n[3]/100,1):(n=mr.exec(t))?Ar(n[1],n[2],n[3],n[4]):(n=_r.exec(t))?Ar(255*n[1]/100,255*n[2]/100,255*n[3]/100,n[4]):(n=wr.exec(t))?Lr(n[1],n[2]/100,n[3]/100,1):(n=xr.exec(t))?Lr(n[1],n[2]/100,n[3]/100,n[4]):br.hasOwnProperty(t)?Tr(br[t]):"transparent"===t?new kr(NaN,NaN,NaN,0):null}function Tr(t){return new kr(t>>16&255,t>>8&255,255&t,1)}function Ar(t,n,e,r){return r<=0&&(t=n=e=NaN),new kr(t,n,e,r)}function Cr(t,n,e,r){return 1===arguments.length?function(t){return t instanceof sr||(t=Nr(t)),t?new kr((t=t.rgb()).r,t.g,t.b,t.opacity):new kr}(t):new kr(t,n,e,null==r?1:r)}function kr(t,n,e,r){this.r=+t,this.g=+n,this.b=+e,this.opacity=+r}function Sr(){return`#${Hr(this.r)}${Hr(this.g)}${Hr(this.b)}`}function Er(){const t=Dr(this.opacity);return`${1===t?"rgb(":"rgba("}${Ur(this.r)}, ${Ur(this.g)}, ${Ur(this.b)}${1===t?")":`, ${t})`}`}function Dr(t){return isNaN(t)?1:Math.max(0,Math.min(1,t))}function Ur(t){return Math.max(0,Math.min(255,Math.round(t)||0))}function Hr(t){return((t=Ur(t))<16?"0":"")+t.toString(16)}function Lr(t,n,e,r){return r<=0?t=n=e=NaN:e<=0||e>=1?t=n=NaN:n<=0&&(t=NaN),new qr(t,n,e,r)}function jr(t){if(t instanceof qr)return new qr(t.h,t.s,t.l,t.opacity);if(t instanceof sr||(t=Nr(t)),!t)return new qr;if(t instanceof qr)return t;var n=(t=t.rgb()).r/255,e=t.g/255,r=t.b/255,i=Math.min(n,e,r),o=Math.max(n,e,r),u=NaN,a=o-i,l=(o+i)/2;return a?(u=n===o?(e-r)/a+6*(e<r):e===o?(r-n)/a+2:(n-e)/a+4,a/=l<.5?o+i:2-o-i,u*=60):a=l>0&&l<1?0:u,new qr(u,a,l,t.opacity)}function qr(t,n,e,r){this.h=+t,this.s=+n,this.l=+e,this.opacity=+r}function Pr(t){return(t=(t||0)%360)<0?t+360:t}function Fr(t){return Math.max(0,Math.min(1,t||0))}function Yr(t,n,e){return 255*(t<60?n+(e-n)*t/60:t<180?e:t<240?n+(e-n)*(240-t)/60:n)}ar(sr,Nr,{copy(t){return Object.assign(new this.constructor,this,t)},displayable(){return this.rgb().displayable()},hex:Mr,formatHex:Mr,formatHex8:function(){return this.rgb().formatHex8()},formatHsl:function(){return jr(this).formatHsl()},formatRgb:$r,toString:$r}),ar(kr,Cr,lr(sr,{brighter(t){return t=null==t?fr:Math.pow(fr,t),new kr(this.r*t,this.g*t,this.b*t,this.opacity)},darker(t){return t=null==t?cr:Math.pow(cr,t),new kr(this.r*t,this.g*t,this.b*t,this.opacity)},rgb(){return this},clamp(){return new kr(Ur(this.r),Ur(this.g),Ur(this.b),Dr(this.opacity))},displayable(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:Sr,formatHex:Sr,formatHex8:function(){return`#${Hr(this.r)}${Hr(this.g)}${Hr(this.b)}${Hr(255*(isNaN(this.opacity)?1:this.opacity))}`},formatRgb:Er,toString:Er})),ar(qr,(function(t,n,e,r){return 1===arguments.length?jr(t):new qr(t,n,e,null==r?1:r)}),lr(sr,{brighter(t){return t=null==t?fr:Math.pow(fr,t),new qr(this.h,this.s,this.l*t,this.opacity)},darker(t){return t=null==t?cr:Math.pow(cr,t),new qr(this.h,this.s,this.l*t,this.opacity)},rgb(){var t=this.h%360+360*(this.h<0),n=isNaN(t)||isNaN(this.s)?0:this.s,e=this.l,r=e+(e<.5?e:1-e)*n,i=2*e-r;return new kr(Yr(t>=240?t-240:t+120,i,r),Yr(t,i,r),Yr(t<120?t+240:t-120,i,r),this.opacity)},clamp(){return new qr(Pr(this.h),Fr(this.s),Fr(this.l),Dr(this.opacity))},displayable(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){const t=Dr(this.opacity);return`${1===t?"hsl(":"hsla("}${Pr(this.h)}, ${100*Fr(this.s)}%, ${100*Fr(this.l)}%${1===t?")":`, ${t})`}`}}));const Or=t=>()=>t;function zr(t){return 1==(t=+t)?Vr:function(n,e){return e-n?function(t,n,e){return t=Math.pow(t,e),n=Math.pow(n,e)-t,e=1/e,function(r){return Math.pow(t+r*n,e)}}(n,e,t):Or(isNaN(n)?e:n)}}function Vr(t,n){var e=n-t;return e?function(t,n){return function(e){return t+e*n}}(t,e):Or(isNaN(t)?n:t)}const Rr=function t(n){var e=zr(n);function r(t,n){var r=e((t=Cr(t)).r,(n=Cr(n)).r),i=e(t.g,n.g),o=e(t.b,n.b),u=Vr(t.opacity,n.opacity);return function(n){return t.r=r(n),t.g=i(n),t.b=o(n),t.opacity=u(n),t+""}}return r.gamma=t,r}(1);function Xr(t,n){n||(n=[]);var e,r=t?Math.min(n.length,t.length):0,i=n.slice();return function(o){for(e=0;e<r;++e)i[e]=t[e]*(1-o)+n[e]*o;return i}}function Wr(t,n){var e,r=n?n.length:0,i=t?Math.min(r,t.length):0,o=new Array(i),u=new Array(r);for(e=0;e<i;++e)o[e]=Kr(t[e],n[e]);for(;e<r;++e)u[e]=n[e];return function(t){for(e=0;e<i;++e)u[e]=o[e](t);return u}}function Ir(t,n){var e=new Date;return t=+t,n=+n,function(r){return e.setTime(t*(1-r)+n*r),e}}function Br(t,n){return t=+t,n=+n,function(e){return t*(1-e)+n*e}}function Zr(t,n){var e,r={},i={};for(e in null!==t&&"object"==typeof t||(t={}),null!==n&&"object"==typeof n||(n={}),n)e in t?r[e]=Kr(t[e],n[e]):i[e]=n[e];return function(t){for(e in r)i[e]=r[e](t);return i}}var Jr=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,Qr=new RegExp(Jr.source,"g");function Gr(t,n){var e,r,i,o=Jr.lastIndex=Qr.lastIndex=0,u=-1,a=[],l=[];for(t+="",n+="";(e=Jr.exec(t))&&(r=Qr.exec(n));)(i=r.index)>o&&(i=n.slice(o,i),a[u]?a[u]+=i:a[++u]=i),(e=e[0])===(r=r[0])?a[u]?a[u]+=r:a[++u]=r:(a[++u]=null,l.push({i:u,x:Br(e,r)})),o=Qr.lastIndex;return o<n.length&&(i=n.slice(o),a[u]?a[u]+=i:a[++u]=i),a.length<2?l[0]?function(t){return function(n){return t(n)+""}}(l[0].x):function(t){return function(){return t}}(n):(n=l.length,function(t){for(var e,r=0;r<n;++r)a[(e=l[r]).i]=e.x(t);return a.join("")})}function Kr(t,n){var e,r=typeof n;return null==n||"boolean"===r?Or(n):("number"===r?Br:"string"===r?(e=Nr(n))?(n=e,Rr):Gr:n instanceof Nr?Rr:n instanceof Date?Ir:function(t){return ArrayBuffer.isView(t)&&!(t instanceof DataView)}(n)?Xr:Array.isArray(n)?Wr:"function"!=typeof n.valueOf&&"function"!=typeof n.toString||isNaN(n)?Zr:Br)(t,n)}function ti(t,n){return t=+t,n=+n,function(e){return Math.round(t*(1-e)+n*e)}}var ni,ei=180/Math.PI,ri={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function ii(t,n,e,r,i,o){var u,a,l;return(u=Math.sqrt(t*t+n*n))&&(t/=u,n/=u),(l=t*e+n*r)&&(e-=t*l,r-=n*l),(a=Math.sqrt(e*e+r*r))&&(e/=a,r/=a,l/=a),t*r<n*e&&(t=-t,n=-n,l=-l,u=-u),{translateX:i,translateY:o,rotate:Math.atan2(n,t)*ei,skewX:Math.atan(l)*ei,scaleX:u,scaleY:a}}function oi(t,n,e,r){function i(t){return t.length?t.pop()+" ":""}return function(o,u){var a=[],l=[];return o=t(o),u=t(u),function(t,r,i,o,u,a){if(t!==i||r!==o){var l=u.push("translate(",null,n,null,e);a.push({i:l-4,x:Br(t,i)},{i:l-2,x:Br(r,o)})}else(i||o)&&u.push("translate("+i+n+o+e)}(o.translateX,o.translateY,u.translateX,u.translateY,a,l),function(t,n,e,o){t!==n?(t-n>180?n+=360:n-t>180&&(t+=360),o.push({i:e.push(i(e)+"rotate(",null,r)-2,x:Br(t,n)})):n&&e.push(i(e)+"rotate("+n+r)}(o.rotate,u.rotate,a,l),function(t,n,e,o){t!==n?o.push({i:e.push(i(e)+"skewX(",null,r)-2,x:Br(t,n)}):n&&e.push(i(e)+"skewX("+n+r)}(o.skewX,u.skewX,a,l),function(t,n,e,r,o,u){if(t!==e||n!==r){var a=o.push(i(o)+"scale(",null,",",null,")");u.push({i:a-4,x:Br(t,e)},{i:a-2,x:Br(n,r)})}else 1===e&&1===r||o.push(i(o)+"scale("+e+","+r+")")}(o.scaleX,o.scaleY,u.scaleX,u.scaleY,a,l),o=u=null,function(t){for(var n,e=-1,r=l.length;++e<r;)a[(n=l[e]).i]=n.x(t);return a.join("")}}}var ui,ai,li=oi((function(t){const n=new("function"==typeof DOMMatrix?DOMMatrix:WebKitCSSMatrix)(t+"");return n.isIdentity?ri:ii(n.a,n.b,n.c,n.d,n.e,n.f)}),"px, ","px)","deg)"),si=oi((function(t){return null==t?ri:(ni||(ni=document.createElementNS("http://www.w3.org/2000/svg","g")),ni.setAttribute("transform",t),(t=ni.transform.baseVal.consolidate())?ii((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):ri)}),", ",")",")"),ci=0,fi=0,hi=0,pi=0,di=0,vi=0,gi="object"==typeof performance&&performance.now?performance:Date,yi="object"==typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function mi(){return di||(yi(_i),di=gi.now()+vi)}function _i(){di=0}function wi(){this._call=this._time=this._next=null}function xi(t,n,e){var r=new wi;return r.restart(t,n,e),r}function bi(){di=(pi=gi.now())+vi,ci=fi=0;try{!function(){mi(),++ci;for(var t,n=ui;n;)(t=di-n._time)>=0&&n._call.call(void 0,t),n=n._next;--ci}()}finally{ci=0,function(){var t,n,e=ui,r=1/0;for(;e;)e._call?(r>e._time&&(r=e._time),t=e,e=e._next):(n=e._next,e._next=null,e=t?t._next=n:ui=n);ai=t,$i(r)}(),di=0}}function Mi(){var t=gi.now(),n=t-pi;n>1e3&&(vi-=n,pi=t)}function $i(t){ci||(fi&&(fi=clearTimeout(fi)),t-di>24?(t<1/0&&(fi=setTimeout(bi,t-gi.now()-vi)),hi&&(hi=clearInterval(hi))):(hi||(pi=gi.now(),hi=setInterval(Mi,1e3)),ci=1,yi(bi)))}function Ni(t,n,e){var r=new wi;return n=null==n?0:+n,r.restart((e=>{r.stop(),t(e+n)}),n,e),r}wi.prototype=xi.prototype={constructor:wi,restart:function(t,n,e){if("function"!=typeof t)throw new TypeError("callback is not a function");e=(null==e?mi():+e)+(null==n?0:+n),this._next||ai===this||(ai?ai._next=this:ui=this,ai=this),this._call=t,this._time=e,$i()},stop:function(){this._call&&(this._call=null,this._time=1/0,$i())}};var Ti=Xn("start","end","cancel","interrupt"),Ai=[];function Ci(t,n,e,r,i,o){var u=t.__transition;if(u){if(e in u)return}else t.__transition={};!function(t,n,e){var r,i=t.__transition;function o(t){e.state=1,e.timer.restart(u,e.delay,e.time),e.delay<=t&&u(t-e.delay)}function u(o){var s,c,f,h;if(1!==e.state)return l();for(s in i)if((h=i[s]).name===e.name){if(3===h.state)return Ni(u);4===h.state?(h.state=6,h.timer.stop(),h.on.call("interrupt",t,t.__data__,h.index,h.group),delete i[s]):+s<n&&(h.state=6,h.timer.stop(),h.on.call("cancel",t,t.__data__,h.index,h.group),delete i[s])}if(Ni((function(){3===e.state&&(e.state=4,e.timer.restart(a,e.delay,e.time),a(o))})),e.state=2,e.on.call("start",t,t.__data__,e.index,e.group),2===e.state){for(e.state=3,r=new Array(f=e.tween.length),s=0,c=-1;s<f;++s)(h=e.tween[s].value.call(t,t.__data__,e.index,e.group))&&(r[++c]=h);r.length=c+1}}function a(n){for(var i=n<e.duration?e.ease.call(null,n/e.duration):(e.timer.restart(l),e.state=5,1),o=-1,u=r.length;++o<u;)r[o].call(t,i);5===e.state&&(e.on.call("end",t,t.__data__,e.index,e.group),l())}function l(){for(var r in e.state=6,e.timer.stop(),delete i[n],i)return;delete t.__transition}i[n]=e,e.timer=xi(o,0,e.time)}(t,e,{name:n,index:r,group:i,on:Ti,tween:Ai,time:o.time,delay:o.delay,duration:o.duration,ease:o.ease,timer:null,state:0})}function ki(t,n){var e=Ei(t,n);if(e.state>0)throw new Error("too late; already scheduled");return e}function Si(t,n){var e=Ei(t,n);if(e.state>3)throw new Error("too late; already running");return e}function Ei(t,n){var e=t.__transition;if(!e||!(e=e[n]))throw new Error("transition not found");return e}function Di(t,n){var e,r;return function(){var i=Si(this,t),o=i.tween;if(o!==e)for(var u=0,a=(r=e=o).length;u<a;++u)if(r[u].name===n){(r=r.slice()).splice(u,1);break}i.tween=r}}function Ui(t,n,e){var r,i;if("function"!=typeof e)throw new Error;return function(){var o=Si(this,t),u=o.tween;if(u!==r){i=(r=u).slice();for(var a={name:n,value:e},l=0,s=i.length;l<s;++l)if(i[l].name===n){i[l]=a;break}l===s&&i.push(a)}o.tween=i}}function Hi(t,n,e){var r=t._id;return t.each((function(){var t=Si(this,r);(t.value||(t.value={}))[n]=e.apply(this,arguments)})),function(t){return Ei(t,r).value[n]}}function Li(t,n){var e;return("number"==typeof n?Br:n instanceof Nr?Rr:(e=Nr(n))?(n=e,Rr):Gr)(t,n)}function ji(t){return function(){this.removeAttribute(t)}}function qi(t){return function(){this.removeAttributeNS(t.space,t.local)}}function Pi(t,n,e){var r,i,o=e+"";return function(){var u=this.getAttribute(t);return u===o?null:u===r?i:i=n(r=u,e)}}function Fi(t,n,e){var r,i,o=e+"";return function(){var u=this.getAttributeNS(t.space,t.local);return u===o?null:u===r?i:i=n(r=u,e)}}function Yi(t,n,e){var r,i,o;return function(){var u,a,l=e(this);if(null!=l)return(u=this.getAttribute(t))===(a=l+"")?null:u===r&&a===i?o:(i=a,o=n(r=u,l));this.removeAttribute(t)}}function Oi(t,n,e){var r,i,o;return function(){var u,a,l=e(this);if(null!=l)return(u=this.getAttributeNS(t.space,t.local))===(a=l+"")?null:u===r&&a===i?o:(i=a,o=n(r=u,l));this.removeAttributeNS(t.space,t.local)}}function zi(t,n){var e,r;function i(){var i=n.apply(this,arguments);return i!==r&&(e=(r=i)&&function(t,n){return function(e){this.setAttributeNS(t.space,t.local,n.call(this,e))}}(t,i)),e}return i._value=n,i}function Vi(t,n){var e,r;function i(){var i=n.apply(this,arguments);return i!==r&&(e=(r=i)&&function(t,n){return function(e){this.setAttribute(t,n.call(this,e))}}(t,i)),e}return i._value=n,i}function Ri(t,n){return function(){ki(this,t).delay=+n.apply(this,arguments)}}function Xi(t,n){return n=+n,function(){ki(this,t).delay=n}}function Wi(t,n){return function(){Si(this,t).duration=+n.apply(this,arguments)}}function Ii(t,n){return n=+n,function(){Si(this,t).duration=n}}var Bi=ur.prototype.constructor;function Zi(t){return function(){this.style.removeProperty(t)}}var Ji=0;function Qi(t,n,e,r){this._groups=t,this._parents=n,this._name=e,this._id=r}function Gi(){return++Ji}var Ki=ur.prototype;Qi.prototype={constructor:Qi,select:function(t){var n=this._name,e=this._id;"function"!=typeof t&&(t=ee(t));for(var r=this._groups,i=r.length,o=new Array(i),u=0;u<i;++u)for(var a,l,s=r[u],c=s.length,f=o[u]=new Array(c),h=0;h<c;++h)(a=s[h])&&(l=t.call(a,a.__data__,h,s))&&("__data__"in a&&(l.__data__=a.__data__),f[h]=l,Ci(f[h],n,e,h,f,Ei(a,e)));return new Qi(o,this._parents,n,e)},selectAll:function(t){var n=this._name,e=this._id;"function"!=typeof t&&(t=ie(t));for(var r=this._groups,i=r.length,o=[],u=[],a=0;a<i;++a)for(var l,s=r[a],c=s.length,f=0;f<c;++f)if(l=s[f]){for(var h,p=t.call(l,l.__data__,f,s),d=Ei(l,e),v=0,g=p.length;v<g;++v)(h=p[v])&&Ci(h,n,e,v,p,d);o.push(p),u.push(l)}return new Qi(o,u,n,e)},selectChild:Ki.selectChild,selectChildren:Ki.selectChildren,filter:function(t){"function"!=typeof t&&(t=ue(t));for(var n=this._groups,e=n.length,r=new Array(e),i=0;i<e;++i)for(var o,u=n[i],a=u.length,l=r[i]=[],s=0;s<a;++s)(o=u[s])&&t.call(o,o.__data__,s,u)&&l.push(o);return new Qi(r,this._parents,this._name,this._id)},merge:function(t){if(t._id!==this._id)throw new Error;for(var n=this._groups,e=t._groups,r=n.length,i=e.length,o=Math.min(r,i),u=new Array(r),a=0;a<o;++a)for(var l,s=n[a],c=e[a],f=s.length,h=u[a]=new Array(f),p=0;p<f;++p)(l=s[p]||c[p])&&(h[p]=l);for(;a<r;++a)u[a]=n[a];return new Qi(u,this._parents,this._name,this._id)},selection:function(){return new Bi(this._groups,this._parents)},transition:function(){for(var t=this._name,n=this._id,e=Gi(),r=this._groups,i=r.length,o=0;o<i;++o)for(var u,a=r[o],l=a.length,s=0;s<l;++s)if(u=a[s]){var c=Ei(u,n);Ci(u,t,e,s,a,{time:c.time+c.delay+c.duration,delay:0,duration:c.duration,ease:c.ease})}return new Qi(r,this._parents,t,e)},call:Ki.call,nodes:Ki.nodes,node:Ki.node,size:Ki.size,empty:Ki.empty,each:Ki.each,on:function(t,n){var e=this._id;return arguments.length<2?Ei(this.node(),e).on.on(t):this.each(function(t,n,e){var r,i,o=function(t){return(t+"").trim().split(/^|\s+/).every((function(t){var n=t.indexOf(".");return n>=0&&(t=t.slice(0,n)),!t||"start"===t}))}(n)?ki:Si;return function(){var u=o(this,t),a=u.on;a!==r&&(i=(r=a).copy()).on(n,e),u.on=i}}(e,t,n))},attr:function(t,n){var e=Qn(t),r="transform"===e?si:Li;return this.attrTween(t,"function"==typeof n?(e.local?Oi:Yi)(e,r,Hi(this,"attr."+t,n)):null==n?(e.local?qi:ji)(e):(e.local?Fi:Pi)(e,r,n))},attrTween:function(t,n){var e="attr."+t;if(arguments.length<2)return(e=this.tween(e))&&e._value;if(null==n)return this.tween(e,null);if("function"!=typeof n)throw new Error;var r=Qn(t);return this.tween(e,(r.local?zi:Vi)(r,n))},style:function(t,n,e){var r="transform"==(t+="")?li:Li;return null==n?this.styleTween(t,function(t,n){var e,r,i;return function(){var o=ke(this,t),u=(this.style.removeProperty(t),ke(this,t));return o===u?null:o===e&&u===r?i:i=n(e=o,r=u)}}(t,r)).on("end.style."+t,Zi(t)):"function"==typeof n?this.styleTween(t,function(t,n,e){var r,i,o;return function(){var u=ke(this,t),a=e(this),l=a+"";return null==a&&(this.style.removeProperty(t),l=a=ke(this,t)),u===l?null:u===r&&l===i?o:(i=l,o=n(r=u,a))}}(t,r,Hi(this,"style."+t,n))).each(function(t,n){var e,r,i,o,u="style."+n,a="end."+u;return function(){var l=Si(this,t),s=l.on,c=null==l.value[u]?o||(o=Zi(n)):void 0;s===e&&i===c||(r=(e=s).copy()).on(a,i=c),l.on=r}}(this._id,t)):this.styleTween(t,function(t,n,e){var r,i,o=e+"";return function(){var u=ke(this,t);return u===o?null:u===r?i:i=n(r=u,e)}}(t,r,n),e).on("end.style."+t,null)},styleTween:function(t,n,e){var r="style."+(t+="");if(arguments.length<2)return(r=this.tween(r))&&r._value;if(null==n)return this.tween(r,null);if("function"!=typeof n)throw new Error;return this.tween(r,function(t,n,e){var r,i;function o(){var o=n.apply(this,arguments);return o!==i&&(r=(i=o)&&function(t,n,e){return function(r){this.style.setProperty(t,n.call(this,r),e)}}(t,o,e)),r}return o._value=n,o}(t,n,null==e?"":e))},text:function(t){return this.tween("text","function"==typeof t?function(t){return function(){var n=t(this);this.textContent=null==n?"":n}}(Hi(this,"text",t)):function(t){return function(){this.textContent=t}}(null==t?"":t+""))},textTween:function(t){var n="text";if(arguments.length<1)return(n=this.tween(n))&&n._value;if(null==t)return this.tween(n,null);if("function"!=typeof t)throw new Error;return this.tween(n,function(t){var n,e;function r(){var r=t.apply(this,arguments);return r!==e&&(n=(e=r)&&function(t){return function(n){this.textContent=t.call(this,n)}}(r)),n}return r._value=t,r}(t))},remove:function(){return this.on("end.remove",(t=this._id,function(){var n=this.parentNode;for(var e in this.__transition)if(+e!==t)return;n&&n.removeChild(this)}));var t},tween:function(t,n){var e=this._id;if(t+="",arguments.length<2){for(var r,i=Ei(this.node(),e).tween,o=0,u=i.length;o<u;++o)if((r=i[o]).name===t)return r.value;return null}return this.each((null==n?Di:Ui)(e,t,n))},delay:function(t){var n=this._id;return arguments.length?this.each(("function"==typeof t?Ri:Xi)(n,t)):Ei(this.node(),n).delay},duration:function(t){var n=this._id;return arguments.length?this.each(("function"==typeof t?Wi:Ii)(n,t)):Ei(this.node(),n).duration},ease:function(t){var n=this._id;return arguments.length?this.each(function(t,n){if("function"!=typeof n)throw new Error;return function(){Si(this,t).ease=n}}(n,t)):Ei(this.node(),n).ease},easeVarying:function(t){if("function"!=typeof t)throw new Error;return this.each(function(t,n){return function(){var e=n.apply(this,arguments);if("function"!=typeof e)throw new Error;Si(this,t).ease=e}}(this._id,t))},end:function(){var t,n,e=this,r=e._id,i=e.size();return new Promise((function(o,u){var a={value:u},l={value:function(){0==--i&&o()}};e.each((function(){var e=Si(this,r),i=e.on;i!==t&&((n=(t=i).copy())._.cancel.push(a),n._.interrupt.push(a),n._.end.push(l)),e.on=n})),0===i&&o()}))},[Symbol.iterator]:Ki[Symbol.iterator]};var to={time:null,delay:0,duration:250,ease:function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2}};function no(t,n){for(var e;!(e=t.__transition)||!(e=e[n]);)if(!(t=t.parentNode))throw new Error(`transition ${n} not found`);return e}ur.prototype.interrupt=function(t){return this.each((function(){!function(t,n){var e,r,i,o=t.__transition,u=!0;if(o){for(i in n=null==n?null:n+"",o)(e=o[i]).name===n?(r=e.state>2&&e.state<5,e.state=6,e.timer.stop(),e.on.call(r?"interrupt":"cancel",t,t.__data__,e.index,e.group),delete o[i]):u=!1;u&&delete t.__transition}}(this,t)}))},ur.prototype.transition=function(t){var n,e;t instanceof Qi?(n=t._id,t=t._name):(n=Gi(),(e=to).time=mi(),t=null==t?null:t+"");for(var r=this._groups,i=r.length,o=0;o<i;++o)for(var u,a=r[o],l=a.length,s=0;s<l;++s)(u=a[s])&&Ci(u,t,n,s,a,e||no(u,n));return new Qi(r,this._parents,t,n)};const eo=Math.PI,ro=2*eo,io=1e-6,oo=ro-io;function uo(t){this._+=t[0];for(let n=1,e=t.length;n<e;++n)this._+=arguments[n]+t[n]}class ao{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=null==t?uo:function(t){let n=Math.floor(t);if(!(n>=0))throw new Error(`invalid digits: ${t}`);if(n>15)return uo;const e=10**n;return function(t){this._+=t[0];for(let n=1,r=t.length;n<r;++n)this._+=Math.round(arguments[n]*e)/e+t[n]}}(t)}moveTo(t,n){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+n}`}closePath(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(t,n){this._append`L${this._x1=+t},${this._y1=+n}`}quadraticCurveTo(t,n,e,r){this._append`Q${+t},${+n},${this._x1=+e},${this._y1=+r}`}bezierCurveTo(t,n,e,r,i,o){this._append`C${+t},${+n},${+e},${+r},${this._x1=+i},${this._y1=+o}`}arcTo(t,n,e,r,i){if(t=+t,n=+n,e=+e,r=+r,(i=+i)<0)throw new Error(`negative radius: ${i}`);let o=this._x1,u=this._y1,a=e-t,l=r-n,s=o-t,c=u-n,f=s*s+c*c;if(null===this._x1)this._append`M${this._x1=t},${this._y1=n}`;else if(f>io)if(Math.abs(c*a-l*s)>io&&i){let h=e-o,p=r-u,d=a*a+l*l,v=h*h+p*p,g=Math.sqrt(d),y=Math.sqrt(f),m=i*Math.tan((eo-Math.acos((d+f-v)/(2*g*y)))/2),_=m/y,w=m/g;Math.abs(_-1)>io&&this._append`L${t+_*s},${n+_*c}`,this._append`A${i},${i},0,0,${+(c*h>s*p)},${this._x1=t+w*a},${this._y1=n+w*l}`}else this._append`L${this._x1=t},${this._y1=n}`;else;}arc(t,n,e,r,i,o){if(t=+t,n=+n,o=!!o,(e=+e)<0)throw new Error(`negative radius: ${e}`);let u=e*Math.cos(r),a=e*Math.sin(r),l=t+u,s=n+a,c=1^o,f=o?r-i:i-r;null===this._x1?this._append`M${l},${s}`:(Math.abs(this._x1-l)>io||Math.abs(this._y1-s)>io)&&this._append`L${l},${s}`,e&&(f<0&&(f=f%ro+ro),f>oo?this._append`A${e},${e},0,1,${c},${t-u},${n-a}A${e},${e},0,1,${c},${this._x1=l},${this._y1=s}`:f>io&&this._append`A${e},${e},0,${+(f>=eo)},${c},${this._x1=t+e*Math.cos(i)},${this._y1=n+e*Math.sin(i)}`)}rect(t,n,e,r){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+n}h${e=+e}v${+r}h${-e}Z`}toString(){return this._}}function lo(t){for(var n in t){var e,r,i=t[n].trim();if(i)if("true"===i)i=!0;else if("false"===i)i=!1;else if("NaN"===i)i=NaN;else if(isNaN(e=+i)){if(!(r=i.match(/^([-+]\d{2})?\d{4}(-\d{2}(-\d{2})?)?(T\d{2}:\d{2}(:\d{2}(\.\d{3})?)?(Z|[-+]\d{2}:\d{2})?)?$/)))continue;so&&r[4]&&!r[7]&&(i=i.replace(/-/g,"/").replace(/T/," ")),i=new Date(i)}else i=e;else i=null;t[n]=i}return t}const so=new Date("2019-01-01T00:00").getHours()||new Date("2019-07-01T00:00").getHours();function co(t){if(!t.ok)throw new Error(t.status+" "+t.statusText);if(204!==t.status&&205!==t.status)return t.json()}function fo(t,n){return fetch(t,n).then(co)}function ho(t,n){if((e=(t=n?t.toExponential(n-1):t.toExponential()).indexOf("e"))<0)return null;var e,r=t.slice(0,e);return[r.length>1?r[0]+r.slice(2):r,+t.slice(e+1)]}function po(t){return(t=ho(Math.abs(t)))?t[1]:NaN}var vo,go=/^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;function yo(t){if(!(n=go.exec(t)))throw new Error("invalid format: "+t);var n;return new mo({fill:n[1],align:n[2],sign:n[3],symbol:n[4],zero:n[5],width:n[6],comma:n[7],precision:n[8]&&n[8].slice(1),trim:n[9],type:n[10]})}function mo(t){this.fill=void 0===t.fill?" ":t.fill+"",this.align=void 0===t.align?">":t.align+"",this.sign=void 0===t.sign?"-":t.sign+"",this.symbol=void 0===t.symbol?"":t.symbol+"",this.zero=!!t.zero,this.width=void 0===t.width?void 0:+t.width,this.comma=!!t.comma,this.precision=void 0===t.precision?void 0:+t.precision,this.trim=!!t.trim,this.type=void 0===t.type?"":t.type+""}function _o(t,n){var e=ho(t,n);if(!e)return t+"";var r=e[0],i=e[1];return i<0?"0."+new Array(-i).join("0")+r:r.length>i+1?r.slice(0,i+1)+"."+r.slice(i+1):r+new Array(i-r.length+2).join("0")}yo.prototype=mo.prototype,mo.prototype.toString=function(){return this.fill+this.align+this.sign+this.symbol+(this.zero?"0":"")+(void 0===this.width?"":Math.max(1,0|this.width))+(this.comma?",":"")+(void 0===this.precision?"":"."+Math.max(0,0|this.precision))+(this.trim?"~":"")+this.type};const wo={"%":(t,n)=>(100*t).toFixed(n),b:t=>Math.round(t).toString(2),c:t=>t+"",d:function(t){return Math.abs(t=Math.round(t))>=1e21?t.toLocaleString("en").replace(/,/g,""):t.toString(10)},e:(t,n)=>t.toExponential(n),f:(t,n)=>t.toFixed(n),g:(t,n)=>t.toPrecision(n),o:t=>Math.round(t).toString(8),p:(t,n)=>_o(100*t,n),r:_o,s:function(t,n){var e=ho(t,n);if(!e)return t+"";var r=e[0],i=e[1],o=i-(vo=3*Math.max(-8,Math.min(8,Math.floor(i/3))))+1,u=r.length;return o===u?r:o>u?r+new Array(o-u+1).join("0"):o>0?r.slice(0,o)+"."+r.slice(o):"0."+new Array(1-o).join("0")+ho(t,Math.max(0,n+o-1))[0]},X:t=>Math.round(t).toString(16).toUpperCase(),x:t=>Math.round(t).toString(16)};function xo(t){return t}var bo,Mo,$o,No=Array.prototype.map,To=["y","z","a","f","p","n","µ","m","","k","M","G","T","P","E","Z","Y"];function Ao(t){var n=void 0===t.grouping||void 0===t.thousands?xo:function(t,n){return function(e,r){for(var i=e.length,o=[],u=0,a=t[0],l=0;i>0&&a>0&&(l+a+1>r&&(a=Math.max(1,r-l)),o.push(e.substring(i-=a,i+a)),!((l+=a+1)>r));)a=t[u=(u+1)%t.length];return o.reverse().join(n)}}(No.call(t.grouping,Number),t.thousands+""),e=void 0===t.currency?"":t.currency[0]+"",r=void 0===t.currency?"":t.currency[1]+"",i=void 0===t.decimal?".":t.decimal+"",o=void 0===t.numerals?xo:function(t){return function(n){return n.replace(/[0-9]/g,(function(n){return t[+n]}))}}(No.call(t.numerals,String)),u=void 0===t.percent?"%":t.percent+"",a=void 0===t.minus?"−":t.minus+"",l=void 0===t.nan?"NaN":t.nan+"";function s(t){var s=(t=yo(t)).fill,c=t.align,f=t.sign,h=t.symbol,p=t.zero,d=t.width,v=t.comma,g=t.precision,y=t.trim,m=t.type;"n"===m?(v=!0,m="g"):wo[m]||(void 0===g&&(g=12),y=!0,m="g"),(p||"0"===s&&"="===c)&&(p=!0,s="0",c="=");var _="$"===h?e:"#"===h&&/[boxX]/.test(m)?"0"+m.toLowerCase():"",w="$"===h?r:/[%p]/.test(m)?u:"",x=wo[m],b=/[defgprs%]/.test(m);function M(t){var e,r,u,h=_,M=w;if("c"===m)M=x(t)+M,t="";else{var $=(t=+t)<0||1/t<0;if(t=isNaN(t)?l:x(Math.abs(t),g),y&&(t=function(t){t:for(var n,e=t.length,r=1,i=-1;r<e;++r)switch(t[r]){case".":i=n=r;break;case"0":0===i&&(i=r),n=r;break;default:if(!+t[r])break t;i>0&&(i=0)}return i>0?t.slice(0,i)+t.slice(n+1):t}(t)),$&&0==+t&&"+"!==f&&($=!1),h=($?"("===f?f:a:"-"===f||"("===f?"":f)+h,M=("s"===m?To[8+vo/3]:"")+M+($&&"("===f?")":""),b)for(e=-1,r=t.length;++e<r;)if(48>(u=t.charCodeAt(e))||u>57){M=(46===u?i+t.slice(e+1):t.slice(e))+M,t=t.slice(0,e);break}}v&&!p&&(t=n(t,1/0));var N=h.length+t.length+M.length,T=N<d?new Array(d-N+1).join(s):"";switch(v&&p&&(t=n(T+t,T.length?d-M.length:1/0),T=""),c){case"<":t=h+t+M+T;break;case"=":t=h+T+t+M;break;case"^":t=T.slice(0,N=T.length>>1)+h+t+M+T.slice(N);break;default:t=T+h+t+M}return o(t)}return g=void 0===g?6:/[gprs]/.test(m)?Math.max(1,Math.min(21,g)):Math.max(0,Math.min(20,g)),M.toString=function(){return t+""},M}return{format:s,formatPrefix:function(t,n){var e=s(((t=yo(t)).type="f",t)),r=3*Math.max(-8,Math.min(8,Math.floor(po(n)/3))),i=Math.pow(10,-r),o=To[8+r/3];return function(t){return e(i*t)+o}}}}function Co(t,n){switch(arguments.length){case 0:break;case 1:this.range(t);break;default:this.range(n).domain(t)}return this}function ko(t){return+t}bo=Ao({thousands:",",grouping:[3],currency:["$",""]}),Mo=bo.format,$o=bo.formatPrefix;var So=[0,1];function Eo(t){return t}function Do(t,n){return(n-=t=+t)?function(e){return(e-t)/n}:function(t){return function(){return t}}(isNaN(n)?NaN:.5)}function Uo(t,n,e){var r=t[0],i=t[1],o=n[0],u=n[1];return i<r?(r=Do(i,r),o=e(u,o)):(r=Do(r,i),o=e(o,u)),function(t){return o(r(t))}}function Ho(t,n,e){var r=Math.min(t.length,n.length)-1,i=new Array(r),o=new Array(r),u=-1;for(t[r]<t[0]&&(t=t.slice().reverse(),n=n.slice().reverse());++u<r;)i[u]=Do(t[u],t[u+1]),o[u]=e(n[u],n[u+1]);return function(n){var e=Pn(t,n,1,r)-1;return o[e](i[e](n))}}function Lo(){var t,n,e,r,i,o,u=So,a=So,l=Kr,s=Eo;function c(){var t=Math.min(u.length,a.length);return s!==Eo&&(s=function(t,n){var e;return t>n&&(e=t,t=n,n=e),function(e){return Math.max(t,Math.min(n,e))}}(u[0],u[t-1])),r=t>2?Ho:Uo,i=o=null,f}function f(n){return null==n||isNaN(n=+n)?e:(i||(i=r(u.map(t),a,l)))(t(s(n)))}return f.invert=function(e){return s(n((o||(o=r(a,u.map(t),Br)))(e)))},f.domain=function(t){return arguments.length?(u=Array.from(t,ko),c()):u.slice()},f.range=function(t){return arguments.length?(a=Array.from(t),c()):a.slice()},f.rangeRound=function(t){return a=Array.from(t),l=ti,c()},f.clamp=function(t){return arguments.length?(s=!!t||Eo,c()):s!==Eo},f.interpolate=function(t){return arguments.length?(l=t,c()):l},f.unknown=function(t){return arguments.length?(e=t,f):e},function(e,r){return t=e,n=r,c()}}function jo(t,n,e,r){var i,o=function(t,n,e){e=+e;const r=(n=+n)<(t=+t),i=r?Vn(n,t,e):Vn(t,n,e);return(r?-1:1)*(i<0?1/-i:i)}(t,n,e);switch((r=yo(null==r?",f":r)).type){case"s":var u=Math.max(Math.abs(t),Math.abs(n));return null!=r.precision||isNaN(i=function(t,n){return Math.max(0,3*Math.max(-8,Math.min(8,Math.floor(po(n)/3)))-po(Math.abs(t)))}(o,u))||(r.precision=i),$o(r,u);case"":case"e":case"g":case"p":case"r":null!=r.precision||isNaN(i=function(t,n){return t=Math.abs(t),n=Math.abs(n)-t,Math.max(0,po(n)-po(t))+1}(o,Math.max(Math.abs(t),Math.abs(n))))||(r.precision=i-("e"===r.type));break;case"f":case"%":null!=r.precision||isNaN(i=function(t){return Math.max(0,-po(Math.abs(t)))}(o))||(r.precision=i-2*("%"===r.type))}return Mo(r)}function qo(t){var n=t.domain;return t.ticks=function(t){var e=n();return function(t,n,e){if(!((e=+e)>0))return[];if((t=+t)==(n=+n))return[t];const r=n<t,[i,o,u]=r?zn(n,t,e):zn(t,n,e);if(!(o>=i))return[];const a=o-i+1,l=new Array(a);if(r)if(u<0)for(let s=0;s<a;++s)l[s]=(o-s)/-u;else for(let s=0;s<a;++s)l[s]=(o-s)*u;else if(u<0)for(let s=0;s<a;++s)l[s]=(i+s)/-u;else for(let s=0;s<a;++s)l[s]=(i+s)*u;return l}(e[0],e[e.length-1],null==t?10:t)},t.tickFormat=function(t,e){var r=n();return jo(r[0],r[r.length-1],null==t?10:t,e)},t.nice=function(e){null==e&&(e=10);var r,i,o=n(),u=0,a=o.length-1,l=o[u],s=o[a],c=10;for(s<l&&(i=l,l=s,s=i,i=u,u=a,a=i);c-- >0;){if((i=Vn(l,s,e))===r)return o[u]=l,o[a]=s,n(o);if(i>0)l=Math.floor(l/i)*i,s=Math.ceil(s/i)*i;else{if(!(i<0))break;l=Math.ceil(l*i)/i,s=Math.floor(s*i)/i}r=i}return t},t}function Po(){var t=Lo()(Eo,Eo);return t.copy=function(){return function(t,n){return n.domain(t.domain()).range(t.range()).interpolate(t.interpolate()).clamp(t.clamp()).unknown(t.unknown())}(t,Po())},Co.apply(t,arguments),qo(t)}const Fo=new Date,Yo=new Date;function Oo(t,n,e,r){function i(n){return t(n=0===arguments.length?new Date:new Date(+n)),n}return i.floor=n=>(t(n=new Date(+n)),n),i.ceil=e=>(t(e=new Date(e-1)),n(e,1),t(e),e),i.round=t=>{const n=i(t),e=i.ceil(t);return t-n<e-t?n:e},i.offset=(t,e)=>(n(t=new Date(+t),null==e?1:Math.floor(e)),t),i.range=(e,r,o)=>{const u=[];if(e=i.ceil(e),o=null==o?1:Math.floor(o),!(e<r&&o>0))return u;let a;do{u.push(a=new Date(+e)),n(e,o),t(e)}while(a<e&&e<r);return u},i.filter=e=>Oo((n=>{if(n>=n)for(;t(n),!e(n);)n.setTime(n-1)}),((t,r)=>{if(t>=t)if(r<0)for(;++r<=0;)for(;n(t,-1),!e(t););else for(;--r>=0;)for(;n(t,1),!e(t););})),e&&(i.count=(n,r)=>(Fo.setTime(+n),Yo.setTime(+r),t(Fo),t(Yo),Math.floor(e(Fo,Yo))),i.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?i.filter(r?n=>r(n)%t==0:n=>i.count(0,n)%t==0):i:null)),i}const zo=6e4,Vo=864e5,Ro=7*Vo,Xo=Oo((t=>t.setHours(0,0,0,0)),((t,n)=>t.setDate(t.getDate()+n)),((t,n)=>(n-t-(n.getTimezoneOffset()-t.getTimezoneOffset())*zo)/Vo),(t=>t.getDate()-1));Xo.range;const Wo=Oo((t=>{t.setUTCHours(0,0,0,0)}),((t,n)=>{t.setUTCDate(t.getUTCDate()+n)}),((t,n)=>(n-t)/Vo),(t=>t.getUTCDate()-1));Wo.range;const Io=Oo((t=>{t.setUTCHours(0,0,0,0)}),((t,n)=>{t.setUTCDate(t.getUTCDate()+n)}),((t,n)=>(n-t)/Vo),(t=>Math.floor(t/Vo)));function Bo(t){return Oo((n=>{n.setDate(n.getDate()-(n.getDay()+7-t)%7),n.setHours(0,0,0,0)}),((t,n)=>{t.setDate(t.getDate()+7*n)}),((t,n)=>(n-t-(n.getTimezoneOffset()-t.getTimezoneOffset())*zo)/Ro))}Io.range;const Zo=Bo(0),Jo=Bo(1),Qo=Bo(2),Go=Bo(3),Ko=Bo(4),tu=Bo(5),nu=Bo(6);function eu(t){return Oo((n=>{n.setUTCDate(n.getUTCDate()-(n.getUTCDay()+7-t)%7),n.setUTCHours(0,0,0,0)}),((t,n)=>{t.setUTCDate(t.getUTCDate()+7*n)}),((t,n)=>(n-t)/Ro))}Zo.range,Jo.range,Qo.range,Go.range,Ko.range,tu.range,nu.range;const ru=eu(0),iu=eu(1),ou=eu(2),uu=eu(3),au=eu(4),lu=eu(5),su=eu(6);ru.range,iu.range,ou.range,uu.range,au.range,lu.range,su.range;const cu=Oo((t=>{t.setMonth(0,1),t.setHours(0,0,0,0)}),((t,n)=>{t.setFullYear(t.getFullYear()+n)}),((t,n)=>n.getFullYear()-t.getFullYear()),(t=>t.getFullYear()));cu.every=t=>isFinite(t=Math.floor(t))&&t>0?Oo((n=>{n.setFullYear(Math.floor(n.getFullYear()/t)*t),n.setMonth(0,1),n.setHours(0,0,0,0)}),((n,e)=>{n.setFullYear(n.getFullYear()+e*t)})):null,cu.range;const fu=Oo((t=>{t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)}),((t,n)=>{t.setUTCFullYear(t.getUTCFullYear()+n)}),((t,n)=>n.getUTCFullYear()-t.getUTCFullYear()),(t=>t.getUTCFullYear()));function hu(t){if(0<=t.y&&t.y<100){var n=new Date(-1,t.m,t.d,t.H,t.M,t.S,t.L);return n.setFullYear(t.y),n}return new Date(t.y,t.m,t.d,t.H,t.M,t.S,t.L)}function pu(t){if(0<=t.y&&t.y<100){var n=new Date(Date.UTC(-1,t.m,t.d,t.H,t.M,t.S,t.L));return n.setUTCFullYear(t.y),n}return new Date(Date.UTC(t.y,t.m,t.d,t.H,t.M,t.S,t.L))}function du(t,n,e){return{y:t,m:n,d:e,H:0,M:0,S:0,L:0}}fu.every=t=>isFinite(t=Math.floor(t))&&t>0?Oo((n=>{n.setUTCFullYear(Math.floor(n.getUTCFullYear()/t)*t),n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0)}),((n,e)=>{n.setUTCFullYear(n.getUTCFullYear()+e*t)})):null,fu.range;var vu,gu,yu={"-":"",_:" ",0:"0"},mu=/^\s*\d+/,_u=/^%/,wu=/[\\^$*+?|[\]().{}]/g;function xu(t,n,e){var r=t<0?"-":"",i=(r?-t:t)+"",o=i.length;return r+(o<e?new Array(e-o+1).join(n)+i:i)}function bu(t){return t.replace(wu,"\\$&")}function Mu(t){return new RegExp("^(?:"+t.map(bu).join("|")+")","i")}function $u(t){return new Map(t.map(((t,n)=>[t.toLowerCase(),n])))}function Nu(t,n,e){var r=mu.exec(n.slice(e,e+1));return r?(t.w=+r[0],e+r[0].length):-1}function Tu(t,n,e){var r=mu.exec(n.slice(e,e+1));return r?(t.u=+r[0],e+r[0].length):-1}function Au(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.U=+r[0],e+r[0].length):-1}function Cu(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.V=+r[0],e+r[0].length):-1}function ku(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.W=+r[0],e+r[0].length):-1}function Su(t,n,e){var r=mu.exec(n.slice(e,e+4));return r?(t.y=+r[0],e+r[0].length):-1}function Eu(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.y=+r[0]+(+r[0]>68?1900:2e3),e+r[0].length):-1}function Du(t,n,e){var r=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(n.slice(e,e+6));return r?(t.Z=r[1]?0:-(r[2]+(r[3]||"00")),e+r[0].length):-1}function Uu(t,n,e){var r=mu.exec(n.slice(e,e+1));return r?(t.q=3*r[0]-3,e+r[0].length):-1}function Hu(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.m=r[0]-1,e+r[0].length):-1}function Lu(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.d=+r[0],e+r[0].length):-1}function ju(t,n,e){var r=mu.exec(n.slice(e,e+3));return r?(t.m=0,t.d=+r[0],e+r[0].length):-1}function qu(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.H=+r[0],e+r[0].length):-1}function Pu(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.M=+r[0],e+r[0].length):-1}function Fu(t,n,e){var r=mu.exec(n.slice(e,e+2));return r?(t.S=+r[0],e+r[0].length):-1}function Yu(t,n,e){var r=mu.exec(n.slice(e,e+3));return r?(t.L=+r[0],e+r[0].length):-1}function Ou(t,n,e){var r=mu.exec(n.slice(e,e+6));return r?(t.L=Math.floor(r[0]/1e3),e+r[0].length):-1}function zu(t,n,e){var r=_u.exec(n.slice(e,e+1));return r?e+r[0].length:-1}function Vu(t,n,e){var r=mu.exec(n.slice(e));return r?(t.Q=+r[0],e+r[0].length):-1}function Ru(t,n,e){var r=mu.exec(n.slice(e));return r?(t.s=+r[0],e+r[0].length):-1}function Xu(t,n){return xu(t.getDate(),n,2)}function Wu(t,n){return xu(t.getHours(),n,2)}function Iu(t,n){return xu(t.getHours()%12||12,n,2)}function Bu(t,n){return xu(1+Xo.count(cu(t),t),n,3)}function Zu(t,n){return xu(t.getMilliseconds(),n,3)}function Ju(t,n){return Zu(t,n)+"000"}function Qu(t,n){return xu(t.getMonth()+1,n,2)}function Gu(t,n){return xu(t.getMinutes(),n,2)}function Ku(t,n){return xu(t.getSeconds(),n,2)}function ta(t){var n=t.getDay();return 0===n?7:n}function na(t,n){return xu(Zo.count(cu(t)-1,t),n,2)}function ea(t){var n=t.getDay();return n>=4||0===n?Ko(t):Ko.ceil(t)}function ra(t,n){return t=ea(t),xu(Ko.count(cu(t),t)+(4===cu(t).getDay()),n,2)}function ia(t){return t.getDay()}function oa(t,n){return xu(Jo.count(cu(t)-1,t),n,2)}function ua(t,n){return xu(t.getFullYear()%100,n,2)}function aa(t,n){return xu((t=ea(t)).getFullYear()%100,n,2)}function la(t,n){return xu(t.getFullYear()%1e4,n,4)}function sa(t,n){var e=t.getDay();return xu((t=e>=4||0===e?Ko(t):Ko.ceil(t)).getFullYear()%1e4,n,4)}function ca(t){var n=t.getTimezoneOffset();return(n>0?"-":(n*=-1,"+"))+xu(n/60|0,"0",2)+xu(n%60,"0",2)}function fa(t,n){return xu(t.getUTCDate(),n,2)}function ha(t,n){return xu(t.getUTCHours(),n,2)}function pa(t,n){return xu(t.getUTCHours()%12||12,n,2)}function da(t,n){return xu(1+Wo.count(fu(t),t),n,3)}function va(t,n){return xu(t.getUTCMilliseconds(),n,3)}function ga(t,n){return va(t,n)+"000"}function ya(t,n){return xu(t.getUTCMonth()+1,n,2)}function ma(t,n){return xu(t.getUTCMinutes(),n,2)}function _a(t,n){return xu(t.getUTCSeconds(),n,2)}function wa(t){var n=t.getUTCDay();return 0===n?7:n}function xa(t,n){return xu(ru.count(fu(t)-1,t),n,2)}function ba(t){var n=t.getUTCDay();return n>=4||0===n?au(t):au.ceil(t)}function Ma(t,n){return t=ba(t),xu(au.count(fu(t),t)+(4===fu(t).getUTCDay()),n,2)}function $a(t){return t.getUTCDay()}function Na(t,n){return xu(iu.count(fu(t)-1,t),n,2)}function Ta(t,n){return xu(t.getUTCFullYear()%100,n,2)}function Aa(t,n){return xu((t=ba(t)).getUTCFullYear()%100,n,2)}function Ca(t,n){return xu(t.getUTCFullYear()%1e4,n,4)}function ka(t,n){var e=t.getUTCDay();return xu((t=e>=4||0===e?au(t):au.ceil(t)).getUTCFullYear()%1e4,n,4)}function Sa(){return"+0000"}function Ea(){return"%"}function Da(t){return+t}function Ua(t){return Math.floor(+t/1e3)}function Ha(t){return function(){return t}}function La(t){this._context=t}function ja(t){return new La(t)}function qa(t){return t[0]}function Pa(t){return t[1]}function Fa(t,n){var e=Ha(!0),r=null,i=ja,o=null,u=function(t){let n=3;return t.digits=function(e){if(!arguments.length)return n;if(null==e)n=null;else{const t=Math.floor(e);if(!(t>=0))throw new RangeError(`invalid digits: ${e}`);n=t}return t},()=>new ao(n)}(a);function a(a){var l,s,c,f=(a=function(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}(a)).length,h=!1;for(null==r&&(o=i(c=u())),l=0;l<=f;++l)!(l<f&&e(s=a[l],l,a))===h&&((h=!h)?o.lineStart():o.lineEnd()),h&&o.point(+t(s,l,a),+n(s,l,a));if(c)return o=null,c+""||null}return t="function"==typeof t?t:void 0===t?qa:Ha(t),n="function"==typeof n?n:void 0===n?Pa:Ha(n),a.x=function(n){return arguments.length?(t="function"==typeof n?n:Ha(+n),a):t},a.y=function(t){return arguments.length?(n="function"==typeof t?t:Ha(+t),a):n},a.defined=function(t){return arguments.length?(e="function"==typeof t?t:Ha(!!t),a):e},a.curve=function(t){return arguments.length?(i=t,null!=r&&(o=i(r)),a):i},a.context=function(t){return arguments.length?(null==t?r=o=null:o=i(r=t),a):r},a}!function(t){vu=function(t){var n=t.dateTime,e=t.date,r=t.time,i=t.periods,o=t.days,u=t.shortDays,a=t.months,l=t.shortMonths,s=Mu(i),c=$u(i),f=Mu(o),h=$u(o),p=Mu(u),d=$u(u),v=Mu(a),g=$u(a),y=Mu(l),m=$u(l),_={a:function(t){return u[t.getDay()]},A:function(t){return o[t.getDay()]},b:function(t){return l[t.getMonth()]},B:function(t){return a[t.getMonth()]},c:null,d:Xu,e:Xu,f:Ju,g:aa,G:sa,H:Wu,I:Iu,j:Bu,L:Zu,m:Qu,M:Gu,p:function(t){return i[+(t.getHours()>=12)]},q:function(t){return 1+~~(t.getMonth()/3)},Q:Da,s:Ua,S:Ku,u:ta,U:na,V:ra,w:ia,W:oa,x:null,X:null,y:ua,Y:la,Z:ca,"%":Ea},w={a:function(t){return u[t.getUTCDay()]},A:function(t){return o[t.getUTCDay()]},b:function(t){return l[t.getUTCMonth()]},B:function(t){return a[t.getUTCMonth()]},c:null,d:fa,e:fa,f:ga,g:Aa,G:ka,H:ha,I:pa,j:da,L:va,m:ya,M:ma,p:function(t){return i[+(t.getUTCHours()>=12)]},q:function(t){return 1+~~(t.getUTCMonth()/3)},Q:Da,s:Ua,S:_a,u:wa,U:xa,V:Ma,w:$a,W:Na,x:null,X:null,y:Ta,Y:Ca,Z:Sa,"%":Ea},x={a:function(t,n,e){var r=p.exec(n.slice(e));return r?(t.w=d.get(r[0].toLowerCase()),e+r[0].length):-1},A:function(t,n,e){var r=f.exec(n.slice(e));return r?(t.w=h.get(r[0].toLowerCase()),e+r[0].length):-1},b:function(t,n,e){var r=y.exec(n.slice(e));return r?(t.m=m.get(r[0].toLowerCase()),e+r[0].length):-1},B:function(t,n,e){var r=v.exec(n.slice(e));return r?(t.m=g.get(r[0].toLowerCase()),e+r[0].length):-1},c:function(t,e,r){return $(t,n,e,r)},d:Lu,e:Lu,f:Ou,g:Eu,G:Su,H:qu,I:qu,j:ju,L:Yu,m:Hu,M:Pu,p:function(t,n,e){var r=s.exec(n.slice(e));return r?(t.p=c.get(r[0].toLowerCase()),e+r[0].length):-1},q:Uu,Q:Vu,s:Ru,S:Fu,u:Tu,U:Au,V:Cu,w:Nu,W:ku,x:function(t,n,r){return $(t,e,n,r)},X:function(t,n,e){return $(t,r,n,e)},y:Eu,Y:Su,Z:Du,"%":zu};function b(t,n){return function(e){var r,i,o,u=[],a=-1,l=0,s=t.length;for(e instanceof Date||(e=new Date(+e));++a<s;)37===t.charCodeAt(a)&&(u.push(t.slice(l,a)),null!=(i=yu[r=t.charAt(++a)])?r=t.charAt(++a):i="e"===r?" ":"0",(o=n[r])&&(r=o(e,i)),u.push(r),l=a+1);return u.push(t.slice(l,a)),u.join("")}}function M(t,n){return function(e){var r,i,o=du(1900,void 0,1);if($(o,t,e+="",0)!=e.length)return null;if("Q"in o)return new Date(o.Q);if("s"in o)return new Date(1e3*o.s+("L"in o?o.L:0));if(n&&!("Z"in o)&&(o.Z=0),"p"in o&&(o.H=o.H%12+12*o.p),void 0===o.m&&(o.m="q"in o?o.q:0),"V"in o){if(o.V<1||o.V>53)return null;"w"in o||(o.w=1),"Z"in o?(i=(r=pu(du(o.y,0,1))).getUTCDay(),r=i>4||0===i?iu.ceil(r):iu(r),r=Wo.offset(r,7*(o.V-1)),o.y=r.getUTCFullYear(),o.m=r.getUTCMonth(),o.d=r.getUTCDate()+(o.w+6)%7):(i=(r=hu(du(o.y,0,1))).getDay(),r=i>4||0===i?Jo.ceil(r):Jo(r),r=Xo.offset(r,7*(o.V-1)),o.y=r.getFullYear(),o.m=r.getMonth(),o.d=r.getDate()+(o.w+6)%7)}else("W"in o||"U"in o)&&("w"in o||(o.w="u"in o?o.u%7:"W"in o?1:0),i="Z"in o?pu(du(o.y,0,1)).getUTCDay():hu(du(o.y,0,1)).getDay(),o.m=0,o.d="W"in o?(o.w+6)%7+7*o.W-(i+5)%7:o.w+7*o.U-(i+6)%7);return"Z"in o?(o.H+=o.Z/100|0,o.M+=o.Z%100,pu(o)):hu(o)}}function $(t,n,e,r){for(var i,o,u=0,a=n.length,l=e.length;u<a;){if(r>=l)return-1;if(37===(i=n.charCodeAt(u++))){if(i=n.charAt(u++),!(o=x[i in yu?n.charAt(u++):i])||(r=o(t,e,r))<0)return-1}else if(i!=e.charCodeAt(r++))return-1}return r}return _.x=b(e,_),_.X=b(r,_),_.c=b(n,_),w.x=b(e,w),w.X=b(r,w),w.c=b(n,w),{format:function(t){var n=b(t+="",_);return n.toString=function(){return t},n},parse:function(t){var n=M(t+="",!1);return n.toString=function(){return t},n},utcFormat:function(t){var n=b(t+="",w);return n.toString=function(){return t},n},utcParse:function(t){var n=M(t+="",!0);return n.toString=function(){return t},n}}}(t),vu.format,gu=vu.parse,vu.utcFormat,vu.utcParse}({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}),La.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,n){switch(t=+t,n=+n,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,n):this._context.moveTo(t,n);break;case 1:this._point=2;default:this._context.lineTo(t,n)}}};class Ya{constructor(t,n){this._context=t,this._x=n}areaStart(){this._line=0}areaEnd(){this._line=NaN}lineStart(){this._point=0}lineEnd(){(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line}point(t,n){switch(t=+t,n=+n,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,n):this._context.moveTo(t,n);break;case 1:this._point=2;default:this._x?this._context.bezierCurveTo(this._x0=(this._x0+t)/2,this._y0,this._x0,n,t,n):this._context.bezierCurveTo(this._x0,this._y0=(this._y0+n)/2,t,this._y0,t,n)}this._x0=t,this._y0=n}}function Oa(t){return new Ya(t,!1)}function za(t,n,e){this.k=t,this.x=n,this.y=e}za.prototype={constructor:za,scale:function(t){return 1===t?this:new za(this.k*t,this.x,this.y)},translate:function(t,n){return 0===t&0===n?this:new za(this.k,this.x+this.k*t,this.y+this.k*n)},apply:function(t){return[t[0]*this.k+this.x,t[1]*this.k+this.y]},applyX:function(t){return t*this.k+this.x},applyY:function(t){return t*this.k+this.y},invert:function(t){return[(t[0]-this.x)/this.k,(t[1]-this.y)/this.k]},invertX:function(t){return(t-this.x)/this.k},invertY:function(t){return(t-this.y)/this.k},rescaleX:function(t){return t.copy().domain(t.range().map(this.invertX,this).map(t.invert,t))},rescaleY:function(t){return t.copy().domain(t.range().map(this.invertY,this).map(t.invert,t))},toString:function(){return"translate("+this.x+","+this.y+") scale("+this.k+")"}},za.prototype;const Va=new URLSearchParams(window.location.search),Ra=Object.fromEntries(Va),Xa={dataUrl:"https://cdn.data-interactive.spiegel.de/cron/election-injector/public/us_2024_state_calls.json",configUrl:"data/config.json",winMarkLabel:"270",pollsLabel:"Laut Umfragen erwartete Stimmenverteilung:",tupLabel:"Swing States ohne klare Präferenz",reductionFactor:.8,connectorHeight:100,sources:"Quelle: CNN",credits:"Fotos: Al Drago / Bloomberg / Getty Images; Justin Sullivan / Getty Images",timestampFormat:"%Y-%m-%d %H:%M:%S",minHeight:300,...lo(JSON.parse(document?.currentScript?.parentNode?.getAttribute("data-params")||"{}")||{}),...lo(Ra)};const Wa=new class{#t=T();get value(){return It(this.#t)}set value(t){C(this.#t,U(t))}constructor(){fo(Xa.configUrl).then((t=>{this.value=t?.json_output}))}#n=V((()=>this.value?.parties||[]));get parties(){return It(this.#n)}#e=V((()=>this.value?.candidates||{}));get candidates(){return It(this.#e)}},Ia=()=>{},Ba=["Jan.","Febr.","März","Apr.","Mai","Juni","Juli","Aug.","Sept.","Okt.","Nov.","Dez."];const Za=gu(Xa.timestampFormat);const Ja=new class{#r=T(U({}));#i=T(U([]));get states(){return It(this.#i)}set states(t){C(this.#i,U(t))}constructor(){fo(Xa.dataUrl).then((t=>{C(this.#r,U(t.meta)),this.states=t.data}))}#o=V((()=>It(this.#r).source?`Quelle: ${It(this.#r).source}`:Xa.sources));get source(){return It(this.#o)}#u=V((()=>It(this.#r).timestamp?function(t){if(!t)return;const n=new Date(t),e=n.getMinutes();let r=n.getHours();return e<10?`Stand: ${n.getDate()}. ${Ba[n.getMonth()]} ${n.getFullYear()}, ${r}.0${e} Uhr`:`Stand: ${n.getDate()}. ${Ba[n.getMonth()]} ${n.getFullYear()}, ${r}.${e} Uhr`}(Za(It(this.#r).timestamp)):void 0));get timestamp(){return It(this.#u)}#a=V((()=>this.timestamp?`${this.source}; ${this.timestamp}`:this.source));get sourceAndTimestamp(){return It(this.#a)}#l=V((()=>this.states.reduce(((t,n)=>t+n.electors),0)));get totalElectoralVotes(){return It(this.#l)}#s=V((()=>function(t,n){let e;if(void 0===n)for(const r of t)null!=r&&(e<r||void 0===e&&r>=r)&&(e=r);else{let r=-1;for(let i of t)null!=(i=n(i,++r,t))&&(e<i||void 0===e&&i>=i)&&(e=i)}return e}(this.states,(t=>t.electors))));get maxElectoralVotes(){return It(this.#s)}#c=V((()=>function(t){if(!t||!t.length)return[];const n=t.filter((t=>"dem"===t.result_called)).reduce(((t,n)=>t+n.electors),0),e=t.filter((t=>"rep"===t.result_called)).reduce(((t,n)=>t+n.electors),0),r=t.filter((t=>null===t.result_called&&"dem"===t.result_expected)).reduce(((t,n)=>t+n.electors),0),i=t.filter((t=>null===t.result_called&&"rep"===t.result_expected)).reduce(((t,n)=>t+n.electors),0);return[{id:0,type:"called",party:"dem",value:n},{id:1,type:"expected",party:"dem",value:r},{id:2,type:"expected",party:"tup",value:t.filter((t=>null===t.result_called&&"tup"===t.result_expected)).reduce(((t,n)=>t+n.electors),0)},{id:3,type:"expected",party:"rep",value:i},{id:4,type:"called",party:"rep",value:e}]}(this.states)));get bars(){return It(this.#c)}#f=V((()=>this.bars.filter((t=>"expected"===t.type)).reduce(((t,n)=>t+n.value),0)));get totalUndecidedVotes(){return It(this.#f)}#h=V((()=>({dem:this.bars.find((t=>"called"===t.type&&"dem"===t.party))?.value,rep:this.bars.find((t=>"called"===t.type&&"rep"===t.party))?.value})));get calledVotes(){return It(this.#h)}#p=V((()=>{const t=this.bars.filter((t=>"called"===t.type));return t.find((t=>"dem"===t.party))?.value>269?"dem":t.find((t=>"rep"===t.party))?.value>269?"rep":void 0}));get overallWinner(){return It(this.#p)}};var Qa=an('<span class="line svelte-lr3b95"></span>'),Ga=an('<span class="icon svelte-lr3b95"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"><g><rect width="20" height="20" rx="1.5" class="svelte-lr3b95"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4 10.684V6.295C4 5.575 4.36 5 5.295 5h3.669c.648 0 1.08.432 1.08 1.151v1.943H8.172v-1.44H5.799v2.303h4.244v4.82c0 .791-.431 1.223-1.295 1.223H5.223C4.36 15 4 14.496 4 13.849v-2.302h1.87v1.798h2.375v-2.662H4z" class="svelte-lr3b95"></path><path d="M13.825 7.8h1.35v2.025H17.2v1.35h-2.025V13.2h-1.35v-2.025H11.8v-1.35h2.025V7.8z" class="svelte-lr3b95"></path></g></svg></span>'),Ka=an('<div class="title svelte-lr3b95"><h2 class="svelte-lr3b95"><!> <span class="headline svelte-lr3b95"><!> <span></span></span></h2></div>');var tl=an('<div class="size-detector svelte-1vioioi"><!></div>');function nl(t,n){Qt(n,!0);let e,r,i=Dn(n,"width",15),o=Dn(n,"height",15);function u(){var t;(clearTimeout(e),r)&&(t=r.getBoundingClientRect(),i(t.width),o(t.height))}function a(){clearTimeout(e),e=setTimeout(u,100)}Un((()=>(setTimeout((()=>{window.dispatchEvent(new Event("resize")),a()}),125),new ResizeObserver(a).observe(r),()=>clearTimeout(e))));var l=tl();en("resize",L,a),bn(O(l),(()=>n.children)),function(t={},n,e){G((()=>{var r,i;return K((()=>{r=i,i=[],Bt((()=>{t!==e(...i)&&(n(t,...i),r&&An(e(...r),t)&&n(null,...r))}))})),()=>{gt((()=>{i&&An(e(...i),t)&&n(null,...i)}))}}))}(l,(t=>r=t),(()=>r)),ln(t,l),Gt()}var el=an('<span class="bar svelte-y7wbzo"></span>');var rl=function(t,n,e="svg"){var r,i=`<${e}>${!t.startsWith("<!>")?t:"<!>"+t}</${e}>`;return()=>{if(!r){var t=F(on(i));r=F(t)}var n=r.cloneNode(!0);return un(n,n),n}}('<line class="background svelte-fd0b0j" x1="3" y1="2" x2="3" y2="32px"></line>'),il=an('<div class="bars-container svelte-fd0b0j"><div class="bars svelte-fd0b0j"></div> <div class="win-mark svelte-fd0b0j"><svg width="5" height="36" viewBox="0 0 5 32" xmlns="http://www.w3.org/2000/svg" class="svelte-fd0b0j"><!><line x1="3" y1="2" x2="3" y2="32px" class="svelte-fd0b0j"></line></svg> <span class="win-mark-label svelte-fd0b0j"> </span></div></div>');function ol(t,n){Qt(n,!0);const e=Dn(n,"xScale",3,Ia),r=Dn(n,"isPolls",3,!1),i=Dn(n,"isResults",3,!1),o=V((()=>r()?Ja.bars.filter((t=>"expected"===t.type)):Ja.bars));var u=il(),a=O(u);yn(a,21,(()=>It(o)),(({id:t,type:n,party:e,value:r})=>t),((t,n)=>{let r=()=>It(n).party,o=()=>It(n).value;var u=V((()=>e()(o()))),a=V((()=>Ja.overallWinner&&r()!==Ja.overallWinner));!function(t,n){const e=Dn(n,"hiddenPolls",3,!1),r=Dn(n,"isDimmed",3,!1),i=V((()=>"expected"===n.type&&e()?"var(--int-font-color-grays-lighter, #000000)":`var(--color-${n.type}-${n.party}, #000000)`));var o=el();const u=V((()=>`${Math.floor(n.width)??""}px`));tt((()=>Tn(o,"width",It(u)))),tt((()=>{Nn(o,"is-dimmed",r()),Tn(o,"background",It(i))})),ln(t,o)}(t,{get type(){return It(n).type},get party(){return r()},get width(){return It(u)},get electoralVotes(){return o()},get hiddenPolls(){return i()},get isDimmed(){return It(a)}})}));var l=z(a,2);const s=V((()=>`${e()(269-(r()?Ja.bars[0]?.value:0))??""}px`));tt((()=>Tn(l,"left",It(s))));var c=O(l);dn(O(c),r,(t=>{ln(t,rl())}));var f=O(z(c,2));tt((()=>fn(f,Xa.winMarkLabel))),ln(t,u),Gt()}var ul=an('<svg class="svelte-27ey5h"><defs><linearGradient id="duv-connector-gradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="var(--int-font-color-grays-lighter)" stop-opacity="0.05"></stop><stop offset="100%" stop-color="var(--int-font-color-grays-lighter)" stop-opacity="0.5"></stop></linearGradient></defs><path fill="url(#duv-connector-gradient)" class="svelte-27ey5h"></path></svg>'),al=an('<div class="connector svelte-27ey5h"><!> <div class="text-overlay svelte-27ey5h"><p class="svelte-27ey5h"> </p></div></div>');var ll=an('<div><span class="line svelte-1fs511j"></span> <span class="label svelte-1fs511j"> </span></div>'),sl=an('<div class="tup-explainer svelte-1fs511j"></div>');function cl(t,n){Qt(n,!0);const e=Dn(n,"xScale",3,Ia),r=V((()=>Ja.bars.filter((t=>"expected"===t.type))));var i=sl();yn(i,21,(()=>It(r)),(({id:t,party:n,value:e})=>t),((t,n)=>{let r=()=>It(n).party;var i=ll(),o=O(i);const u=V((()=>`${e()(It(n).value)??""}px`));tt((()=>Tn(o,"width",It(u))));var a=O(z(o,2));tt((()=>{!function(t,n){var e=t.__className,r=function(t){return null==t?"":t}(n);e!==r&&(null==n?t.removeAttribute("class"):t.className=r,t.__className=r)}(i,`mark ${r()??""} svelte-1fs511j`),Tn(o,"background",`var(--color-expected-${r()??""})`),fn(a,Xa.tupLabel)})),ln(t,i)})),ln(t,i),Gt()}var fl=an('<div class="label svelte-1l2qbsz"><img class="svelte-1l2qbsz"> <div class="numbers-and-names svelte-1l2qbsz"><span class="number svelte-1l2qbsz"> </span> <span class="name svelte-1l2qbsz"> </span></div></div>'),hl=an("<!> <!> <!>",1),pl=an('<div class="barchart svelte-1l2qbsz"><div class="labels svelte-1l2qbsz"></div> <!> <!></div>');function dl(t,n){Qt(n,!0);let e=T(void 0);const r=V((()=>Po().domain([0,Ja.totalElectoralVotes]).range([0,It(e)]))),i=V((()=>Po().domain([0,Ja.totalUndecidedVotes]).range([0,It(e)*Xa.reductionFactor])));nl(t,{get width(){return It(e)},set width(t){C(e,U(t))},children:(t,n)=>{var e=pl(),o=O(e);yn(o,20,(()=>["dem","rep"]),gn,((t,n)=>{var e=fl(),r=O(e),i=z(r,2),o=O(i),u=O(o),a=O(z(o,2));tt((()=>{Nn(e,"is-dimmed",Ja.overallWinner&&Ja.overallWinner!==n),Mn(r,"src",Wa.candidates[n]?.photoUrl),Mn(r,"alt",Wa.candidates[n]?.name),Tn(i,"--color",`var(--color-called-${n??""})`),fn(u,Ja.calledVotes[n]),fn(a,Wa.candidates[n]?.name)})),ln(t,e)}));var u=z(o,2);ol(u,{get xScale(){return It(r)},isResults:!0}),dn(z(u,2),(()=>!Ja.overallWinner&&Ja.bars.filter((t=>"expected"===t.type)).length),(t=>{var n=hl(),e=function(t){var n=F(t);return n instanceof Comment&&""===n.data?Y(n):n}(n);!function(t,n){Qt(n,!0);const e=Dn(n,"electoralCalledScale",3,Ia),r=Dn(n,"electoralExpectedScale",3,Ia),i=Fa().curve(Oa);let o=T(void 0),u=T(void 0);const a=V((()=>{if(!Ja.bars.length||!It(o)||!It(u))return{};const t=(e().range()[1]-e().range()[0]-(r().range()[1]-r().range()[0]))/2,n=e()(Ja.bars[0]?.value),a=r().range()[0]+t+1.5,l=r().range()[1]+t-1.5,s=e()(Ja.bars.slice(0,4).reduce(((t,n)=>t+n.value),0)),c=It(u);return{overlayWidth:l-a-32,path:i([[n,0],[a,c],[l,c],[s,0]])}}));nl(t,{get width(){return It(o)},set width(t){C(o,U(t))},get height(){return It(u)},set height(t){C(u,U(t))},children:(t,n)=>{var e=al(),r=O(e);dn(r,(()=>It(a).path),(t=>{var n=ul(),e=z(O(n));tt((()=>{Mn(n,"width",It(o)),Mn(n,"height",It(u)),Mn(e,"d",It(a).path)})),ln(t,n)}));var i=z(r,2),l=O(i),s=O(l);tt((()=>{Tn(e,"--connector-height",`${Xa.connectorHeight??""}px`),Tn(i,"--width",`${It(a).overlayWidth??""}px`),fn(s,Xa.pollsLabel)})),ln(t,e)},$$slots:{default:!0}}),Gt()}(e,{get electoralCalledScale(){return It(r)},get electoralExpectedScale(){return It(i)}});var o=z(e,2);ol(o,{get xScale(){return It(i)},isPolls:!0}),dn(z(o,2),(()=>Ja.bars.filter((t=>"expected"===t.type&&"tup"===t.party)).length),(t=>{cl(t,{get xScale(){return It(i)}})})),ln(t,n)})),ln(t,e)},$$slots:{default:!0}}),Gt()}var vl=an('<div class="text-align svelte-w7nysz"><!></div>');var gl=an('<p class="credits svelte-pykuxu"> </p>'),yl=an('<div class="sources svelte-pykuxu"><div class="sources-text svelte-pykuxu"><span class="svelte-pykuxu"><svg width="13" height="12" viewBox="0 0 13 12" fill="none"><g transform="translate(0.5, 0.5)"><path class="s svelte-pykuxu" d="M1.15 10.705C0.51 10.705 0 10.205 0 9.55503V7.18503H2.06V8.96503H4.3V6.12503H0.01V1.43503C0.01 0.785034 0.52 0.285034 1.16 0.285034H5.2C5.84 0.285034 6.35 0.785034 6.35 1.43503V3.36503H4.29V2.02503H2.07V4.42503H6.36V9.56503C6.36 10.205 5.86 10.715 5.21 10.715H1.15V10.705Z"></path></g><g transform="translate(10, 4.95)"><rect class="s svelte-pykuxu" width="3.2" height="3.2"></rect></g></svg></span> <!></div> <!></div>');function ml(t,n){Qt(n,!1),Cn(),function(t,n){Qt(n,!0);const e=Dn(n,"type",3,"embed"),r=Dn(n,"disabled",3,!1);var i=vl();bn(O(i),(()=>n.children)),tt((()=>{Nn(i,"is-iframe","iframe"===e()),Nn(i,"is-embed","embed"===e()),Nn(i,"is-disabled",r())})),ln(t,i),Gt()}(t,{children:(t,n)=>{var e=yl(),r=O(e);!function(t,n){var e,r=t,i="";nt((()=>{i!==(i=n()??"")&&(void 0!==e&&(ut(e),e=void 0),""!==i&&(e=et((()=>{var t=on(i+"");un(F(t),t.lastChild),r.before(t)}))))}))}(z(O(r),2),(()=>Ja.sourceAndTimestamp)),dn(z(r,2),(()=>Xa.credits),(t=>{var n=gl(),e=O(n);tt((()=>fn(e,Xa.credits))),ln(t,n)})),ln(t,e)},$$slots:{default:!0}}),Gt()}var _l=an('<div class="content svelte-1maq0bt"><!> <div class="main-container svelte-1maq0bt"><!></div> <!></div>');function wl(t,n){Qt(n,!1),Cn();var e=_l(),r=O(e);!function(t,n){Qt(n,!1);const e=[...document.getElementsByTagName("script")]?.find((t=>"application/settings+json"===t.type))||{},r=JSON.parse(e?.innerHTML||"{}"),{headline:i,intro:o}=r?.editorial?.info||{},{type:u}=r?.paywall?.category||{},a=i?.split(":")[0]||"US-Wahl",l=i?.split(":").slice(1).join(":")||"So steht es im Rennen um die Präsidentschaft",s=u&&"free"!==u;Cn();var c=Ka(),f=O(c),h=O(f);dn(h,(()=>a),(t=>{var n=Qa();n.textContent=a,ln(t,n)}));var p=O(z(h,2));dn(p,(()=>s),(t=>{ln(t,Ga())})),z(p,2).textContent=l,ln(t,c),Gt()}(r,{});var i=z(r,2);dl(O(i),{}),ml(z(i,2),{center:!0}),tt((()=>Tn(i,"min-height",`${Xa.minHeight??""}px`))),ln(t,e),Gt()}var xl=an('<div class="gsa svelte-bo55ze" data-type="graphics-svelte-app"><!></div>');const bl=((t={})=>document.currentScript||(()=>{const n=(t.url||"").replace(/^.+?(\/src\/.+?.js)+?/,"$1");return document.querySelector("script[src='"+n+"']")})())();!function(t,e){(function(t,{target:e,anchor:i,props:o={},events:u,context:a,intro:l=!0}){!function(){if(void 0===L){L=window;var t=Element.prototype,n=Node.prototype;j=r(n,"firstChild").get,q=r(n,"nextSibling").get,t.__click=void 0,t.__className="",t.__attributes=null,t.__styles=null,t.__e=void 0,Text.prototype.__t=void 0}}();var s=new Set,c=t=>{for(var n=0;n<t.length;n++){var r=t[n];if(!s.has(r)){s.add(r);var i=cn(r);e.addEventListener(r,rn,{passive:i});var o=hn.get(r);void 0===o?(document.addEventListener(r,rn,{passive:i}),hn.set(r,1)):hn.set(r,o+1)}}};c(n(tn)),nn.add(c);var f=void 0,h=function(t){const n=J(64,t,!0);return()=>{ut(n)}}((()=>{var n=i??e.appendChild(P());return et((()=>{a&&(Qt({}),Ht.c=a);u&&(o.$$events=u),f=t(n,o)||{},a&&Gt()})),()=>{for(var t of s){e.removeEventListener(t,rn);var r=hn.get(t);0==--r?(document.removeEventListener(t,rn),hn.delete(t)):hn.set(t,r)}nn.delete(c),pn.delete(f),n!==i&&n.parentNode?.removeChild(n)}}));pn.set(f,h)})(t,e)}((function(t){var n=xl();wl(O(n),{}),ln(t,n)}),{target:bl.previousElementSibling}); })()</script></div> </div> </div> </div> <script>if (typeof(Event) === 'function') {window.dispatchEvent(new Event('POLYGON_DOM_LARGEST_CONTENTFUL_PAINT_READY'));}</script> </div> </div> <div class="absolute top-0 bottom-0 left-0 right-0 pointer-events-none"> <div class="absolute left-0 right-0 bottom-0"> <div class="relative w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg lg:px-8 lg:pb-48 md:pb-48 sm:pb-32"> <div class="lg:w-10/12 md:w-10/12 lg:mx-auto md:mx-auto lg:px-24 md:px-24 sm:px-16 text-center text-white text-shadow-sm dark:text-shade-lightest"> <h2 class="mb-24"> <span class="font-brandUI font-extrabold lg:text-8xl md:text-5xl sm:text-4xl leading-tight"> </span> </h2> </div> </div> </div> </div> </div> </div> <div class="relative pb-24 bg-white dark:bg-dm-shade-darkest"> <div class="w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg lg:px-8"> <div class="lg:w-10/12 md:w-10/12 lg:mx-auto md:mx-auto lg:px-24 md:px-24 sm:px-16 text-center flex flex-col"> <div class="font-sansUI lg:text-base md:text-base sm:text-s text-shade-dark dark:text-shade-light sm:mt-32 md:mt-48 lg:mt-48"> <span class="block mb-4"> Von <a class="text-black dark:text-shade-lightest font-bold border-b border-shade-light hover:border-black dark:hover:border-white" href="https://www.spiegel.de/impressum/autor-bd770b61-0001-0003-0000-000000020442" target="_self" title="Dawood Ohdah"> Dawood Ohdah</a><span>, </span> <a class="text-black dark:text-shade-lightest font-bold border-b border-shade-light hover:border-black dark:hover:border-white" href="https://www.spiegel.de/impressum/autor-3715af49-0001-0003-0000-000000020400" target="_self" title="Marcel Pauly"> Marcel Pauly</a><span> und </span> <a class="text-black dark:text-shade-lightest font-bold border-b border-shade-light hover:border-black dark:hover:border-white" href="https://www.spiegel.de/impressum/autor-5fe068b7-62a0-4035-9f5a-de562cb18dfb" target="_self" title="Matthias Stahl"> Matthias Stahl</a></span> <div class="font-sansUI lg:text-base md:text-base sm:text-s text-shade-dark dark:text-shade-light"> <time class="timeformat" datetime="2024-11-06 07:38:00">06.11.2024, 07.38 Uhr</time> </div> </div> </div> </div> </div> </header> <div class="relative bg-white dark:bg-dm-shade-darkest"> <div class="relative z-20 w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg"> <div class="lg:h-8 md:h-8 sm:h-4"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden" data-placement="pos_header" data-device="desktop" data-advertisement="pos_header desktop pos_header:desktop lg md sm"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden" data-placement="pos_header" data-device="mobile" data-advertisement="pos_header mobile pos_header:mobile lg md sm"></div> <div class="relative lg:pt-8 md:pt-8 sm:pt-4 lg:px-6 bg-white dark:bg-dm-shade-darkest"> <main id="Inhalt" class="z-20 relative"> <article class="bg-white dark:bg-dm-shade-darkest" aria-label="Pfade zur Präsidentschaft: Darum steht Trump kurz vor dem Sieg" data-featurebar-height> <div class="relative" data-article-el="body"> <div class="sticky z-20" style="top: var(--polygon-headerbar-height, 0px);" data-headerbar-height data-app-hidden> <div class="bg-white dark:bg-dm-shade-darkest mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg relative lg:px-12 md:px-12 sm:px-4 flex items-center justify-between" id="feature-bar" data-area="feature-bar" data-sara-component="{"name":"feature-bar","type":"generic"}" x-data="{shareUrl: 'https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300',showContextMenu: false,}" x-app-ignore> <hr class="absolute top-0 lg:left-24 md:left-24 sm:left-16 lg:right-24 md:right-24 sm:right-16 h-px border-0 border-separator-t" aria-hidden="true"> <ul class="flex flex-row items-center"> <li> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest lg:py-16 md:py-16 sm:py-12 px-12" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"b5b87376-4ccb-47aa-a719-a50064c81300"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg id="spon-bookmark-xl" class="stroke-current" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="xl-bookmark-7758c744-abb1-4be6-9203-94be1b197780"> <path id="bookmark-7758c744-abb1-4be6-9203-94be1b197780" d="M12.81 18.257L7.5 23.33V4.5h12v18.83l-5.31-5.073a1 1 0 00-1.38 0z" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg id="spon-bookmark-f-xl" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="xl-bookmark-f-eadfe623-2f09-4cf7-b599-d5730df1e8b6"> <g id="xl-bookmark-eadfe623-2f09-4cf7-b599-d5730df1e8b6"> <path id="bookmark-eadfe623-2f09-4cf7-b599-d5730df1e8b6" d="M13.155 18.618l-5.31 5.074A.5.5 0 017 23.331V4.5a.5.5 0 01.5-.5h12a.5.5 0 01.5.5v18.83a.5.5 0 01-.846.362l-5.309-5.074a.5.5 0 00-.69 0z" class="fill-current"/> </g> </g> </svg> </span> </button> </li> </ul> <ul class="flex items-center"> <li class="sm:hidden"> <a class="inline-flex items-center text-black dark:text-shade-lightest hover:opacity-distinct lg:py-16 md:py-16 sm:py-12 px-12" href="https://twitter.com/intent/tweet?lang=de&text=%28S%2B%29+Pfade+zur+Pr%C3%A4sidentschaft%3A+Darum+steht+Trump+kurz+vor+dem+Sieg&url=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300%3Fsara_ref%3Dre-so-tw-sh&via=derspiegel" target="_self" rel="nofollow" title="X.com" data-sara-click-el="button" @click="if (!$userAgentUtils.isMobile) {$event.preventDefault();window.open($el.href, 'Beitrag teilen', 'height=500,width=600');}" data-sara-cta="sharing:X.com"><svg id="spon-twitter-xl" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M15.8619 12.4686L23.1472 4H21.4208L15.095 11.3532L10.0425 4H4.21509L11.8554 15.1193L4.21509 24H5.94158L12.6219 16.2348L17.9576 24H23.785L15.8619 12.4686ZM6.56366 5.29968H9.21546L21.4216 22.7594H18.7698L6.56366 5.29968Z" shape-rendering="geometricPrecision" class="fill-current"/> </svg> <span class="sr-only">X.com</span> </a> </li> <li class="sm:hidden"> <a class="inline-flex items-center text-black dark:text-shade-lightest hover:opacity-distinct lg:py-16 md:py-16 sm:py-12 px-12" href="https://www.facebook.com/share.php?t=%28S%2B%29+Pfade+zur+Pr%C3%A4sidentschaft%3A+Darum+steht+Trump+kurz+vor+dem+Sieg&u=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300%3Fsara_ref%3Dre-so-fb-sh" target="_self" rel="nofollow" title="Facebook" data-sara-click-el="button" @click="if (!$userAgentUtils.isMobile) {$event.preventDefault();window.open($el.href, 'Beitrag teilen', 'height=500,width=600');}" data-sara-cta="sharing:Facebook"><svg id="spon-facebook-xl" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M10.802 25.083v-9.576H7.467v-4.412h3.335v-3.12c0-3.337 2.152-5.058 5.165-5.058 1.4 0 2.69.107 3.013.107v3.551h-2.044c-1.614 0-2.045.754-2.045 1.937v2.583h4.412l-1.506 4.412H14.89v9.576h-4.089z" class="stroke-current" stroke-miterlimit="10" stroke-linejoin="round"/> </svg> <span class="sr-only">Facebook</span> </a> </li> <li class="sm:hidden"> <a class="inline-flex items-center text-black dark:text-shade-lightest hover:opacity-distinct lg:py-16 md:py-16 sm:py-12 px-12" href="mailto:?subject=%28S%2B%29%20Pfade%20zur%20Pr%C3%A4sidentschaft:%20Darum%20steht%20Trump%20kurz%20vor%20dem%20Sieg%20%28DER%20SPIEGEL%29&body=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300%3Fsara_ref%3Dre-em-em-sh" target="_self" rel="nofollow" title="E-Mail" data-sara-click-el="button" data-sara-cta="sharing:E-Mail"><svg id="spon-mail-xl" class="stroke-current" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="xl-mail-22383c83-ade9-4a6f-80a7-ce64d5553bb9"> <path id="rectangle-22383c83-ade9-4a6f-80a7-ce64d5553bb9" d="M4.5 6.5h19m-19 0v15m0-15l6.5 7m12.5-7v15m0-15l-6.5 7m6.5 8h-19m19 0l-6.5-8m-12.5 8l6.5-8m0 0l3 2.833 3-2.833" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg> <span class="sr-only">E-Mail</span> </a> </li> <li class="sm:hidden"> <button class="inline-flex items-center text-black dark:text-shade-lightest hover:opacity-distinct lg:py-16 md:py-16 sm:py-12 px-12" data-sara-click-el="button" @click.prevent="const shareUrlObject = new URL(shareUrl);shareUrlObject.searchParams.set('sara_ref', 're-xx-cp-sh');if ($webUtils.copyToClipboard(shareUrlObject.href)) {$notificationService.addNotification({type: 'NOTIFICATION_TYPE_SUCCESS',headline: 'Link kopiert',description: 'Die Artikel-URL wurde erfolgreich in Ihrer Zwischenablage gespeichert.',});}" data-sara-cta="sharing:Link kopieren" title="Link kopieren"><svg id="spon-copylink-xl" class="stroke-current" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="xl-copylink-1b77db13-e15a-4057-83d8-59458aaabe16" stroke-width="1.1" stroke-linecap="round"> <path id="rectangle-1b77db13-e15a-4057-83d8-59458aaabe16" d="M14.47 17.3s.945.944-.1 1.989l-2.137 2.137a3.5 3.5 0 01-4.95 0l-.354-.354-.354-.354a3.5 3.5 0 010-4.95l2.137-2.137c1.045-1.045 1.987-.102 1.987-.102" stroke-miterlimit="10"/> <path id="rectangle_2-1b77db13-e15a-4057-83d8-59458aaabe16" d="M17.299 14.471s.944.945 1.989-.1l2.137-2.137a3.5 3.5 0 000-4.95l-.354-.354-.354-.354a3.5 3.5 0 00-4.95 0L13.63 8.713c-1.045 1.045-.102 1.987-.102 1.987" stroke-miterlimit="10"/> <path id="vector-1b77db13-e15a-4057-83d8-59458aaabe16" d="M10.293 17.707l7.414-7.414"/> </g> </svg> <span class="sr-only">Link kopieren</span> </button> </li> <li class="md:hidden lg:hidden relative"> <button class="inline-flex items-center text-black dark:text-shade-lightest hover:opacity-distinct lg:py-16 md:py-16 sm:py-12 px-12" title="Weitere Optionen zum Teilen" data-sara-click-el="button" @click.prevent.stop="showContextMenu = !showContextMenu;if (!showContextMenu) {return;}if ($refs.firstShareLink && $userAgentUtils.isMobile) {$focus($refs.firstShareLink);} else {$focus($refs.copyLink);}"><svg id="spon-share-xl" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M15.667 9.833V4.654l8.102 7.596-8.102 7.596v-5.18h-.5c-3.207 0-5.801 1.373-7.775 3.06-1.787 1.528-3.083 3.328-3.894 4.65.212-2.734.887-5.781 2.53-8.182 1.72-2.51 4.528-4.36 9.139-4.36h.5zm-.253-5.416l.103-.11-.103.11zm8.472 7.942z" class="stroke-current"/> </svg> <span class="sr-only">Weitere Optionen zum Teilen</span> </button> </li> </ul> <hr class="absolute bottom-0 lg:left-24 md:left-24 sm:left-16 lg:right-24 md:right-24 sm:right-16 h-px border-0 border-separator-b" aria-hidden="true"> <div class="absolute right-0 top-12/12 lg:mr-8 border border-shade-lighter inline-block shadow-sm rounded min-w-s font-sansUI bg-white dark:bg-dm-shade-darkest text-base py-12 text-left z-10 md:hidden lg:hidden" x-show="showContextMenu" x-cloak @click.away="showContextMenu = false"> <ul> <li> <a class="flex items-center leading-normal px-16 py-12 text-black dark:text-shade-lightest hover:bg-shade-lightest dark:hover:bg-black w-full disabled:opacity-slight disabled:cursor-not-allowed" href="https://twitter.com/intent/tweet?lang=de&text=%28S%2B%29+Pfade+zur+Pr%C3%A4sidentschaft%3A+Darum+steht+Trump+kurz+vor+dem+Sieg&url=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300%3Fsara_ref%3Dre-so-tw-sh&via=derspiegel" target="_self" rel="nofollow" title="X.com" data-sara-click-el="button" x-ref="firstShareLink" data-sara-cta="sharing:X.com"> <span> <span class="mr-16 inline-flex align-middle"><svg id="spon-twitter-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M13.675 10.6229L20.228 3.00488H18.675L12.985 9.61888L8.44 3.00488H3.198L10.071 13.0069L3.198 20.9949H4.751L10.761 14.0099L15.56 20.9949H20.802L13.675 10.6219V10.6229ZM5.31 4.17288H7.695L18.675 19.8799H16.29L5.31 4.17288Z" shape-rendering="geometricPrecision" class="fill-current"/> </svg> </span> <span class="align-middle">X.com</span> </span> </a> </li> <li> <a class="flex items-center leading-normal px-16 py-12 text-black dark:text-shade-lightest hover:bg-shade-lightest dark:hover:bg-black w-full disabled:opacity-slight disabled:cursor-not-allowed" href="https://www.facebook.com/share.php?t=%28S%2B%29+Pfade+zur+Pr%C3%A4sidentschaft%3A+Darum+steht+Trump+kurz+vor+dem+Sieg&u=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300%3Fsara_ref%3Dre-so-fb-sh" target="_self" rel="nofollow" title="Facebook" data-sara-click-el="button" data-sara-cta="sharing:Facebook"> <span> <span class="mr-16 inline-flex align-middle"><svg id="spon-facebook-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M9.26 21.5v-8.209H6.4V9.51h2.86V6.835c0-2.86 1.844-4.335 4.426-4.335 1.2 0 2.306.092 2.583.092v3.044h-1.752c-1.384 0-1.753.646-1.753 1.66V9.51h3.782l-1.292 3.781h-2.49V21.5H9.26z" class="stroke-current" stroke-miterlimit="10" stroke-linejoin="round"/> </svg> </span> <span class="align-middle">Facebook</span> </span> </a> </li> <li> <a class="flex items-center leading-normal px-16 py-12 text-black dark:text-shade-lightest hover:bg-shade-lightest dark:hover:bg-black w-full disabled:opacity-slight disabled:cursor-not-allowed" href="mailto:?subject=%28S%2B%29%20Pfade%20zur%20Pr%C3%A4sidentschaft:%20Darum%20steht%20Trump%20kurz%20vor%20dem%20Sieg%20%28DER%20SPIEGEL%29&body=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300%3Fsara_ref%3Dre-em-em-sh" target="_self" rel="nofollow" title="E-Mail" data-sara-click-el="button" data-sara-cta="sharing:E-Mail"> <span> <span class="mr-16 inline-flex align-middle"><svg id="spon-mail-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="stroke-current" d="M3.5 5.5H20.5M3.5 5.5V18.5M3.5 5.5L10 12M20.5 5.5V18.5M20.5 5.5L14 12M20.5 18.5H3.5M20.5 18.5L14 12M3.5 18.5L10 12M10 12L12 14L14 12" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="align-middle">E-Mail</span> </span> </a> </li> <li data-not-mobile-hidden> <a class="flex items-center leading-normal px-16 py-12 text-black dark:text-shade-lightest hover:bg-shade-lightest dark:hover:bg-black w-full disabled:opacity-slight disabled:cursor-not-allowed" href="fb-messenger://share?link=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300%3Fsara_ref%3Dre-so-fm-sh&app_id=2309869772" target="_self" rel="nofollow" title="Messenger" data-sara-click-el="button" data-sara-cta="sharing:Messenger"> <span> <span class="mr-16 inline-flex align-middle"><svg id="spon-messenger-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M6.563 18.418c0-.314-.148-.602-.382-.79-1.894-1.522-3.08-3.765-3.08-6.257C3.1 6.835 7.05 3.1 12 3.1c4.948 0 8.9 3.734 8.9 8.27 0 4.535-3.952 8.27-8.9 8.27-.852 0-1.674-.11-2.452-.317a1.014 1.014 0 00-.762.096l-2.224 1.265v-2.267z" class="stroke-current"/> <path d="M10.996 8.968l-5.069 5.368 4.614-2.532 2.41 2.532 5.04-5.368-4.561 2.487-2.434-2.487z" class="fill-current"/> </svg> </span> <span class="align-middle">Messenger</span> </span> </a> </li> <li data-not-mobile-hidden> <a class="flex items-center leading-normal px-16 py-12 text-black dark:text-shade-lightest hover:bg-shade-lightest dark:hover:bg-black w-full disabled:opacity-slight disabled:cursor-not-allowed" href="whatsapp://send?text=%28S%2B%29+Pfade+zur+Pr%C3%A4sidentschaft%3A+Darum+steht+Trump+kurz+vor+dem+Sieg+%28DER+SPIEGEL%29+https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300%3Fsara_ref%3Dre-so-wa-sh" target="_self" rel="nofollow" title="WhatsApp" data-sara-click-el="button" data-sara-cta="sharing:WhatsApp"> <span> <span class="mr-16 inline-flex align-middle"><svg id="spon-whatsapp-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M2.87 11.86v-.002C2.85 6.848 6.932 2.8 11.974 2.8c5.042 0 9.126 4.05 9.126 9.039 0 4.99-4.084 9.038-9.126 9.038a9.185 9.185 0 01-4.24-1.04l-.23.444.23-.444a1.014 1.014 0 00-.78-.067l-4.16 1.347 1.346-3.953a1.015 1.015 0 00-.082-.831A9.006 9.006 0 012.87 11.86z" class="stroke-current"/> <path d="M16.774 13.84c-.062-.083-.206-.145-.434-.27-.227-.103-1.322-.64-1.53-.723-.206-.082-.35-.103-.495.104-.145.227-.579.723-.703.868-.124.144-.268.165-.475.062-.227-.104-.95-.351-1.798-1.095-.661-.58-1.116-1.323-1.24-1.53-.124-.227-.02-.351.103-.454.104-.104.228-.27.33-.393.104-.124.146-.228.228-.372.083-.145.042-.269-.02-.393-.062-.103-.496-1.199-.682-1.653-.186-.434-.372-.372-.496-.372s-.29-.02-.434-.02a.89.89 0 00-.6.268c-.206.227-.785.764-.785 1.86 0 1.095.806 2.15.91 2.294.103.144 1.55 2.46 3.823 3.348 2.273.889 2.273.6 2.686.558.414-.041 1.323-.537 1.509-1.054.165-.496.165-.93.103-1.034z" class="fill-current"/> </svg> </span> <span class="align-middle">WhatsApp</span> </span> </a> </li> <li> <button class="flex items-center leading-normal px-16 py-12 text-black dark:text-shade-lightest hover:bg-shade-lightest dark:hover:bg-black w-full disabled:opacity-slight disabled:cursor-not-allowed" title="Link kopieren" data-sara-click-el="button" @click.prevent="const shareUrlObject = new URL(shareUrl);shareUrlObject.searchParams.set('sara_ref', 're-xx-cp-sh');if ($webUtils.copyToClipboard(shareUrlObject.href)) {$notificationService.addNotification({type: 'NOTIFICATION_TYPE_SUCCESS',headline: 'Link kopiert',description: 'Die Artikel-URL wurde erfolgreich in Ihrer Zwischenablage gespeichert.',});}" x-ref="copyLink" data-sara-cta="sharing:Link kopieren"> <span> <span class="mr-16 inline-flex align-middle"><svg id="spon-copylink-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-copylink-9a36ffed-384c-4939-82bf-fb3abe05c06a" stroke-width="1.1" stroke-linecap="round"> <path id="rectangle-9a36ffed-384c-4939-82bf-fb3abe05c06a" d="M12.403 14.828s.81.81-.086 1.705l-1.832 1.832a3 3 0 01-4.242 0l-.304-.303-.304-.304a3 3 0 010-4.243l1.833-1.832c.895-.895 1.703-.087 1.703-.087" stroke-miterlimit="10"/> <path id="rectangle_2-9a36ffed-384c-4939-82bf-fb3abe05c06a" d="M14.828 12.404s.81.81 1.704-.086l1.832-1.832a3 3 0 000-4.243l-.303-.303-.304-.304a3 3 0 00-4.242 0l-1.832 1.832c-.896.896-.088 1.704-.088 1.704" stroke-miterlimit="10"/> <path id="vector-9a36ffed-384c-4939-82bf-fb3abe05c06a" d="M8.822 15.178l6.355-6.355"/> </g> </svg> </span> <span class="align-middle">Link kopieren</span> </span> </button> </li> </ul> </div> </div> </div> <section class="relative"> <div data-has-paid-access-hidden data-not-gift-article-hidden> <section class="lg:w-8/12 md:w-10/12 sm:w-full mx-auto lg:my-32 md:my-32 sm:my-24 lg:px-24 md:px-24 sm:px-16 clear-both"> <div class="bg-sec2-lightest dark:bg-sec2-darker rounded lg:p-24 md:p-24 sm:py-24 sm:px-16" data-sara-component="{"name":"gift-box","title":"Blockierte Verschenken Box","type":"pop-up"}"> <div class="flex"> <div class="sm:hidden mr-24"><svg id="spon-article-sharing-small" width="120" height="120" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <rect width="120" height="120" rx="1.5" fill="#8DD5FF"/> <path d="M18 37H0m18 8H4m14 8h-7m86 31h23m-23 8h18m-18 8h7" stroke="#fff" stroke-width="2" stroke-miterlimit="10"/> <path d="M92 41H27v60h65V41Z" fill="#E64415"/> <path d="M96 36H23v15h73V36Z" fill="#C12B00"/> <path d="m65 51 27 4.21V51H65Z" fill="#000"/> <path d="M57.896 84.127V72.302H48.65v-5.36h4.615v3.31h4.632v-4.73c0-1.513-1.384-2.522-2.779-2.522H46.48C45.085 63 44 64.104 44 65.523v10.72h9.241v6.465h-4.746v-4.415H44v5.676c0 1.42 1.085 2.523 2.48 2.523h8.776c1.426 0 2.64-.946 2.64-2.365Zm8.23-15.997h3.391v5.086h5.088v3.392h-5.088v5.087h-3.39v-5.087h-5.088v-3.392h5.087V68.13Z" fill="#fff"/> <path d="m54.945 22.646 4.998 5.854c.333-.5 1.666-2.254 4.866-5.854 4-4.5 9.419-4.634 13-1.5 3.752 3.283 3.5 9 1 12-2 2.4-5.833 3-7.5 3h-5.365L72.369 44l-5 3.146-7.425-9.646-7.234 9.646L47.444 44l6.365-7.854h-6c-3.2 0-5.606-1.408-6.998-3-1.62-1.854-3.366-7.146.632-11.646 3.062-3.446 10.002-3.5 13.502 1.146Z" fill="#811D00"/> <path d="M75.516 26.389c-1.568-3.135-4.572-2.389-6.573-.39l-5 5.001h8c2.233-.115 5.074-1.61 3.573-4.611Zm-31.153 0c1.568-3.135 4.573-2.389 6.574-.39L55.936 31h-8c-2.233-.115-5.074-1.61-3.573-4.611Z" fill="#8DD5FF"/> <path d="M27 68h13v10H27V68Zm28-8v-9h10v9H55Zm0 41V90h10v11H55Zm24-33h13v10H79V68Z" fill="#811D00"/> </svg> </div> <div class="flex flex-col justify-center"> <div class="mb-12 text-primary-base dark:text-shade-lighter"><svg id="spon-spiegel-plus-mobile" width="91" height="15" class="fill-current" viewBox="0 0 91 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M14.6544 5.89999V2.5H18.0671V5.89999H14.6544ZM20.9779 6.79999V1.6C20.9779 0.699999 20.2753 0 19.3719 0H10.5391V2.5H11.7436V12.5H10.5391V15H15.7585V12.5H14.6544V8.39999H19.3719C20.2753 8.39999 20.9779 7.69999 20.9779 6.79999Z"/> <path d="M26.097 12.5V2.5H27.3015V0H22.082V2.5H23.2865V12.5H22.082V15H27.3015V12.5H26.097Z"/> <path d="M36.0339 9.69999V12.5H32.6212V8.39999H37.138V5.89999H32.6212V2.5H36.0339V4.59999H38.9448V0H28.6063V2.5H29.7104V12.5H28.6063V15H38.9448V9.69999H36.0339Z"/> <path d="M44.2645 5.89999V8.39999H46.5732V12.5H43.1604V2.5H46.5732V4.59999H49.5843V1.6C49.5843 0.699999 48.8817 0 47.9784 0H41.956C41.5545 0 41.153 0.2 40.9522 0.399999C40.6511 0.699999 40.35 1.1 40.35 1.6V13.4C40.35 13.9 40.5507 14.3 40.9522 14.6C41.2534 14.9 41.6548 15 42.0563 15H49.5843V5.89999H44.2645Z"/> <path d="M58.417 9.69999V12.5H55.0043V8.39999H59.5211V5.89999H55.0043V2.5H58.417V4.59999H61.3278V0H50.9893V2.5H52.0934V12.5H50.9893V15H61.3278V9.69999H58.417Z"/> <path d="M70.1611 9.69999V12.5H66.8488V2.5H68.0533V0H62.7335V2.5H63.938V12.5H62.7335V15H73.0719V9.69999H70.1611Z"/> <path d="M9.23435 13.4899V5.93959H3.0112V2.51678H6.32352V4.63087H9.33472V1.61074C9.33472 0.644286 8.43136 0 7.528 0H1.60598C0.702616 0 0 0.704698 0 1.61074V8.45637H6.22314V12.5839H2.91082V9.76509H0V13.3892C0 14.2953 0.702616 15 1.60598 15H7.528C8.45173 15 9.23435 14.396 9.23435 13.4899Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M76 0H91V15H76V0ZM82.9598 7.97671V12.7437H84.0085V7.97671H88.6801V7.02332H84.0085V2.25638H82.9598V7.02332H78.3199V7.97671H82.9598Z"/> </svg> </div> <p class="text-black dark:text-shade-lightest font-sansUI text-base leading-loose"> Sie können den Artikel leider nicht mehr aufrufen. Der Link, der Ihnen geschickt wurde, ist entweder älter als 30 Tage oder der Artikel wurde bereits 10 Mal geöffnet. </p> </div> </div> </div> </section> </div> <div class="lg:mt-32 md:mt-32 sm:mt-24 md:pb-48 lg:pb-48 sm:pb-32"> <div data-area="body"> <div data-sara-click-el="body_element" data-area="paywall" data-pos="1"> <div class="relative clear-both lg:mx-24 md:mx-24" data-area="paywall" data-target-id="article-paywall-primary-sale-web" data-has-spmetered-hidden data-app-hidden data-sara-component="{"name":"article-paywall-primary-sale","title":"Default Paywall","type":"paywall"}"> <div class="mx-auto lg:w-10/12 md:w-10/12 bg-white dark:bg-dm-shade-darkest sm:mx-16 lg:pb-40 lg:px-24 md:px-24 md:pb-40 sm:pb-24 sm:px-16" x-data="{selectedOffer: 'first',hasChangedOffer: false}" x-init="$watch('selectedOffer', (value) => hasChangedOffer = true)"> <fieldset class="border border-solid border-shade-lighter dark:border-shade-dark sm:px-16 px-40"> <legend class="mx-auto px-16 bg-white dark:bg-dm-shade-darkest"> <span class="flex leading-none items-center text-primary-base"><svg id="spon-spplus-flag-xl" width="30" height="30" viewBox="0 0 30 30" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <rect class="text-spon-primary-base dark:text-spon-dm-primary-base fill-current" width="30" height="30" rx="1.5"/> <path d="M14.8689 22.1887V13.1277H7.6819V9.02007H11.2687V11.5571H14.8689V7.93276C14.8689 6.77295 13.7929 5.99976 12.7088 5.99976H5.99553C4.91143 5.99976 4.06824 6.84545 4.06824 7.93276V16.148H11.2507V21.1014H7.56145V17.7186H4.06824V22.0679C4.06824 23.1552 4.91143 24.0009 5.99553 24.0009H12.8168C13.9253 24.0009 14.8689 23.276 14.8689 22.1887Z" fill="#fff"/> <path d="M21.8443 11.3999H24.0945V14.7751H27.4697V17.0252H24.0945V20.4005H21.8443V17.0252H18.4691V14.7751H21.8443V11.3999Z" fill="#fff" /> </svg> </span> </legend> <div class="mx-auto flex flex-col items-center"> <h3 class="font-sansUI font-bold sm:text-xl md:text-2xl lg:text-2xl text-center text-black dark:text-shade-lightest leading-normal my-16 lg:mt-24"> Diesen Artikel weiterlesen mit SPIEGEL+ </h3> <p class="font-sansUI text-base text-black dark:text-shade-lightest leading-normal mb-24" data-logged-in-hidden>Sie haben bereits ein Digital-Abo? <a href="https://gruppenkonto.spiegel.de/authenticate?requestAccessToken=true&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" title="Zum Login" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-base leading-normal" data-sara-link="gruppenkonto" data-sara-cta="secondary:login"> Zum Login </a> </p> <div class="flex flex-col max-w-640 mb-16"> <div :class="selectedOffer === 'first' ? 'bg-sec2-lightest dark:bg-sec2-darker' : 'bg-white dark:bg-dm-shade-darkest'" class="flex flex-col p-16 border-t dark:border-shade-dark"> <div class="flex justify-between items-center mb-16 text-primary-base dark:text-dm-primary-base"> <span class="sr-only">SPIEGEL plus</span><svg id="spon-spiegel-plus-paywall-mobile" class="fill-current" width="102" height="18" viewBox="0 0 102 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="spiegel-plus-mobile-ba9237f4-3168-468f-a9da-45aa3c6301d3"> <g id="spiegel-plus-tablet-desktop-ba9237f4-3168-468f-a9da-45aa3c6301d3"> <g id="group-ba9237f4-3168-468f-a9da-45aa3c6301d3"> <path id="vector-ba9237f4-3168-468f-a9da-45aa3c6301d3" d="M1.87 16.982A1.858 1.858 0 010 15.112v-3.85h3.346v2.914h3.67V9.534H.036V1.871C.036.828.863 0 1.906 0h6.585c1.043 0 1.87.828 1.87 1.87v3.167H7.017V2.842H3.418v3.922h6.98v8.347c0 1.043-.828 1.871-1.871 1.871H1.871z"/> <path id="vector_2-ba9237f4-3168-468f-a9da-45aa3c6301d3" d="M11.909 16.982V14.14h1.331V2.842H11.91V0h9.93c1.044 0 1.871.828 1.871 1.87v6.333c0 1.044-.828 1.871-1.87 1.871h-5.218v4.066h1.296v2.842h-6.009zm8.455-14.14h-3.742v4.426H20.4V2.842h-.036z"/> <path id="vector_3-ba9237f4-3168-468f-a9da-45aa3c6301d3" d="M24.97 16.982V14.14h1.33V2.842h-1.33V0h5.972v2.842h-1.296v11.334h1.296v2.842h-5.973v-.036z"/> <path id="vector_4-ba9237f4-3168-468f-a9da-45aa3c6301d3" d="M32.345 16.982V14.14h1.331V2.842h-1.331V0H43.93v4.93h-3.238V2.841h-3.67v3.85h4.893v2.734h-4.893v4.714h3.67V11.26h3.238v5.721H32.345z"/> <path id="vector_5-ba9237f4-3168-468f-a9da-45aa3c6301d3" d="M47.564 16.982a1.858 1.858 0 01-1.87-1.87V1.87C45.693.828 46.52 0 47.563 0h6.656c1.044 0 1.871.828 1.871 1.87v3.167h-3.346v-2.23h-3.67V14.14h3.67V9.894h-2.159v-2.77h5.541v9.858h-8.563z"/> <path id="vector_6-ba9237f4-3168-468f-a9da-45aa3c6301d3" d="M57.746 16.982V14.14h1.331V2.842h-1.331V0h11.585v4.93h-3.238V2.841h-3.67v3.85h4.893v2.734h-4.893v4.714h3.67V11.26h3.238v5.721H57.746z"/> <path id="vector_7-ba9237f4-3168-468f-a9da-45aa3c6301d3" d="M70.914 16.982V14.14h1.332V2.842h-1.332V0h6.08v2.842h-1.367v11.334h3.203V10.47h3.13v6.548H70.914v-.036z"/> </g> <g id="group_2-ba9237f4-3168-468f-a9da-45aa3c6301d3"> <path id="subtract-ba9237f4-3168-468f-a9da-45aa3c6301d3" fill-rule="evenodd" clip-rule="evenodd" d="M85.018 0H102v16.982H85.018V0zm7.88 9.03v5.398h1.187V9.03h5.289V7.95h-5.29V2.555h-1.187V7.95h-5.253v1.08h5.253z"/> </g> </g> </g> </svg> <span class="inline-flex bg-white border border-black dark:border-shade-lightest font-sansUI h-24 ml-12 pt-4 px-6 rounded text-black text-xs whitespace-nowrap"> Nur für Neukunden </span> </div> <div class="group relative inline-flex flex-row mb-16 font-bold"> <input type="radio" id="fieldset-first" name="subscription" value="first" class="peer appearance-none rounded-circle text-black shrink-0 w-24 h-24 bg-white dark:bg-shade-darkest border border-shade-base group-hover:border-black checked:border-black disabled:border-shade-lighter dark:border-shade-light dark:group-hover:border-shade-lightest dark:checked:border-shade-lightest dark:disabled:border-shade-dark cursor-pointer disabled:cursor-not-allowed" checked x-model="selectedOffer"> <span class="absolute left-0 top-0 pointer-events-none invisible peer-checked:visible w-24 h-24 flex items-center justify-center"> <span class="bg-black dark:bg-shade-lightest rounded-circle w-12 h-12"></span> </span> <label for="fieldset-first" class="font-sansUI pl-12 leading-normal text-base text-shade-darker group-hover:text-black peer-checked:text-black peer-disabled:text-shade-base dark:text-shade-lightest dark:group-hover:text-white dark:peer-checked:text-white dark:peer-disabled:text-shade-dark cursor-pointer peer-disabled:cursor-not-allowed"> € 1,– für 4 Wochen <span x-show="selectedOffer === 'first' && hasChangedOffer" x-cloak class="flex sm:flex-row text-s font-normal"> danach € 5,99 pro Woche </span> </label> </div> <div x-show="selectedOffer === 'first'"> <div class="flex flex-col font-sansUI text-s mb-16"> <div class="flex flex-row items-center"> <span class="text-positive"><svg id="spon-checkbox-f-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-checkbox-f-9ee03fb1-b8db-4e98-8c9c-9268a1e239b5"> <path id="check-9ee03fb1-b8db-4e98-8c9c-9268a1e239b5" d="M11.333 4.667l-4.666 6-2-2.667" stroke-width="1.8" stroke-linecap="round"/> </g> </svg> </span> <span class="leading-normal mb-6 ml-4"> Freier Zugriff auf alle S+-Artikel auf SPIEGEL.de und in der App </span> </div> <div class="flex flex-row items-center"> <span class="text-positive"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> <span class="leading-normal mb-6 ml-4"> Wöchentlich die digitale Ausgabe des SPIEGEL inkl. E-Paper (PDF), Digital-Archiv und S+-Newsletter </span> </div> <div class="flex flex-row items-center"> <span class="text-positive"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> <span class="leading-normal mb-6 ml-4"> Jederzeit kündigen </span> </div> </div> <div class="w-full inline-flex justify-end"> <a title="Jetzt abonnieren" class="inline-block bg-primary-base dark:bg-dm-primary-base border border-primary-base dark:border-dm-primary-base hover:border-primary-dark focus:border-primary-darker hover:bg-primary-dark focus:bg-primary-darker pl-16 pr-12 py-12 rounded" href="https://abo.spiegel.de/de/c/microsites/pl/standard/probemonat1w4?requestAccessToken=true&sara_icid=disp_upd_y8oAidySP7IgyGiwEWhu3KdAqEJ8Tk&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" data-area="paywall-purchase-button" data-target-button data-sara-cta="primary:subscription"> <span class="flex text-s text-white font-sansUI leading-normal font-bold"> <span class="relative bottom-px"> Jetzt abonnieren </span> <span class="flex leading-none items-center ml-8"><svg id="spon-chevron-right-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-right-78ded4e5-002f-4f7f-8ff1-88b1e9fc27f1"> <path id="vector-78ded4e5-002f-4f7f-8ff1-88b1e9fc27f1" d="M4.333 2.667L7.667 6 4.333 9.333" stroke-linecap="round"/> </g> </svg> </span> </span> </a> </div> </div> </div> <div :class="selectedOffer === 'second' ? 'bg-sec2-lightest dark:bg-sec2-darker' : 'bg-white dark:bg-dm-shade-darkest'" class="flex flex-col p-16 border-t border-b dark:border-shade-dark"> <div class="flex justify-between items-center mb-16 text-primary-base dark:text-dm-primary-base"> <span class="sr-only">SPIEGEL plus</span><svg width="102" height="18"><use xlink:href="#spon-spiegel-plus-paywall-mobile"/></svg> <span class="inline-flex bg-opacity-slight bg-positive border border-positive dark:text-white font-sansUI h-24 ml-12 pt-4 px-6 rounded text-black text-xs whitespace-nowrap"> 52 Wochen 25 % sparen </span> </div> <div class="group relative inline-flex flex-row mb-16 font-bold"> <input type="radio" id="fieldset-second" name="subscription" value="second" class="peer appearance-none rounded-circle text-black shrink-0 w-24 h-24 bg-white dark:bg-shade-darkest border border-shade-base group-hover:border-black checked:border-black disabled:border-shade-lighter dark:border-shade-light dark:group-hover:border-shade-lightest dark:checked:border-shade-lightest dark:disabled:border-shade-dark cursor-pointer disabled:cursor-not-allowed" x-model="selectedOffer"> <span class="absolute left-0 top-0 pointer-events-none invisible peer-checked:visible w-24 h-24 flex items-center justify-center"> <span class="bg-black dark:bg-shade-lightest rounded-circle w-12 h-12"></span> </span> <label for="fieldset-second" class="font-sansUI pl-12 leading-normal text-base text-shade-darker group-hover:text-black peer-checked:text-black peer-disabled:text-shade-base dark:text-shade-lightest dark:group-hover:text-white dark:peer-checked:text-white dark:peer-disabled:text-shade-dark cursor-pointer peer-disabled:cursor-not-allowed"> € 4,49 pro Woche für 52 Wochen <span x-show="selectedOffer === 'second' && hasChangedOffer" x-cloak class="flex sm:flex-row text-s font-normal"> danach € 5,99 pro Woche </span> </label> </div> <div x-cloak x-show="selectedOffer === 'second'"> <div class="flex flex-col font-sansUI text-s mb-16"> <div class="flex flex-row items-center"> <span class="text-positive"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> <span class="leading-normal mb-6 ml-4"> Freier Zugriff auf alle S+-Artikel auf SPIEGEL.de und in der App </span> </div> <div class="flex flex-row items-center"> <span class="text-positive"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> <span class="leading-normal mb-6 ml-4"> Wöchentlich die digitale Ausgabe des SPIEGEL inkl. E-Paper (PDF), Digital-Archiv und S+-Newsletter </span> </div> <div class="flex flex-row items-center"> <span class="text-positive"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> <span class="leading-normal mb-6 ml-4"> 52 Wochen rabattierte Laufzeit </span> </div> </div> <div class="w-full inline-flex justify-end"> <a title="Jetzt abonnieren" class="inline-block bg-primary-base dark:bg-dm-primary-base border border-primary-base dark:border-dm-primary-base hover:border-primary-dark focus:border-primary-darker hover:bg-primary-dark focus:bg-primary-darker pl-16 pr-12 py-12 rounded" href="https://abo.spiegel.de/de/c/microsites/pl/standard/pl-52w-mbz?requestAccessToken=true&sara_icid=disp_upd_bHBEDN4lt9q8pNUJTJ6HoVZwpZYz3V&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" data-area="paywall-purchase-button" data-target-button data-sara-cta="primary:subscription"> <span class="flex text-s text-white font-sansUI leading-normal font-bold"> <span class="relative bottom-px"> Jetzt abonnieren </span> <span class="flex leading-none items-center ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-s"/></svg> </span> </span> </a> </div> </div> </div> </div> <p class="font-sansUI text-shade-dark dark:text-shade-light text-s lg:mb-24 md:mb-24 sm:mb-16"> Sie haben bereits ein Print-Abo? <a href="https://abo.spiegel.de/de/p/bestellung_b/start/upgradeabo_solo_probemonat-7790839?requestAccessToken=true&sara_icid=disp_upd_LHjlCg8r6fjer0JTa64LyuTmN1PQVu&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" title="Hier klicken" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-s leading-normal" data-sara-link="gruppenkonto" data-sara-cta="secondary:upgrade"> Hier rabattiert Digital-Zugang bestellen </a> </p> </div> </fieldset> </div> </div> <div class="relative clear-both" data-area="paywall" data-target-id="article-paywall-primary-sale-app" data-not-app-hidden data-sara-component="{"name":"article-paywall-primary-sale","title":"Default Paywall","type":"paywall"}" data-has-spmetered-hidden> <div class="shadow-sm lg:mx-24 md:mx-24 sm:mx-16"> <div class="bg-primary-base dark:bg-dm-primary-base text-center"> <div class="lg:pl-12 md:pl-4 sm:px-16 inline-block lg:h-80 md:h-80 sm:h-64 sm:pt-4 sm:pb-8 inline-flex items-center flex-wrap lg:w-8/12 md:w-10/12 sm:w-12/12 text-white dark:text-shade-lightest"> <span class="font-sansUI font-bold mr-8 shrink-0 mt-4"> Weiterlesen mit </span> <span class="shrink-0 leading-none"><svg width="102" height="18"><use xlink:href="#spon-spiegel-plus-paywall-mobile"/></svg> <span class="sr-only">SPIEGEL+</span> </span> </div> </div> <div class="bg-white dark:bg-dm-shade-darkest border-solid border-shade-lighter border" data-target-hide> <div class="sm:px-16 lg:w-8/12 md:w-10/12 mx-auto lg:my-32 md:my-32 sm:my-24 lg:pl-8 md:pl-4 pb-8" data-area="paywall-text"> <h3 class="font-brandUI lg:text-2xl md:text-2xl sm:text-xl leading-tight font-extrabold mb-16 sm:mb-8">Mehr Perspektiven, mehr verstehen.</h3> <p class="font-sansUI text-base leading-normal lg:mb-2 md:mb-2 sm:mb-16"> Freier Zugang zu allen Artikeln, Videos, Audioinhalten und Podcasts </p> <div class="flex sm:flex-col justify-center items-center my-24"> <ul class="lg:w-7/12 md:w-7/12 sm:w-full lg:mr-24 md:mr-24 mb-24"> <li class="flex items-center mb-12"> <span class="mr-12 w-32 h-32 rounded-circle border border-solid border-shade-dark flex items-center justify-center shrink-0"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> <p class="text-base font-sansUI leading-normal text-black dark:text-shade-lightest">Alle Artikel auf SPIEGEL.de frei zugänglich</p> </li> <li class="flex items-center mb-12"> <span class="mr-12 w-32 h-32 rounded-circle border border-solid border-shade-dark flex items-center justify-center shrink-0"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> <p class="text-base font-sansUI leading-normal text-black dark:text-shade-lightest">DER SPIEGEL als E-Paper und in der App</p> </li> <li class="flex items-center mb-12"> <span class="mr-12 w-32 h-32 rounded-circle border border-solid border-shade-dark flex items-center justify-center shrink-0"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> <p class="text-base font-sansUI leading-normal text-black dark:text-shade-lightest">Alle Artikel zum Anhören und exklusive Podcasts</p> </li> <li class="flex items-center" x-data="{isLoading: true,defaultPrice: '€ 24,99',get appProduct() {return $store.AppProducts.getProduct({subscription: 'Spplus',});},init() {if (this.appProduct && !this.appProduct.isReady){$sendMessage('GetFormattedPrice', this.appProduct);window.setTimeout(() => { this.isLoading = false; }, 3000);return;}this.isLoading = false;},get text() {if (this.isLoading) {return 'Preis wird geladen...';}return `Nur ${this.appProduct?.formattedPrice ? this.appProduct.formattedPrice : this.defaultPrice} pro Monat, jederzeit kündbar`;},}" x-effect="if (appProduct?.isReady) isLoading = false"> <span class="mr-12 w-32 h-32 rounded-circle border-solid border-shade-dark flex items-center justify-center shrink-0" :class="{'border': !isLoading,}"> <span class="w-18 h-18 rounded-circle border-2 border-shade-base dark:border-shade-light animate-spin" style="border-top-color:transparent;" x-show="isLoading"></span> <span class="leading-none" x-show="!isLoading" x-cloak><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> </span> <p class="text-base font-sansUI leading-normal text-black dark:text-shade-lightest" x-html="text"> Preis wird geladen... </p> </li> </ul> <figure class="relative lg:w-5/12 md:w-5/12 sm:w-8/12 sm:order-first sm:mb-16"> <img class="lazyload" data-src="https://abo.spiegel.de/de/m/1698406484433/37478462" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 360' width='420' height='360' %3E%3C/svg%3E" width="420" height="360"> </figure> </div> <div> <button title="Jetzt kaufen" class="mb-16 leading-normal font-bold bg-primary-base dark:bg-dm-primary-base inline-block border border-primary-base dark:border-dm-primary-base hover:border-primary-dark focus:border-primary-darker disabled:border-shade-lighter hover:bg-primary-dark focus:bg-primary-darker disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed text-white dark:text-shade-lightest font-sansUI pl-16 pr-12 py-12 text-s rounded" x-data @click="if ($appUtils.isApp) {$appBridge.triggerInAppPurchase({ product: 'Spplus' });$cooldown(1000);}" data-area="paywall-purchase-button" data-target-button data-sara-click-el="button" data-sara-cta="primary:subscription"> <span class="flex"> <span class="relative bottom-px">Jetzt kaufen</span> <span class="flex leading-none items-center ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </button> <p class="text-base font-sansUI leading-normal text-shade-dark dark:text-shade-light" data-logged-in-hidden> Sie haben bereits ein Digital-Abonnement? <button title="Hier anmelden" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-base leading-normal" x-data @click="if ($appUtils.isApp) {$appBridge.triggerLogin();$cooldown(1000);}" data-sara-link="gruppenkonto" data-sara-cta="secondary:login"> Hier anmelden </button> </p> </div> <div class="mt-24" data-not-ios-hidden> <button class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-base leading-normal" x-data @click="if ($appUtils.isApp) {$appBridge.triggerRestorePurchases();$cooldown(1000);}" data-area="paywall-restore-button" data-sara-cta="”secondary:restore”"> iTunes-Abo wiederherstellen </button> <p class="mt-16 font-sansUI text-base text-shade-dark dark:text-shade-light"> SPIEGEL+ wird über Ihren iTunes-Account abgewickelt und mit Kaufbestätigung bezahlt. 24 Stunden vor Ablauf verlängert sich das Abo automatisch um einen Monat zum Preis von zurzeit € 24,99. In den Einstellungen Ihres iTunes-Accounts können Sie das Abo jederzeit kündigen. Um SPIEGEL+ außerhalb dieser App zu nutzen, müssen Sie das Abo direkt nach dem Kauf mit einem SPIEGEL-ID-Konto verknüpfen. Mit dem Kauf akzeptieren Sie unsere <a href="https://www.spiegel.de/nutzungsbedingungen" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-base leading-normal">Allgemeinen Geschäftsbedingungen</a> und <a href="https://www.spiegel.de/datenschutz-spiegel" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-base leading-normal">Datenschutzerklärung</a>. </p> </div> </div> </div> </div> </div> <aside class="relative clear-both lg:mx-24 md:mx-24 sm:mx-16" x-data="{articleId: 'b5b87376-4ccb-47aa-a719-a50064c81300',title: 'Pfade zur Präsidentschaft: Darum steht Trump kurz vor dem Sieg',isLoading: false,isDisabled: false,isReady: false,get credits() {return $store.User.meteredStatus?.credits ?? 0;},get hasCredits() {return this.credits > 0;},get nextRefresh() {return $store.User.meteredStatus?.nextRefresh ? $dateUtils.formatDate($store.User.meteredStatus.nextRefresh) : '';},get saraComponent() {if (!this.isReady) {return null;}return JSON.stringify({name: this.hasCredits ? 'article-meterwall' : 'article-paywall-secondary-upsell',title: this.hasCredits ? 'Default metered - Unlock wall' : 'Default metered exhausted - Spplus upsell',type: 'paywall',});},get targetId() {if (!this.isReady || this.hasCredits) {return null;}return $appUtils.isApp ? 'paywall-secondary-upsell-app' : 'article-paywall-secondary-upsell-web';},init() {if ($store.User.meteredStatus?.isReady) {this.isReady = true;} else {$subscribe('USER_METERED_STATUS_UPDATED',this.onUserMeteredStatusUpdated,this);}},onUserMeteredStatusUpdated() {this.isReady = true;},async unlockDocument() {this.enterPendingState();try {await $meteredService.unlockDocument(this.articleId, this.title);this.resetState();window.location.reload(true);} catch (error) {$notificationService.addNotification({type: 'NOTIFICATION_TYPE_FAILURE',headline: 'Artikel freischalten',description: 'Der Artikel konnte nicht freigeschaltet werden',});this.resetState();}},enterPendingState() {this.isLoading = true;this.isDisabled = true;},resetState() {this.isLoading = false;$cooldown(2000, 'isDisabled');}}" data-area="paywall" :data-sara-component="saraComponent" :data-target-id="targetId" data-has-spmetered-visible> <div class="relative min-h-280 bg-white dark:bg-dm-shade-darkest" :class="{ 'hidden': isReady }"> <div class="absolute flex h-full items-center justify-center w-full"> <div class="absolute w-100 h-100 left-6/12 top-6/12 -ml-64 -mt-59 origin-60 overflow-hidden mask-gradient-to-b animate-spin"> <div class="w-120 h-120 rounded-circle shadow-loader"></div> </div> <span class="text-primary-base dark:text-dm-primary-base"><svg id="spon-loader" class="fill-current" width="40" height="66" viewBox="0 0 24 30" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current" d="M20 29.4V13H6.3V5.4h7.2V10H20V3.4C20 1.5 18.4 0 16.5 0h-13C1.6 0 0 1.6 0 3.5v15h13.5v9H6.3v-6.1H0v8C0 31.3 1.6 33 3.5 33h13c1.9-.2 3.5-1.7 3.5-3.6z"/> </svg> </span> </div> </div> <template x-if="isReady"> <div class="border border-solid border-shade-lighter dark:border-shade-dark shadow-sm bg-white dark:bg-dm-shade-darkest lg:w-8/12 md:w-10/12 sm:w-full mx-auto lg:py-40 md:py-40 sm:py-24 lg:px-24 md:px-24 sm:px-16 clear-both"> <div class="flex justify-between items-center mb-16 text-primary-base dark:text-dm-primary-base"> <span class="sr-only">SPIEGEL plus</span> <span class="sm:hidden"><svg width="102" height="18"><use xlink:href="#spon-spiegel-plus-paywall-mobile"/></svg> </span> <span class="lg:hidden md:hidden"><svg width="91" height="15"><use xlink:href="#spon-spiegel-plus-mobile"/></svg> </span> <a href="https://gruppenkonto.spiegel.de/meinkonto/abonnements/artikel.html" @click.prevent="if ($appUtils.isApp) {$publish('TRIGGER_ACCOUNT', {"path":"/meinkonto/uebersicht.html"});$cooldown(1000);} else {window.location.href = $el.href;}" title="Zu meinen Artikeln" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-s leading-normal"> Zu meinen Artikeln </a> </div> <template x-if="hasCredits"> <div> <div class="font-sansUI text-base text-black dark:text-shade-lightest leading-normal lg:mb-24 md:mb-24 sm:mb-16"> <div class="font-bold mb-8"> <span x-text="credits"></span> von 4 Artikeln verfügbar </div> In Ihrem SPIEGEL+ Starter-Abo stehen Ihnen bis <span x-text="nextRefresh"></span> Uhr noch <span x-text="credits"></span> Artikel zur Verfügung. Wollen Sie diesen Artikel freischalten? </div> <button class="inline-block bg-primary-base dark:bg-dm-primary-base border border-primary-base dark:border-dm-primary-base hover:border-primary-dark focus:border-primary-darker hover:bg-primary-dark focus:bg-primary-darker disabled:bg-shade-lighter disabled:text-shade-dark disabled:border-sec2-lightest disabled:cursor-not-allowed pl-16 pr-12 py-12 rounded" @click="unlockDocument" :disabled="isDisabled" title="Artikel freischalten" data-area="paywall-purchase-button" data-target-button data-sara-cta="primary:subscription-unlock-article"> <span class="flex text-s text-white font-sansUI leading-normal font-bold"> <span class="relative bottom-px"> Artikel freischalten </span> <span x-show="!isLoading" class="flex leading-none items-center ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-s"/></svg> </span> <span class="rounded-circle w-16 h-16 border-2 border-white animate-spin ml-4" style="border-top-color:transparent;" x-show="isLoading" x-cloak></span> </span> </button> </div> </template> <template x-if="credits <= 0"> <div> <div class="font-sansUI text-base text-black dark:text-shade-lightest leading-normal lg:mb-24 md:mb-24 sm:mb-16"> <div class="font-bold mb-8"> <span x-text="credits"></span> von 4 Artikeln verfügbar </div> <span x-show="nextRefresh"> Die nächsten 4 freien Artikel stehen Ihnen am <span x-text="nextRefresh"></span> Uhr zur Verfügung. Trotzdem weiterlesen? Jetzt zum Premium-Abo upgraden! </span> </div> <h3 class="dark:text-shade-lightest flex font-brandUI font-extrabold items-center leading-tight text-2xl mb-12 text-black"> Premium-Abo <span class="bg-opacity-slight bg-positive dark:text-white font-normal font-sansUI leading-normal ml-12 px-8 py-4 rounded text-black text-xs ml-16"> Exklusiv für Sie! </span> </h3> <div class="font-sansUI text-black dark:text-shade-lightest mb-16"> <div class="font-bold text-base leading-loose mb-4"> € 5,99 pro Woche </div> <div class="text-s"> Vierwöchentlich abgerechnet und kündbar. </div> </div> <ul class="font-sansUI text-black dark:text-shade-lightest text-s mb-24"> <li class="flex min-h-18 mb-4"> <span class="mr-6 relative top-px"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> Starter-Abonnent:innen sparen bis zur nächsten Abrechnung. </li> <li class="flex min-h-18 mb-4"> <span class="mr-6 relative top-px"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> Alle Artikel auf SPIEGEL.de und App lesen </li> <li class="flex min-h-18 mb-4"> <span class="mr-6 relative top-px"><svg width="16" height="16"><use xlink:href="#spon-checkbox-f-m"/></svg> </span> Wöchentlich die digitale Ausgabe des SPIEGEL inkl. E-Paper (PDF), Digital-Archiv und S+-Newsletter </li> </ul> <a title="Jetzt upgraden" class="lg:inline-block md:inline-block sm:block bg-primary-base dark:bg-dm-primary-base border border-primary-base dark:border-dm-primary-base hover:border-primary-dark focus:border-primary-darker hover:bg-primary-dark focus:bg-primary-darker px-24 py-12 rounded" href="https://abo.spiegel.de/de/c/microsites/pl/standard/pl-starter-upg?requestAccessToken=true&sara_icid=disp_upd_FtkhazufIuPLo1q9TYQ7y6IW2qd0ef&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" data-area="paywall-purchase-button" data-target-button data-sara-cta="primary:subscription"> <span class="flex sm:justify-center text-base text-white font-sansUI leading-normal font-bold"> <span class="relative bottom-px"> Jetzt upgraden </span> <span class="flex leading-none items-center ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-s"/></svg> </span> </span> </a> </div> </template> </div> </template> </aside> </div> </div> </div> </section> </div> <footer data-area="article-footer"> <div class="border-separator-b h-px clear-both lg:w-8/12 md:w-10/12 lg:mx-auto md:mx-auto sm:mx-16"></div> <div class="flex justify-between items-start lg:w-8/12 md:w-10/12 lg:px-24 md:px-24 sm:px-16 lg:pb-32 md:pb-32 sm:pb-24 mt-24 mx-auto"> <div class="flex items-center"> <a href="https://www.spiegel.de/" class="flex mr-8 text-black dark:text-shade-lightest" aria-label="Zur Startseite"><svg id="spon-home-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M4.5 10.5v9h6v-3a1 1 0 011-1h1a1 1 0 011 1v3h6v-9l-7.5-7-7.5 7z" class="stroke-current" stroke-width="1.1"/> </svg> </a> <a class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-s" href="https://www.spiegel.de/"> Startseite </a> </div> <button x-data @click="$publish('FEEDBACK_LAYER_OPEN_LAYER');" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-s" title="Feedback"> Feedback </button> </div> </footer></article> </main> </div> </div> </div> <div class="sm:bg-shade-lightest sm:dark:bg-black md:bg-shade-lightest md:dark:bg-black"> <div class="relative z-10 lg:bg-shade-lightest lg:dark:bg-black dark:text-shade-lightest w-full lg:px-6 mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg"> <div class="h-px -mb-px"></div> <aside data-sara-component="{"name":"article-end","title":"Outbrain Feed","type":"recommendation"}" class="overflow-x-hidden" x-data="{isInitialized: false,consentDisabled: false,consentGloballyDisabled: false,outbrainId: '',partnerKeyOutbrain: '',partnerKeysOutbrain: {"androidMobile":"DESPI13CHC08M35BM5P1M5HEB","androidTablet":"DESPI2ML0D4D4DNMCCE09O2IA","iosMobile":"DESPI1K04H7B0LJHONLQMQI4A","iosTablet":"DESPI139BHM11JGONGOC4CFEL","noAdsAccess":"DESPI6NIEG0EPH2F086DGOIC6"},src: 'https://www.spiegel.de/ausland/us-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300',guaranteed: false,type: 'article_paid',noAds: true,widgetIDs: {"default":[{"ads":true,"device":"web","guaranteed":true,"id":"AR_8","type":"article"},{"ads":true,"device":"web","guaranteed":false,"id":"AR_8","type":"article"},{"ads":false,"device":"web","guaranteed":false,"id":"AR_10","type":"article"},{"ads":true,"device":"web","guaranteed":false,"id":"AR_11","type":"article_paid"},{"ads":true,"device":"web","guaranteed":true,"id":"VR_8","type":"video"},{"ads":true,"device":"web","guaranteed":false,"id":"VR_8","type":"video"},{"ads":false,"device":"web","guaranteed":false,"id":"VR_10","type":"video"},{"ads":true,"device":"web","guaranteed":false,"id":"VR_11","type":"video_paid"},{"ads":true,"device":"ios","guaranteed":true,"id":"MB_8","type":"article"},{"ads":true,"device":"ios","guaranteed":false,"id":"MB_8","type":"article"},{"ads":false,"device":"ios","guaranteed":false,"id":"MB_10","type":"article"},{"ads":true,"device":"ios","guaranteed":false,"id":"MB_11","type":"article_paid"},{"ads":true,"device":"ios","guaranteed":true,"id":"MB_12","type":"video"},{"ads":true,"device":"ios","guaranteed":false,"id":"MB_12","type":"video"},{"ads":false,"device":"ios","guaranteed":false,"id":"MB_14","type":"video"},{"ads":true,"device":"ios","guaranteed":false,"id":"MB_15","type":"video_paid"},{"ads":true,"device":"android","guaranteed":true,"id":"MB_18","type":"article"},{"ads":true,"device":"android","guaranteed":false,"id":"MB_18","type":"article"},{"ads":false,"device":"android","guaranteed":false,"id":"MB_20","type":"article"},{"ads":true,"device":"android","guaranteed":false,"id":"MB_21","type":"article_paid"},{"ads":true,"device":"android","guaranteed":true,"id":"MB_22","type":"video"},{"ads":true,"device":"android","guaranteed":false,"id":"MB_23","type":"video"},{"ads":false,"device":"android","guaranteed":false,"id":"MB_24","type":"video"},{"ads":true,"device":"android","guaranteed":false,"id":"MB_25","type":"video_paid"}],"noAdsAccess":[{"device":"web","id":"AR_10"},{"device":"ios","id":"MB_10"},{"device":"android","id":"MB_20"}]},CONSENT_INIT_TIMEOUT: 2000,async init() {await $waitForConsent();if (!this.noAds & this.consentGloballyDisabled) {this.noAds = true;const consentForSpecificPurpose = await new Promise((resolve) => {setTimeout(() => resolve(false), this.CONSENT_INIT_TIMEOUT);$waitForConsent([$tcfv2Purposes.store_and_access_information_on_a_device]).then(() => resolve(true)).catch(() => resolve(false));});this.noAds = !consentForSpecificPurpose;}if (this.isInitialized) {return;}this.determinePartnerKey();this.determineOutbrainId();this.isInitialized = true;},determinePartnerKey() {if ($store.User.hasNoAdsAccess) {this.partnerKeyOutbrain = this.partnerKeysOutbrain['noAdsAccess'];return;}if (!$appUtils.isApp || !($appUtils.isAndroidApp || $appUtils.isIOSApp)) {return;}const device = $userAgentUtils.isTablet ? 'Tablet' : 'Mobile';this.partnerKeyOutbrain = this.partnerKeysOutbrain[`${$appUtils.appCode}${device}`];},determineOutbrainId() {const device = $appUtils.isApp ? $appUtils.appCode : 'web';const widgetsToFilter = $store.User.hasNoAdsAccess ? this.widgetIDs.noAdsAccess : this.widgetIDs.default;const widgetIds = Array.from(widgetsToFilter).filter((config) => {return ((typeof config.ads === 'undefined' || config.ads === !this.noAds)&& (typeof config.guaranteed === 'undefined' || config.guaranteed === this.guaranteed)&& (typeof config.type === 'undefined' || config.type === this.type)&& config.device === device) ? config.id : null;});this.outbrainId = (widgetIds[0] && widgetIds[0].id) ? widgetIds[0].id : null;if (this.outbrainId) {this.setTrackingReducedVersion();}},setTrackingReducedVersion() {if (!this.consentDisabled) return;const key = 'OB_ContextKeyValue';const value = 'notracking';if (!window[key]) {window[key] = value;}},}"> <template x-if="isInitialized && !$store.User.hasNoAdsAccess && !$appUtils.isApp"> <div class="OUTBRAIN" :data-src="src" :data-widget-id="outbrainId"></div> </template> <template x-if="isInitialized && !$store.User.hasNoAdsAccess && $appUtils.isApp"> <div class="OUTBRAIN" :data-src="src" :data-widget-id="outbrainId" :data-ob-installation-key="partnerKeyOutbrain" :data-ob-user-id="$appBridge.advertisingId ? $appBridge.advertisingId : 'null'" :data-ob-app-ver="$appUtils.appVersionName ? $appUtils.appVersionName : ''"></div> </template> <template x-if="isInitialized && $store.User.hasNoAdsAccess && !$appUtils.isApp"> <div class="OUTBRAIN" :data-ob-contenturl="src" :data-widget-id="outbrainId" :data-ob-installation-key="partnerKeyOutbrain"></div> </template> <template x-if="isInitialized && $store.User.hasNoAdsAccess && $appUtils.isApp"> <div class="OUTBRAIN" :data-ob-contenturl="src" :data-widget-id="outbrainId" :data-ob-installation-key="partnerKeyOutbrain" :data-ob-user-id="$appBridge.advertisingId ? $appBridge.advertisingId : 'null'" :data-ob-app-ver="$appUtils.appVersionName ? $appUtils.appVersionName : ''"></div> </template> <template x-if="isInitialized"> <script defer src="//widgets.outbrain.com/outbrain.js"></script> </template> </aside> <section data-outbrain="TopReads"></section> <div class="lg:h-8 md:h-8 sm:h-4"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden relative z-10 lg:advertisement-filled:py-8 md:advertisement-filled:py-8 sm:advertisement-filled:py-4" data-placement="pos_footer" data-device="mobile" data-advertisement="pos_footer mobile pos_footer:mobile lg md sm" data-cls="352"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden relative z-10 lg:advertisement-filled:py-8 md:advertisement-filled:py-8 sm:advertisement-filled:py-4" data-placement="pos_footer" data-device="desktop" data-advertisement="pos_footer desktop pos_footer:desktop lg md sm"></div> <div class="lg:h-8 md:h-8 sm:h-4"></div> <footer class="relative z-10" data-area="footer"> <div class="shadow bg-shade-darkest pt-24 lg:pb-40 md:pb-32 sm:py-24 sm:mb-4 md:mb-4" data-app-article-issue-context-hidden> <div class="flex justify-between lg:px-24 md:px-24 sm:px-16"> <span class="font-normal grow"> <a href="https://www.spiegel.de/games/" title="Neueste SPIEGEL Games" class="text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base block" target="_self"> <span class="flex items-center font-sansUI font-bold text-base"> <span>Neueste SPIEGEL Games</span> <span class="ml-8 leading-none mt-px"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </span> <a href="https://www.spiegel.de/games/" class="inline-block border-b border-shade-light text-white dark:text-shade-lightest hover:border-white focus:border-transparent font-sansUI font-normal text-s" target="_self"> Alle Games </a> </div> <div class="relative" x-data x-swiper="{roundLengths: true,slidesPerView: 'auto',watchOverflow: false,}" x-lazyload> <div class="polygon-swiper-button-prev absolute top-0 left-0 bottom-0 z-10 flex items-stretch focus:outline-none select-none text-black lg:hover:cursor-pointer"> <button class="bg-white flex items-center justify-around bg-white dark:bg-dm-shade-darkest text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-black dark:hover:border-white focus:bg-shade-lightest dark:focus:bg-black focus:border-black dark:focus:border-white rounded-circle cursor-pointer flex my-auto md:hidden sm:hidden w-32 h-32 ml-16 z-10" tabindex="-1" aria-hidden="true"><svg id="spon-chevron-left-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-chevron-left-4de0283c-aa29-4bd4-a881-2bf646e72baf"> <g id="l-chevron-right-4de0283c-aa29-4bd4-a881-2bf646e72baf"> <path id="vector-4de0283c-aa29-4bd4-a881-2bf646e72baf" d="M15 6l-6 6 6 6" stroke-width="1.3" stroke-linecap="round"/> </g> </g> </svg> </button> <span class="absolute bg-gradient-to-r h-full left-0 w-28 from-shade-darkest"></span> </div> <div class="polygon-swiper overflow-hidden"> <div class="polygon-swiper-wrapper flex flex-nowrap"> <ul class="polygon-swiper-slide flex shrink-0 lg:p-24 md:p-24 sm:p-16"> <li class="polygon-swiper-slide shrink-0 lg:mr-32 md:mr-32 sm:mr-24"> <a href="https://www.spiegel.de/games/wordle-auf-deutsch-kostenlos-online-spielen-a-cbfa309d-a8ad-4d7d-9234-28b09b945834" title="Wordle" target="_self" class="flex flex-row gap-x-8 items-center"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_wordle_24.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' %3E%3C/svg%3E" width="24" height="24" alt="Öffnen Sie das Spiel Wordle"> <span class="text-s text-white font-bold dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base"> Wordle </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-32 md:mr-32 sm:mr-24"> <a href="https://www.spiegel.de/games/wortsuche-auf-deutsch-kostenlos-online-spielen-a-ee74d451-8ba7-4971-9624-00b858fbe671" title="Wortsuche" target="_self" class="flex flex-row gap-x-8 items-center"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_wortsuche_24.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' %3E%3C/svg%3E" width="24" height="24" alt="Öffnen Sie das Spiel Wortsuche"> <span class="text-s text-white font-bold dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base"> Wortsuche </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-32 md:mr-32 sm:mr-24"> <a href="https://www.spiegel.de/games/paarsuche-auf-deutsch-kostenlos-online-spielen-a-381cc67b-8016-4a82-b6b8-9a7066db7f83" title="Paarsuche" target="_self" class="flex flex-row gap-x-8 items-center"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_paarsuche_24.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' %3E%3C/svg%3E" width="24" height="24" alt="Öffnen Sie das Spiel Paarsuche"> <span class="text-s text-white font-bold dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base"> Paarsuche </span> </a> </li> <li class="polygon-swiper-slide shrink-0"> <a href="https://www.spiegel.de/games/taegliches-quiz-beim-spiegel-7-fragen-zum-allgemeinwissen-pro-tag-a-8a9692b2-4462-4192-942c-fd7809c7519c" title="Das tägliche Quiz" target="_self" class="flex flex-row gap-x-8 items-center"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_quizdestages_24.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' %3E%3C/svg%3E" width="24" height="24" alt="Öffnen Sie das Spiel Das tägliche Quiz"> <span class="text-s text-white font-bold dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base"> Das tägliche Quiz </span> </a> </li> </ul> </div> </div> <div class="polygon-swiper-button-next absolute top-0 right-0 bottom-0 z-10 flex items-stretch focus:outline-none select-none text-black lg:hover:cursor-pointer"> <span class="absolute bg-gradient-to-l h-full right-0 w-28 from-shade-darkest"></span> <button class="bg-white flex items-center justify-around bg-white dark:bg-dm-shade-darkest text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-black dark:hover:border-white focus:bg-shade-lightest dark:focus:bg-black focus:border-black dark:focus:border-white rounded-circle cursor-pointer flex my-auto md:hidden sm:hidden w-32 h-32 mr-16 z-10" tabindex="-1" aria-hidden="true"><svg id="spon-chevron-right-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-chevron-right-1464f819-d6c9-4a86-8bd6-20da5af35787"> <path id="vector-1464f819-d6c9-4a86-8bd6-20da5af35787" d="M9 6l6 6-6 6" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> </button> </div> </div> <div class="flex justify-between lg:px-24 md:px-24 sm:px-16 lg:mb-40 md:mb-32 sm:mb-24 mt-8"> <span class="font-normal grow"> <a href="https://spiele.spiegel.de" title="Spiele" class="text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base block" target="_self"> <span class="flex items-center font-sansUI font-bold text-base"> <span>Kostenlose Online-Spiele</span> <span class="ml-8 leading-none mt-px"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </span> <a href="https://spiele.spiegel.de" class="inline-block border-b border-shade-light text-white dark:text-shade-lightest hover:border-white focus:border-transparent font-sansUI font-normal text-s" target="_self"> mehr Spiele </a> </div> <div class="relative lg:mx-24 md:mx-24 sm:mx-16 font-sansUI lg:mt-32 md:mt-32 sm:mt-24 text-white dark:text-shade-lightest" x-data x-swiper="{roundLengths: true,slidesPerView: 'auto',watchOverflow: false,}" x-lazyload> <div class="polygon-swiper-button-prev absolute top-0 bottom-0 left-0 z-10 flex items-stretch focus:outline-none select-none"> <span class="md:hidden sm:hidden bg-shade-darkest text-center pr-8 -ml-8 cursor-pointer pt-32"><svg width="24" height="24"><use xlink:href="#spon-chevron-left-l"/></svg> </span> <span class="bg-gradient-to-r from-shade-darkest w-24"></span> </div> <div class="polygon-swiper grow overflow-hidden"> <ul class="polygon-swiper-wrapper flex flex-nowrap relative font-sansUI text-s font-bold text-center"> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/kreuzwortraetsel/?utm_campaign=kreuzwortraetsel&utm_medium=footer_rondell&utm_source=spiegel_de" title="Kreuzworträtsel" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_kreuzwortraetsel_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Kreuzworträtsel"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Kreuzworträt­sel </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/solitaer/?utm_campaign=solitaer&utm_medium=footer_rondell&utm_source=spiegel_de" title="Solitär" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_solitaer_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Solitär"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Solitär </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/sudoku/?utm_campaign=sudoku&utm_medium=footer_rondell&utm_source=spiegel_de" title="Sudoku" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_sudoku_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Sudoku"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Sudoku </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/mahjong/?utm_campaign=mahjong&utm_medium=footer_rondell&utm_source=spiegel_de" title="Mahjong" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_mahjong_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Mahjong"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Mahjong </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/bubble-shooter/?utm_campaign=bubble-shooter&utm_medium=footer_rondell&utm_source=spiegel_de" title="Bubble-Shooter" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_bubble-shooter_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Bubble-Shooter"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Bubble-Shooter </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/jackpot-spiele/?utm_campaign=jackpot-spiele&utm_medium=footer_rondell&utm_source=spiegel_de" title="Jackpot" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_jackpot_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Jackpot"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Jackpot </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/snake/?utm_campaign=snake&utm_medium=footer_rondell&utm_source=spiegel_de" title="Snake" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_snake_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Snake"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Snake </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/exchange/?utm_campaign=exchange&utm_medium=footer_rondell&utm_source=spiegel_de" title="Exchange" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_exchange_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Exchange"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Exchange </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/2048/?utm_campaign=2048&utm_medium=footer_rondell&utm_source=spiegel_de" title="2048" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_2048_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel 2048"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> 2048 </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/doppel/?utm_campaign=doppel&utm_medium=footer_rondell&utm_source=spiegel_de" title="Doppel" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_doppel_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Doppel"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Doppel </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/rushtower/?utm_campaign=rushtower&utm_medium=footer_rondell&utm_source=spiegel_de" title="Rushtower" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_rushtower_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Rushtower"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Rushtower </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/sudoken/?utm_campaign=sudoken&utm_medium=footer_rondell&utm_source=spiegel_de" title="Sudoken" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_sudoken_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Sudoken"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Sudoken </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/street/?utm_campaign=street&utm_medium=footer_rondell&utm_source=spiegel_de" title="Street" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_street_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Street"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Street </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/wortblitz/?utm_campaign=wortblitz&utm_medium=footer_rondell&utm_source=spiegel_de" title="Wortblitz" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_wortblitz_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Wortblitz"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Wortblitz </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/fibonacci/?utm_campaign=fibonacci&utm_medium=footer_rondell&utm_source=spiegel_de" title="Fibonacci" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_fibonacci_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Fibonacci"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Fibonacci </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/shooter/?utm_campaign=shooter&utm_medium=footer_rondell&utm_source=spiegel_de" title="Gumblast" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_gumblast_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Gumblast"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Gumblast </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/wimmelbild/?utm_campaign=wimmelbild&utm_medium=footer_rondell&utm_source=spiegel_de" title="Wimmelbild" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_wimmelbild_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Wimmelbild"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Wimmelbild </span> </a> </li> <li class="polygon-swiper-slide shrink-0 lg:mr-24 md:mr-24 sm:mr-16"> <a href="https://spiele.spiegel.de/skiracer/?utm_campaign=skiracer&utm_medium=footer_rondell&utm_source=spiegel_de" title="Skiracer" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_skiracer_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Skiracer"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Skiracer </span> </a> </li> <li class="polygon-swiper-slide shrink-0"> <a href="https://www.spiegel.de/netzwelt/spiele/trivial-pursuit-auf-spiegel-online-was-wissen-sie-wirklich-von-der-welt-a-1292479.html" title="Trivial Pursuit" target="_self" class="relative block min-h-full text-black dark:text-shade-lightest flex flex-col items-center"> <span class="block overflow-hidden mb-8 w-88 h-88"> <img class="lazyload mx-auto" data-src="https://cdn.prod.www.spiegel.de/public/spon/images/games-icons/pic_trivial-pursuit_88.svg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88' width='88' height='88' %3E%3C/svg%3E" width="88" height="88" alt="Öffnen Sie das Spiel Trivial Pursuit"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Trivial Pursuit </span> </a> </li> </ul> </div> <div class="polygon-swiper-button-next absolute top-0 right-0 bottom-0 z-10 flex items-stretch focus:outline-none select-none"> <span class="bg-gradient-to-l from-shade-darkest w-24"></span> <span class="md:hidden sm:hidden bg-shade-darkest text-center pl-8 -mr-8 cursor-pointer pt-32"><svg width="24" height="24"><use xlink:href="#spon-chevron-right-l"/></svg> </span> </div> </div> </div> <div class="shadow bg-shade-darkest lg:py-32 md:py-32 sm:pt-24 sm:pb-4"> <div class="lg:px-24 md:px-24 sm:px-16 lg:mb-24 md:mb-24 sm:mb-16"> <div class="text-white dark:text-shade-lightest font-sansUI font-bold text-base lg:mb-32 md:mb-32 sm:mb-24"> Serviceangebote von SPIEGEL-Partnern </div> </div> <div x-data data-area="vouchers" class="sm:overflow-hidden" data-app-article-issue-context-hidden> <div class="lg:px-24 md:px-24 sm:px-16 lg:mb-24 md:mb-24 sm:mb-16"> <div class="flex items-center lg:mb-24 md:mb-24 sm:mb-16"> <div class="text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight"> Gutscheine </div> <div class="grow border-separator-light h-px ml-8 mt-2"></div> </div> </div> <div class="lg:px-24 md:px-24 sm:px-16 mb-16" x-show="!$store.User.hasNoAdsAccess" x-cloak> <span class="font-sansUI text-xs text-shade-light dark:text-shade-dark uppercase tracking-wider"> Anzeige </span> </div> <div class="lg:px-24 md:px-24 sm:px-16" x-show="!$store.User.hasNoAdsAccess" x-cloak> <div class="flex flex-wrap"> <div class="lg:w-6/12 md:w-6/12 mb-16 lg:pr-8 md:pr-8"> <a href="https://gutscheine.spiegel.de/eis-de" target="_self" rel="nofollow" title="Eis.de Gutscheine"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/623dcbaa2dc46.jpeg?fit=crop&w=472&h=88&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 88' width='472' height='88' %3E%3C/svg%3E" width="472" height="88" title alt> <div class="absolute rounded bg-gradient-to-t from-black top-0 bottom-0 left-0 right-0"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex align-items justify-between pr-120 overflow-hidden"> <span class="pb-16 pl-16 self-end font-sansUI text-base font-bold text-white dark:text-shade-lightest leading-normal"> Eis.de Gutscheine </span> <div class="absolute right-0 bottom-0 mx-16 mb-16 bg-white p-8 shrink-0 rounded"> <img class="lazyload rounded" data-src="https://cdn-assets-widget-production.imgix.net/uploads/provider/64b14d17c9bad.png?fit=crop&w=78&h=39&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 39' width='78' height='39' %3E%3C/svg%3E" width="78" height="39" title alt="Eis.de"> </div> </div> </div> </a> </div> <div class="lg:w-6/12 md:w-6/12 mb-16 lg:pl-8 md:pl-8"> <a href="https://gutscheine.spiegel.de/hello-fresh" target="_self" rel="nofollow" title="HelloFresh Gutscheine"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/623dcbdb32293.jpeg?fit=crop&w=472&h=88&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 88' width='472' height='88' %3E%3C/svg%3E" width="472" height="88" title alt> <div class="absolute rounded bg-gradient-to-t from-black top-0 bottom-0 left-0 right-0"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex align-items justify-between pr-120 overflow-hidden"> <span class="pb-16 pl-16 self-end font-sansUI text-base font-bold text-white dark:text-shade-lightest leading-normal"> HelloFresh Gutscheine </span> <div class="absolute right-0 bottom-0 mx-16 mb-16 bg-white p-8 shrink-0 rounded"> <img class="lazyload rounded" data-src="https://cdn-assets-widget-production.imgix.net/uploads/provider/6454ef81c98ef.png?fit=crop&w=78&h=39&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 39' width='78' height='39' %3E%3C/svg%3E" width="78" height="39" title alt="HelloFresh"> </div> </div> </div> </a> </div> <div class="lg:w-6/12 md:w-6/12 mb-16 lg:pr-8 md:pr-8"> <a href="https://gutscheine.spiegel.de/otto" target="_self" rel="nofollow" title="OTTO Gutscheine"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/623dcc11a6acb.jpeg?fit=crop&w=472&h=88&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 88' width='472' height='88' %3E%3C/svg%3E" width="472" height="88" title alt> <div class="absolute rounded bg-gradient-to-t from-black top-0 bottom-0 left-0 right-0"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex align-items justify-between pr-120 overflow-hidden"> <span class="pb-16 pl-16 self-end font-sansUI text-base font-bold text-white dark:text-shade-lightest leading-normal"> OTTO Gutscheine </span> <div class="absolute right-0 bottom-0 mx-16 mb-16 bg-white p-8 shrink-0 rounded"> <img class="lazyload rounded" data-src="https://cdn-assets-widget-production.imgix.net/uploads/provider/61160f812cf29.png?fit=crop&w=78&h=39&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 39' width='78' height='39' %3E%3C/svg%3E" width="78" height="39" title alt="OTTO"> </div> </div> </div> </a> </div> <div class="lg:w-6/12 md:w-6/12 mb-16 lg:pl-8 md:pl-8"> <a href="https://gutscheine.spiegel.de/expedia/" target="_self" rel="nofollow" title="Expedia Gutscheine"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/65c9c58459d4a.jpeg?fit=crop&w=472&h=88&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 88' width='472' height='88' %3E%3C/svg%3E" width="472" height="88" title alt> <div class="absolute rounded bg-gradient-to-t from-black top-0 bottom-0 left-0 right-0"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex align-items justify-between pr-120 overflow-hidden"> <span class="pb-16 pl-16 self-end font-sansUI text-base font-bold text-white dark:text-shade-lightest leading-normal"> Expedia Gutscheine </span> <div class="absolute right-0 bottom-0 mx-16 mb-16 bg-white p-8 shrink-0 rounded"> <img class="lazyload rounded" data-src="https://cdn-assets-widget-production.imgix.net/uploads/provider/64e5dfeab0800.png?fit=crop&w=78&h=39&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 39' width='78' height='39' %3E%3C/svg%3E" width="78" height="39" title alt="Expedia"> </div> </div> </div> </a> </div> </div> </div> <div class="lg:px-24 md:px-24 sm:px-16 lg:mb-24 md:mb-24 sm:mb-16 text-right"> <a href="https://gutscheine.spiegel.de/exklusiv" target="_self" rel="nofollow" title="Top Gutscheine" class="border-b border-shade-light w-full text-white dark:text-shade-lightest hover:border-white focus:border-transparent font-sansUI font-normal text-s mr-16"> Top Gutscheine </a> <a href="https://gutscheine.spiegel.de/alle-shops" target="_self" rel="nofollow" title="Alle Shops" class="border-b border-shade-light w-full text-white dark:text-shade-lightest hover:border-white focus:border-transparent font-sansUI font-normal text-s"> Alle Shops </a> </div> </div> <nav role="navigation" data-area="services" data-app-article-issue-context-hidden> <div class="flex sm:flex-col lg:mb-40 md:mb-40 sm:mx-16"> <div class="lg:w-4/12 md:w-4/12 lg:px-24 md:px-24"> <section x-data="{ expanded: $store.MediaQuery.breakpoint !== 'sm' }" x-subscribe.media_query_breakpoint_changed="expanded = $store.MediaQuery.breakpoint !== 'sm'" x-lazyload> <h3 class="flex sm:flex-col-reverse lg:items-center md:items-center lg:mb-24 md:mb-24 lg:pointer-events-none md:pointer-events-none"> <button class="sm:flex sm:justify-between text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight sm:pt-18 sm:pb-16 outline-focus" @click="expanded = !expanded" :aria-expanded="expanded" role="button"> Auto <span class="pr-8 lg:hidden md:hidden" x-show="expanded"><svg id="spon-chevron-up-f-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-up-f-a28a3df9-bc1e-4c41-a730-1aa8036016c5"> <g id="s-chevron-right-f-a28a3df9-bc1e-4c41-a730-1aa8036016c5"> <g id="s-chevron-right-a28a3df9-bc1e-4c41-a730-1aa8036016c5"> <path id="vector-a28a3df9-bc1e-4c41-a730-1aa8036016c5" d="M2.667 7.667L6 4.333l3.333 3.334" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </g> </svg> </span> <span class="pr-8 lg:hidden md:hidden" x-show="!expanded" x-cloak><svg id="spon-chevron-down-f-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-down-f-8854a679-d669-4312-91f9-7a7222d647de"> <g id="s-chevron-right-f-8854a679-d669-4312-91f9-7a7222d647de"> <g id="s-chevron-right-8854a679-d669-4312-91f9-7a7222d647de"> <path id="vector-8854a679-d669-4312-91f9-7a7222d647de" d="M9.333 4.333L6 7.667 2.667 4.333" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </g> </svg> </span> </button> <div class="grow border-separator-light h-px lg:ml-8 md:ml-8 lg:mt-2 md:mt-2"></div> </h3> <div class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded"> <ul class="sm:mb-24 font-sansUI font-normal sm:mt-8"> <li> <a href="https://www.spiegel.de/auto/aktuell/bussgeldrechner-was-zu-schnelles-fahren-kostet-a-244772.html" target="_self" title="Bußgeldrechner" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Bußgeldrechner</a> </li> <li> <a href="https://www.spiegel.de/auto/aktuell/firmenwagenrechner-geldwerten-vorteil-und-steuern-berechnen-a-519713.html" target="_self" title="Firmenwagenrechner" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Firmenwagenrechner</a> </li> </ul> </div> </section> </div> <div class="lg:w-4/12 md:w-4/12 lg:px-24 md:px-24"> <section x-data="{ expanded: $store.MediaQuery.breakpoint !== 'sm' }" x-subscribe.media_query_breakpoint_changed="expanded = $store.MediaQuery.breakpoint !== 'sm'" x-lazyload> <h3 class="flex sm:flex-col-reverse lg:items-center md:items-center lg:mb-24 md:mb-24 lg:pointer-events-none md:pointer-events-none"> <button class="sm:flex sm:justify-between text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight sm:pt-18 sm:pb-16 outline-focus" @click="expanded = !expanded" :aria-expanded="expanded" role="button"> Job <span class="pr-8 lg:hidden md:hidden" x-show="expanded"><svg width="12" height="12"><use xlink:href="#spon-chevron-up-f-s"/></svg> </span> <span class="pr-8 lg:hidden md:hidden" x-show="!expanded" x-cloak><svg width="12" height="12"><use xlink:href="#spon-chevron-down-f-s"/></svg> </span> </button> <div class="grow border-separator-light h-px lg:ml-8 md:ml-8 lg:mt-2 md:mt-2"></div> </h3> <div class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded"> <ul class="sm:mb-24 font-sansUI font-normal sm:mt-8"> <li> <a href="https://www.spiegel.de/wirtschaft/service/brutto-netto-rechner-was-von-lohn-und-gehalt-uebrig-bleibt-a-223811.html" target="_self" title="Brutto-Netto-Rechner" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Brutto-Netto-Rechner</a> </li> <li> <a href="https://www.spiegel.de/wirtschaft/service/kurzarbeitergeld-rechner-so-viel-geld-gibt-es-in-der-kurzarbeit-a-8d856701-4951-4e34-a500-c3ac8ffcc717" target="_self" title="Kurzarbeitergeld-Rechner" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Kurzarbeitergeld-Rechner</a> </li> <li> <a href="https://www.spiegel.de/thema/studienfaecher-erklaert/" target="_self" title="Studienfächer erklärt" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Studienfächer erklärt</a> </li> </ul> </div> </section> </div> <div class="lg:w-4/12 md:w-4/12 lg:px-24 md:px-24"> <section x-data="{ expanded: $store.MediaQuery.breakpoint !== 'sm' }" x-subscribe.media_query_breakpoint_changed="expanded = $store.MediaQuery.breakpoint !== 'sm'" x-lazyload> <h3 class="flex sm:flex-col-reverse lg:items-center md:items-center lg:mb-24 md:mb-24 lg:pointer-events-none md:pointer-events-none"> <button class="sm:flex sm:justify-between text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight sm:pt-18 sm:pb-16 outline-focus" @click="expanded = !expanded" :aria-expanded="expanded" role="button"> Finanzen <span class="pr-8 lg:hidden md:hidden" x-show="expanded"><svg width="12" height="12"><use xlink:href="#spon-chevron-up-f-s"/></svg> </span> <span class="pr-8 lg:hidden md:hidden" x-show="!expanded" x-cloak><svg width="12" height="12"><use xlink:href="#spon-chevron-down-f-s"/></svg> </span> </button> <div class="grow border-separator-light h-px lg:ml-8 md:ml-8 lg:mt-2 md:mt-2"></div> </h3> <div class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded"> <ul class="sm:mb-24 font-sansUI font-normal sm:mt-8"> <li> <a href="https://www.spiegel.de/wirtschaft/service/gehaltsrechner-gehoeren-sie-zu-den-oberen-zehn-prozent-a-f5a19d00-84b3-407f-aff2-bce27e8088cf" target="_self" title="Gehaltsvergleich" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Gehaltsvergleich</a> </li> <li> <a href="https://www.spiegel.de/wirtschaft/service/versicherung-check-fuer-haftpflicht-hausrat-berufsunfaehigkeit-a-960380.html" target="_self" title="Versicherungen" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Versicherungen</a> </li> <li> <a href="https://boersen.manager-magazin.de/spon/devisen_uebersicht.htn#rechner" target="_self" title="Währungsrechner" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Währungsrechner</a> </li> </ul> </div> </section> </div> </div> <div class="flex sm:flex-col lg:mb-56 md:mb-32 sm:mx-16"> <div class="w-full lg:px-24 md:px-24"> <section x-data="{ expanded: $store.MediaQuery.breakpoint !== 'sm' }" x-subscribe.media_query_breakpoint_changed="expanded = $store.MediaQuery.breakpoint !== 'sm'" x-lazyload> <h3 class="flex sm:flex-col-reverse lg:items-center md:items-center lg:mb-24 md:mb-24 lg:pointer-events-none md:pointer-events-none"> <button class="sm:flex sm:justify-between text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight sm:pt-18 sm:pb-16 outline-focus" @click="expanded = !expanded" :aria-expanded="expanded" role="button"> Freizeit <span class="pr-8 lg:hidden md:hidden" x-show="expanded"><svg width="12" height="12"><use xlink:href="#spon-chevron-up-f-s"/></svg> </span> <span class="pr-8 lg:hidden md:hidden" x-show="!expanded" x-cloak><svg width="12" height="12"><use xlink:href="#spon-chevron-down-f-s"/></svg> </span> </button> <div class="grow border-separator-light h-px lg:ml-8 md:ml-8 lg:mt-2 md:mt-2"></div> </h3> <div class="flex overflow-hidden sm:flex-col" x-show="expanded" :aria-hidden="!expanded"> <div class="lg:w-4/12 md:w-4/12"> <ul class="font-sansUI font-normal sm:mt-8"> <li> <a href="https://www.amazon.de/stores/page/9A033B74-B98E-4CE4-BB30-C47BD542801B?_encoding=UTF8&camp=1638&creative=6742&linkCode=ur2&linkId=ddec9c715dda90b1e0d431bb3abc5d3c&tag=wwwspiegelde-21" target="_self" title="Bücher bestellen" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Bücher bestellen</a> </li> <li> <a href="https://ad3.adfarm1.adition.com/redi?bid=10752058&kid=3485247&sid=4117394" target="_self" title="Eurojackpot" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Eurojackpot</a> </li> <li> <a href="https://ad3.adfarm1.adition.com/redi?bid=10752059&kid=3485249&sid=4117394" target="_self" title="GlücksSpirale" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">GlücksSpirale</a> </li> </ul> </div> <div class="lg:w-4/12 md:w-4/12"> <ul class="font-sansUI font-normal"> <li> <a href="https://ad3.adfarm1.adition.com/redi?bid=10752060&kid=3485248&sid=4117394" target="_self" title="LOTTO 6aus49" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">LOTTO 6aus49</a> </li> <li> <a href="https://seniorenportal.spiegel.de/" target="_self" title="Seniorenportal" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Seniorenportal</a> </li> <li> <a href="https://spiele.spiegel.de/?utm_campaign=startseite&utm_medium=footer_navigation&utm_source=spiegel_de" target="_self" title="Spiele" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Spiele</a> </li> </ul> </div> <div class="lg:w-4/12 md:w-4/12"> <ul class="font-sansUI font-normal sm:mb-24"> <li> <a href="https://streaming-guide.spiegel.de/" target="_self" title="Streaming Guide" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Streaming Guide</a> </li> <li> <a href="https://www.spiegel.de/panorama/taegliches-quiz-beim-spiegel-7-fragen-zum-allgemeinwissen-pro-tag-a-8a9692b2-4462-4192-942c-fd7809c7519c" target="_self" title="Das tägliche Quiz" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Das tägliche Quiz</a> </li> </ul> </div> </div> </section> </div> </nav> <div class="bg-black lg:py-40 md:py-32 sm:py-24 sm:mt-8" data-area="magazine-slider" data-app-article-issue-context-hidden> <div class="text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight lg:text-center md:text-center sm:text-left"> <div class="text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight lg:text-center md:text-center sm:px-16"> Alle Magazine des SPIEGEL </div> <div class="relative lg:mx-24 md:mx-24 sm:mx-16 font-sansUI lg:mt-32 md:mt-32 sm:mt-24" x-data x-swiper="{roundLengths: true,slidesPerView: 'auto',watchOverflow: false,}" x-lazyload> <div class="polygon-swiper-button-prev absolute top-0 bottom-0 left-0 z-10 flex items-stretch focus:outline-none select-none"> <span class="md:hidden sm:hidden bg-black text-center pr-8 -ml-8 cursor-pointer pt-80"><svg width="24" height="24"><use xlink:href="#spon-chevron-left-l"/></svg> </span> <span class="bg-gradient-to-r from-black w-24"></span> </div> <div class="polygon-swiper grow overflow-hidden"> <ul class="polygon-swiper-wrapper flex flex-nowrap relative font-sansUI text-s font-bold text-center"> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.spiegel.de/spiegel/print/index-2025.html" target="_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="DER SPIEGEL" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 181' width='136' height='181' %3E%3C/svg%3E" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SP/-1/-1/136" data-srcset="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SP/-1/-1/136 1x, https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SP/-1/-1/272 2x" width="136" height="181" alt="Cover: DER SPIEGEL"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">DER SPIEGEL</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.spiegel.de/spiegel/print/index-2025-54.html" target="_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="SPIEGEL SPEZIAL" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 181' width='136' height='181' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/0dce4bbb-f2c0-4f4f-a09a-e8ab2def5fd2_w136_r0.75_fpx50_fpy52.52.jpg" data-srcset="https://cdn.prod.www.spiegel.de/images/0dce4bbb-f2c0-4f4f-a09a-e8ab2def5fd2_w136_r0.75_fpx50_fpy52.52.jpg 1x, https://cdn.prod.www.spiegel.de/images/0dce4bbb-f2c0-4f4f-a09a-e8ab2def5fd2_w272_r0.75_fpx50_fpy52.52.jpg 2x" width="136" height="181" alt="Cover: SPIEGEL SPEZIAL"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">SPIEGEL SPEZIAL</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.spiegel.de/spiegel/spiegelgeschichte/index-2025.html" target="_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="SPIEGEL GESCHICHTE" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 181' width='136' height='181' %3E%3C/svg%3E" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPGE/-1/-1/136" data-srcset="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPGE/-1/-1/136 1x, https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPGE/-1/-1/272 2x" width="136" height="181" alt="Cover: SPIEGEL GESCHICHTE"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">SPIEGEL GESCHICHTE</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.amazon.de/dp/B0DS5CRSZ6?tag=spiegel1-21" target="_blank" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="SPIEGEL COACHING" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 181' width='136' height='181' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/e37344a9-8126-4082-9c0f-d5167f3654f4_w136_r0.75_fpx50_fpy52.52.jpg" data-srcset="https://cdn.prod.www.spiegel.de/images/e37344a9-8126-4082-9c0f-d5167f3654f4_w136_r0.75_fpx50_fpy52.52.jpg 1x, https://cdn.prod.www.spiegel.de/images/e37344a9-8126-4082-9c0f-d5167f3654f4_w272_r0.75_fpx50_fpy52.52.jpg 2x" width="136" height="181" alt="Cover: SPIEGEL COACHING"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">SPIEGEL COACHING</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.spiegel.de/spiegel/deinspiegel/index-2025.html" target="_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="Dein SPIEGEL" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 175' width='136' height='175' %3E%3C/svg%3E" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/DEIN/-1/-1/136" data-srcset="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/DEIN/-1/-1/136 1x, https://cdn.magazin.spiegel.de/EpubDelivery/image/title/DEIN/-1/-1/272 2x" width="136" height="175" alt="Cover: Dein SPIEGEL"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">Dein SPIEGEL</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.spiegel.de/spiegel/spjc/index-2024-1.html" target="_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="SPIEGEL CHRONIK" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 181' width='136' height='181' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/03826a3e-1734-4bb8-85c6-82ff31da8d2d_w136_r0.75_fpx50_fpy60.jpg" data-srcset="https://cdn.prod.www.spiegel.de/images/03826a3e-1734-4bb8-85c6-82ff31da8d2d_w136_r0.75_fpx50_fpy60.jpg 1x, https://cdn.prod.www.spiegel.de/images/03826a3e-1734-4bb8-85c6-82ff31da8d2d_w272_r0.75_fpx50_fpy60.jpg 2x" width="136" height="181" alt="Cover: SPIEGEL CHRONIK"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">SPIEGEL CHRONIK</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.spiegel.de/spiegel/spsm/index-2024.html" target="_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="S-Magazin" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 198' width='136' height='198' %3E%3C/svg%3E" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPSM/-1/-1/136" data-srcset="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPSM/-1/-1/136 1x, https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPSM/-1/-1/272 2x" width="136" height="198" alt="Cover: S-Magazin"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">S-Magazin</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.spiegel.de/spiegel/spbest/index-2024.html" target="_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="SPIEGEL BESTSELLER" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 181' width='136' height='181' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/de7bbbb9-21bc-416a-b0fe-740dfb047529_w136_r0.75_fpx44.98_fpy41.78.jpg" data-srcset="https://cdn.prod.www.spiegel.de/images/de7bbbb9-21bc-416a-b0fe-740dfb047529_w136_r0.75_fpx44.98_fpy41.78.jpg 1x, https://cdn.prod.www.spiegel.de/images/de7bbbb9-21bc-416a-b0fe-740dfb047529_w272_r0.75_fpx44.98_fpy41.78.jpg 2x" width="136" height="181" alt="Cover: SPIEGEL BESTSELLER"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">SPIEGEL BESTSELLER</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.spiegel.de/spiegel/spiegelwissen/index-2024.html" target="_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="SPIEGEL WISSEN" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 181' width='136' height='181' %3E%3C/svg%3E" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPWI/-1/-1/136" data-srcset="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPWI/-1/-1/136 1x, https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPWI/-1/-1/272 2x" width="136" height="181" alt="Cover: SPIEGEL WISSEN"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">SPIEGEL WISSEN</span> </a> </li> </ul> </div> <div class="polygon-swiper-button-next absolute top-0 right-0 bottom-0 z-10 flex items-stretch focus:outline-none select-none"> <span class="bg-gradient-to-l from-black w-24"></span> <span class="md:hidden sm:hidden bg-black text-center pl-8 -mr-8 cursor-pointer pt-80"><svg width="24" height="24"><use xlink:href="#spon-chevron-right-l"/></svg> </span> </div> </div> </div> </div> <nav role="navigation" class="lg:pt-40 md:pt-32 sm:pt-32 lg:px-24 md:px-24 sm:px-16" data-area="spiegel-group" data-app-article-issue-context-hidden> <h2 class="text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight md:text-center lg:text-center mb-16"> SPIEGEL Gruppe </h2> <ul class="font-normal font-sansUI lg:text-center md:text-center"> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://abo.spiegel.de/?b=SPOHFOOTER&utm_campaign=abbinder&utm_content=SPOHFOOTER&utm_medium=text&utm_source=spon" target="_blank" title="Abo" class="text-shade-light text-s hover:text-shade-lightest focus:text-white" data-app-hidden>Abo</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://gruppenkonto.spiegel.de/kuendigung.html" target="_blank" title="Abo kündigen" class="text-shade-light text-s hover:text-shade-lightest focus:text-white" data-app-hidden>Abo kündigen</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.amazon.de/stores/page/9A033B74-B98E-4CE4-BB30-C47BD542801B?_encoding=UTF8&camp=1638&creative=6742&linkCode=ur2&linkId=ddec9c715dda90b1e0d431bb3abc5d3c&tag=wwwspiegelde-21" target="_blank" title="Shop" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">Shop</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/" target="_blank" title="manager magazin" class="text-shade-light text-s hover:text-shade-lightest focus:text-white" data-app-hidden>manager magazin</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/hbm/" target="_blank" title="Harvard Business manager" class="text-shade-light text-s hover:text-shade-lightest focus:text-white" data-app-hidden>Harvard Business manager</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.11freunde.de" target="_blank" title="11FREUNDE" class="text-shade-light text-s hover:text-shade-lightest focus:text-white" data-app-hidden>11FREUNDE</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://spiegel.media/" target="_blank" title="Werbung" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">Werbung</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.spiegelgruppe.de/karriere/stellenboerse-in-der-spiegel-gruppe" target="_blank" title="Jobs" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">Jobs</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://manufaktur.spiegel.de/" target="_blank" title="MANUFAKTUR" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">MANUFAKTUR</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://akademie.spiegel.de/" target="_blank" title="SPIEGEL Akademie" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">SPIEGEL Akademie</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://ed.spiegel.de" target="_blank" title="SPIEGEL Ed" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">SPIEGEL Ed</a> </li> </ul> </nav> <div class="border-separator-light h-px my-24 lg:mx-24 md:mx-24 sm:mx-16" data-app-article-issue-context-hidden data-is-first-child-hidden></div> <nav role="navigation" class="lg:px-24 md:px-24 sm:px-16" data-area="more-links"> <ul class="lg:text-center md:text-center font-sansUI font-normal"> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegel.de/impressum" target="_self" title="Impressum" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Impressum</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegel.de/datenschutz-spiegel" target="_self" title="Datenschutz" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Datenschutz</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegel.de/nutzungsbedingungen" target="_self" title="Nutzungsbedingungen" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Nutzungsbedingungen</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegel.de/teilnahmebedingungen" target="_self" title="Teilnahmebedingungen" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Teilnahmebedingungen</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="#sp_privacy_manager" target="_self" title="Cookies & Tracking" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Cookies & Tracking</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegel.de/newsletter" target="_self" title="Newsletter" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Newsletter</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegel.de/kontakt" target="_self" title="Kontakt" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Kontakt</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegel.de/services/" target="_self" title="Hilfe & Service" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Hilfe & Service</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegelgruppe.de/syndication" target="_blank" title="Text- & Nutzungsrechte" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Text- & Nutzungsrechte</a> </li> </ul> <ul class="flex lg:justify-center md:justify-center sm:justify-start lg:text-center md:text-center sm:flex-wrap lg:mt-12 md:mt-12" data-app-article-issue-context-hidden> <li class="lg:px-12 md:px-12 sm:pr-24 sm:pb-18"> <a href="https://www.facebook.com/DerSpiegel/" target="_blank" title="Facebook" class="flex items-center text-s font-sansUI font-normal text-shade-light hover:text-shade-lightest focus:text-white"><svg width="24" height="24"><use xlink:href="#spon-facebook-l"/></svg> <span class="ml-8 text-left">Facebook</span> </a> </li> <li class="lg:px-12 md:px-12 sm:pr-24 sm:pb-18"> <a href="https://www.instagram.com/spiegelmagazin/" target="_blank" title="Instagram" class="flex items-center text-s font-sansUI font-normal text-shade-light hover:text-shade-lightest focus:text-white"><svg id="spon-instagram-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <rect x="9" y="9" width="6" height="6" rx="3" class="stroke-current"/> <rect x="4.5" y="4.5" width="15" height="15" rx="3.5" class="stroke-current"/> <rect x="15.5" y="6.5" width="2" height="2" rx="1" class="fill-current"/> </svg> <span class="ml-8 text-left">Instagram</span> </a> </li> <li class="lg:px-12 md:px-12 sm:pr-24 sm:pb-18"> <a href="https://www.spiegel.de/backstage/bei-diesen-diensten-koennen-sie-dem-spiegel-folgen-a-a68cce85-8be8-4707-bd6e-0706090cbbbe" target="_self" title="Wo Sie uns noch folgen können" class="flex items-center text-s font-sansUI font-normal text-shade-light hover:text-shade-lightest focus:text-white"><svg id="spon-website-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <circle cx="12" cy="11.984" r="8.65" class="stroke-current" stroke-width=".7"/> <path class="stroke-current" stroke-width=".7" d="M3 11.634h18M12.069 2.984v18M17.05 11.984c0 2.433-.592 4.619-1.532 6.184-.943 1.573-2.198 2.466-3.518 2.466-1.32 0-2.575-.893-3.518-2.466-.94-1.565-1.532-3.75-1.532-6.184 0-2.432.592-4.618 1.532-6.184C9.425 4.228 10.68 3.334 12 3.334c1.32 0 2.575.894 3.518 2.466.94 1.566 1.532 3.752 1.532 6.184z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.163 17.434c-1.644-1.295-4.24-2.13-7.163-2.13-2.922 0-5.52.835-7.163 2.13.141.185.29.365.445.54a7.03 7.03 0 01.714-.489C7.5 16.584 9.62 16.003 12 16.003c2.38 0 4.501.58 6.004 1.482.26.156.498.32.714.488.155-.174.304-.354.445-.54zM12 7.684c-2.38 0-4.501-.58-6.004-1.481-.2-.12-.388-.245-.562-.374-.16.17-.314.348-.46.53C6.624 7.594 9.158 8.384 12 8.384c2.842 0 5.377-.79 7.026-2.025-.146-.182-.3-.36-.46-.53a7.227 7.227 0 01-.562.374C16.5 7.104 14.38 7.684 12 7.684z" class="fill-current"/> </svg> <span class="ml-8 text-left"> Wo Sie uns noch folgen können </span> </a> </li> </ul> </nav> <div style="height: var(--polygon-app-bottombar-height, 0px)"></div> </div> </footer> </div> </div> <script>if (typeof(Event) === 'function') {window.dispatchEvent(new Event('POLYGON_DOM_FOOTER_READY'));}</script> <div data-area="menu-drawer" x-cloak x-app-ignore aria-hidden="true" :aria-hidden="!isOpen" x-data="{isOpen: false,lastActiveElement: null,initialX: null,initialY: null,onTouchStart: (event) => {$data.initialX = event.touches[0].clientX;$data.initialY = event.touches[0].clientY;},onTouchMove: (event) => {if ($data.initialX === null || $data.initialY === null) {return;}const currentX = event.touches[0].clientX;const currentY = event.touches[0].clientY;const diffX = $data.initialX - currentX;const diffY = $data.initialY - currentY;const tolerance = 5;const yTolerance = (diffY > -Math.abs(tolerance)) && (diffY < Math.abs(tolerance));if (Math.abs(diffX) > Math.abs(diffY)) {$data.isOpen = !(diffX > 0 && yTolerance);}$data.initialX = null;$data.initialY = null;},}" x-subscribe.open_menu_drawer="isOpen = true;" @keyup.escape="if (!$event.defaultPrevented && isOpen) { $event.preventDefault(); isOpen = false; }" @touchstart.passive="onTouchStart($event)" @touchmove.passive="onTouchMove($event)"> <div class="z-overlay w-full h-full top-0 left-0 bg-shade-darkest dark:bg-shade-darker opacity-slight" :class="isOpen ? 'fixed' : ''" @click="isOpen = false"> </div> <div class="fixed h-screen left-0 top-0 w-12 z-max" @touchstart.passive="onTouchStart($event)" @touchmove.passive="onTouchMove($event)"> </div> <nav role="navigation" class="h-full bg-white dark:bg-dm-shade-darkest scrolling-touch py-24 fixed z-overlay top-0 left-0 overflow-y-scroll overflow-x-hidden lg:w-320 md:w-320 sm:w-10/12 sm:max-w-320 shadow" x-show="isOpen" x-transition:enter="transition-transform duration-300" x-transition:enter-start="-translate-x-320" x-transition:leave="transition-transform duration-300" x-transition:leave-end="-translate-x-320"> <a class="absolute opacity-none pointer-events-none" aria-hidden="true" tabindex="-1" x-effect="if (isOpen) { lastActiveElement = document.activeElement; $focus(); } else if (lastActiveElement) { $focus(lastActiveElement) }" role="none"></a> <ul> <li class="mb-24 mx-16" data-logged-in-hidden="true" data-app-hidden> <a href="https://gruppenkonto.spiegel.de/authenticate?requestAccessToken=true&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" class="inline-flex items-center font-bold font-sansUI rounded bg-primary-base dark:bg-dm-primary-base text-white dark:text-shade-lightest hover:bg-primary-dark focus:bg-primary-darker px-24 min-h-46 w-full justify-center gap-12" title="Anmelden" data-sara-link="gruppenkonto" target="_self"> <span data-label class="text-base leading-18">Anmelden</span> <span class="leading-none"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> </li> <li class="mb-24 mx-16" data-app-hidden> <a href="https://abo.spiegel.de/?b=SPOHNAVABO&requestAccessToken=true&sara_icid=disp_upd_29XQyizZpONhof5Y1Ofij2PEnvwIG6&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" class="inline-flex items-center font-bold font-sansUI rounded bg-white hover:border-black border border-shade-base text-black focus:border-black focus:bg-shade-lightest dark:bg-dm-shade-darkest dark:text-shade-lightest dark:focus:border-white dark:border-shade-light dark:hover:border-white dark:focus:bg-black px-24 min-h-46 w-full justify-center gap-12" title="Abonnement" target="_blank"> <span data-label class="text-base leading-18">Abonnement</span> <span class="leading-none"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> </li> <li class="mb-32 mx-16"> <form action="https://www.spiegel.de/suche/" role="search" class="relative"> <div class="inline-flex flex-col w-full"> <div class="group relative flex flex-col"> <input id="search-menu-field" name="suchbegriff" placeholder="spiegel.de durchsuchen ..." x-ref="input" class="peer appearance-none rounded placeholder-shade-base dark:disabled:placeholder-shade-dark outline-focus disabled:cursor-not-allowed pl-12 pr-48 py-12 font-sansUI leading-normal text-black dark:text-shade-lightest text-base bg-white dark:bg-shade-darkest dark:disabled:bg-dm-shade-darkest read-only:bg-shade-lightest dark:read-only:bg-black border border-shade-base hover:border-black disabled:border-shade-lighter read-only:border-shade-lighter dark:read-only:border-shade-dark dark:border-shade-light dark:hover:border-shade-lightest dark:disabled:border-shade-dark autofill:transition-colors autofill:duration-max"> <span class="absolute top-0 bottom-0 right-0 pr-12 pointer-events-none flex items-center text-shade-darker dark:text-shade-lightest group-hover:text-shade-darkest dark:group-hover:text-shade-lightest peer-disabled:text-shade-base dark:peer-disabled:text-shade-dark" data-input-el="icon"><svg width="24" height="24"><use xlink:href="#spon-search-l"/></svg> </span> </div> </div> <button class="absolute top-0 right-0 bottom-0 w-48" title="Suche starten" data-sara-click-el="button"> <span class="sr-only">Suche starten</span> </button> </form> </li> <li> <a href="https://www.spiegel.de/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Startseite"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Startseite</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/schlagzeilen/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Schlagzeilen"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Schlagzeilen</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/thema/nahostkonflikt/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Nahostkonflikt"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Nahostkonflikt</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/thema/bundestagswahl-2025/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Bundestagswahl"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Bundestagswahl</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/thema/ukraine_konflikt/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Ukrainekrieg"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Ukrainekrieg</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/newsletter" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Newsletter"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Newsletter</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/debatten/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Debatte"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Debatte</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/extra" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="SPIEGEL Extra"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL Extra</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/games/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Games und Quiz"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Games und Quiz</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li class="mb-16 mt-32"> <a href="https://www.spiegel.de/plus/" class="bg-primary-base dark:bg-dm-primary-base focus:bg-primary-darker font-bold font-sansUI hover:bg-primary-dark inline-block leading-normal py-16 pl-16 pr-20 text-base text-white dark:text-shade-lightest w-full" target="_self" title="SPIEGEL+"> <span class="flex justify-between"> <span class="relative bottom-px">SPIEGEL+</span> <span class="flex leading-none items-center ml-12"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </li> <li class="mb-16 mt-32"> <a href="https://www.spiegel.de/magazine" class="bg-primary-base dark:bg-dm-primary-base focus:bg-primary-darker font-bold font-sansUI hover:bg-primary-dark inline-block leading-normal py-16 pl-16 pr-20 text-base text-white dark:text-shade-lightest w-full" target="_self" title="Magazine"> <span class="flex justify-between"> <span class="relative bottom-px">Magazine</span> <span class="flex leading-none items-center ml-12"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/thema/meinung/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Meinung"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Meinung</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/politik/deutschland/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Politik" target="_self"> <span class="block font-sansUI font-bold py-16">Politik</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg id="spon-chevron-up-f-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-up-f-303f7454-77ee-44cb-9813-a152304d3ef3"> <g id="m-chevron-right-f-303f7454-77ee-44cb-9813-a152304d3ef3"> <g id="m-chevron-right-303f7454-77ee-44cb-9813-a152304d3ef3"> <path id="vector-303f7454-77ee-44cb-9813-a152304d3ef3" d="M4 10l4-4 4 4" stroke-width="1.8" stroke-linecap="round"/> </g> </g> </g> </svg> </span> <span class="leading-none" x-show="!expanded"><svg id="spon-chevron-down-f-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-down-f-d492e573-8ad4-4918-a909-05ecb5212ba2"> <g id="m-chevron-right-f-d492e573-8ad4-4918-a909-05ecb5212ba2"> <g id="m-chevron-right-d492e573-8ad4-4918-a909-05ecb5212ba2"> <path id="vector-d492e573-8ad4-4918-a909-05ecb5212ba2" d="M12 6l-4 4-4-4" stroke-width="1.8" stroke-linecap="round"/> </g> </g> </g> </svg> </span> </span> <span class="sr-only">Menü Politik aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/thema/bundesregierung/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Bundesregierung"> <span class="block font-sansUI font-normal py-12 px-32">Bundesregierung</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/thema/bundestag/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Bundestag"> <span class="block font-sansUI font-normal py-12 px-32">Bundestag</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/ausland/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-primary-base dark:text-dm-primary-base" title="Ausland" target="_self"> <span class="block font-sansUI font-bold py-16">Ausland</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Ausland aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/thema/usa/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="USA"> <span class="block font-sansUI font-normal py-12 px-32">USA</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/europa/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Europa"> <span class="block font-sansUI font-normal py-12 px-32">Europa</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/nahost/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Nahost"> <span class="block font-sansUI font-normal py-12 px-32">Nahost</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/globale_gesellschaft/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Globale Gesellschaft"> <span class="block font-sansUI font-normal py-12 px-32">Globale Gesellschaft</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/asien/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Asien"> <span class="block font-sansUI font-normal py-12 px-32">Asien</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/thema/afrika/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Afrika"> <span class="block font-sansUI font-normal py-12 px-32">Afrika</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/panorama/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Panorama" target="_self"> <span class="block font-sansUI font-bold py-16">Panorama</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Panorama aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/panorama/justiz/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Justiz & Kriminalität"> <span class="block font-sansUI font-normal py-12 px-32">Justiz & Kriminalität</span> </a> </li> <li> <a href="https://www.spiegel.de/panorama/leute/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Leute"> <span class="block font-sansUI font-normal py-12 px-32">Leute</span> </a> </li> <li> <a href="https://www.spiegel.de/panorama/gesellschaft/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Gesellschaft"> <span class="block font-sansUI font-normal py-12 px-32">Gesellschaft</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/panorama/bildung/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Bildung"> <span class="block font-sansUI font-normal py-12 px-32">Bildung</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/sport/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Sport" target="_self"> <span class="block font-sansUI font-bold py-16">Sport</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Sport aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://sportdaten.spiegel.de/fussball/bundesliga/ergebnisse-und-tabelle/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Ergebnisse & Tabellen"> <span class="block font-sansUI font-normal py-12 px-32">Ergebnisse & Tabellen</span> </a> </li> <li> <a href="https://sportdaten.spiegel.de/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Liveticker"> <span class="block font-sansUI font-normal py-12 px-32">Liveticker</span> </a> </li> <li> <a href="https://www.spiegel.de/sport/fussball/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Fußball"> <span class="block font-sansUI font-normal py-12 px-32">Fußball</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/fussball_bundesliga/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Bundesliga"> <span class="block font-sansUI font-normal py-12 px-32">Bundesliga</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/champions_league/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Champions League"> <span class="block font-sansUI font-normal py-12 px-32">Champions League</span> </a> </li> <li> <a href="https://www.spiegel.de/sport/formel1/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Formel 1"> <span class="block font-sansUI font-normal py-12 px-32">Formel 1</span> </a> </li> <li> <a href="https://sportdaten.spiegel.de/formel-1/kalender/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Formel 1 – Liveticker, Kalender, WM-Stand"> <span class="block font-sansUI font-normal py-12 px-32">Formel 1 – Liveticker, Kalender, WM-Stand</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/sport/wintersport/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Wintersport"> <span class="block font-sansUI font-normal py-12 px-32">Wintersport</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/wirtschaft/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Wirtschaft" target="_blank"> <span class="block font-sansUI font-bold py-16">Wirtschaft</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Wirtschaft aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://boersen.manager-magazin.de/spon/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Börse"> <span class="block font-sansUI font-normal py-12 px-32">Börse</span> </a> </li> <li> <a href="https://www.spiegel.de/wirtschaft/service/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Verbraucher & Service"> <span class="block font-sansUI font-normal py-12 px-32">Verbraucher & Service</span> </a> </li> <li> <a href="https://www.spiegel.de/wirtschaft/service/das-abc-der-versicherungen-a-7cf4cd3d-218c-424a-9066-6a89b7b32639" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Versicherungen"> <span class="block font-sansUI font-normal py-12 px-32">Versicherungen</span> </a> </li> <li> <a href="https://www.spiegel.de/wirtschaft/unternehmen/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Unternehmen & Märkte"> <span class="block font-sansUI font-normal py-12 px-32">Unternehmen & Märkte</span> </a> </li> <li> <a href="https://www.spiegel.de/wirtschaft/soziales/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Staat & Soziales"> <span class="block font-sansUI font-normal py-12 px-32">Staat & Soziales</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/wirtschaft/service/brutto-netto-rechner-was-von-lohn-und-gehalt-uebrig-bleibt-a-223811.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Brutto-Netto-Rechner"> <span class="block font-sansUI font-normal py-12 px-32">Brutto-Netto-Rechner</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/wissenschaft/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Wissenschaft" target="_self"> <span class="block font-sansUI font-bold py-16">Wissenschaft</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Wissenschaft aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/thema/klimawandel/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Klimakrise"> <span class="block font-sansUI font-normal py-12 px-32">Klimakrise</span> </a> </li> <li> <a href="https://www.spiegel.de/wissenschaft/mensch/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Mensch"> <span class="block font-sansUI font-normal py-12 px-32">Mensch</span> </a> </li> <li> <a href="https://www.spiegel.de/wissenschaft/natur/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Natur"> <span class="block font-sansUI font-normal py-12 px-32">Natur</span> </a> </li> <li> <a href="https://www.spiegel.de/wissenschaft/technik/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Technik"> <span class="block font-sansUI font-normal py-12 px-32">Technik</span> </a> </li> <li> <a href="https://www.spiegel.de/wissenschaft/weltall/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Weltall"> <span class="block font-sansUI font-normal py-12 px-32">Weltall</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/wissenschaft/medizin/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Medizin"> <span class="block font-sansUI font-normal py-12 px-32">Medizin</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/netzwelt/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Netzwelt" target="_self"> <span class="block font-sansUI font-bold py-16">Netzwelt</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Netzwelt aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/netzwelt/netzpolitik/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Netzpolitik"> <span class="block font-sansUI font-normal py-12 px-32">Netzpolitik</span> </a> </li> <li> <a href="https://www.spiegel.de/netzwelt/web/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Web"> <span class="block font-sansUI font-normal py-12 px-32">Web</span> </a> </li> <li> <a href="https://www.spiegel.de/netzwelt/gadgets/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Gadgets"> <span class="block font-sansUI font-normal py-12 px-32">Gadgets</span> </a> </li> <li> <a href="https://www.spiegel.de/netzwelt/games/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Games"> <span class="block font-sansUI font-normal py-12 px-32">Games</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/netzwelt/apps/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Apps"> <span class="block font-sansUI font-normal py-12 px-32">Apps</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/kultur/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Kultur" target="_self"> <span class="block font-sansUI font-bold py-16">Kultur</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Kultur aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/kultur/kino/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Kino"> <span class="block font-sansUI font-normal py-12 px-32">Kino</span> </a> </li> <li> <a href="https://www.spiegel.de/kultur/musik/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Musik"> <span class="block font-sansUI font-normal py-12 px-32">Musik</span> </a> </li> <li> <a href="https://www.spiegel.de/kultur/tv/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="TV"> <span class="block font-sansUI font-normal py-12 px-32">TV</span> </a> </li> <li> <a href="https://www.spiegel.de/kultur/literatur/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Literatur"> <span class="block font-sansUI font-normal py-12 px-32">Literatur</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/kultur/bestseller-buecher-belletristik-sachbuch-auf-spiegel-liste-a-458623.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="SPIEGEL-Bestseller"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL-Bestseller</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/thema/leben/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Leben" target="_self"> <span class="block font-sansUI font-bold py-16">Leben</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Leben aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/reise/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Reise"> <span class="block font-sansUI font-normal py-12 px-32">Reise</span> </a> </li> <li> <a href="https://www.spiegel.de/stil/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Stil"> <span class="block font-sansUI font-normal py-12 px-32">Stil</span> </a> </li> <li> <a href="https://www.spiegel.de/gesundheit/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Gesundheit"> <span class="block font-sansUI font-normal py-12 px-32">Gesundheit</span> </a> </li> <li> <a href="https://www.spiegel.de/familie/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Familie"> <span class="block font-sansUI font-normal py-12 px-32">Familie</span> </a> </li> <li> <a href="https://www.spiegel.de/psychologie/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Psychologie"> <span class="block font-sansUI font-normal py-12 px-32">Psychologie</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/thema/spiegel_wissen_coaching/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="SPIEGEL Coaching"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL Coaching</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://www.spiegel.de/thema/reporter/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Reporter"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Reporter</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/thema/daten-und-visualisierungen/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Daten & Visualisierungen"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Daten & Visualisierungen</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/karriere/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Job & Karriere"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Job & Karriere</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/start/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Start"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Start</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/geschichte/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Geschichte" target="_self"> <span class="block font-sansUI font-bold py-16">Geschichte</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Geschichte aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/thema/zeitzeugen/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Zeitzeugen"> <span class="block font-sansUI font-normal py-12 px-32">Zeitzeugen</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/erster_weltkrieg/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Erster Weltkrieg"> <span class="block font-sansUI font-normal py-12 px-32">Erster Weltkrieg</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/zweiter_weltkrieg/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Zweiter Weltkrieg"> <span class="block font-sansUI font-normal py-12 px-32">Zweiter Weltkrieg</span> </a> </li> <li> <a href="https://www.spiegel.de/thema/ddr/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="DDR"> <span class="block font-sansUI font-normal py-12 px-32">DDR</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/thema/film/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Film"> <span class="block font-sansUI font-normal py-12 px-32">Film</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/auto/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Mobilität" target="_self"> <span class="block font-sansUI font-bold py-16">Mobilität</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Mobilität aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/auto/fahrberichte/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Fahrberichte"> <span class="block font-sansUI font-normal py-12 px-32">Fahrberichte</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/auto/fahrkultur/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Fahrkultur"> <span class="block font-sansUI font-normal py-12 px-32">Fahrkultur</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://www.spiegel.de/international/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="SPIEGEL in English"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL in English</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/deinspiegel/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Dein SPIEGEL"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Dein SPIEGEL</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/audio/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Audio"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Audio</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/video/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Video"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Video</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/thema/spiegel-events/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="SPIEGEL-Events"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL-Events</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/tests/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Tests" target="_self"> <span class="block font-sansUI font-bold py-16">Tests</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Tests aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/tests/elektronik/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Elektronik"> <span class="block font-sansUI font-normal py-12 px-32">Elektronik</span> </a> </li> <li> <a href="https://www.spiegel.de/tests/haushalt/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Haushalt"> <span class="block font-sansUI font-normal py-12 px-32">Haushalt</span> </a> </li> <li> <a href="https://www.spiegel.de/tests/fahrrad-zubehoer/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Fahrrad & Zubehör"> <span class="block font-sansUI font-normal py-12 px-32">Fahrrad & Zubehör</span> </a> </li> <li> <a href="https://www.spiegel.de/tests/kueche/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Küche"> <span class="block font-sansUI font-normal py-12 px-32">Küche</span> </a> </li> <li> <a href="https://www.spiegel.de/tests/camping/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Camping"> <span class="block font-sansUI font-normal py-12 px-32">Camping</span> </a> </li> <li> <a href="https://www.spiegel.de/tests/garten/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Garten"> <span class="block font-sansUI font-normal py-12 px-32">Garten</span> </a> </li> <li> <a href="https://www.spiegel.de/tests/auto-zubehoer/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Auto-Zubehör"> <span class="block font-sansUI font-normal py-12 px-32">Auto-Zubehör</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/tests/brettspiele/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Brettspiele"> <span class="block font-sansUI font-normal py-12 px-32">Brettspiele</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://www.spiegel.de/kultur/bestseller-buecher-belletristik-sachbuch-auf-spiegel-liste-a-458623.html" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Bestseller"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Bestseller</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/backstage/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Backstage"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Backstage</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/thema/index-a/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Themen"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Themen</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/thema/abovorteile/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Vorteile mit S+"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Vorteile mit S+</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li class="bg-shade-lightest dark:bg-black mt-16" x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="block border-separator-b h-px"></span> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/thema/marktplatz/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Marktplatz"> <span class="flex items-center justify-between"> <span class="block font-sansUI font-bold py-16">Marktplatz</span> <span class="block text-shade-dark dark:text-shade-light uppercase font-sansUI font-normal mr-16 text-xs">Anzeige</span> </span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus" @click="expanded = !expanded"> <span class="flex items-center py-16 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Marktplatz aufklappen</span> </button> </span> <ul class="bg-shade-lightest dark:bg-black overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li class="pt-8 pb-20"> <a href="https://seniorenportal.spiegel.de/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Seniorenportal"> <span class="block font-sansUI font-normal py-12 px-32">Seniorenportal</span> </a> </li> </ul> </li> <li class="bg-shade-lightest dark:bg-black" x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="block border-separator-b h-px"></span> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://ad3.adfarm1.adition.com/redi?bid=10752033&kid=3485173&sid=4117394" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Lotto"> <span class="flex items-center justify-between"> <span class="block font-sansUI font-bold py-16">Lotto</span> <span class="block text-shade-dark dark:text-shade-light uppercase font-sansUI font-normal mr-16 text-xs">Anzeige</span> </span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus" @click="expanded = !expanded"> <span class="flex items-center py-16 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Lotto aufklappen</span> </button> </span> <ul class="bg-shade-lightest dark:bg-black overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li class="pt-8"> <a href="https://ad3.adfarm1.adition.com/redi?bid=10752055&kid=3485174&sid=4117394" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Eurojackpot"> <span class="block font-sansUI font-normal py-12 px-32">Eurojackpot</span> </a> </li> <li> <a href="https://ad3.adfarm1.adition.com/redi?bid=10752057&kid=3485211&sid=4117394" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="LOTTO 6aus49"> <span class="block font-sansUI font-normal py-12 px-32">LOTTO 6aus49</span> </a> </li> <li class="pb-20"> <a href="https://ad3.adfarm1.adition.com/redi?bid=10752056&kid=3485212&sid=4117394" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="GlücksSpirale"> <span class="block font-sansUI font-normal py-12 px-32">GlücksSpirale</span> </a> </li> </ul> </li> <li class="bg-shade-lightest dark:bg-black" x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="block border-separator-b h-px"></span> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://streaming-guide.spiegel.de/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Streaming Guide"> <span class="flex items-center justify-between"> <span class="block font-sansUI font-bold py-16">Streaming Guide</span> <span class="block text-shade-dark dark:text-shade-light uppercase font-sansUI font-normal mr-16 text-xs">Verlagsangebot</span> </span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus" @click="expanded = !expanded"> <span class="flex items-center py-16 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Streaming Guide aufklappen</span> </button> </span> <ul class="bg-shade-lightest dark:bg-black overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li class="pt-8"> <a href="https://streaming-guide.spiegel.de/streamingdienste/amazon-prime-video/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Amazon Prime Video"> <span class="block font-sansUI font-normal py-12 px-32">Amazon Prime Video</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/apple-tv-plus/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Apple TV +"> <span class="block font-sansUI font-normal py-12 px-32">Apple TV +</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/disney-plus/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Disney+"> <span class="block font-sansUI font-normal py-12 px-32">Disney+</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/magenta-tv/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="MagentaTV"> <span class="block font-sansUI font-normal py-12 px-32">MagentaTV</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/netflix/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Netflix"> <span class="block font-sansUI font-normal py-12 px-32">Netflix</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/paramount-plus/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Paramount+"> <span class="block font-sansUI font-normal py-12 px-32">Paramount+</span> </a> </li> <li class="pb-20"> <a href="https://streaming-guide.spiegel.de/streamingdienste/wow/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="WOW"> <span class="block font-sansUI font-normal py-12 px-32">WOW</span> </a> </li> </ul> </li> <li class="bg-shade-lightest dark:bg-black" x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="block border-separator-b h-px"></span> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://spiele.spiegel.de/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Spiele"> <span class="flex items-center justify-between"> <span class="block font-sansUI font-bold py-16">Spiele</span> <span class="block text-shade-dark dark:text-shade-light uppercase font-sansUI font-normal mr-16 text-xs">Verlagsangebot</span> </span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus" @click="expanded = !expanded"> <span class="flex items-center py-16 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Spiele aufklappen</span> </button> </span> <ul class="bg-shade-lightest dark:bg-black overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li class="pt-8"> <a href="https://www.spiegel.de/panorama/taegliches-quiz-beim-spiegel-7-fragen-zum-allgemeinwissen-pro-tag-a-8a9692b2-4462-4192-942c-fd7809c7519c" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Das tägliche Quiz"> <span class="block font-sansUI font-normal py-12 px-32">Das tägliche Quiz</span> </a> </li> <li> <a href="https://spiele.spiegel.de/kreuzwortraetsel/?utm_campaign=kreuzwortraetsel&utm_medium=navigation_link&utm_source=spiegel_de" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Kreuzworträtsel"> <span class="block font-sansUI font-normal py-12 px-32">Kreuzworträtsel</span> </a> </li> <li> <a href="https://spiele.spiegel.de/solitaer/?utm_campaign=solitaer&utm_medium=navigation_link&utm_source=spiegel_de" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Solitär"> <span class="block font-sansUI font-normal py-12 px-32">Solitär</span> </a> </li> <li> <a href="https://spiele.spiegel.de/sudoku/?utm_campaign=sudoku&utm_medium=navigation_link&utm_source=spiegel_de" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Sudoku"> <span class="block font-sansUI font-normal py-12 px-32">Sudoku</span> </a> </li> <li> <a href="https://spiele.spiegel.de/mahjong/?utm_campaign=mahjong&utm_medium=navigation_link&utm_source=spiegel_de" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Mahjong"> <span class="block font-sansUI font-normal py-12 px-32">Mahjong</span> </a> </li> <li> <a href="https://spiele.spiegel.de/snake/?utm_campaign=snake&utm_medium=navigation_link&utm_source=spiegel_de" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Snake"> <span class="block font-sansUI font-normal py-12 px-32">Snake</span> </a> </li> <li class="pb-20"> <a href="https://spiele.spiegel.de/jackpot-spiele/?utm_campaign=jackpot&utm_medium=navigation_link&utm_source=spiegel_de" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Jackpot"> <span class="block font-sansUI font-normal py-12 px-32">Jackpot</span> </a> </li> </ul> </li> <li class="bg-shade-lightest dark:bg-black mb-16" x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="block border-separator-b h-px"></span> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://kaufradar.spiegel.de/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Kaufradar"> <span class="flex items-center justify-between"> <span class="block font-sansUI font-bold py-16">Kaufradar</span> <span class="block text-shade-dark dark:text-shade-light uppercase font-sansUI font-normal mr-16 text-xs">Anzeige</span> </span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus" @click="expanded = !expanded"> <span class="flex items-center py-16 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Kaufradar aufklappen</span> </button> </span> <ul class="bg-shade-lightest dark:bg-black overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li class="pt-8"> <a href="https://kaufradar.spiegel.de/auto-fahrrad/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Auto & Fahrrad"> <span class="block font-sansUI font-normal py-12 px-32">Auto & Fahrrad</span> </a> </li> <li> <a href="https://kaufradar.spiegel.de/technik-elektronik/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Technik & Elektronik"> <span class="block font-sansUI font-normal py-12 px-32">Technik & Elektronik</span> </a> </li> <li> <a href="https://kaufradar.spiegel.de/finanzen-versicherungen/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Finanzen & Versicherungen"> <span class="block font-sansUI font-normal py-12 px-32">Finanzen & Versicherungen</span> </a> </li> <li> <a href="https://kaufradar.spiegel.de/leben/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Leben"> <span class="block font-sansUI font-normal py-12 px-32">Leben</span> </a> </li> <li> <a href="https://kaufradar.spiegel.de/freizeit-reise/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Freizeit & Reise"> <span class="block font-sansUI font-normal py-12 px-32">Freizeit & Reise</span> </a> </li> <li> <a href="https://kaufradar.spiegel.de/haus-garten/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Haus & Garten"> <span class="block font-sansUI font-normal py-12 px-32">Haus & Garten</span> </a> </li> <li> <a href="https://kaufradar.spiegel.de/energiesysteme/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Energiesysteme"> <span class="block font-sansUI font-normal py-12 px-32">Energiesysteme</span> </a> </li> <li> <a href="https://kaufradar.spiegel.de/haushalt-kueche/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Haushalt & Küche"> <span class="block font-sansUI font-normal py-12 px-32">Haushalt & Küche</span> </a> </li> <li class="pb-20"> <a href="https://kaufradar.spiegel.de/tarife/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Tarife"> <span class="block font-sansUI font-normal py-12 px-32">Tarife</span> </a> </li> </ul> <span class="block border-separator-b h-px"></span> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/spiegel/print/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="SPIEGEL-Heft" target="_self"> <span class="block font-sansUI font-bold py-16">SPIEGEL-Heft</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü SPIEGEL-Heft aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/spiegel/print/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Heftarchiv"> <span class="block font-sansUI font-normal py-12 px-32">Heftarchiv</span> </a> </li> <li class="mb-20"> <a href="https://www.amazon.de/stores/page/9A033B74-B98E-4CE4-BB30-C47BD542801B?_encoding=UTF8&camp=1638&creative=6742&linkCode=ur2&linkId=ddec9c715dda90b1e0d431bb3abc5d3c&tag=spiegelverlag-21" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Shop"> <span class="block font-sansUI font-normal py-12 px-32">Shop</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/magazine" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Alle Magazine" target="_self"> <span class="block font-sansUI font-bold py-16">Alle Magazine</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Alle Magazine aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/spiegel/spiegelwissen/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="SPIEGEL WISSEN"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL WISSEN</span> </a> </li> <li> <a href="https://www.spiegel.de/spiegel/deinspiegel/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Dein SPIEGEL"> <span class="block font-sansUI font-normal py-12 px-32">Dein SPIEGEL</span> </a> </li> <li> <a href="https://www.spiegel.de/spiegel/spiegelgeschichte" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="SPIEGEL GESCHICHTE"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL GESCHICHTE</span> </a> </li> <li> <a href="https://www.amazon.de/stores/page/5A51BB7A-F093-490A-A88B-0B8DAD2BD31F?_encoding=UTF8&camp=1638&creative=6742&linkCode=ur2&linkId=bebfea2a767e9b6fa4032067aac689c6&tag=wwwspiegelde-21" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL EDITION"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL EDITION</span> </a> </li> <li> <a href="https://www.amazon.de/dp/B084H7TJ2J?_encoding=UTF8&camp=1638&creative=6742&linkCode=ur2&linkId=2b0869ebe8a71aa295f61f936c59ae13&tag=wwwspiegelde-21" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL LESEZEICHEN"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL LESEZEICHEN</span> </a> </li> <li class="mb-20"> <a href="https://www.amazon.de/stores/page/7A4C6628-433D-4F60-9E2A-2559D87EBE96?_encoding=UTF8&camp=1638&creative=6742&ingress=3&linkCode=ur2&linkId=e7aab828241dc9c24162f8f4af873651&tag=spiegel200-21&visitId=6c8f0a76-9d4a-4e47-94ca-0f6231dcaf22" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL COACHING"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL COACHING</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://tv.spiegel.de" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL TV"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL TV</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/dienste/besser-surfen-auf-spiegel-online-so-funktioniert-rss-a-1040321.html" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="RSS-Feed"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">RSS-Feed</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://gruppe.spiegel.de/spiegel-media" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="SPIEGEL Media" target="_blank"> <span class="block font-sansUI font-bold py-16">SPIEGEL Media</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü SPIEGEL Media aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://manufaktur.spiegel.de" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="MANUFAKTUR"> <span class="block font-sansUI font-normal py-12 px-32">MANUFAKTUR</span> </a> </li> <li> <a href="https://gruppe.spiegel.de/spiegel-media/bereiche/affiliate-und-integrations" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Affiliate & Integrations"> <span class="block font-sansUI font-normal py-12 px-32">Affiliate & Integrations</span> </a> </li> <li class="mb-20"> <a href="https://gruppe.spiegel.de/spiegel-media/bereiche/media-products" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Media Products"> <span class="block font-sansUI font-normal py-12 px-32">Media Products</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://ed.spiegel.de/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL Ed"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL Ed</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://akademie.spiegel.de/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL Akademie"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL Akademie</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/services/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Services" target="_self"> <span class="block font-sansUI font-bold py-16">Services</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Services aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/auto/aktuell/bussgeldrechner-was-zu-schnelles-fahren-kostet-a-244772.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Bußgeldrechner"> <span class="block font-sansUI font-normal py-12 px-32">Bußgeldrechner</span> </a> </li> <li> <a href="https://www.spiegel.de/lebenundlernen/uni/studium-tipps-und-hilfe-fuer-uni-und-studentenleben-a-640620.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Uni-Tools"> <span class="block font-sansUI font-normal py-12 px-32">Uni-Tools</span> </a> </li> <li> <a href="https://boersen.manager-magazin.de/spon/devisen_uebersicht.htn#rechner" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Währungsrechner"> <span class="block font-sansUI font-normal py-12 px-32">Währungsrechner</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/wirtschaft/service/versicherung-check-fuer-haftpflicht-hausrat-berufsunfaehigkeit-a-960380.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Versicherungen"> <span class="block font-sansUI font-normal py-12 px-32">Versicherungen</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://www.spiegel.de/nachrichtenarchiv/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Nachrichtenarchiv"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Nachrichtenarchiv</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li class="my-16"> <span class="block border-separator-b h-px mx-16"></span> </li> <li class="pl-2"> <a href="https://www.facebook.com/DerSpiegel/" rel="nofollow" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_blank" title="Facebook"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#spon-facebook-l"/></svg> </span> <span class="block font-sansUI ml-16">Facebook</span> </span> </a> </li> <li class="pl-2"> <a href="https://www.instagram.com/spiegelmagazin/" rel="nofollow" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_blank" title="Instagram"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#spon-instagram-l"/></svg> </span> <span class="block font-sansUI ml-16">Instagram</span> </span> </a> </li> <li class="pl-2"> <a href="https://www.spiegel.de/backstage/bei-diesen-diensten-koennen-sie-dem-spiegel-folgen-a-a68cce85-8be8-4707-bd6e-0706090cbbbe" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_self" title="Wo Sie uns noch folgen können"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#spon-website-l"/></svg> </span> <span class="block font-sansUI ml-16"> Wo Sie uns noch folgen können </span> </span> </a> </li> </ul> </nav> </div> <template x-data="{isPlayerAttached: $store.WebAudio.isClipFromLocalStorage,onClipChanged() {this.isPlayerAttached = this.isPlayerAttached || !!$store.WebAudio.clip;}}" x-init="$watch('$store.WebAudio.clip', () => onClipChanged())" x-if="isPlayerAttached"> <div x-data="{isInitialized: false,isExpanded: false,get canOpen() {return this.isInitialized || $store.WebAudio.isClipFromLocalStorage;},get isOpen() {return !!$store.WebAudio.clip && this.canOpen;},}" x-init="$nextTick(() => isInitialized = true)" x-effect="document.documentElement.classList.toggle('audio-player-open', isOpen)" data-app-hidden data-area="audio-player"> <div class="fixed w-full bottom-0 sm:mb-8 md:mb-16 lg:mb-16 z-20 pointer-events-none" x-show="isOpen && !isExpanded" x-transition:enter="transition-transform duration-500 ease-out" x-transition:enter-start="translate-y-3/2" x-transition:leave="transition-transform duration-500 ease-out" x-transition:leave-end="translate-y-3/2"> <div class="justify-center"> <div class="relative z-20 w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg sm:px-16 md:px-16 lg:px-24"> <div class="pointer-events-auto"> <div class="shadow-lg rounded-pill bg-sec2-lightest dark:bg-sec2-darker w-full z-max relative cursor-pointer" @click="isExpanded = true; $focus($refs.audioPlayerCollapse)"> <div class="flex items-center pl-8"> <button class="shrink-0 mr-12 outline-focus" title="Audio Player maximieren" x-ref="audioPlayerExpand"> <div class="relative" aria-hidden="true" data-sara-component="{"name":"image","title":"","type":"media"}"> <img class="lazyload md:hidden lg:hidden rounded py-8" x-data="{onSrcChanged(newSrc) {if (newSrc) {$el.classList.remove('loaded');$el.classList.remove('entered');$el.removeAttribute('data-ll-status');$publish('LAZYLOADING_UPDATE');} else {$el.src = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='36' height='36' %3E%3C/svg%3E`;}}}" x-effect="onSrcChanged($store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : '')" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='36' height='36' %3E%3C/svg%3E" :data-src="$store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : ''" width="36" height="36" alt> </div> <div class="relative" aria-hidden="true" data-sara-component="{"name":"image","title":"","type":"media"}"> <img class="lazyload sm:hidden rounded py-8" x-data="{onSrcChanged(newSrc) {if (newSrc) {$el.classList.remove('loaded');$el.classList.remove('entered');$el.removeAttribute('data-ll-status');$publish('LAZYLOADING_UPDATE');} else {$el.src = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40' %3E%3C/svg%3E`;}}}" x-effect="onSrcChanged($store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : '')" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40' %3E%3C/svg%3E" :data-src="$store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : ''" width="40" height="40" alt> </div> <span class="sr-only">Audio Player maximieren</span> </button> <div class="flex flex-col overflow-hidden font-sansUI sm:text-xs md:text-s lg:text-s text-left relative w-full py-8"> <div x-show="!$store.WebAudio.isRestored"> <div class="font-bold text-primary-base dark:text-dm-primary-base whitespace-nowrap" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.kicker : ''"></div> <div class="font-bold whitespace-nowrap" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.headline : ''"></div> </div> <div x-show="$store.WebAudio.isRestored"> <div class="font-bold whitespace-nowrap tracking-wide"> Die Wiedergabe wurde unterbrochen. </div> <button class="underline whitespace-nowrap" title="Wiedergabe fortsetzen" @click.stop="$publish('AUDIO_PLAYER_RESUME')"> Wiedergabe fortsetzen? </button> </div> <div class="absolute right-0 bottom-0 shrink-0 bg-gradient-to-l dark:from-sec2-darker from-sec2-lightest h-full w-16"></div> </div> <div class="flex items-center ml-18"> <button class="lg:px-12 md:px-12 sm:px-6 text-sec2-dark dark:text-shade-lighter hover:text-sec2-darker dark:hover:text-shade-lightest" :title="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'" x-show="!$store.WebAudio.isLoading" @click.stop="$store.WebAudio.isPlaying ? $publish('AUDIO_PLAYER_PAUSE') : $publish('AUDIO_PLAYER_RESUME')" data-sara-click-el="button"> <span x-show="!$store.WebAudio.isPlaying" class="flex h-48 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-play-f-629ec249-26ce-40d0-b5fd-6664c1fe65a0"> <g id="l-play-629ec249-26ce-40d0-b5fd-6664c1fe65a0"> <path id="vector-629ec249-26ce-40d0-b5fd-6664c1fe65a0" d="M6 5.763a.75.75 0 011.11-.658l11.433 6.237a.75.75 0 010 1.316L7.109 18.895A.75.75 0 016 18.237V5.763z" class="fill-current"/> </g> </g> </svg> </span> <span x-show="$store.WebAudio.isPlaying" class="flex h-48 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-pause-f-25197854-b6e9-4e35-8946-2b830e14c66d"> <rect id="rectangle-25197854-b6e9-4e35-8946-2b830e14c66d" x="7" y="4" width="3" height="16" rx="1.5" class="fill-current"/> <rect id="rectangle_2-25197854-b6e9-4e35-8946-2b830e14c66d" x="14" y="4" width="3" height="16" rx="1.5" class="fill-current"/> </g> </svg> </span> <span class="sr-only" x-text="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'"></span> </button> <div class="flex h-48 items-center lg:px-12 md:px-12 sm:px-6" x-show="$store.WebAudio.isLoading"> <span class="rounded-circle w-20 h-20 m-2 border-2 border-shade-base dark:border-shade-light animate-spin" style="border-top-color:transparent;"></span> </div> <button class="flex h-48 items-center lg:px-12 md:px-12 sm:px-6 text-sec2-dark dark:text-shade-lighter hover:text-sec2-darker dark:hover:text-shade-lightest" title="Wiedergabe beenden" @click.stop="$publish('AUDIO_PLAYER_CLEAR')" data-sara-click-el="button"><svg class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-close-e13f1e42-2221-4f28-902a-4202c9aaa07e"> <path id="vector-e13f1e42-2221-4f28-902a-4202c9aaa07e" d="M18 18L6 6m12 0L6 18" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> <span class="sr-only">Wiedergabe beenden</span> </button> </div> </div> <div class="absolute bottom-0 left-8 right-8"> <div class="absolute bottom-0 w-full bg-opacity-slight dark:bg-opacity-slight sm:h-2 md:h-4 lg:h-4 bg-sec2-dark dark:bg-sec2-lightest"></div> <div class="absolute bottom-0 left-0 right-0 sm:h-2 md:h-4 lg:h-4 max-w-full bg-sec2-dark dark:bg-sec2-lightest" :style="{ width: ($store.WebAudio.currentTime / $store.WebAudio.duration * 100) + '%' }"></div> </div> </div> </div> </div> </div> </div> <div class="fixed w-full bottom-0 sm:mb-8 md:mb-16 lg:mb-16 z-20 pointer-events-none" x-show="isOpen && isExpanded" x-transition:enter="transition-transform duration-500 ease-out" x-transition:enter-start="translate-y-3/2" x-transition:leave="transition-transform duration-500 ease-out" x-transition:leave-end="translate-y-3/2"> <div class="justify-center"> <div class="relative z-20 w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg sm:px-16 md:px-16 lg:px-24"> <div class="pointer-events-auto"> <div class="shadow-lg rounded-pill bg-sec2-lightest dark:bg-sec2-darker lg:pb-16 md:pb-16 sm:pb-16 z-max"> <button class="text-right pt-16 pb-12 lg:pr-24 md:pr-24 sm:pr-16 w-full outline-focus text-sec2-dark dark:text-shade-lightest" title="Audio Player minimieren" @click="isExpanded = false; $focus($refs.audioPlayerExpand)" x-ref="audioPlayerCollapse"><svg class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-chevron-down-1bc07ef1-c20b-40f0-9635-ae8921bd14b1"> <g id="l-chevron-right-1bc07ef1-c20b-40f0-9635-ae8921bd14b1"> <path id="vector-1bc07ef1-c20b-40f0-9635-ae8921bd14b1" d="M18 9l-6 6-6-6" stroke-width="1.3" stroke-linecap="round"/> </g> </g> </svg> <span class="sr-only">Audio Player minimieren</span> </button> <div class="flex items-center justify-between mb-24 sm:flex-col lg:px-24 md:px-24 sm:px-16"> <div class="w-full flex items-center sm:mb-16"> <div class="shrink-0 mr-16"> <div class="relative" aria-hidden="true" data-sara-component="{"name":"image","title":"","type":"media"}"> <img class="lazyload rounded" x-data="{onSrcChanged(newSrc) {if (newSrc) {$el.classList.remove('loaded');$el.classList.remove('entered');$el.removeAttribute('data-ll-status');$publish('LAZYLOADING_UPDATE');} else {$el.src = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72' width='72' height='72' %3E%3C/svg%3E`;}}}" x-effect="onSrcChanged($store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : '')" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72' width='72' height='72' %3E%3C/svg%3E" :data-src="$store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : ''" width="72" height="72" alt> </div> </div> <div class="flex flex-col font-bold font-sansUI"> <div class="text-s text-primary-base dark:text-dm-primary-base lg:mb-4 md:mb-4" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.kicker : ''" x-show="$store.WebAudio.clip && $store.WebAudio.clip.kicker"></div> <div class="text-base lg:mb-4 md:mb-4" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.headline : ''"></div> <div class="text-s font-normal opacity-distinct sm:hidden" x-text="$store.WebAudio.chapter ? $store.WebAudio.chapter.title : ''" x-show="$store.WebAudio.chapter && $store.WebAudio.chapter.title"></div> </div> </div> <div class="flex shrink-0 items-center lg:justify-end md:justify-end sm:justify-between sm:w-full w-5/12"> <div class="sm:min-w-48 sm:w-full"> <button x-data="{playbackRates: [ 0.8, 0.9, 1, 1.1, 1.2, 1.5, 1.7, 2.0, 2.5 ],get nextPlaybackRate() {const index = this.playbackRates.findIndex((playbackRate) => playbackRate === $store.WebAudio.playbackRate);const nextIndex = (index + 1) % this.playbackRates.length;return this.playbackRates[nextIndex];}}" class="border font-bold font-sansUI h-24 px-6 rounded-oval text-xs border-sec2-dark dark:border-shade-lighter hover:border-sec2-darker dark:hover:border-shade-lightest text-sec2-dark dark:text-shade-lighter hover:text-sec2-darker dark:hover:text-shade-lightest" title="Wiedergabegeschwindigkeit ändern" @click="$publish('AUDIO_PLAYER_SET_PLAYBACK_RATE', nextPlaybackRate)" data-sara-click-el="button"> <span x-text="($store.WebAudio.playbackRate).toFixed(1) + 'x'"></span> <span class="sr-only">Wiedergabegeschwindigkeit ändern</span> </button> </div> <div class="flex shrink-0 items-stretch"> <button class="lg:px-12 md:px-12 sm:pr-12 lg:mx-12 md:mx-12 sm:mr-12 text-sec2-dark dark:text-shade-lighter hover:text-sec2-darker dark:hover:text-shade-lightest" title="15 Sekunden zurück" @click="$publish('AUDIO_PLAYER_SET_TIME', $store.WebAudio.currentTime - 15)" data-sara-click-el="button"><svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M5.65 3.5C11.8333 3.5 12.8167 3.5 19 3.5C24.2467 3.5 28.5 7.75329 28.5 13C28.5 18.2467 24.2467 22.5 19 22.5H15" class="stroke-current" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.64507 2.93557L4.75612 1.08839C5.24106 0.664074 6 1.00846 6 1.65283V5.34717C6 5.99154 5.24106 6.33593 4.75612 5.91161L2.64507 4.06443C2.30357 3.76562 2.30357 3.23438 2.64507 2.93557Z" class="fill-current"/> <path d="M10.1245 15.62V17H15.4165V15.62H13.7605V9.044H12.2725L10.0765 9.944L10.4845 11.156L12.0445 10.52V15.62H10.1245ZM16.309 13.508C16.597 13.46 17.449 13.424 18.001 13.424C19.441 13.424 20.137 13.736 20.137 14.66C20.137 15.452 19.693 15.86 18.901 15.86C18.073 15.86 17.689 15.476 17.773 14.684H16.045C15.781 16.364 16.633 17.156 18.757 17.156C20.917 17.156 21.901 16.124 21.901 14.528C21.901 12.788 20.797 12.14 18.685 12.14C18.433 12.14 18.157 12.152 17.905 12.164L18.037 10.544H21.349L21.481 9.044H16.597L16.309 13.508Z" class="fill-current"/> </svg> <span class="sr-only">15 Sekunden zurück</span> </button> <button class="shrink-0 w-48 h-48 rounded-circle px-12 bg-sec2-dark dark:bg-sec2-lightest hover:bg-sec2-darker dark:hover:bg-shade-lightest text-white dark:text-sec2-dark" :title="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'" :disabled="$store.WebAudio.isLoading" @click="$store.WebAudio.isPlaying ? $publish('AUDIO_PLAYER_PAUSE') : $publish('AUDIO_PLAYER_RESUME')" data-sara-click-el="button"> <span x-show="!$store.WebAudio.isPlaying && !$store.WebAudio.isLoading" class="flex items-center justify-around"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-play-f-1ee898a4-2d8a-4353-99de-77528ff449f6"> <g id="l-play-1ee898a4-2d8a-4353-99de-77528ff449f6"> <path id="vector-1ee898a4-2d8a-4353-99de-77528ff449f6" d="M6 5.763a.75.75 0 011.11-.658l11.433 6.237a.75.75 0 010 1.316L7.109 18.895A.75.75 0 016 18.237V5.763z" class="fill-current"/> </g> </g> </svg> </span> <span x-show="$store.WebAudio.isPlaying && !$store.WebAudio.isLoading" class="flex items-center justify-around"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-pause-f-8e72318c-fd8c-46b4-845b-dbbb00b1c193"> <rect id="rectangle-8e72318c-fd8c-46b4-845b-dbbb00b1c193" x="7" y="4" width="3" height="16" rx="1.5" class="fill-current"/> <rect id="rectangle_2-8e72318c-fd8c-46b4-845b-dbbb00b1c193" x="14" y="4" width="3" height="16" rx="1.5" class="fill-current"/> </g> </svg> </span> <span x-show="$store.WebAudio.isLoading" class="flex rounded-circle w-20 h-20 m-2 border-2 border-white dark:border-sec2-dark animate-spin" style="border-top-color:transparent;"></span> <span class="sr-only" x-text="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'"></span> </button> <button class="lg:pr-12 pl-12 ml-12 text-sec2-dark dark:text-shade-lighter hover:text-sec2-darker dark:hover:text-shade-lightest" title="30 Sekunden vor" @click="$publish('AUDIO_PLAYER_SET_TIME', $store.WebAudio.currentTime + 30)" data-sara-click-el="button"><svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M26.35 3.5C20.1667 3.5 19.1833 3.5 13 3.5C7.75329 3.5 3.5 7.75329 3.5 13C3.5 18.2467 7.75329 22.5 13 22.5H17" class="stroke-current" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.3549 2.93557L27.2439 1.08839C26.7589 0.664074 26 1.00846 26 1.65283V5.34717C26 5.99154 26.7589 6.33593 27.2439 5.91161L29.3549 4.06443C29.6964 3.76562 29.6964 3.23438 29.3549 2.93557Z" class="fill-current"/> <path d="M11.9726 13.604C13.1366 13.604 13.4606 14.036 13.4606 14.732C13.4606 15.368 13.1006 15.86 12.1646 15.86C11.2766 15.86 10.8686 15.488 10.9406 14.672H9.20064C8.96064 16.376 9.83664 17.156 12.0686 17.156C14.2406 17.156 15.2246 16.184 15.2246 14.72C15.2246 13.532 14.5886 12.944 13.4966 12.8V12.776C14.3726 12.548 14.9846 11.888 14.9846 10.952C14.9846 9.716 14.2646 8.888 12.2246 8.888C10.3046 8.888 9.21264 9.68 9.28464 11.288H10.9886C10.9646 10.652 11.2526 10.172 12.1166 10.172C12.8606 10.172 13.2206 10.52 13.2206 11.204C13.2206 11.816 12.8726 12.26 11.9726 12.26H10.8806V13.604H11.9726ZM19.2417 17.156C21.1977 17.156 22.5057 15.968 22.5057 12.908C22.5057 9.98 21.4257 8.888 19.3737 8.888C17.4057 8.888 16.0977 10.064 16.0977 13.124C16.0977 16.052 17.1897 17.156 19.2417 17.156ZM19.2897 15.824C18.3657 15.824 17.8737 15.248 17.8737 13.04C17.8737 10.856 18.4017 10.22 19.3137 10.22C20.2377 10.22 20.7417 10.796 20.7417 12.992C20.7417 15.2 20.2017 15.824 19.2897 15.824Z" class="fill-current"/> </svg> <span class="sr-only">30 Sekunden vor</span> </button> <button x-data="{ lastVolume: $store.WebAudio.volume }" x-effect="this.lastVolume = $store.WebAudio.volume > 0 ? $store.WebAudio.volume : this.lastVolume" class="md:hidden sm:hidden px-12 text-sec2-dark dark:text-shade-lighter hover:text-sec2-darker dark:hover:text-shade-lightest" :title="$store.WebAudio.volume === 0 ? 'Stummschaltung aufheben' : 'Stummschalten'" @click="$store.WebAudio.volume = $store.WebAudio.volume === 0 ? this.lastVolume : 0" data-sara-click-el="button"> <span x-show="$store.WebAudio.volume !== 0"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M17 16C18.1956 15.2016 19 13.7092 19 12C19 10.2908 18.1956 8.79844 17 8" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> <path d="M15 13C15.2989 12.8004 15.5 12.4273 15.5 12C15.5 11.5727 15.2989 11.1996 15 11" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> <path d="M19 18.5C20.8569 17.2025 22.5 14.7775 22.5 12C22.5 9.2225 20.8569 6.79746 19 5.5" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> <path d="M2.65 8.75C2.65 8.69477 2.69477 8.65 2.75 8.65H5.73691C6.05481 8.65 6.36325 8.54181 6.61149 8.34322L11.2006 4.67191C11.2183 4.65773 11.2404 4.65 11.2631 4.65H12.25C12.3052 4.65 12.35 4.69477 12.35 4.75V19.25C12.35 19.3052 12.3052 19.35 12.25 19.35H11.2631C11.2404 19.35 11.2183 19.3423 11.2006 19.3281L6.61149 15.6568C6.36325 15.4582 6.05481 15.35 5.73691 15.35H2.75C2.69477 15.35 2.65 15.3052 2.65 15.25V8.75Z" class="stroke-current" stroke-width="1.3"/> </svg> <span class="sr-only">Stummschalten</span> </span> <span x-show="$store.WebAudio.volume === 0"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M2.65 8.75C2.65 8.69477 2.69477 8.65 2.75 8.65H5.73691C6.05481 8.65 6.36325 8.54181 6.61149 8.34322L11.2006 4.67191C11.2183 4.65773 11.2404 4.65 11.2631 4.65H12.25C12.3052 4.65 12.35 4.69477 12.35 4.75V19.25C12.35 19.3052 12.3052 19.35 12.25 19.35H11.2631C11.2404 19.35 11.2183 19.3423 11.2006 19.3281L6.61149 15.6568C6.36325 15.4582 6.05481 15.35 5.73691 15.35H2.75C2.69477 15.35 2.65 15.3052 2.65 15.25V8.75Z" class="stroke-current" stroke-width="1.3"/> <path d="M15.5 14.5L20.5 9.5" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> <path d="M20.5 14.5L15.5 9.5" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> </svg> <span class="sr-only">Stummschaltung aufheben</span> </span> </button> <div x-data="{ get progress() { return Math.min(($store.WebAudio.volume - 0) / 1 - 0, 1); } }" class="relative h-2 self-center bottom-px md:hidden sm:hidden w-64" :style="{ '--polygon-range-progress': progress }"> <input class="audio-player-range-thumb hover:cursor-pointer absolute w-full appearance-none h-2 bg-opacity-slight dark:bg-opacity-slight bg-no-repeat bg-gradient-to-r bg-sec2-dark dark:bg-sec2-lightest from-sec2-dark dark:from-sec2-lightest to-sec2-dark dark:to-sec2-lightest" type="range" x-model="$store.WebAudio.volume" :min="0" :max="1" :step="0.01" style="background-size: calc(100% * var(--polygon-range-progress)) 100%;" title="Lautstärke"> <span class="absolute left-0 bottom-0 top-0 my-auto rounded-pill w-12 h-12 pointer-events-none bg-sec2-dark dark:bg-sec2-lightest" style="left: calc(100% * var(--polygon-range-progress) - var(--polygon-range-progress) * 8px);"></span> </div> </div> <div class="sm:min-w-48 sm:w-full"> </div> </div> </div> <div class="lg:px-24 md:px-24 sm:px-16"> <div x-data="{ get progress() { return Math.min(($store.WebAudio.currentTime - 0) / $store.WebAudio.duration - 0, 1); } }" class="relative h-2 w-full mb-12" :style="{ '--polygon-range-progress': progress }"> <input class="audio-player-range-thumb hover:cursor-pointer absolute w-full appearance-none h-2 bg-opacity-slight dark:bg-opacity-slight bg-no-repeat bg-gradient-to-r bg-sec2-dark dark:bg-sec2-lightest from-sec2-dark dark:from-sec2-lightest to-sec2-dark dark:to-sec2-lightest" type="range" x-model="$store.WebAudio.currentTime" :min="0" :max="$store.WebAudio.duration" :step="1" style="background-size: calc(100% * var(--polygon-range-progress)) 100%;" title="Abspielposition" :disabled="$store.WebAudio.isLoading"> <template x-for="marker in $store.WebAudio.chapterPositions"><svg width="4" height="2" class="absolute text-sec2-lightest dark:text-sec2-darker" :style="{ 'left': `${ marker * 100 / $store.WebAudio.duration }%` }" role="img" aria-hidden="true" > <rect width="4" height="2" class="fill-current"/> </svg> </template> <span class="absolute left-0 bottom-0 top-0 my-auto rounded-pill w-12 h-12 pointer-events-none bg-sec2-dark dark:bg-sec2-lightest" style="left: calc(100% * var(--polygon-range-progress) - var(--polygon-range-progress) * 8px);"></span> </div> <div class="relative flex justify-between font-sansUI text-s text-sec2-darker dark:text-shade-lightest mb-12"> <div x-text="$dateUtils.formatTime($store.WebAudio.currentTime)"></div> <div class="absolute left-48 right-48 whitespace-nowrap overflow-hidden text-center text-black dark:text-shade-lightest opacity-distinct md:hidden lg:hidden" x-show="$store.WebAudio.chapter && $store.WebAudio.chapter.title"> <span x-text="$store.WebAudio.chapter ? $store.WebAudio.chapter.title : ''"></span> <div class="absolute top-0 right-0 w-32 h-full bg-gradient-to-l from-sec2-lightest dark:from-sec2-darker"></div> </div> <div x-text="$dateUtils.formatTime($store.WebAudio.duration)"></div> </div> </div> </div> </div> </div> </div> </div> </div> </template> <div x-data="{isOpen: false,returnFocusElement: null,type: '',get title() {return $settings?.translations?.loginLayer?.[this.type]?.title || '';},get imageSrc() {if (this.type) {return 'https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_720.png';} else {return '';}},get imageSrcset() {if (this.type) {return ('https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_460.png 460w, ' +'https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_720.png 720w, ' +'https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_920.png 920w, ' +'https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_1440.png 1440w');} else {return '';}},get text() {return $settings?.translations?.loginLayer?.[this.type]?.text || '';},preventScrolling: true,id: 'c5399c3f-fd5f-403e-98f6-08c34c4380a2',open() {if (this.isOpen) {return;}this.isOpen = true;this.returnFocusElement = window.document.activeElement;$focus($refs.closeButton);$publish('LOGIN_LAYER_OPENED');$publish('OVERLAY_OPENED', this);},close() {if (!this.isOpen) {return;}this.isOpen = false;$focus(this.returnFocusElement);this.returnFocusElement = null;this.type = '';$publish('LOGIN_LAYER_CLOSED');$publish('OVERLAY_CLOSED', this);},}" x-subscribe.login_layer_open_layer="const args = $payload[0];if (args.type) {type = args.type;open();}" x-subscribe.login_layer_close_layer="close()" @keydown.escape.capture.window="if ($event.defaultPrevented || !isOpen) {return;}$event.preventDefault();close();" x-cloak> <template x-if="isOpen"> <div class="fixed left-0 top-0 h-full w-full z-overlay animate-fade-in" :data-area="`login-layer>${type}`"> <div class="bg-black opacity-distinct h-full w-full" @click.prevent="close();"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex items-center mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg pointer-events-none lg:px-8" style="bottom: var(--polygon-app-bottombar-height, 0px)"> <div class="bg-white border border-shade-lighter dark:bg-dm-shade-darkest lg:mx-auto md:mx-auto sm:mx-16 lg:p-24 lg:w-8/12 md:p-24 md:w-10/12 rounded shadow sm:px-16 sm:pt-16 sm:pb-24 max-h-full overflow-x-hidden overflow-y-auto pointer-events-auto"> <div class="flex justify-between lg:mb-24 md:mb-24 sm:mb-16"> <div class="font-brandUI font-extrabold lg:text-2xl md:text-2xl sm:text-xl leading-tight lg:mr-24 md:mr-24 sm:mr-16 sm:pt-px" x-text="title"></div> <button class="text-black dark:text-shade-lightest outline-focus cursor-pointer leading-none" data-sara-click-el="button" x-ref="closeButton" @click.prevent="close();"><svg class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-close-7817b887-2072-4eb5-9d6c-355d48e28339"> <path id="vector-7817b887-2072-4eb5-9d6c-355d48e28339" d="M18 18L6 6m12 0L6 18" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> <span class="sr-only">Dialog schließen</span> </button> </div> <div class="mb-8"> <span class="block bg-transparent dark:bg-black"> <img aria-hidden="true" class="rounded" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 327' width='720' height='327' %3E%3C/svg%3E" :src="imageSrc" :srcset="imageSrcset" sizes="(max-width: 719px) 460px, 720px" width="720" height="327"> </span> <div class="RichTextCredit font-sansUI text-s text-shade-light dark:text-shade-dark pt-4"> © Patrick Mariathasan / DER SPIEGEL </div> </div> <div class="font-sansUI text-black dark:text-shade-lightest text-base mb-16" x-text="text"></div> <a href="https://gruppenkonto.spiegel.de/authenticate?requestAccessToken=true&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" class="inline-flex items-center font-bold font-sansUI rounded bg-primary-base dark:bg-dm-primary-base text-white dark:text-shade-lightest hover:bg-primary-dark focus:bg-primary-darker px-16 min-h-44 gap-8" title="Anmelden oder Konto erstellen" data-consent-el="loginLink" data-sara-link="gruppenkonto" x-data @click.prevent="if ($appUtils.isApp) {$appBridge.triggerLogin({ targetUrl: '{{url(requestPath)}}' });} else {window.location.href = $el.href;}"> <span data-label class="text-s leading-18">Anmelden oder Konto erstellen</span> <span class="leading-none"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> </div> </div> </div> </template> </div> <div x-data="{isOpen: false,returnFocusElement: null,preventScrolling: true,id: 'fbc02ed2-46b7-4592-a42f-c3f4dacf7018',open() {if (this.isOpen) {return;}this.isOpen = true;this.returnFocusElement = window.document.activeElement;$focus($refs.closeButton);$publish('FEEDBACK_LAYER_OPENED');$publish('OVERLAY_OPENED', this);},close() {if (!this.isOpen) {return;}this.isOpen = false;$focus(this.returnFocusElement);this.returnFocusElement = null;$publish('FEEDBACK_LAYER_CLOSED');$publish('OVERLAY_CLOSED', this);},}" x-subscribe.feedback_layer_open_layer="open()" x-subscribe.feedback_layer_close_layer="close()" @keydown.escape.capture.window="if ($event.defaultPrevented || !isOpen) {return;}$event.preventDefault();close();" x-cloak> <template x-if="isOpen"> <div class="fixed left-0 top-0 h-full w-full z-overlay animate-fade-in" data-area="feedback-layer"> <div class="bg-black opacity-distinct h-full w-full" @click.prevent="close();"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex items-center mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg pointer-events-none lg:px-8" style="bottom: var(--polygon-app-bottombar-height, 0px)"> <div class="bg-white border border-shade-lighter dark:bg-dm-shade-darkest lg:mx-auto md:mx-auto sm:mx-16 lg:p-24 lg:w-8/12 md:p-24 md:w-10/12 rounded shadow sm:p-16 max-h-full overflow-x-hidden overflow-y-auto pointer-events-auto"> <div class="flex justify-between lg:mb-24 md:mb-24 sm:mb-16"> <div class="font-brandUI font-extrabold lg:text-2xl md:text-2xl sm:text-xl leading-tight lg:mr-24 md:mr-24 sm:mr-16 sm:pt-px"> Helfen Sie uns, besser zu werden </div> <button class="text-black dark:text-shade-lightest outline-focus cursor-pointer leading-none" data-sara-click-el="button" x-ref="closeButton" @click.prevent="close();"><svg id="spon-close-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-close-9a82850f-282d-44cc-b6b6-0a1d9e3335d2"> <path id="vector-9a82850f-282d-44cc-b6b6-0a1d9e3335d2" d="M18 18L6 6m12 0L6 18" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> <span class="sr-only">Dialog schließen</span> </button> </div> <div class="mb-8"> <span class="block bg-transparent dark:bg-black"> <img aria-hidden="true" class="rounded" src="https://cdn.prod.www.spiegel.de/public/spon/images/modal/feedback_720.png" srcset="https://cdn.prod.www.spiegel.de/public/spon/images/modal/feedback_460.png 460w,https://cdn.prod.www.spiegel.de/public/spon/images/modal/feedback_920.png 920w,https://cdn.prod.www.spiegel.de/public/spon/images/modal/feedback_720.png 720w,https://cdn.prod.www.spiegel.de/public/spon/images/modal/feedback_1440.png 1440w" sizes="(max-width: 719px) 460px, 720px" width="720" height="328"> </span> <div class="RichTextCredit font-sansUI text-s text-shade-light dark:text-shade-dark pt-4"> © Patrick Mariathasan / DER SPIEGEL </div> </div> <div class="font-sansUI text-black dark:text-shade-lightest text-base mb-16"> Haben Sie einen Fehler im Text gefunden, auf den Sie uns hinweisen wollen? Oder gibt es ein technisches Problem? Melden Sie sich gern mit Ihrem Anliegen. </div> <div class="flex lg:flex-wrap md:flex-wrap sm:flex-col items-start"> <span class="lg:mr-16 md:mr-16 mb-16"> <a href="https://www.spiegel.de/kontakt?betreff=Darum+steht+Trump+kurz+vor+dem+Sieg&channel=Ausland&id=b5b87376-4ccb-47aa-a719-a50064c81300&reason=Fehlerhinweis+an+die+Redaktion" class="inline-flex items-center font-bold font-sansUI rounded bg-white hover:border-black border border-shade-base text-black focus:border-black focus:bg-shade-lightest dark:bg-dm-shade-darkest dark:text-shade-lightest dark:focus:border-white dark:border-shade-light dark:hover:border-white dark:focus:bg-black px-24 min-h-46 gap-12" title="Redaktionellen Fehler melden"> <span data-label class="text-base leading-18">Redaktionellen Fehler melden</span> <span class="leading-none"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> </span> <span class="mb-16"> <a href="https://www.spiegel.de/kontakt?betreff=Darum+steht+Trump+kurz+vor+dem+Sieg&channel=Ausland&id=b5b87376-4ccb-47aa-a719-a50064c81300&reason=Technische+Fragen+und+Probleme" class="inline-flex items-center font-bold font-sansUI rounded bg-white hover:border-black border border-shade-base text-black focus:border-black focus:bg-shade-lightest dark:bg-dm-shade-darkest dark:text-shade-lightest dark:focus:border-white dark:border-shade-light dark:hover:border-white dark:focus:bg-black px-24 min-h-46 gap-12" title="Technisches Problem melden"> <span data-label class="text-base leading-18">Technisches Problem melden</span> <span class="leading-none"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> </span> </div> <div class="font-sansUI text-shade-dark dark:text-shade-light text-s"> <span>Sie haben weiteres inhaltliches Feedback oder eine Frage an uns?</span> <a href="https://www.spiegel.de/kontakt?betreff=Darum+steht+Trump+kurz+vor+dem+Sieg&channel=Ausland&id=b5b87376-4ccb-47aa-a719-a50064c81300" title="Zum Kontaktformular" target="_self" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-s leading-normal"> Zum Kontaktformular </a> </div> </div> </div> </div> </template> </div> <div class="fixed top-0 left-0 right-0 z-overlay" data-notification-el="container" data-notification-position="overlay"></div> <div x-data="{isOpen: false,returnFocusElement: null,preventScrolling: true,id: '20d6275e-bc77-4bfd-ab72-5bcc1749dda9',open() {if (this.isOpen) {return;}this.isOpen = true;this.returnFocusElement = window.document.activeElement;$publish('OVERLAY_OPENED', this);},close() {if (!this.isOpen) {return;}this.isOpen = false;$focus(this.returnFocusElement);this.returnFocusElement = null;$publish('OVERLAY_CLOSED', this);}}" x-subscribe.user_capping_limit_exceeded="open()" x-subscribe.user_capping_limit_ok="close()" x-cloak> <template x-if="isOpen"> <div class="fixed left-0 top-0 h-full w-full z-overlay animate-fade-in"> <div class="bg-black opacity-distinct h-full w-full"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex items-center mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg pointer-events-none lg:px-8" style="bottom: var(--polygon-app-bottombar-height, 0px)"> <div class="bg-white border border-shade-lighter dark:bg-dm-shade-darkest lg:mx-auto md:mx-auto sm:mx-16 lg:p-24 lg:w-8/12 md:p-24 md:w-10/12 rounded shadow sm:p-16 max-h-full overflow-x-hidden overflow-y-auto pointer-events-auto"> <div class="flex justify-between lg:mb-24 md:mb-24 sm:mb-16"> <div class="font-brandUI font-extrabold lg:text-2xl md:text-2xl sm:text-xl leading-tight lg:mr-24 md:mr-24 sm:mr-16 sm:pt-px"> Mehrfachnutzung erkannt </div> </div> <div class="mb-16"> <span class="block bg-transparent dark:bg-black"> <img aria-hidden="true" class="rounded" src="https://cdn.prod.www.spiegel.de/public/spon/images/modal/user-capping_720.png" srcset="https://cdn.prod.www.spiegel.de/public/spon/images/modal/user-capping_460.png 460w,https://cdn.prod.www.spiegel.de/public/spon/images/modal/user-capping_920.png 920w,https://cdn.prod.www.spiegel.de/public/spon/images/modal/user-capping_720.png 720w,https://cdn.prod.www.spiegel.de/public/spon/images/modal/user-capping_1440.png 1440w" sizes="(max-width: 719px) 460px, 720px" width="720" height="327"> </span> </div> <div class="font-sansUI text-black dark:text-shade-lightest text-base lg:mb-24 md:mb-24 sm:mb-16"> <span class="block mb-8">Die gleichzeitige Nutzung von SPIEGEL+-Inhalten ist auf ein Gerät beschränkt.</span> Sie können SPIEGEL+ auf diesem Gerät weiterlesen oder sich abmelden, um Ihr Abo auf einem anderen Gerät zu nutzen. </div> <span class="mr-24"> <button x-data @click="$publish('USER_CAPPING_ALLOW');" data-sara-click-el="button" class="inline-flex items-center font-bold font-sansUI rounded bg-primary-base dark:bg-dm-primary-base text-white dark:text-shade-lightest hover:bg-primary-dark focus:bg-primary-darker dark:disabled:bg-shade-darker dark:disabled:text-shade-base px-16 min-h-44 gap-8 disabled:cursor-not-allowed disabled:bg-shade-lighter disabled:text-shade-dark" title="Auf diesem Gerät weiterlesen"> <span data-label class="text-s leading-18">Auf diesem Gerät weiterlesen</span> <span class="leading-none"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </button> </span> <a href="https://gruppenkonto.spiegel.de/abmelden.html?targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" class="inline-flex items-center font-bold font-sansUI rounded bg-white hover:border-black border border-shade-base text-black focus:border-black focus:bg-shade-lightest dark:bg-dm-shade-darkest dark:text-shade-lightest dark:focus:border-white dark:border-shade-light dark:hover:border-white dark:focus:bg-black px-16 min-h-44 sm:mt-16 gap-8" title="Dieses Gerät abmelden" x-data @click.prevent="$appUtils.isApp ? $appBridge.triggerLogout() : window.location.href = $el.href" data-sara-link="gruppenkonto"> <span data-label class="text-s leading-18">Dieses Gerät abmelden</span> <span class="leading-none"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> <div class="font-sansUI text-shade-dark dark:text-shade-light text-s mt-16"> Sie möchten SPIEGEL+ auf mehreren Geräten zeitgleich nutzen? <a href="https://abo.spiegel.de/de/c/microsites/pl/standard/multiuser-angebote?requestAccessToken=true&sara_icid=dirl_upd_mlzsU4aCciELHQtVaYhZOZC4L12zii&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fausland%2Fus-wahl-2024-pfade-zur-praesidentschaft-so-koennen-harris-und-trump-gewinnen-a-b5b87376-4ccb-47aa-a719-a50064c81300" title="Zu unseren Angeboten" target="_self" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-s leading-normal"> Zu unseren Angeboten </a> </div> </div> </div> </template> </div> <script defer x-data="{init() {if (window.adobe && window.adobe.target) {this.$publish('ADOBELAUNCH_SOURCE_READY');} else {$el.src = 'https://assets.adobedtm.com/cc10f7b4369d/32ae8c3350c5/launch-8a2e39fde471.min.js';}},}" @load="$publish('ADOBELAUNCH_SOURCE_READY')"></script> <script>window.AdPositions = window.AdPositions || [];window.AdPositions.push({"id":"pos_header","sitetype":"desktop"});window.AdPositions.push({"id":"pos_header","sitetype":"mobile"});window.AdPositions.push({"cls":352,"id":"pos_footer","sitetype":"mobile"});window.AdPositions.push({"id":"pos_footer","sitetype":"desktop"});</script> <script>var IQDComplete = {init: function () {return true;}};</script> <script defer src="https://cdn.prod.www.spiegel.de/public/shared/generated/js/vendors.f1c4f8bff0ebc606b86f.js"></script> <script defer src="https://cdn.prod.www.spiegel.de/public/shared/generated/js/index.0db2974cb13de0675ef9.js"></script> <div class="hidden" data-el="footerSvgs"><svg id="spon-checkbox-f-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-checkbox-f-532bc561-5797-4bcb-b009-27a44fa1c924"> <g id="l-checkbox-f_2-532bc561-5797-4bcb-b009-27a44fa1c924"> <path id="check-532bc561-5797-4bcb-b009-27a44fa1c924" d="M17 7l-7 9-3-4" stroke-width="2.2" stroke-linecap="round"/> </g> </g> </svg><svg id="spon-warning-f-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-warning-f-eda5d122-f6cc-4be3-bd92-3c07d2a08eb5"> <path id="rectangle-3-eda5d122-f6cc-4be3-bd92-3c07d2a08eb5" d="M10.345 6.633A1.5 1.5 0 0111.84 5h.322a1.5 1.5 0 011.494 1.633l-.566 6.37a1.093 1.093 0 01-2.178 0l-.566-6.37z" class="fill-current"/> <circle id="ellipse-3-eda5d122-f6cc-4be3-bd92-3c07d2a08eb5" cx="12" cy="17.5" r="1.5" class="fill-current"/> </g> </svg><svg id="spon-close-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-close-786af73b-1f47-49f6-b0aa-5b1c4552860b"> <path id="vector-786af73b-1f47-49f6-b0aa-5b1c4552860b" d="M12 12L4 4m8 0l-8 8" stroke-linecap="round"/> </g> </svg> </div> <template id="prototype-notification-failure"> <div class="hidden bg-sec2-dark dark:bg-sec2-darker transition-opacity duration-100"> <div class="mx-auto lg:max-w-lg flex py-16 lg:px-24 md:px-24 sm:px-16"> <div class="flex items-center lg:ml-8 lg:mr-24 md:mr-24 sm:mr-16"> <span class="h-32 w-32 rounded-circle border border-white inline-flex items-center justify-center text-white dark:text-shade-lightest"><svg width="24" height="24"><use xlink:href="#spon-warning-f-l"/></svg> </span> </div> <div class="grow flex flex-col justify-center font-sansUI text-white dark:text-shade-lightest lg:mr-24 md:mr-24 sm:mr-16"> <div class="text-base font-bold" data-notification-el="headline"> __proto_headline__ </div> <div class="text-s mt-4 RichTextSystem RichTextSystem--inverted" data-notification-el="description"> __proto_description__ </div> </div> <div class="flex flex-col lg:mr-4"> <button class="text-white dark:text-shade-lightest block leading-none outline-focus" data-notification-el="closeIcon" data-sara-click-el="button"><svg width="16" height="16"><use xlink:href="#spon-close-m"/></svg> <span class="sr-only">Hinweis schließen</span> </button> </div> </div> </div> </template> <template id="prototype-notification-success"> <div class="hidden bg-sec2-dark dark:bg-sec2-darker transition-opacity duration-100"> <div class="mx-auto lg:max-w-lg flex py-16 lg:px-24 md:px-24 sm:px-16"> <div class="flex items-center lg:ml-8 lg:mr-24 md:mr-24 sm:mr-16"> <span class="h-32 w-32 rounded-circle border border-white inline-flex items-center justify-center text-white dark:text-shade-lightest"><svg width="24" height="24"><use xlink:href="#spon-checkbox-f-l"/></svg> </span> </div> <div class="grow flex flex-col justify-center font-sansUI text-white dark:text-shade-lightest lg:mr-24 md:mr-24 sm:mr-16"> <div class="text-base font-bold" data-notification-el="headline"> __proto_headline__ </div> <div class="text-s mt-4 RichTextSystem RichTextSystem--inverted" data-notification-el="description"> __proto_description__ </div> </div> <div class="flex flex-col lg:mr-4"> <button class="text-white dark:text-shade-lightest block leading-none outline-focus" data-notification-el="closeIcon" data-sara-click-el="button"><svg width="16" height="16"><use xlink:href="#spon-close-m"/></svg> <span class="sr-only">Hinweis schließen</span> </button> </div> </div> </div> </template> <script>if (typeof(Event) === 'function') {window.dispatchEvent(new Event('POLYGON_DOM_READY'));}</script> </body> </html>