CINXE.COM

<!doctype html><html lang="de"> <head> <title>Alle digitalen Magazine - 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="copyright" content="DER SPIEGEL, Hamburg, Germany"> <meta name="email" content="spiegel_online@spiegel.de"> <meta name="author" content="DER SPIEGEL, Hamburg, Germany"> <meta name="description" content="Deutschlands führende Nachrichtenseite. Alles Wichtige aus Politik, Wirtschaft, Sport, Kultur, Wissenschaft, Technik und mehr."> <meta name="locale" content="de_DE"> <meta property="twitter:account_id" content="2834511"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@derspiegel"> <meta name="twitter:title" content="Alle digitalen Magazine - DER SPIEGEL"> <meta name="twitter:creator" content="@derspiegel"> <meta name="twitter:image" content="https://cdn.prod.www.spiegel.de/public/spon/images/logos/fb_logo_default.jpg"> <meta property="og:title" content="Alle digitalen Magazine - DER SPIEGEL"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.spiegel.de/magazine"> <meta property="og:image" content="https://cdn.prod.www.spiegel.de/public/spon/images/logos/fb_logo_default.jpg"> <meta property="og:description" content="Deutschlands führende Nachrichtenseite. Alles Wichtige aus Politik, Wirtschaft, Sport, Kultur, Wissenschaft, Technik und mehr."> <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebPage","headline":"Alle digitalen Magazine - DER SPIEGEL","mainEntityOfPage":"https://www.spiegel.de/magazine","name":"Alle digitalen Magazine - DER SPIEGEL","publisher":{"@type":"Organization","logo":"https://cdn.prod.www.spiegel.de/public/spon/images/logos/der-spiegel-h60.png","name":"DER SPIEGEL","sameAs":["https://www.facebook.com/derspiegel","https://www.instagram.com/spiegelmagazin/","https://twitter.com/derspiegel"]},"url":"https://www.spiegel.de/magazine"} </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="canonical" href="https://www.spiegel.de/magazine"> <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="preload" href="https://cdn.prod.www.spiegel.de/public/spon/generated/css/styles.5afcc464c4c135ee2073.css" as="style"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/generated/js/commons.5b2e7da044c4aee0857d.js" as="script"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/generated/js/header.35d7cbe5fd4edb84f42a.js" as="script"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/generated/js/vendors.250a5b8daba62f933637.js" as="script"> <link rel="preload" href="https://cdn.prod.www.spiegel.de/public/shared/generated/js/index.92bad6c6bcac14c12951.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"> <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: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] { 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; } }.media-button.color-mmo {background-color: #1b43a4;}.media-button.color-mmo:hover {background-color: #163683;}.media-button.color-mmo:focus {background-color: #0e2252;}@media (prefers-color-scheme: dark) {.media-button.color-mmo {background-color: #346BF1;}.media-button.color-mmo:hover {background-color: #163683;}.media-button.color-mmo:focus {background-color: #0e2252;}}.media-button.color-elf {background-color: #3C8771;}.media-button.color-elf:hover {background-color: #2F6A59;}.media-button.color-elf:focus {background-color: #234E41;}@media (prefers-color-scheme: dark) {.media-button.color-elf {background-color: #449869;}.media-button.color-elf:hover {background-color: #2F6A59;}.media-button.color-elf:focus {background-color: #234E41;}}.iqdnoad { display: none !important; }</style> <link rel="stylesheet" href="https://cdn.prod.www.spiegel.de/public/spon/generated/css/styles.5afcc464c4c135ee2073.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%2Fmagazine","Sppur":"https://abo.spiegel.de/de/c/microsites/pur/abo?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fmagazine","abo":"https://abo.spiegel.de/de/c/spiegelplus?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fmagazine","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%2Fmagazine","magazin":"https://magazin.spiegel.de/","noads":"https://abo.spiegel.de/de/c/microsites/pur/abo?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fmagazine","paid":"https://abo.spiegel.de/de/c/spiegelplus?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fmagazine","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%2Fmagazine","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%2Fmagazine"}},"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},"ios":{"appNavigation":174,"audioPlaylist":151,"consent":142,"general":0,"nativeAudioPlayer":144,"offlineIssue":147}},"pageContext":{"bottomSheet":{"isEnabled":true},"collection":"page","documentId":"ede0dfed-5c95-4cb9-bd23-09f7494402de","headerTitle":"default","isAudioEnabled":false,"isAudioPlaylistEnabled":false,"isBookmarkEnabled":false,"isCommentsEnabled":false,"isGiftArticleEnabled":false,"isLogoEnabled":true,"isOfflineLibraryEnabled":false,"isSharingEnabled":false,"isTocEnabled":false,"push":{"isPushBarEnabled":false,"name":"","subscription":""},"route":"page","socialMediaTitle":"","url":"https://www.spiegel.de/magazine"},"products":{"android":{"Spplus":[{"id":"sp_iap_subscription_pdf_2","isSubscription":true,"minVersion":0}],"Sppur":[{"id":"spiegel_no_ads_monthly","isSubscription":true,"minVersion":0}]},"ios":{"Spplus":[{"id":"SpiegelPlusMonthly","isSubscription":true,"minVersion":0},{"id":"SpiegelPlusMonthlyIVW","isSubscription":true,"minVersion":148}],"Sppur":[{"id":"SpiegelAdFreeMonthly","isSubscription":true,"minVersion":0}]}},"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":"","is_consent_required":true,"subchannel_slug":""},"category":{"route":"page"},"info":{"canonical_url":"https://www.spiegel.de/magazine","domain":"spon","id":"ede0dfed-5c95-4cb9-bd23-09f7494402de","language":"de","title":"Alle digitalen Magazine"}} ,"video":{} ,"issue":{} ,"thirdparty":"eyJkZXBvdCI6eyJhcGlVcmwiOiJodHRwczovL3d3dy5zcGllZ2VsLmRlL3NlcnZpY2VzL2RlcG90L2FwaS92MSJ9LCJnaWZ0Ijp7ImFwaVVybCI6Imh0dHBzOi8vd3d3LnNwaWVnZWwuZGUvZ2lmdCJ9LCJqc1NvdXJjZXMiOnsiZ29vZ2xlSW1hVmFuc0FkYXB0ZXIiOiJodHRwczovL3N0YXRpYy5hZHNhZmVwcm90ZWN0ZWQuY29tL3ZhbnMtYWRhcHRlci1nb29nbGUtaW1hLmpzIiwiaGFtbWVyanMiOiJodHRwczovL2Nkbi5wcm9kLnd3dy5zcGllZ2VsLmRlL3B1YmxpYy9zaGFyZWQvZ2VuZXJhdGVkLzNyZHBhcnR5L2pzL2hhbW1lci44NTM0MjE0N2ZiYTU3MDMwZTA0MC5qcyIsImxvZ29yYS1kZWJhdCI6Imh0dHBzOi8vY2RuLmxvZ29yYS5jb20vZGViYXQuanMiLCJzb3VyY2Vwb2ludF9kZWZhdWx0IjoiaHR0cHM6Ly9zcC1zcGllZ2VsLWRlLnNwaWVnZWwuZGUvdW5pZmllZC93cmFwcGVyTWVzc2FnaW5nV2l0aG91dERldGVjdGlvbi5qcyIsInNvdXJjZXBvaW50X25vYWRzIjoiaHR0cHM6Ly9zcC1zcGllZ2VsLWRlLnNwaWVnZWwuZGUvdW5pZmllZC93cmFwcGVyTWVzc2FnaW5nV2l0aG91dERldGVjdGlvbi5qcyIsInR3ZWV0bmFjbCI6Imh0dHBzOi8vY2RuLnByb2Qud3d3LnNwaWVnZWwuZGUvcHVibGljL3NoYXJlZC9nZW5lcmF0ZWQvM3JkcGFydHkvanMvbmFjbC1mYXN0Lm1pbi5jMjViZDA0YjU0OTMwZDIyMzg3ZC5qcyJ9LCJqd3BsYXllciI6eyJhcGlVcmwiOiJodHRwczovL3ZjZG4wMS5zcGllZ2VsLmRlIn0sIm9tbnkiOnsiYXBpVXJsIjoiaHR0cHM6Ly9vbW55LmZtL2FwaSIsIm9yZ0lkIjoiNWFjMWU5NTAtNDVjNy00ZWI3LTg3YzAtYWEwZjAxODQ0MWI4IiwicHJvZ3JhbXMiOnsiMDA4ZjAwNGItMDU1ZS00ZTBjLTlmZDAtYWJjMDAwZmZiMDRhIjp7Im5hbWUiOiJTYXNjaGEgTG9ibyIsInBsYXlsaXN0SWQiOiIzYjkzYmMzZi01MmNiLTRhM2ItOTFlZi1hYmMwMDBmZmIwNTMifSwiMGQxNTZiMGMtMjgxOC00NWJkLWE0MjMtYWJjMDAxMGVlMWVkIjp7Im5hbWUiOiJUZWFtLUEgLSBkZXIgZWhybGljaGUgRsO8aHJ1bmdzcG9kY2FzdCIsInBsYXlsaXN0SWQiOiJiOGEzNjUzMy01OGQ1LTQ3MDQtYjI1MC1hYmMwMDEwZWUxZjcifSwiMGVhNTU5YTMtNTY0OC00YTkwLWJlY2MtYWRiZjAwYjg2MDVlIjp7Im5hbWUiOiJJbnNpZGUgQXVzdHJpYSIsInBsYXlsaXN0SWQiOiIyMmJkYWJkNS0wMGE0LTQ4YTQtODYyMi1hZGJmMDBiYTQzMzYifSwiMzE3MDQ0YzMtN2I1Ni00ZDMzLWI0Y2YtYWJjMDAwZmZiMDdhIjp7Im5hbWUiOiJTUElFR0VMIExpdmUiLCJwbGF5bGlzdElkIjoiNmViYTgzOGQtZGNmOS00YjhjLWFhNWItYWJjMDAwZmZiMDdkIn0sIjM0ZmJkYjgzLTIyNjMtNDRiMy04OGEyLWFmMmMwMGRmYzY4YiI6eyJuYW1lIjoiQXVzdmVya2F1ZnQiLCJwbGF5bGlzdElkIjoiIn0sIjQ1NGYyN2EwLWYxYjEtNGQ3YS05OWJkLWFiYzAwMGZmYjAyZSI6eyJuYW1lIjoiQWNodCBNaWxsaWFyZGVuIiwicGxheWxpc3RJZCI6IjllZGM4YTgzLWUxOTEtNGJjNy04NTc1LWFiYzAwMGZmYjAzMiJ9LCI0YWNiNzllNi01NTU2LTRiMmQtODUzZS1hZDNjMDBlMmRkYjgiOnsibmFtZSI6IlNQSUVHRUwgR2VzY2hpY2h0ZSIsInBsYXlsaXN0SWQiOiI3YWEzZmY5Mi1hMzUzLTQyMTYtOWViOS1hZDQyMDBkM2Y5MWEifSwiNWYwMDg3MzItMGU2ZC00MWFkLWFiNWMtYWQzYzAwZTYyZmY3Ijp7Im5hbWUiOiJTUElFR0VMIENvYWNoaW5nIiwicGxheWxpc3RJZCI6IjhkZTBkODVmLTIwYTAtNDNkMi05OWUyLWFlNTIwMGI1MzAwNyJ9LCI2OGVkZGQ4Yi1lMDIyLTQxYWItOTcxNy1hZDNjMDBlODZiZDQiOnsibmFtZSI6IkVpbmZhY2ggbWVociB3aXNzZW4iLCJwbGF5bGlzdElkIjoiYTgzYzg5YWItODJmNC00MzI5LWE0YWYtYWU1MTAwZTcwYzNiIn0sIjY5N2ZmNTdkLWUxNmEtNDhkNi05YWIxLWIwYTcwMGZjOGRjZiI6eyJuYW1lIjoiQXVnc3RlaW4gRWluaHVuZGVydCIsInBsYXlsaXN0SWQiOiIifSwiNmI3ZjQ2M2UtNzExYy00ZDJmLThjNGEtYWM0YjAwYzI0YjJhIjp7Im5hbWUiOiJHYW1lIENoYW5nZXIiLCJwbGF5bGlzdElkIjoiOTlhMGI2MGMtMjVmZi00NjkwLWI1MTgtYWM0YjAwYzRlMmUzIn0sIjcxMDhiZWM0LTdjMDMtNGQ0YS04MTQ3LWFkZmQwMGM4ODJjNCI6eyJuYW1lIjoiSW0gVmVyaMO2ciIsInBsYXlsaXN0SWQiOiI3OTUzMjJjOS0wYmMxLTQ2NzMtYTM3YS1hZGZkMDBjYmY0NzYifSwiNzgwMjZlZDQtYTUzNi00ZjllLWI3NDEtYjEyZDAwYzgzZGM3Ijp7Im5hbWUiOiJOREEiLCJwbGF5bGlzdElkIjoiM2ZkNTNlYzAtYWUxNy00MjY0LThkZGMtYjEyZDAwYzllOWMyIn0sIjdlMDBjMGZlLTdmYTEtNDBkZS1iZjgzLWFhMjQwMGRjZjhiMCI6eyJuYW1lIjoibWFuYWdlciBtYWdhemluIC0gRGVyIFBvZGNhc3QiLCJwbGF5bGlzdElkIjoiNDk3OGE2MzgtYTRmYS00ODVjLTg3MWEtYWEyNDAwZTFhMjU0In0sIjdmMGNjZjBlLTVlNTktNDZiZS05OWRhLWFkZmQwMGNkODk3YiI6eyJuYW1lIjoiRGVyIFRhZyIsInBsYXlsaXN0SWQiOiI1ODAxMDA0OC1lNTk0LTQ4MzMtYmEwNC1hZGZkMDBjZTNhMTMifSwiN2YyMDlkZDYtOTE4YS00YWM3LTllN2UtYWVmNjAwZGFjN2M1Ijp7Im5hbWUiOiJFaW4gcsOkdHNlbGhhZnRlciBQYXRpZW50IiwicGxheWxpc3RJZCI6IiJ9LCI3ZmQ0NmEwNy1mNzNmLTRmYWMtYmY1Yy1hYmMwMDBmZmIwNmIiOnsibmFtZSI6IlVuZCB3YXMgbWFjaHN0IGR1PyIsInBsYXlsaXN0SWQiOiIxZTg5MTRjMi1kYjAwLTQ1NGMtOTk5Ny1hYmMwMDBmZmIwNmYifSwiODEwYTlmNGQtNmUwMS00NmNmLWFlM2ItYWQ4ZDAwOWFhYjhkIjp7Im5hbWUiOiJXbyB3YXJzdCBEdT8iLCJwbGF5bGlzdElkIjoiIn0sIjg5NWE5ZjBiLTZkODctNGQyMC1hYWJhLWFiYzAwMGZmYjA4NyI6eyJuYW1lIjoiU21hcnRlciBsZWJlbiIsInBsYXlsaXN0SWQiOiI5MTNlYTdmYy1lMGM2LTRiYTgtODM2MC1hYmMwMDBmZmIwOGMifSwiOGNhNGNhM2ItODQxOS00ZGI1LWEzNzEtYWNiZTAxMTU2MDk0Ijp7Im5hbWUiOiJQb2RjYXN0IEvDvG5zdGxpY2hlIEludGVsbGlnZW56IiwicGxheWxpc3RJZCI6Ijg4MDY4YmI5LWViZWYtNGJmNC04MjA1LWFjYmUwMTFjMTczZSJ9LCJhNTdhYzM0ZS1iOWYyLTRlMjMtYTA1OS1hZTIwMDBhMGE5OWUiOnsibmFtZSI6IkRldXRzY2hsYW5kcyBkaWdpdGFsZSBIb2ZmbnVuZ3N0csOkZ2VyIiwicGxheWxpc3RJZCI6ImI1NDkxMTUyLTUzY2EtNDcyYi1iZjllLWFlMjAwMGEzNDQ5ZCJ9LCJhN2I3N2ExYi0wYzBlLTQwZTgtYWJkMC1hYmU0MDEyYzE5YmQiOnsibmFtZSI6IkRhcyBCZXN0ZSB6dW0gSMO2cmVuIiwicGxheUJ1dHRvbkxhYmVsIjoiQXJ0aWtlbCBhbmjDtnJlbiIsInBsYXlsaXN0SWQiOiIiLCJyZXBsYXlCdXR0b25MYWJlbCI6IkFydGlrZWwgZXJuZXV0IGFuaMO2cmVuIn0sImFmZTUxMWQ4LWU2ODktNDU5Yy05ODI1LWFiOTgwMDkxOTNjYiI6eyJuYW1lIjoiREVSIFNQSUVHRUwiLCJwbGF5QnV0dG9uTGFiZWwiOiJBcnRpa2VsIGFuaMO2cmVuIiwicGxheWxpc3RJZCI6IiIsInJlcGxheUJ1dHRvbkxhYmVsIjoiQXJ0aWtlbCBlcm5ldXQgYW5ow7ZyZW4ifSwiYmIxN2NhMjctNTFmNC00MzQ5LWJjMWUtYWJjMDAxMDJjOTc1Ijp7Im5hbWUiOiJTUElFR0VMIExhZ2UiLCJwbGF5bGlzdElkIjoiNGMxOGUwNzItMjRkMi00ZDYwLTlhNDItYWJjMDAxMDJjOTdlIn0sImMwZDllY2QyLTgxNzUtNDA5Mi04MmI2LWFiYzAwMGZmYjA0MCI6eyJuYW1lIjoiTmV0enRlaWwiLCJwbGF5bGlzdElkIjoiZTAxOGI4ZjMtYWYzYi00ZGI1LWFmMjctYWJjMDAwZmZiMDQwIn0sImNlOWI3OTRhLTFkZWUtNGYyZC1hOGJlLWFkM2MwMGVlZTI3ZCI6eyJuYW1lIjoiS2xpbWFiZXJpY2h0IiwicGxheWxpc3RJZCI6IjQyMjI5NDJiLTdlOWItNGVlMi1iOWU4LWFkM2MwMGYxZjAxOSJ9LCJkMDQxZjhmMC1jYWM5LTQxNTAtYWFiZi1hYmMwMDBmZmIwMTIiOnsibmFtZSI6IlN0aW1tZW5mYW5nIiwicGxheWxpc3RJZCI6Ijk0YTIyYjU2LTdjODktNDViZi04ZTg0LWFiYzAwMGZmYjAxNiJ9LCJkOWJlOTcyYi1mNjQ3LTQzZjItYTNiMi1hZmExMDBjNDFmNGEiOnsibmFtZSI6Ik1vcmVubysxIiwicGxheWxpc3RJZCI6IjQ1ZjA5MDI3LWI5MmYtNDE5My04YzA2LWFmYTEwMGU3ODE3YiJ9LCJkZThhZjhiYS1jZWVmLTQyOWEtYTBiNC1hYmFmMDBiMjhhY2MiOnsibmFtZSI6IkRyZWkgVsOkdGVyIiwicGxheWxpc3RJZCI6IjZhNGMxNzhjLTRiZGYtNDY3ZS04YjA4LWFiYWYwMGIyOGFkMSJ9LCJkZjY4MzA2Zi05M2I4LTQ2OGMtOTQ3MC1iMGY5MDBhZTI4ZTkiOnsibmFtZSI6IjExRlJFVU5ERSIsInBsYXlCdXR0b25MYWJlbCI6IkFydGlrZWwgYW5ow7ZyZW4iLCJwbGF5bGlzdElkIjoiIiwicmVwbGF5QnV0dG9uTGFiZWwiOiJBcnRpa2VsIGVybmV1dCBhbmjDtnJlbiJ9LCJlNDVmNzM5Yy1jMjVjLTQ3YjktOTUyOS1iMTcwMDA5MzNhNWMiOnsibmFtZSI6IlNob3J0Y3V0IiwicGxheWxpc3RJZCI6IjdkZGYwMThkLWEyZjUtNDdmNC04MjE2LWIxNzAwMDk1ZTRmYyJ9LCJlZGUzZWZiNy1iMjQxLTRlMTItYTg1Zi1hYzM3MDBhMTg2YTMiOnsibmFtZSI6IlNhZ2VuLCB3YXMgaXN0LiBEZXIgU1BJRUdFTC1Qb2RjYXN0IiwicGxheWxpc3RJZCI6IiJ9LCJmOWQzNzYzNy0wNjVhLTRjNTUtYTIxMi1hY2RkMDBjNGEyZjAiOnsibmFtZSI6IlNQSUVHRUwgRGFpbHkiLCJwbGF5bGlzdElkIjoiIn0sImZmZTI2YTdiLTU2OGItNDE1My04MGFiLWFmYWYwMGQyZjdjNCI6eyJuYW1lIjoiU3BpdHplbmdlc3Byw6RjaCIsInBsYXlsaXN0SWQiOiI4YTJkMjNlYS0wMzFlLTQzNDgtYTlkYi1hZmFmMDBkODk2MzcifX19LCJzaXRlc2VhcmNoIjp7ImFwaVVybCI6Imh0dHBzOi8vd3d3LnNwaWVnZWwuZGUvc2VydmljZXMvc2l0ZXNlYXJjaCJ9LCJzb3VyY2Vwb2ludCI6eyJkZWZhdWx0Ijp7ImFjY291bnRJZCI6MzMxLCJiYXNlRW5kcG9pbnQiOiJodHRwczovL3NwLXNwaWVnZWwtZGUuc3BpZWdlbC5kZSIsImNhbXBhaWduRW52IjoicHJvZCIsInByaXZhY3lNYW5hZ2VySWQiOjgwNjU2NSwicHJvcGVydHlIcmVmIjoiaHR0cHM6Ly9zcGllZ2VsLWFkcyIsInByb3BlcnR5SWQiOjMxMjU2LCJwdXJwb3NlSWRzIjp7InRoaXJkcGFydHkiOiI2NTVmMWFiNDcxMjlhMDA1OTVmMzFhNWUifSwic2l0ZUlkIjozMTI1Nn0sIm5vYWRzIjp7ImFjY291bnRJZCI6MzMxLCJiYXNlRW5kcG9pbnQiOiJodHRwczovL3NwLXNwaWVnZWwtZGUuc3BpZWdlbC5kZSIsImNhbXBhaWduRW52IjoicHJvZCIsInByaXZhY3lNYW5hZ2VySWQiOjgzOTk4NCwicHJvcGVydHlIcmVmIjoiaHR0cHM6Ly9zcGllZ2VsLW5vYWRzIiwicHJvcGVydHlJZCI6MzE4MzYsInB1cnBvc2VJZHMiOnsidGhpcmRwYXJ0eSI6IjY0YmY5Y2M2YjRhNjdjMDUzNWY2NjIwYyJ9LCJzaXRlSWQiOjMxODM2fX19","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.5b2e7da044c4aee0857d.js"></script> <script src="https://cdn.prod.www.spiegel.de/public/shared/generated/js/header.35d7cbe5fd4edb84f42a.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="page:alle_digitalen_magazine"> <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-der-spiegel-mobile" width="137" height="18" viewBox="0 0 137 18" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M4.938 15V3h3.855v12H4.938zm7.348 1.08V1.92c0-1.08-.964-1.92-1.928-1.92H0v3h1.445v12H0v3h10.479c.964 0 1.807-.84 1.807-1.92zM23.126 11.64V15h-4.095v-4.92h5.42v-3h-5.42V3h4.095v2.52H26.5V0H14.213v3h1.325v12h-1.325v3h12.286v-6.36h-3.373zM33.244 7.08V3h3.975v4.08h-3.975zM40.832 15v-4.32c0-1.08-.843-1.92-1.927-1.92 1.084 0 1.927-.84 1.927-1.92v-4.8c0-.96-.843-1.92-1.807-1.92h-10.72v3h1.566v12h-1.566V18h6.384v-3h-1.325v-4.92h3.975V15h-1.445v3h6.263v-3h-1.325zM66.487 7.08V3h4.096v4.08h-4.096zm7.589 1.08V1.92c0-1.08-.843-1.92-1.928-1.92H61.55v3h1.445v12H61.55v3h6.263v-3h-1.325v-4.92h5.661c1.085 0 1.928-.84 1.928-1.92zM80.219 15V3h1.445V0H75.4v3h1.446v12H75.4v3h6.264v-3h-1.445zM92.143 11.64V15h-4.095v-4.92h5.42v-3h-5.42V3h4.095v2.52h3.493V0H83.23v3h1.325v12H83.23v3h12.406v-6.36h-3.493zM102.02 7.08v3h2.77V15h-4.095V3h4.095v2.52h3.613v-3.6c0-1.08-.843-1.92-1.927-1.92h-7.227c-.481 0-.963.24-1.204.48-.362.36-.723.84-.723 1.44v14.16c0 .6.241 1.08.723 1.44.361.36.843.48 1.325.48h9.033V7.08h-6.383zM119.002 11.64V15h-4.095v-4.92h5.42v-3h-5.42V3h4.095v2.52h3.493V0h-12.406v3h1.325v12h-1.325v3h12.406v-6.36h-3.493zM133.095 11.64V15h-3.974V3h1.445V0h-6.384v3h1.446v12h-1.446v3h12.406v-6.36h-3.493zM59.983 16.188v-9.06h-7.467V3.02h3.974v2.537h3.614V1.933C60.104.773 59.02 0 57.936 0h-7.107a1.905 1.905 0 00-1.927 1.933v8.215h7.468V15.1h-3.975v-3.383h-3.493v4.35c0 1.086.843 1.932 1.927 1.932h7.107c1.108 0 2.047-.725 2.047-1.812z" fill="#fff"/> </svg> </span> <span class="block leading-none sm:hidden"><svg id="spon-der-spiegel-tablet-desktop" width="175" height="23" viewBox="0 0 175 23" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M6.31 19.167V3.833h4.925v15.334H6.31zm9.388 1.38V2.453c0-1.38-1.23-2.453-2.462-2.453H0v3.833h1.847v15.334H0V23h13.39c1.231 0 2.308-1.073 2.308-2.453zM29.55 14.873v4.294h-5.233V12.88h6.926V9.047h-6.926V3.833h5.233v3.22h4.31V0H18.16v3.833h1.693v15.334h-1.693V23H33.86v-8.127H29.55zM42.478 9.047V3.833h5.08v5.214h-5.08zm9.696 10.12v-5.52c0-1.38-1.077-2.454-2.462-2.454 1.385 0 2.462-1.073 2.462-2.453V2.607c0-1.227-1.077-2.454-2.308-2.454H36.168v3.834h2V19.32h-2V23h8.157v-3.833h-1.693V12.88h5.079v6.287h-1.847V23h8.003v-3.833h-1.693zM84.956 9.047V3.833h5.233v5.214h-5.233zm9.696 1.38V2.453C94.652 1.073 93.575 0 92.19 0H78.646v3.833h1.847v15.334h-1.847V23h8.003v-3.833h-1.693V12.88h7.234c1.385 0 2.462-1.073 2.462-2.453zM102.501 19.167V3.833h1.847V0h-8.003v3.833h1.847v15.334h-1.847V23h8.003v-3.833h-1.847zM117.738 14.873v4.294h-5.233V12.88h6.926V9.047h-6.926V3.833h5.233v3.22h4.463V0h-15.852v3.833h1.693v15.334h-1.693V23h15.852v-8.127h-4.463zM130.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.157zM152.059 14.873v4.294h-5.233V12.88h6.926V9.047h-6.926V3.833h5.233v3.22h4.463V0H140.67v3.833h1.693v15.334h-1.693V23h15.852v-8.127h-4.463zM170.066 14.873v4.294h-5.078V3.833h1.846V0h-8.157v3.833h1.847v15.334h-1.847V23h15.853v-8.127h-4.464zM76.645 20.685V9.107h-9.542V3.86h5.08v3.242h4.616V2.47C76.8.988 75.414 0 74.03 0h-9.08c-1.386 0-2.463 1.08-2.463 2.47v10.496h9.542v6.33H66.95v-4.323h-4.463v5.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> <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%2Fmagazine" 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> <a href="https://gruppenkonto.spiegel.de/authenticate?requestAccessToken=true&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fmagazine" class="sm:hidden font-bold bg-white inline-block disabled:bg-white dark:disabled:bg-dm-shade-darkest disabled:text-shade-base disabled:cursor-not-allowed font-sansUI ml-24 px-16 py-12 text-s rounded text-primary-base dark:text-dm-primary-base hover:bg-white hover:text-primary-dark focus:text-primary-darker focus:bg-shade-lightest" data-sara-link="gruppenkonto" data-logged-in-hidden title="Jetzt anmelden"> <span class="flex"> <span class="relative bottom-px">Anmelden</span> <span class="flex leading-none items-center ml-8"><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-e84273a7-0558-4572-b548-9d53202136fa"> <g id="s-chevron-right-e84273a7-0558-4572-b548-9d53202136fa"> <path id="vector-e84273a7-0558-4572-b548-9d53202136fa" d="M4.333 2.667L7.667 6 4.333 9.333" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </svg> </span> </span> </a> <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-59743745-a5ad-43e5-ae7d-f1df23b8e42b" 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-59743745-a5ad-43e5-ae7d-f1df23b8e42b)" 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-6912f292-082b-4ead-9bda-b88375073ea3" stroke-width="1.3" stroke-linecap="round"> <path id="line-6912f292-082b-4ead-9bda-b88375073ea3" d="M19.35 6.65H4.65"/> <path id="line_2-6912f292-082b-4ead-9bda-b88375073ea3" d="M19.35 11.65H4.65"/> <path id="line_3-6912f292-082b-4ead-9bda-b88375073ea3" 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-11328355-6c34-457c-b0db-d502f744fe03" 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-11328355-6c34-457c-b0db-d502f744fe03)" 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="const activeIndex = $swiper.slides.findIndex((slide) => slide.dataset.itemActive);$swiper.slideTo(activeIndex - 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-3102804e-e102-4846-b850-9c7011fd94ff"> <g id="s-chevron-right-f-3102804e-e102-4846-b850-9c7011fd94ff"> <g id="s-chevron-right-3102804e-e102-4846-b850-9c7011fd94ff"> <path id="vector-3102804e-e102-4846-b850-9c7011fd94ff" 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-end h-full relative"> <a href="https://www.spiegel.de/schlagzeilen/" target="_self" title="Schlagzeilen" class="hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s px-16 h-full"> <span class="border-b whitespace-nowrap border-inherit"> Schlagzeilen </span> </a> </li> <li class="border-separator-r w-px h-24 pr-2"></li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/plus/" target="_self" title="SPIEGEL+" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> SPIEGEL+ </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full" data-item-active="true"> <a href="https://www.spiegel.de/magazine" target="_self" title="Magazine" 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-8"> <span class="border-b whitespace-nowrap border-black dark:border-white"> Magazine </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/extra" target="_self" title="SPIEGEL Extra" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> SPIEGEL Extra </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/thema/bundestagswahl-2025/" target="_self" title="Bundestagswahl" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Bundestagswahl </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/thema/nahostkonflikt/" target="_self" title="Nahostkonflikt" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Nahostkonflikt </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/thema/ukraine_konflikt/" target="_self" title="Ukrainekrieg" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Ukrainekrieg </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/thema/klimawandel/" target="_self" title="Klimakrise" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Klimakrise </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/politik/deutschland/" target="_self" title="Politik" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Politik </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-8"> <span class="border-b whitespace-nowrap border-inherit"> Ausland </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/panorama/" target="_self" title="Panorama" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Panorama </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/sport/" target="_self" title="Sport" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Sport </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/wirtschaft/" target="_self" title="Wirtschaft" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Wirtschaft </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/wissenschaft/" target="_self" title="Wissenschaft" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Wissenschaft </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/netzwelt/" target="_self" title="Netzwelt" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Netzwelt </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/kultur/" target="_self" title="Kultur" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Kultur </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/thema/leben/" target="_self" title="Leben" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Leben </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 & 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Daten & Visualisierungen </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/thema/reporter/" target="_self" title="Reporter" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Reporter </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/karriere/" target="_self" title="Job & Karriere" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Job & Karriere </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/start/" target="_self" title="Start" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Start </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/tests/" target="_self" title="Tests" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Tests </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/geschichte/" target="_self" title="Geschichte" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Geschichte </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/auto/" target="_self" title="Mobilität" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Mobilität </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/audio/" target="_self" title="Audio" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Audio </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/video/" target="_self" title="Video" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Video </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/debatten/" target="_self" title="Debatte" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Debatte </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/deinspiegel/" target="_self" title="Dein SPIEGEL" 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-8"> <span class="border-b whitespace-nowrap border-inherit"> Dein SPIEGEL </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.spiegel.de/international/" target="_self" title="SPIEGEL in English" 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-8 pl-8 px-16"> <span class="border-b whitespace-nowrap border-inherit"> SPIEGEL in English </span> </a> </li> </ul> </nav> <div class="polygon-swiper-button-next relative lg:h-56 md:h-56 sm:h-40 focus:outline-none select-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-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 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-53c67e05-277c-4383-aac5-3f0699d6c568"> <path id="vector-53c67e05-277c-4383-aac5-3f0699d6c568" d="M6 4l4 4-4 4" stroke-linecap="round"/> </g> </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-1aacfb8f-456e-434f-a07d-5ab2d967b606"> <g id="group-1aacfb8f-456e-434f-a07d-5ab2d967b606" stroke-width="1.3"> <circle id="ellipse-1aacfb8f-456e-434f-a07d-5ab2d967b606" cx="10" cy="11" r="5.35"/> <path id="vector-1aacfb8f-456e-434f-a07d-5ab2d967b606" 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-72b9b1eb-f95e-478b-8eaa-7d795bb46b26"> <g id="m-chevron-right-72b9b1eb-f95e-478b-8eaa-7d795bb46b26"> <path id="vector-72b9b1eb-f95e-478b-8eaa-7d795bb46b26" 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> <div class="relative sm:bg-shade-lightest sm:dark:bg-black md:bg-shade-lightest md:dark:bg-black"> <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="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden lg:advertisement-filled:py-8 md:advertisement-filled:py-8 sm:advertisement-filled:py-4" data-placement="pos_1" data-device="desktop" data-advertisement="pos_1 desktop pos_1:desktop lg md sm"></div> <div class="relative lg:pt-8 md:pt-8 sm:pt-4 lg:px-6 lg:bg-shade-lightest lg:dark:bg-black"> <main id="Inhalt" class="z-20 relative"> <section aria-label="Alle digitalen Magazine"> <header> <div class="bg-white dark:bg-dm-shade-darkest shadow rounded"> <div class="lg:px-24 md:px-24 sm:px-16 lg:py-40 md:py-40 sm:py-32"> <h1 class="font-brandUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight">Alle digitalen Magazine</h1> </div> </div> </header> <div class="lg:mb-16 md:mb-16 sm:mb-8"></div> <section class="relative flex flex-wrap w-full" data-size="full" data-first="true" data-area="block>issue" data-teaser-count="5"> <div class="z-10 absolute bottom-0 left-0 right-0 sm:top-0 rounded top-0 lg:top-0 md:top-0 lg:bg-shade-lightest lg:dark:bg-black md:bg-shade-lightest md:dark:bg-black sm:bg-shade-lightest sm:dark:bg-black"></div> <div class="z-10 relative w-full bg-white dark:bg-dm-shade-darkest shadow"> <div class="relative lg:mx-16 md:mx-24"> <div class="polygon-swiper lg:h-56 md:h-56 sm:h-40 overflow-hidden" data-area="nav-bar-body" x-data x-swiper="{freeMode: true,roundLengths: true,slidesPerView: 'auto',watchOverflow: false}" x-lazyload> <div class="polygon-swiper-button-prev hidden absolute bottom-0 left-0 top-0 z-10 select-none"> <span class="flex items-center h-full"> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest cursor-pointer py-20 leading-none pr-16"><svg id="spon-chevron-left-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-left-e70fe9bb-7d5c-452c-80c1-ab62fe6643a4"> <g id="m-chevron-right-e70fe9bb-7d5c-452c-80c1-ab62fe6643a4"> <path id="vector-e70fe9bb-7d5c-452c-80c1-ab62fe6643a4" d="M10 12L6 8l4-4" stroke-linecap="round"/> </g> </g> </svg> </span> <span class="bg-gradient-to-r from-white dark:from-dm-shade-darkest w-24 h-full"></span> </span> </div> <div class="polygon-swiper-button-next absolute bottom-0 right-0 top-0 z-10 select-none"> <span class="flex items-center h-full"> <span class="bg-gradient-to-l from-white dark:from-dm-shade-darkest w-24 h-full"></span> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest cursor-pointer py-20 leading-none pl-16"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-m"/></svg> </span> </span> </div> <ul class="polygon-swiper-wrapper font-sansUI lg:text-base md:text-base sm:text-s flex items-center h-full"> <li class="polygon-swiper-slide shrink-0 mr-16 lg:pl-8 sm:ml-16"> <a href="https://www.spiegel.de/magazine" target="_self" title="Alle Magazine" class="border-b border-black dark:border-white hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> Alle Magazine </a> </li> <li class="border-separator-r w-px h-24 pr-2 mr-16"></li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.spiegel.de/spiegel/print/index-2024.html" target="_self" title="DER SPIEGEL" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> DER SPIEGEL </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.spiegel.de/spiegel/spiegelgeschichte/index-2024.html" target="_self" title="SPIEGEL Geschichte" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> SPIEGEL Geschichte </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.spiegel.de/spiegel/spbest/index-2024.html" target="_self" title="SPIEGEL Bestseller" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> SPIEGEL Bestseller </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.spiegel.de/spiegel/spiegelwissen/index-2024.html" target="_self" title="SPIEGEL Wissen" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> SPIEGEL Wissen </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.spiegel.de/spiegel/deinspiegel/index-2024.html" target="_self" title="Dein SPIEGEL" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> Dein SPIEGEL </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.spiegel.de/spiegel/spsm/index-2024.html" target="_self" title="S-Magazin" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> S-Magazin </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0 sm:pr-16"> <a href="https://www.spiegel.de/spiegel/spjc/index-2023.html" target="_self" title="SPIEGEL Chronik" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> SPIEGEL Chronik </a> </li> </ul> </div> </div> </div> <div class="lg:mb-16 md:mb-16 sm:mb-8 w-full"></div> <div class="z-10 w-full" data-area="issue_teaser>hero" data-block-el="issueTeaser" data-pos="1:1"> <article class="shadow bg-white dark:bg-dm-shade-darkest" aria-label="»Männer!«" data-sara-article-id="88762c29-0003-0003-0000-000001202448"> <div class="z-20 w-full"> <div class="flex justify-between items-end sm:pt-16 md:pt-24 lg:pt-24 lg:px-24 md:px-24 overflow-hidden"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 leading-none"> <a href="https://www.spiegel.de/spiegel/print/index-2024.html" target="_self" title="DER SPIEGEL" class="text-black dark:text-shade-lightest flex justify-between"> <span class="text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker font-brandUI font-extrabold lg:text-2xl md:text-2xl sm:text-xl leading-tight sm:w-full"> <span class="flex md:hidden lg:hidden"><svg id="spon-storefront-sp-m" class="fill-current" width="96" height="32" viewBox="0 0 96 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <rect class="fill-current text-primary-base dark:text-dm-primary-base" width="96" height="32" rx="1.5"/> <path d="M10 21.333v-1.771h.777v-7.124H10v-1.771h5.76c.636 0 1.095.527 1.095 1.168v8.33c0 .678-.495 1.168-1.095 1.168H10zm4.912-8.895h-2.156v7.124h2.156v-7.124zM17.95 21.333v-1.771h.778v-7.124h-.777v-1.771h6.82v3.09h-1.909v-1.319h-2.155v2.412h2.898v1.734h-2.898v2.978h2.155v-1.81h1.909v3.581h-6.82zM30.177 21.333v-1.771h.636v-2.94H28.48v2.94h.6v1.771h-3.357v-1.771h.778v-7.124h-.778v-1.771h5.866c.636 0 1.096.527 1.096 1.168v2.752c0 .49-.283.904-.672 1.093.46.15.778.603.778 1.13v2.752h.742v1.771h-3.357zm.53-8.895H28.48v2.45h2.226v-2.45zM38.375 21.333c-.636 0-1.096-.527-1.096-1.168v-2.412h1.979v1.809h2.155V16.66H37.28v-4.825c0-.678.495-1.168 1.096-1.168h3.886c.637 0 1.096.527 1.096 1.168v1.998h-1.979v-1.395h-2.12v2.45h4.134v5.277c0 .678-.494 1.168-1.095 1.168h-3.922zM44.452 21.333v-1.771h.778v-7.124h-.778v-1.771h5.866c.636 0 1.095.527 1.095 1.168v3.995c0 .679-.494 1.169-1.095 1.169h-3.11v2.563h.778v1.771h-3.534zm4.983-8.895h-2.227v2.79h2.227v-2.79zM52.332 21.333v-1.771h.777v-7.124h-.777v-1.771h3.534v1.771h-.778v7.124h.778v1.771h-3.534zM56.784 21.333v-1.771h.778v-7.124h-.778v-1.771h6.82v3.09h-1.908v-1.319H59.54v2.412h2.898v1.734H59.54v2.978h2.156v-1.81h1.908v3.581h-6.82zM65.83 21.333c-.636 0-1.095-.525-1.095-1.164v-8.338c0-.676.495-1.164 1.095-1.164h3.923c.636 0 1.095.526 1.095 1.164v1.99H68.87v-1.39h-2.155v7.1h2.155v-2.667h-1.272v-1.728h3.251v6.197H65.83zM71.908 21.333v-1.771h.778v-7.124h-.778v-1.771h6.82v3.09H76.82v-1.319h-2.156v2.412h2.898v1.734h-2.898v2.978h2.156v-1.81h1.908v3.581h-6.82zM79.682 21.333v-1.771h.778v-7.124h-.778v-1.771h3.605v1.771h-.849v7.124h1.909v-2.337h1.837v4.108h-6.502z" fill="#fff"/> </svg> </span> <span class="flex sm:hidden"><svg id="spon-storefront-sp-l" class="fill-current" width="141" height="44" viewBox="0 0 141 44" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <rect class="fill-current text-primary-base dark:text-dm-primary-base" width="140.381" height="44" rx="2"/> <path d="M14.666 29.333v-2.435H15.8v-9.796h-1.133v-2.435h8.391c.927 0 1.596.725 1.596 1.606v11.454c0 .933-.72 1.606-1.596 1.606h-8.39zm7.156-12.23h-3.14v9.794h3.14v-9.794zM26.249 29.333v-2.435h1.132v-9.796H26.25v-2.435h9.935v4.25h-2.78v-1.815h-3.14v3.317h4.221v2.384h-4.22v4.095h3.14V24.41h2.779v4.923h-9.935zM44.06 29.333v-2.435h.926v-4.043H41.59v4.043h.875v2.435h-4.89v-2.435h1.132v-9.796h-1.132v-2.435h8.545c.926 0 1.596.725 1.596 1.606v3.784a1.66 1.66 0 01-.978 1.503c.669.207 1.132.829 1.132 1.554v3.784h1.081v2.435h-4.89zm.772-12.23h-3.243v3.368h3.243v-3.369zM56.002 29.333c-.926 0-1.596-.725-1.596-1.606V24.41h2.883v2.488h3.14v-3.991h-6.023v-6.634c0-.933.721-1.606 1.596-1.606h5.663c.926 0 1.596.725 1.596 1.606v2.747h-2.883v-1.918h-3.089v3.37h6.023v7.255c0 .933-.72 1.606-1.596 1.606h-5.714zM64.856 29.333v-2.435h1.132v-9.796h-1.132v-2.435H73.4c.927 0 1.596.725 1.596 1.606v5.494c0 .933-.721 1.606-1.596 1.606h-4.53v3.524h1.133v2.436h-5.148zm7.258-12.23h-3.243v3.835h3.243v-3.835zM76.335 29.333v-2.435h1.133v-9.796h-1.133v-2.435h5.148v2.435H80.35v9.796h1.133v2.435h-5.148zM82.82 29.333v-2.435h1.133v-9.796h-1.132v-2.435h9.935v4.25h-2.78v-1.815h-3.14v3.317h4.221v2.384h-4.22v4.095h3.14V24.41h2.779v4.923H82.82zM96 29.333c-.927 0-1.597-.723-1.597-1.6V16.267c0-.93.721-1.601 1.596-1.601h5.714c.927 0 1.596.723 1.596 1.6v2.738h-2.883v-1.911h-3.14v9.76h3.14v-3.666h-1.853v-2.376h4.736v8.521h-7.31zM104.853 29.333v-2.435h1.133v-9.796h-1.133v-2.435h9.935v4.25h-2.779v-1.815h-3.14v3.317h4.221v2.384h-4.221v4.095h3.14V24.41h2.779v4.923h-9.935zM116.178 29.333v-2.435h1.133v-9.796h-1.133v-2.435h5.251v2.435h-1.236v9.796h2.78v-3.214h2.677v5.65h-9.472z" fill="#fff"/> </svg> </span> </span> </a> </h2> <div class="whitespace-nowrap sm:px-16 font-sans"> <div class="flex items-center font-sansUI"> <a href="https://www.spiegel.de/spiegel/print/index-2024.html" target="_self" title="Alle Ausgaben"> <span class="sm:hidden inline-block shrink-1 border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-sansUI font-normal lg:text-base md:text-s sm:text-s self-start"> Alle Ausgaben </span> <span class="lg:hidden md:hidden block pb-2 text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> </div> </div> </div> </div> <div class="lg:p-24 md:p-24 sm:p-16"> <div class="overflow-hidden relative rounded text-white dark:text-shade-lightest"> <div class="relative bg-transparent" data-sara-component="{"id":"fd631efa-39e9-4521-a299-b901d7d74bc3","name":"image","title":"DER SPIEGEL - Peter Rigaud / DER SPIEGEL","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w960_r2.194_fpx50_fpy41.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload sm:hidden md:hidden rounded-t w-full mb-128" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 438' width='960' height='438' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w960_r2.194_fpx50_fpy41.jpg" width="960" height="438" title="DER SPIEGEL - Peter Rigaud / DER SPIEGEL" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 sm:hidden md:hidden rounded-t w-full mb-128" src="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w960_r2.194_fpx50_fpy41.jpg" srcset="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w960_r2.194_fpx50_fpy41.webp 1x" width="960" height="438" loading="lazy" title="DER SPIEGEL - Peter Rigaud / DER SPIEGEL" alt> </noscript> </div> <div class="relative bg-transparent" data-sara-component="{"id":"fd631efa-39e9-4521-a299-b901d7d74bc3","name":"image","title":"DER SPIEGEL - Peter Rigaud / DER SPIEGEL","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w872_r1.778_fpx50_fpy41.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload sm:hidden lg:hidden rounded-t w-full mb-120" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 872 490' width='872' height='490' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w872_r1.778_fpx50_fpy41.jpg" width="872" height="490" title="DER SPIEGEL - Peter Rigaud / DER SPIEGEL" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 sm:hidden lg:hidden rounded-t w-full mb-120" src="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w872_r1.778_fpx50_fpy41.jpg" srcset="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w872_r1.778_fpx50_fpy41.webp 1x" width="872" height="490" loading="lazy" title="DER SPIEGEL - Peter Rigaud / DER SPIEGEL" alt> </noscript> </div> <div class="relative bg-transparent" data-sara-component="{"id":"fd631efa-39e9-4521-a299-b901d7d74bc3","name":"image","title":"DER SPIEGEL - Peter Rigaud / DER SPIEGEL","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w488_r1_fpx50_fpy41.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload md:hidden lg:hidden rounded-t w-full mb-72" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 488' width='488' height='488' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w488_r1_fpx50_fpy41.jpg" width="488" height="488" title="DER SPIEGEL - Peter Rigaud / DER SPIEGEL" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 md:hidden lg:hidden rounded-t w-full mb-72" src="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w488_r1_fpx50_fpy41.jpg" srcset="https://cdn.prod.www.spiegel.de/images/fd631efa-39e9-4521-a299-b901d7d74bc3_w488_r1_fpx50_fpy41.webp 1x" width="488" height="488" loading="lazy" title="DER SPIEGEL - Peter Rigaud / DER SPIEGEL" alt> </noscript> </div> <div class="absolute bottom-0 left-0 right-0 flex flex-col justify-end text-center"> <div class="z-0 absolute top-0 bottom-0 left-0 right-0 flex flex-col justify-end"> <div class="grow bg-storefront"></div> <div class="bg-black lg:h-128 md:h-120 sm:h-72"></div> </div> <div class="z-10 flex flex-col justify-end lg:min-h-204 md:min-h-196 sm:min-h-148"> <h2 class="font-brandUI leading-tight lg:text-4xl md:text-4xl sm:text-2xl mt-12 lg:mb-12 md:mb-12 sm:mb-6 lg:w-8/12 md:w-8/12 mx-auto sm:px-24"> »Männer!« </h2> <p class="font-sansUI leading-loose mb-24 lg:text-xl md:text-xl sm:text-base lg:w-8/12 md:w-8/12 mx-auto sm:px-24"> Angela Merkel im SPIEGEL-Gespräch </p> </div> <div class="z-10 lg:pb-40 md:pb-40 sm:pb-24 lg:w-8/12 md:w-8/12 mx-auto sm:px-24"> <a href="https://www.spiegel.de/spiegel/print/index-2024-48.html" target="_self" title="Ausgabe lesen" class="leading-none font-bold inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-shade-light focus:text-shade-lighter focus:border-shade-light disabled:border-shade-lighter disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed font-sansUI pl-16 pr-12 py-8 text-s rounded"> <span class="flex text-white dark:text-shade-lightest"> <span class="leading-20">Ausgabe lesen</span> <span class="flex items-center ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </div> </div> </div> </div> </article> </div> <div class="z-10 w-full lg:mb-16 md:mb-16 sm:mb-8"></div> <div class="flex z-10 lg:w-6/12 md:w-6/12 sm:w-full lg:pr-8 md:pr-8" data-area="issue_teaser>classic" data-block-el="articleTeaser" data-pos="1:2"> <article class="shadow bg-white dark:bg-dm-shade-darkest" aria-label="Familie früher und heute" data-sara-issue-id="d6a13e66-0003-0003-0000-000000320246"> <div class="z-20 w-full"> <div class="flex justify-between items-end sm:pt-16 md:pt-24 lg:pt-24 lg:px-24 md:px-24 overflow-hidden"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 leading-none"> <a href="https://www.spiegel.de/spiegel/spiegelgeschichte/index-2024.html" target="_self" title="SPIEGEL Geschichte" class="text-black dark:text-shade-lightest flex justify-between"> <span class="lg:hidden"><svg id="spon-storefront-spge-m" class="fill-current text-primary-base dark:text-dm-primary-base" width="178" height="32" viewBox="0 0 178 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current dark:text-white" d="M1.637 27.949c-.95 0-1.637-.74-1.637-1.638v-3.38h2.958v2.535H6.18v-4.067H0v-6.762C0 13.688.74 13 1.637 13h5.81c.952 0 1.638.74 1.638 1.637v2.8H6.18v-1.954H3.01v3.433h6.181v7.395c0 .951-.74 1.638-1.637 1.638H1.637zM10.723 27.949v-2.483h1.162v-9.983h-1.162V13h8.768c.951 0 1.638.74 1.638 1.637v5.6c0 .95-.74 1.637-1.638 1.637h-4.648v3.592h1.162v2.483h-5.282zm7.448-12.466h-3.328v3.909h3.328v-3.91zM22.502 27.949v-2.483h1.162v-9.983h-1.162V13h5.283v2.483h-1.163v9.983h1.163v2.483h-5.283zM29.158 27.949v-2.483h1.162v-9.983h-1.162V13h10.194v4.331H36.5v-1.848h-3.222v3.38h4.331v2.43h-4.331v4.173H36.5v-2.535h2.852v5.018H29.158zM42.627 28.002c-.95 0-1.637-.74-1.637-1.638V14.637c0-.95.74-1.637 1.637-1.637h5.864c.95 0 1.637.74 1.637 1.637v2.8H47.17v-1.954h-3.222v9.983h3.222v-3.75H45.27v-2.43h4.86V28h-7.502zM51.766 27.949v-2.483h1.162v-9.983h-1.162V13H61.96v4.331h-2.852v-1.848h-3.222v3.38h4.331v2.43h-4.331v4.173h3.222v-2.535h2.852v5.018H51.766zM63.387 27.949v-2.483h1.162v-9.983h-1.162V13h5.388v2.483h-1.268v9.983h2.852v-3.275h2.747v5.758h-9.72z"/> <path class="fill-current text-black dark:text-white" d="M89.534 27.05c-1.585.793-3.592 1.216-5.652 1.216-4.12 0-6.022-2.008-6.022-6.075 0-4.279 1.849-7.025 6.338-7.025 3.487 0 5.6 1.32 5.336 4.331l-4.173.317c0-.845-.212-1.426-1.32-1.426-1.374 0-1.955 1.162-1.955 3.486 0 2.271.422 3.222 2.112 3.222.582 0 1.057-.053 1.585-.211v-1.11h-2.007v-2.957h5.81v6.233h-.052zM94.657 24.198c.106.951.529 1.162 1.48 1.162 1.056 0 2.588-.264 3.802-.58l.687 2.64c-1.479.529-3.486.846-4.912.846-3.38 0-5.071-1.057-5.071-4.913 0-3.486 1.743-5.282 5.23-5.282 3.591 0 4.965 1.479 4.7 6.127h-5.916zm0-2.218h2.113c.053-.898-.264-1.32-.95-1.32-.687 0-1.057.263-1.163 1.32zM107.282 21.399c.053-.529-.264-.74-1.215-.74-.792 0-1.109.159-1.109.476 0 1.109 6.074-.529 6.074 3.697 0 2.324-1.69 3.486-5.071 3.486-3.856 0-4.807-1.056-4.648-3.275l3.539-.105c0 .634.475.792 1.373.792 1.004 0 1.215-.158 1.215-.422 0-1.163-6.074.475-6.074-3.75 0-2.325 1.796-3.487 4.912-3.487 3.381 0 4.649 1.162 4.49 3.222l-3.486.106zM121.544 26.311c-1.321 1.373-3.222 1.902-4.913 1.902-3.486 0-5.018-1.374-5.018-4.913 0-3.486 1.743-5.282 5.177-5.282 3.75 0 4.859 1.48 4.49 4.596h-3.909c.106-1.48-.106-1.85-.74-1.85-.581 0-1.056.423-1.056 2.22 0 1.584.475 1.954 1.32 1.954 1.004 0 2.061-.581 3.117-1.374l1.532 2.747zM126.351 18.916c.845-.475 1.743-.792 2.799-.792 1.902 0 3.17.845 3.17 3.275v6.55h-3.909v-5.494c0-.845-.264-1.11-.898-1.11-.423 0-.845.16-1.162.37v6.234h-3.962V15.06h3.909v3.856h.053zM133.799 17.701V14.85h3.908V17.7h-3.908zm0 10.248v-9.614h3.908v9.614h-3.908zM148.694 26.311c-1.32 1.373-3.222 1.902-4.912 1.902-3.486 0-5.018-1.374-5.018-4.913 0-3.486 1.743-5.282 5.176-5.282 3.751 0 4.86 1.48 4.49 4.596h-3.856c.106-1.48-.105-1.85-.739-1.85-.581 0-1.057.423-1.057 2.22 0 1.584.476 1.954 1.321 1.954 1.004 0 2.06-.581 3.116-1.374l1.479 2.747zM153.501 18.916c.845-.475 1.743-.792 2.8-.792 1.901 0 3.169.845 3.169 3.275v6.55h-3.909v-5.494c0-.845-.264-1.11-.898-1.11a2.17 2.17 0 00-1.162.37v6.234h-3.909V15.06h3.909v3.856zM161.213 18.335v-2.219l3.909-.475v2.694h1.955l-.317 3.01h-1.638v2.8c0 .793.211.951.634.951a3.51 3.51 0 001.109-.158l.37 2.747c-.845.317-1.902.528-3.064.528-2.218 0-3.063-.951-3.063-2.958v-3.91h-1.004v-3.01h1.109zM171.566 24.198c.106.951.529 1.162 1.479 1.162 1.057 0 2.589-.264 3.804-.58l.686 2.64c-1.479.529-3.486.846-4.912.846-3.381 0-5.071-1.057-5.071-4.913 0-3.486 1.743-5.282 5.229-5.282 3.592 0 4.966 1.479 4.702 6.127h-5.917zm0-2.218h2.113c.053-.898-.264-1.32-.95-1.32-.687 0-1.057.263-1.163 1.32z"/> </svg> </span> <span class="sm:hidden md:hidden"><svg id="spon-storefront-spge-l" class="fill-current text-primary-base dark:text-dm-primary-base" width="236" height="44" viewBox="0 0 236 44" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current dark:text-white" d="M2.168 39.001C.909 39.001 0 38.022 0 36.833v-4.475h3.916v3.356h4.266V30.33H0v-8.95c0-1.26.979-2.169 2.168-2.169H9.86c1.259 0 2.168.98 2.168 2.168v3.706H8.182v-2.587H3.986v4.545h8.181v9.79c0 1.259-.979 2.168-2.167 2.168H2.168zM14.195 39.001v-3.287h1.539V22.498h-1.539v-3.287h11.608c1.26 0 2.168.98 2.168 2.168v7.412c0 1.26-.979 2.168-2.168 2.168H19.65v4.755h1.538v3.287h-6.993zm9.86-16.503H19.65v5.175h4.405v-5.175zM29.79 39.001v-3.287h1.538V22.498h-1.539v-3.287h6.993v3.287h-1.538v13.216h1.538v3.287H29.79zM38.6 39.001v-3.287h1.539V22.498H38.6v-3.287h13.496v5.735H48.32v-2.448h-4.265v4.475h5.734v3.217h-5.734v5.524h4.265v-3.356h3.776V39H38.6zM56.432 39.071c-1.259 0-2.168-.979-2.168-2.168V21.38c0-1.259.98-2.168 2.168-2.168h7.762c1.259 0 2.168.98 2.168 2.168v3.706h-3.916v-2.587H58.18v13.216h4.266V30.75h-2.518v-3.217h6.434V39.07h-9.93zM68.53 39.001v-3.287h1.538V22.498H68.53v-3.287h13.496v5.735H78.25v-2.448h-4.266v4.475h5.734v3.217h-5.734v5.524h4.266v-3.356h3.776V39H68.53zM83.914 39.001v-3.287h1.538V22.498h-1.538v-3.287h7.132v3.287h-1.678v13.216h3.776V31.38h3.636V39H83.915z"/> <path class="fill-current text-black dark:text-white" d="M118.529 37.812c-2.098 1.049-4.755 1.608-7.482 1.608-5.454 0-7.972-2.657-7.972-8.042 0-5.664 2.448-9.3 8.392-9.3 4.615 0 7.412 1.748 7.062 5.734l-5.524.42c0-1.12-.28-1.888-1.748-1.888-1.818 0-2.588 1.538-2.588 4.615 0 3.007.56 4.266 2.798 4.266.769 0 1.398-.07 2.097-.28v-1.469h-2.657V29.56h7.692v8.252h-.07zM125.312 34.036c.14 1.258.7 1.538 1.958 1.538 1.399 0 3.427-.35 5.035-.769l.909 3.496c-1.958.7-4.615 1.12-6.503 1.12-4.475 0-6.713-1.4-6.713-6.504 0-4.615 2.307-6.993 6.923-6.993 4.755 0 6.573 1.958 6.223 8.112h-7.832zm0-2.937h2.797c.07-1.189-.349-1.748-1.258-1.748s-1.399.35-1.539 1.748zM142.025 30.33c.07-.7-.349-.98-1.608-.98-1.049 0-1.469.21-1.469.63 0 1.468 8.042-.7 8.042 4.895 0 3.077-2.238 4.615-6.713 4.615-5.105 0-6.363-1.398-6.154-4.335l4.685-.14c0 .839.63 1.049 1.819 1.049 1.328 0 1.608-.21 1.608-.56 0-1.538-8.042.63-8.042-4.965 0-3.077 2.378-4.615 6.504-4.615 4.475 0 6.153 1.538 5.943 4.266l-4.615.14zM160.906 36.833c-1.748 1.818-4.266 2.517-6.504 2.517-4.615 0-6.643-1.818-6.643-6.503 0-4.615 2.308-6.993 6.853-6.993 4.965 0 6.434 1.958 5.944 6.084h-5.175c.14-1.958-.139-2.447-.979-2.447-.769 0-1.398.559-1.398 2.936 0 2.098.629 2.588 1.748 2.588 1.329 0 2.727-.77 4.126-1.818l2.028 3.636zM167.269 27.043c1.119-.63 2.308-1.049 3.706-1.049 2.518 0 4.196 1.119 4.196 4.336V39h-5.175v-7.272c0-1.119-.349-1.468-1.188-1.468-.56 0-1.119.21-1.539.49V39h-5.244V21.939h5.174v5.105h.07zM177.129 25.435v-3.776h5.175v3.776h-5.175zm0 13.566V26.274h5.175V39h-5.175zM196.849 36.833c-1.748 1.818-4.266 2.517-6.503 2.517-4.616 0-6.644-1.818-6.644-6.503 0-4.615 2.308-6.993 6.853-6.993 4.965 0 6.434 1.958 5.944 6.084h-5.105c.14-1.958-.139-2.447-.979-2.447-.769 0-1.398.559-1.398 2.936 0 2.098.629 2.588 1.748 2.588 1.329 0 2.727-.77 4.126-1.818l1.958 3.636zM203.212 27.043c1.119-.63 2.308-1.049 3.706-1.049 2.518 0 4.196 1.119 4.196 4.336V39h-5.175v-7.272c0-1.119-.349-1.468-1.188-1.468-.56 0-1.119.21-1.539.49V39h-5.174V21.939h5.174v5.105zM213.422 26.274v-2.937l5.174-.63v3.567h2.588l-.42 3.986h-2.168v3.706c0 1.049.28 1.259.84 1.259.559 0 1.049-.07 1.468-.21l.49 3.636c-1.119.42-2.518.7-4.056.7-2.937 0-4.056-1.26-4.056-3.917V30.26h-1.329v-3.986h1.469zM227.128 34.036c.14 1.258.699 1.538 1.958 1.538 1.398 0 3.426-.35 5.035-.769l.909 3.496c-1.958.7-4.616 1.12-6.504 1.12-4.475 0-6.713-1.4-6.713-6.504 0-4.615 2.308-6.993 6.923-6.993 4.755 0 6.573 1.958 6.224 8.112h-7.832zm0-2.937h2.797c.07-1.189-.35-1.748-1.259-1.748-.909 0-1.398.35-1.538 1.748z"/> </svg> </span> </a> </h2> <div class="relative whitespace-nowrap sm:px-16 font-sans"> <div class="flex items-center font-sansUI"> <a href="https://www.spiegel.de/spiegel/spiegelgeschichte/index-2024.html" target="_self" title="Alle Ausgaben"> <span class="sm:hidden inline-block shrink-0 border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-sansUI font-normal lg:text-base md:text-s sm:text-s self-start"> Alle Ausgaben </span> <span class="lg:hidden md:hidden block pb-2 text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> <span class="sr-only"> Alle Ausgaben </span> </a> </div> </div> </div> </div> <div class="lg:p-24 md:p-24 sm:p-16"> <div class="overflow-hidden relative rounded text-white dark:text-shade-lightest"> <div class="relative bg-transparent" data-sara-component="{"id":"c3bde842-8cdd-4680-84b8-5ee175035316","name":"image","title":"SPIEGEL Geschichte - Bettmann / Getty Images; Kolorierung: hey folks / DER SPIEGEL","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/c3bde842-8cdd-4680-84b8-5ee175035316_w488_r1_fpx37_fpy8.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 488' width='488' height='488' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/c3bde842-8cdd-4680-84b8-5ee175035316_w488_r1_fpx37_fpy8.jpg" width="488" height="488" title="SPIEGEL Geschichte - Bettmann / Getty Images; Kolorierung: hey folks / DER SPIEGEL" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="https://cdn.prod.www.spiegel.de/images/c3bde842-8cdd-4680-84b8-5ee175035316_w488_r1_fpx37_fpy8.jpg" srcset="https://cdn.prod.www.spiegel.de/images/c3bde842-8cdd-4680-84b8-5ee175035316_w488_r1_fpx37_fpy8.webp 1x" width="488" height="488" loading="lazy" title="SPIEGEL Geschichte - Bettmann / Getty Images; Kolorierung: hey folks / DER SPIEGEL" alt> </noscript> </div> <div class="absolute bottom-0 left-0 right-0 flex flex-col justify-end text-center"> <div class="bg-storefront flex flex-col justify-end lg:min-h-196 md:min-h-164 sm:min-h-148"> <h2 class="font-brandUI leading-tight lg:text-4xl md:text-2xl sm:text-2xl px-24 mt-12 mb-8"> Familie früher und heute </h2> <p class="font-sansUI text-base leading-loose px-24 mb-8"> Wie sich das Zusammenleben über die Jahrhunderte änderte </p> </div> <div class="bg-black"> <div class="lg:pb-32 md:pb-24 sm:pb-24 pt-16 px-24"> <a href="https://www.spiegel.de/spiegel/spiegelgeschichte/index-2024-6.html" target="_self" title="Ausgabe lesen" class="leading-none font-bold inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-shade-light focus:text-shade-lighter focus:border-shade-light disabled:border-shade-lighter disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed font-sansUI pl-16 pr-12 py-8 text-s rounded"> <span class="flex items-center text-white dark:text-shade-lightest"> <span class="leading-20">Ausgabe lesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </div> </div> </div> </div> </div> </article> </div> <div class="z-10 w-full lg:mb-16 md:mb-16 sm:mb-8 lg:hidden md:hidden"></div> <div class="flex z-10 lg:w-6/12 md:w-6/12 sm:w-full lg:pl-8 md:pl-8" data-area="issue_teaser>classic" data-block-el="articleTeaser" data-pos="1:3"> <article class="shadow bg-white dark:bg-dm-shade-darkest" aria-label="»Wie weit kann ich meine Biografie biegen?«" data-sara-issue-id="9ed854fe-0003-0003-0000-000001320244"> <div class="z-20 w-full"> <div class="flex justify-between items-end sm:pt-16 md:pt-24 lg:pt-24 lg:px-24 md:px-24 overflow-hidden"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 leading-none"> <a href="https://www.spiegel.de/spiegel/spbest/index-2024.html" target="_self" title="SPIEGEL Bestseller" class="text-black dark:text-shade-lightest flex justify-between"> <span class="lg:hidden"><svg id="spon-storefront-spbest-m" class="fill-current text-primary-base dark:text-dm-primary-base" width="168" height="32" viewBox="0 0 168 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current dark:text-white" d="M1.637 27.949c-.95 0-1.637-.74-1.637-1.638v-3.38h2.958v2.535H6.18v-4.067H0v-6.762C0 13.688.74 13 1.637 13h5.81c.952 0 1.638.74 1.638 1.637v2.8H6.18v-1.954H3.01v3.433h6.181v7.395c0 .951-.74 1.638-1.637 1.638H1.637zM10.723 27.949v-2.483h1.162v-9.983h-1.162V13h8.768c.951 0 1.638.74 1.638 1.637v5.6c0 .95-.74 1.637-1.638 1.637h-4.648v3.592h1.162v2.483h-5.282zm7.448-12.466h-3.328v3.909h3.328v-3.91zM22.502 27.949v-2.483h1.162v-9.983h-1.162V13h5.283v2.483h-1.163v9.983h1.163v2.483h-5.283zM29.158 27.949v-2.483h1.162v-9.983h-1.162V13h10.195v4.331H36.5v-1.848h-3.222v3.38h4.331v2.43h-4.331v4.173H36.5v-2.535h2.853v5.018H29.158zM42.627 28.002c-.95 0-1.637-.74-1.637-1.638V14.637c0-.95.74-1.637 1.637-1.637h5.864c.95 0 1.637.74 1.637 1.637v2.8H47.17v-1.954h-3.222v9.983h3.222v-3.75H45.27v-2.43h4.86V28h-7.502zM51.766 27.949v-2.483h1.162v-9.983h-1.162V13H61.96v4.331h-2.853v-1.848h-3.222v3.38h4.331v2.43h-4.331v4.173h3.222v-2.535h2.853v5.018H51.766zM63.387 27.949v-2.483h1.162v-9.983h-1.162V13h5.388v2.483h-1.268v9.983h2.852v-3.275h2.747v5.758h-9.72z"/> <path class="fill-current text-black dark:text-white" d="M78.44 27.949V15.483h5.178c3.591 0 5.176.845 5.176 3.169 0 1.268-.634 2.218-1.849 2.588v.053c1.48.317 2.272 1.215 2.272 2.641 0 2.536-1.85 3.962-5.547 3.962h-5.23v.053zm3.963-7.66h.95c.793 0 1.215-.317 1.215-1.003 0-.74-.37-1.004-1.267-1.004h-.898v2.008zm0 2.694v2.166h1.109c1.056 0 1.479-.317 1.479-1.11 0-.792-.475-1.108-1.48-1.108l-1.108.052zM93.865 24.198c.106.951.528 1.162 1.479 1.162 1.056 0 2.588-.264 3.803-.58l.687 2.64c-1.48.529-3.486.846-4.913.846-3.38 0-5.07-1.057-5.07-4.913 0-3.486 1.743-5.282 5.229-5.282 3.592 0 4.965 1.479 4.701 6.127h-5.916zm0-2.218h2.113c.053-.898-.264-1.32-.95-1.32-.688 0-1.057.263-1.163 1.32zM106.49 21.399c.052-.529-.265-.74-1.215-.74-.793 0-1.11.159-1.11.476 0 1.109 6.075-.529 6.075 3.697 0 2.324-1.69 3.486-5.071 3.486-3.856 0-4.807-1.056-4.648-3.274l3.539-.106c0 .634.475.792 1.373.792 1.004 0 1.215-.158 1.215-.422 0-1.163-6.075.475-6.075-3.75 0-2.325 1.796-3.487 4.913-3.487 3.381 0 4.648 1.162 4.49 3.222l-3.486.106zM111.56 18.335v-2.219l3.909-.475v2.694h1.955l-.317 3.01h-1.638v2.8c0 .793.212.951.634.951.423 0 .793-.052 1.109-.158l.37 2.747c-.845.317-1.901.528-3.063.528-2.219 0-3.064-.951-3.064-2.958v-3.91h-1.004v-3.01h1.109zM123.921 21.399c.053-.529-.264-.74-1.215-.74-.792 0-1.109.159-1.109.476 0 1.109 6.074-.529 6.074 3.697 0 2.324-1.69 3.486-5.071 3.486-3.856 0-4.807-1.056-4.648-3.274l3.539-.106c0 .634.475.792 1.373.792 1.004 0 1.215-.158 1.215-.422 0-1.163-6.074.475-6.074-3.75 0-2.325 1.796-3.487 4.912-3.487 3.381 0 4.649 1.162 4.49 3.222l-3.486.106zM132.267 24.198c.105.951.528 1.162 1.479 1.162 1.056 0 2.588-.264 3.803-.58l.687 2.64c-1.479.529-3.487.846-4.913.846-3.38 0-5.071-1.057-5.071-4.913 0-3.486 1.743-5.282 5.23-5.282 3.592 0 4.965 1.479 4.701 6.127h-5.916zm0-2.218h2.113c.052-.898-.264-1.32-.951-1.32-.687 0-1.057.263-1.162 1.32zM139.398 27.949V15.06h3.909V27.95h-3.909zM144.786 27.949V15.06h3.908V27.95h-3.908zM153.765 24.198c.106.951.529 1.162 1.479 1.162 1.057 0 2.589-.264 3.804-.58l.686 2.64c-1.479.529-3.486.846-4.912.846-3.381 0-5.071-1.057-5.071-4.913 0-3.486 1.743-5.282 5.229-5.282 3.592 0 4.966 1.479 4.702 6.127h-5.917zm0-2.218h2.113c.053-.898-.264-1.32-.95-1.32-.687 0-1.057.263-1.163 1.32zM164.277 19.656c.634-.951 1.479-1.585 2.377-1.585.317 0 .581.053.898.106l-.211 3.697c-.264-.053-.528-.053-.793-.053-.422 0-1.215.053-1.743.317v5.863h-3.909v-9.666h3.223l.158 1.32z"/> </svg> </span> <span class="sm:hidden md:hidden"><svg id="spon-storefront-spbest-l" class="fill-current text-primary-base dark:text-dm-primary-base" width="222" height="44" viewBox="0 0 222 44" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current dark:text-white" d="M2.168 39C.909 39 0 38.02 0 36.83v-4.475h3.916v3.357h4.266v-5.385H0v-8.95c0-1.26.979-2.168 2.168-2.168H9.86c1.258 0 2.168.979 2.168 2.168v3.706H8.182v-2.588H3.986v4.546h8.181v9.79c0 1.258-.979 2.167-2.167 2.167H2.168zM14.195 39v-3.287h1.539V22.496h-1.539V19.21h11.608c1.259 0 2.168.979 2.168 2.168v7.412c0 1.259-.979 2.168-2.168 2.168H19.65v4.755h1.538v3.286h-6.993zm9.86-16.504H19.65v5.175h4.405v-5.175zM29.79 39v-3.287h1.538V22.496h-1.539V19.21h6.993v3.286h-1.538v13.217h1.538v3.286h-6.993zM38.6 39v-3.287h1.538V22.496H38.6V19.21h13.496v5.734H48.32v-2.448h-4.266v4.476h5.735v3.216h-5.735v5.525h4.266v-3.357h3.776V39H38.6zM56.432 39.07c-1.259 0-2.168-.98-2.168-2.169V21.377c0-1.258.979-2.167 2.168-2.167h7.762c1.258 0 2.167.979 2.167 2.168v3.706h-3.916v-2.588H58.18v13.217h4.266v-4.965h-2.518V27.53h6.433V39.07h-9.93zM68.53 39v-3.287h1.538V22.496h-1.539V19.21h13.496v5.734H78.25v-2.448h-4.265v4.476h5.734v3.216h-5.734v5.525h4.265v-3.357h3.776V39H68.53zM83.913 39v-3.287h1.539V22.496h-1.539V19.21h7.133v3.286h-1.678v13.217h3.776v-4.336h3.636V39H83.913z"/> <path class="fill-current text-black dark:text-white" d="M103.843 39V22.497h6.853c4.755 0 6.853 1.119 6.853 4.195 0 1.679-.84 2.937-2.448 3.427v.07c1.958.42 3.007 1.608 3.007 3.496 0 3.357-2.447 5.245-7.342 5.245h-6.923V39zm5.244-10.14h1.259c1.049 0 1.608-.42 1.608-1.328 0-.98-.489-1.33-1.678-1.33h-1.189v2.658zm0 3.566v2.867h1.469c1.398 0 1.958-.42 1.958-1.468 0-1.049-.63-1.469-1.958-1.469l-1.469.07zM124.262 34.035c.14 1.259.699 1.538 1.958 1.538 1.398 0 3.426-.35 5.034-.769l.91 3.496c-1.958.7-4.616 1.12-6.504 1.12-4.475 0-6.713-1.4-6.713-6.504 0-4.615 2.308-6.993 6.923-6.993 4.755 0 6.573 1.958 6.224 8.112h-7.832zm0-2.937h2.797c.07-1.189-.35-1.748-1.259-1.748-.909 0-1.398.35-1.538 1.748zM140.974 30.329c.07-.7-.349-.98-1.608-.98-1.049 0-1.468.21-1.468.63 0 1.468 8.041-.7 8.041 4.895 0 3.077-2.237 4.615-6.713 4.615-5.105 0-6.363-1.398-6.153-4.335l4.685-.14c0 .839.629 1.049 1.818 1.049 1.328 0 1.608-.21 1.608-.56 0-1.538-8.042.63-8.042-4.965 0-3.076 2.378-4.615 6.504-4.615 4.475 0 6.153 1.539 5.944 4.266l-4.616.14zM147.687 26.273v-2.937l5.175-.63v3.567h2.587l-.419 3.986h-2.168v3.706c0 1.049.28 1.258.839 1.258.56 0 1.049-.07 1.469-.21l.489 3.637c-1.119.42-2.517.7-4.056.7-2.937 0-4.055-1.26-4.055-3.917V30.26h-1.329v-3.986h1.468zM164.051 30.329c.069-.7-.35-.98-1.609-.98-1.049 0-1.468.21-1.468.63 0 1.468 8.041-.7 8.041 4.895 0 3.077-2.237 4.615-6.713 4.615-5.104 0-6.363-1.398-6.153-4.335l4.685-.14c0 .839.629 1.049 1.818 1.049 1.329 0 1.608-.21 1.608-.56 0-1.538-8.041.63-8.041-4.965 0-3.076 2.377-4.615 6.503-4.615 4.475 0 6.154 1.539 5.944 4.266l-4.615.14zM175.099 34.035c.14 1.259.699 1.538 1.958 1.538 1.399 0 3.427-.35 5.035-.769l.909 3.496c-1.958.7-4.615 1.12-6.503 1.12-4.476 0-6.713-1.4-6.713-6.504 0-4.615 2.307-6.993 6.922-6.993 4.756 0 6.574 1.958 6.224 8.112h-7.832zm0-2.937h2.797c.07-1.189-.349-1.748-1.258-1.748-.91 0-1.399.35-1.539 1.748zM184.539 39V21.937h5.175V39h-5.175zM191.672 39V21.937h5.175V39h-5.175zM203.56 34.035c.14 1.259.699 1.538 1.958 1.538 1.398 0 3.426-.35 5.034-.769l.91 3.496c-1.958.7-4.616 1.12-6.504 1.12-4.475 0-6.713-1.4-6.713-6.504 0-4.615 2.308-6.993 6.923-6.993 4.755 0 6.573 1.958 6.224 8.112h-7.832zm0-2.937h2.797c.07-1.189-.35-1.748-1.259-1.748-.909 0-1.398.35-1.538 1.748zM217.475 28.021c.839-1.259 1.958-2.098 3.147-2.098.42 0 .769.07 1.189.14l-.28 4.895c-.349-.07-.699-.07-1.049-.07-.559 0-1.608.07-2.307.42v7.762H213V26.273h4.266l.209 1.748z"/> </svg> </span> </a> </h2> <div class="relative whitespace-nowrap sm:px-16 font-sans"> <div class="flex items-center font-sansUI"> <a href="https://www.spiegel.de/spiegel/spbest/index-2024.html" target="_self" title="Alle Ausgaben"> <span class="sm:hidden inline-block shrink-0 border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-sansUI font-normal lg:text-base md:text-s sm:text-s self-start"> Alle Ausgaben </span> <span class="lg:hidden md:hidden block pb-2 text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> <span class="sr-only"> Alle Ausgaben </span> </a> </div> </div> </div> </div> <div class="lg:p-24 md:p-24 sm:p-16"> <div class="overflow-hidden relative rounded text-white dark:text-shade-lightest"> <div class="relative bg-transparent" data-sara-component="{"id":"a923b7a1-4b79-45fd-b623-9d2bf46d5f97","name":"image","title":"SPIEGEL Bestseller - Maximilian Gödecke / Klett-Cotta","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/a923b7a1-4b79-45fd-b623-9d2bf46d5f97_w488_r1_fpx51_fpy42.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 488' width='488' height='488' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/a923b7a1-4b79-45fd-b623-9d2bf46d5f97_w488_r1_fpx51_fpy42.jpg" width="488" height="488" title="SPIEGEL Bestseller - Maximilian Gödecke / Klett-Cotta" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="https://cdn.prod.www.spiegel.de/images/a923b7a1-4b79-45fd-b623-9d2bf46d5f97_w488_r1_fpx51_fpy42.jpg" srcset="https://cdn.prod.www.spiegel.de/images/a923b7a1-4b79-45fd-b623-9d2bf46d5f97_w488_r1_fpx51_fpy42.webp 1x" width="488" height="488" loading="lazy" title="SPIEGEL Bestseller - Maximilian Gödecke / Klett-Cotta" alt> </noscript> </div> <div class="absolute bottom-0 left-0 right-0 flex flex-col justify-end text-center"> <div class="bg-storefront flex flex-col justify-end lg:min-h-196 md:min-h-164 sm:min-h-148"> <h2 class="font-brandUI leading-tight lg:text-4xl md:text-2xl sm:text-2xl px-24 mt-12 mb-8"> »Wie weit kann ich meine Biografie biegen?« </h2> <p class="font-sansUI text-base leading-loose px-24 mb-8"> Buchpreis-Gewinnerin Martina Hefter über das Leben hinter dem Schreiben </p> </div> <div class="bg-black"> <div class="lg:pb-32 md:pb-24 sm:pb-24 pt-16 px-24"> <a href="https://www.spiegel.de/spiegel/spbest/index-2024-4.html" target="_self" title="Ausgabe lesen" class="leading-none font-bold inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-shade-light focus:text-shade-lighter focus:border-shade-light disabled:border-shade-lighter disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed font-sansUI pl-16 pr-12 py-8 text-s rounded"> <span class="flex items-center text-white dark:text-shade-lightest"> <span class="leading-20">Ausgabe lesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </div> </div> </div> </div> </div> </article> </div> <div class="z-10 w-full lg:mb-16 md:mb-16 sm:mb-8"></div> <div class="flex z-10 lg:w-6/12 md:w-6/12 sm:w-full lg:pr-8 md:pr-8" data-area="issue_teaser>classic" data-block-el="articleTeaser" data-pos="1:4"> <article class="shadow bg-white dark:bg-dm-shade-darkest" aria-label="Die Macht der Geheimnisse" data-sara-issue-id="1a9029da-0003-0003-0000-000000220242"> <div class="z-20 w-full"> <div class="flex justify-between items-end sm:pt-16 md:pt-24 lg:pt-24 lg:px-24 md:px-24 overflow-hidden"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 leading-none"> <a href="https://www.spiegel.de/spiegel/spiegelwissen/index-2024.html" target="_self" title="SPIEGEL Wissen" class="text-black dark:text-shade-lightest flex justify-between"> <span class="lg:hidden"><svg id="spon-storefront-spwi-m" class="fill-current text-primary-base dark:text-dm-primary-base" width="144" height="32" viewBox="0 0 144 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current dark:text-white" d="M1.637 27.949c-.95 0-1.637-.74-1.637-1.638v-3.38h2.958v2.535H6.18V21.4H0v-6.762C0 13.688.74 13 1.637 13h5.811c.95 0 1.637.74 1.637 1.637v2.8H6.18v-1.954H3.01v3.433h6.181v7.395c0 .951-.74 1.638-1.637 1.638H1.637zM10.723 27.949v-2.483h1.162v-9.983h-1.162V13h8.768c.951 0 1.638.74 1.638 1.637v5.6c0 .95-.74 1.637-1.638 1.637h-4.648v3.592h1.162v2.483h-5.282zm7.448-12.466h-3.328v3.909h3.328v-3.91zM22.502 27.949v-2.483h1.162v-9.983h-1.162V13h5.283v2.483h-1.163v9.983h1.163v2.483h-5.283zM29.158 27.949v-2.483h1.162v-9.983h-1.162V13h10.195v4.331H36.5v-1.848h-3.222v3.38h4.331v2.43h-4.33v4.173H36.5v-2.535h2.853v5.018H29.158zM42.628 28.002c-.951 0-1.638-.74-1.638-1.638V14.637c0-.95.74-1.637 1.638-1.637h5.863c.95 0 1.637.74 1.637 1.637v2.8H47.17v-1.954h-3.222v9.983h3.222v-3.75H45.27v-2.43h4.86V28h-7.501zM51.766 27.949v-2.483h1.162v-9.983h-1.162V13H61.96v4.331h-2.853v-1.848h-3.222v3.38h4.331v2.43h-4.331v4.173h3.222v-2.535h2.853v5.018H51.766zM63.387 27.949v-2.483h1.162v-9.983h-1.162V13h5.388v2.483h-1.268v9.983h2.852v-3.275h2.747v5.758h-9.72z"/> <path class="fill-current text-black dark:text-white" d="M82.72 24.832c.105-1.162.37-3.116.792-5.23l.792-4.12h4.913l.898 4.12a40.93 40.93 0 01.792 5.23h.106c.105-1.215.264-2.747.317-3.539.105-.845.422-3.116.792-5.81h3.645c-.634 4.173-1.373 8.24-2.219 12.466h-5.704l-.529-2.747c-.37-2.113-.58-4.543-.686-5.705h-.053c-.106 1.162-.317 3.592-.687 5.705l-.528 2.747h-5.705c-.898-4.226-1.585-8.293-2.219-12.466h4.015c.37 2.64.74 4.86.845 5.757.106.74.264 2.43.37 3.645h.053v-.053zM96.56 17.701V14.85h3.908V17.7h-3.909zm0 10.248v-9.614h3.908v9.614h-3.909zM107.493 21.399c.053-.529-.264-.74-1.215-.74-.792 0-1.109.159-1.109.476 0 1.109 6.075-.529 6.075 3.697 0 2.324-1.691 3.486-5.071 3.486-3.856 0-4.807-1.056-4.649-3.274l3.54-.106c0 .634.475.792 1.373.792 1.004 0 1.215-.158 1.215-.422 0-1.163-6.075.475-6.075-3.75 0-2.325 1.796-3.487 4.913-3.487 3.38 0 4.648 1.162 4.49 3.222l-3.487.106zM117.847 21.399c.052-.529-.265-.74-1.215-.74-.793 0-1.11.159-1.11.476 0 1.109 6.075-.529 6.075 3.697 0 2.324-1.69 3.486-5.071 3.486-3.856 0-4.807-1.056-4.648-3.274l3.539-.106c0 .634.475.792 1.373.792 1.004 0 1.215-.158 1.215-.422 0-1.163-6.075.475-6.075-3.75 0-2.325 1.796-3.487 4.913-3.487 3.381 0 4.648 1.162 4.49 3.222l-3.486.106zM126.245 24.198c.106.951.529 1.162 1.479 1.162 1.057 0 2.589-.264 3.804-.58l.686 2.64c-1.479.529-3.486.846-4.912.846-3.381 0-5.071-1.057-5.071-4.913 0-3.486 1.743-5.282 5.229-5.282 3.592 0 4.966 1.479 4.701 6.127h-5.916zm0-2.218h2.113c.053-.898-.264-1.32-.951-1.32-.686 0-1.056.263-1.162 1.32zM136.546 18.335l.105.898c1.162-.792 2.272-1.11 3.381-1.11 1.902 0 3.169.846 3.169 3.276v6.55h-3.909v-5.494c0-.845-.264-1.11-.898-1.11-.422 0-.845.16-1.162.37v6.234h-3.908v-9.614h3.222z"/> </svg> </span> <span class="sm:hidden md:hidden"><svg id="spon-storefront-spwi-l" class="fill-current text-primary-base dark:text-dm-primary-base" width="190" height="44" viewBox="0 0 190 44" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current dark:text-white" d="M2.168 39.001C.909 39.001 0 38.022 0 36.833v-4.475h3.916v3.357h4.266V30.33H0v-8.952c0-1.259.98-2.168 2.168-2.168h7.693c1.258 0 2.168.98 2.168 2.168v3.706H8.182v-2.587H3.986v4.546h8.182v9.79c0 1.26-.978 2.168-2.167 2.168H2.168zM14.197 39.001v-3.286h1.538V22.497h-1.538V19.21h11.609c1.258 0 2.168.98 2.168 2.168v7.413c0 1.259-.98 2.168-2.168 2.168H19.65v4.756h1.54V39h-6.994zm9.86-16.504h-4.405v5.175h4.405v-5.175zM29.792 39.001v-3.286h1.538V22.497h-1.538V19.21h6.993v3.287h-1.538v13.218h1.538V39h-6.993zM38.604 39.001v-3.286h1.538V22.497h-1.538V19.21H52.1v5.735h-3.776v-2.448h-4.267v4.476h5.735v3.217H44.06v5.524h4.266v-3.356H52.1V39H38.604zM56.437 39.071c-1.259 0-2.168-.979-2.168-2.168V21.378c0-1.259.979-2.168 2.168-2.168H64.2c1.258 0 2.168.98 2.168 2.168v3.706H62.45v-2.587h-4.266v13.218h4.266v-4.966h-2.517v-3.217h6.434v11.54h-9.931zM68.535 39.001v-3.286h1.539V22.497h-1.538V19.21h13.497v5.735h-3.777v-2.448H73.99v4.476h5.735v3.217H73.99v5.524h4.266v-3.356h3.777V39H68.535zM83.921 39.001v-3.286h1.539V22.497H83.92V19.21h7.133v3.287h-1.678v13.218h3.776v-4.336h3.637V39H83.92z"/> <path class="fill-current text-black dark:text-white" d="M109.515 34.87c.14-1.538.49-4.125 1.049-6.923l1.049-5.455h6.504l1.189 5.455c.56 2.518.909 5.175 1.049 6.924h.14c.14-1.609.35-3.637.42-4.686.14-1.119.559-4.126 1.049-7.693h4.825c-.839 5.525-1.818 10.91-2.937 16.505h-7.553l-.699-3.637c-.49-2.797-.77-6.014-.909-7.553h-.07c-.14 1.539-.42 4.756-.91 7.553l-.699 3.637h-7.553c-1.189-5.595-2.098-10.98-2.937-16.505h5.315c.49 3.497.979 6.434 1.119 7.623.14.98.35 3.217.489 4.826h.07v-.07zM127.838 25.43v-3.777h5.175v3.777h-5.175zm0 13.567V26.269h5.175v12.728h-5.175zM142.315 30.325c.069-.7-.35-.98-1.609-.98-1.049 0-1.469.21-1.469.63 0 1.469 8.043-.699 8.043 4.896 0 3.077-2.238 4.615-6.714 4.615-5.105 0-6.364-1.398-6.154-4.336l4.686-.14c0 .84.629 1.05 1.818 1.05 1.329 0 1.608-.21 1.608-.56 0-1.538-8.042.63-8.042-4.965 0-3.077 2.378-4.616 6.504-4.616 4.476 0 6.154 1.539 5.944 4.266l-4.615.14zM156.022 30.325c.07-.7-.35-.98-1.609-.98-1.049 0-1.468.21-1.468.63 0 1.469 8.042-.699 8.042 4.896 0 3.077-2.238 4.615-6.714 4.615-5.105 0-6.364-1.398-6.154-4.336l4.686-.14c0 .84.629 1.05 1.818 1.05 1.329 0 1.608-.21 1.608-.56 0-1.538-8.042.63-8.042-4.965 0-3.077 2.378-4.616 6.504-4.616 4.476 0 6.154 1.539 5.944 4.266l-4.615.14zM167.141 34.032c.14 1.258.7 1.538 1.958 1.538 1.399 0 3.427-.35 5.036-.77l.909 3.498c-1.958.699-4.616 1.118-6.504 1.118-4.476 0-6.714-1.398-6.714-6.503 0-4.616 2.308-6.994 6.924-6.994 4.755 0 6.573 1.958 6.224 8.113h-7.833zm0-2.938h2.798c.069-1.189-.35-1.748-1.259-1.748-.909 0-1.399.35-1.539 1.748zM180.778 26.269l.14 1.189c1.539-1.05 3.007-1.469 4.476-1.469 2.518 0 4.196 1.119 4.196 4.336v8.672h-5.175v-7.273c0-1.12-.35-1.469-1.189-1.469-.559 0-1.119.21-1.538.49v8.252h-5.176V26.269h4.266z"/> </svg> </span> </a> </h2> <div class="relative whitespace-nowrap sm:px-16 font-sans"> <div class="flex items-center font-sansUI"> <a href="https://www.spiegel.de/spiegel/spiegelwissen/index-2024.html" target="_self" title="Alle Ausgaben"> <span class="sm:hidden inline-block shrink-0 border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-sansUI font-normal lg:text-base md:text-s sm:text-s self-start"> Alle Ausgaben </span> <span class="lg:hidden md:hidden block pb-2 text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> <span class="sr-only"> Alle Ausgaben </span> </a> </div> </div> </div> </div> <div class="lg:p-24 md:p-24 sm:p-16"> <div class="overflow-hidden relative rounded text-white dark:text-shade-lightest"> <div class="relative bg-transparent" data-sara-component="{"id":"ba47e5c2-ff9b-445c-86c2-caa9574fa318","name":"image","title":"SPIEGEL Wissen - Maren Amini / DER SPIEGEL","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/ba47e5c2-ff9b-445c-86c2-caa9574fa318_w488_r1_fpx45_fpy67.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 488' width='488' height='488' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/ba47e5c2-ff9b-445c-86c2-caa9574fa318_w488_r1_fpx45_fpy67.jpg" width="488" height="488" title="SPIEGEL Wissen - Maren Amini / DER SPIEGEL" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="https://cdn.prod.www.spiegel.de/images/ba47e5c2-ff9b-445c-86c2-caa9574fa318_w488_r1_fpx45_fpy67.jpg" srcset="https://cdn.prod.www.spiegel.de/images/ba47e5c2-ff9b-445c-86c2-caa9574fa318_w488_r1_fpx45_fpy67.webp 1x" width="488" height="488" loading="lazy" title="SPIEGEL Wissen - Maren Amini / DER SPIEGEL" alt> </noscript> </div> <div class="absolute bottom-0 left-0 right-0 flex flex-col justify-end text-center"> <div class="bg-storefront flex flex-col justify-end lg:min-h-196 md:min-h-164 sm:min-h-148"> <h2 class="font-brandUI leading-tight lg:text-4xl md:text-2xl sm:text-2xl px-24 mt-12 mb-8"> Die Macht der Geheimnisse </h2> <p class="font-sansUI text-base leading-loose px-24 mb-8"> Wie wir uns aus Schweigen, Heimlichkeit und Selbstbetrug befreien </p> </div> <div class="bg-black"> <div class="lg:pb-32 md:pb-24 sm:pb-24 pt-16 px-24"> <a href="https://www.spiegel.de/spiegel/spiegelwissen/index-2024-2.html" target="_self" title="Ausgabe lesen" class="leading-none font-bold inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-shade-light focus:text-shade-lighter focus:border-shade-light disabled:border-shade-lighter disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed font-sansUI pl-16 pr-12 py-8 text-s rounded"> <span class="flex items-center text-white dark:text-shade-lightest"> <span class="leading-20">Ausgabe lesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </div> </div> </div> </div> </div> </article> </div> <div class="z-10 w-full lg:mb-16 md:mb-16 sm:mb-8 lg:hidden md:hidden"></div> <div class="flex z-10 lg:w-6/12 md:w-6/12 sm:w-full lg:pl-8 md:pl-8" data-area="issue_teaser>classic" data-block-el="articleTeaser" data-pos="1:5"> <article class="shadow bg-white dark:bg-dm-shade-darkest" aria-label="Wer regiert Amerika?" data-sara-issue-id="c43d6eac-0003-0003-0000-000051202411"> <div class="z-20 w-full"> <div class="flex justify-between items-end sm:pt-16 md:pt-24 lg:pt-24 lg:px-24 md:px-24 overflow-hidden"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 leading-none"> <a href="https://www.spiegel.de/spiegel/deinspiegel/index-2024.html" target="_self" title="Dein SPIEGEL" class="text-black dark:text-shade-lightest flex justify-between"> <span class="lg:hidden"><svg id="spon-storefront-dein-m" class="fill-current text-primary-base dark:text-dm-primary-base" width="106" height="32" viewBox="0 0 106 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31.6665 28C30.7085 28 29.959 27.274 29.959 26.347V22.9394H33.0197V25.4999H36.3514V21.4073H29.9799V14.6532C29.9799 13.726 30.7295 13 31.6871 13H37.684C38.6422 13 39.3917 13.726 39.3917 14.6532V17.4355H36.3307V15.5001H33.0407V18.9475H39.4124V26.347C39.4124 27.274 38.6629 28 37.7049 28H31.6665Z" fill="#42CCB3" class="fill-current dark:text-white"/> <path d="M48.7629 15.5001H45.3273V19.4114H48.7629V15.5001ZM41.0586 28V25.4999H42.2665V15.5001H41.0586V13H50.1164C51.0744 13 51.8239 13.726 51.8239 14.6532V20.258C51.8239 21.1853 51.0744 21.911 50.1164 21.911H45.3273V25.4999H46.5143V28H41.0586Z" fill="#FDC2D9" class="fill-current dark:text-white"/> <path d="M53.252 28V25.4999H54.4596V15.5001H53.252V13H58.7074V15.5001H57.5206V25.4999H58.7074V28H53.252Z" fill="#F5DE00" class="fill-current dark:text-white"/> <path d="M60.1333 28V25.4999H61.341V15.5001H60.1333V13H70.6905V17.3549H67.7334V15.5001H64.4017V18.9072H68.8788V21.3267H64.4017V25.4999H67.7334V22.9597H70.6905V28H60.1333Z" fill="#B6E047" class="fill-current dark:text-white"/> <path d="M74.0842 28C73.1265 28 72.377 27.274 72.377 26.347V14.6532C72.377 13.726 73.1265 13 74.0842 13H80.1436C81.1015 13 81.8511 13.726 81.8511 14.6532V17.4558H78.7901V15.5001H75.4377V25.4999H78.7901V21.7298H76.8119V19.2902H81.8511V28H74.0842Z" fill="#32C6FF" class="fill-current dark:text-white"/> <path d="M83.5078 28V25.4999H84.7155V15.5001H83.5078V13H94.0647V17.3549H91.1079V15.5001H87.7762V18.9072H92.2533V21.3267H87.7762V25.4999H91.1079V22.9597H94.0647V28H83.5078Z" fill="#FBB900" class="fill-current dark:text-white"/> <path d="M95.542 28V25.4999H96.7497V15.5001H95.542V13H101.102V15.5001H99.8112V25.4999H102.747V22.2342H105.6V28H95.542Z" fill="#A3BDEA" class="fill-current dark:text-white"/> <path d="M25.1863 17.6723C25.1863 17.6723 24.1438 11.9471 16.961 13.1733L6.84386 14.9008C6.84386 14.9008 -0.338972 16.1268 0.70351 21.8522L0.878808 22.813C0.878808 22.813 1.92129 28.538 9.10386 27.3119L22.7518 24.982L26.8943 27.051C26.3249 23.9248 25.7557 20.7985 25.1863 17.6723Z" fill="#E64415" class="fill-current dark:text-white"/> <path d="M5.82327 19.8622L6.34813 22.7439L6.73259 22.6783C7.48317 22.5501 7.8498 22.1841 7.62589 20.9555C7.44645 19.9689 7.03898 19.6547 6.25246 19.7889L5.82327 19.8622ZM3.62402 18.7655C4.19439 18.6591 5.40519 18.4256 6.09319 18.3081C7.8273 18.0122 9.19142 18.2165 9.59967 20.4578C9.97638 22.5261 9.209 23.7277 6.82283 24.1353L4.66883 24.503L3.62402 18.7655Z" fill="white" class="fill-current text-white dark:text-black"/> <path d="M11.7918 20.4496L12.7839 20.2801C12.7244 19.853 12.5411 19.7058 12.2192 19.7609C11.9066 19.8142 11.7603 19.973 11.7918 20.4496ZM11.9777 21.4707C12.1207 21.9013 12.3333 21.9544 12.7888 21.8765C13.2984 21.7894 13.9929 21.5548 14.5366 21.3015L15.0894 22.4653C14.4366 22.8266 13.5143 23.1267 12.8261 23.2441C11.2261 23.5175 10.3261 23.1803 10.0032 21.4064C9.71154 19.8052 10.3825 18.8342 12.045 18.5505C13.7431 18.2604 14.5307 18.8399 14.8022 20.9886L11.9777 21.4707Z" fill="white" class="fill-current text-white dark:text-black"/> <path d="M15.527 22.649L14.7235 18.2358L16.5915 17.9169L17.3953 22.3301L15.527 22.649ZM14.6699 17.9414L14.4287 16.6174L16.2967 16.2985L16.538 17.6225L14.6699 17.9414Z" fill="white" class="fill-current text-white dark:text-black"/> <path d="M18.7368 17.5506L18.8751 17.9552C19.3542 17.4986 19.8711 17.25 20.3895 17.1614C21.3011 17.0056 21.9723 17.3015 22.1755 18.418L22.7224 21.4206L20.8543 21.7398L20.3944 19.2129C20.3233 18.8233 20.1671 18.7252 19.8811 18.774C19.6759 18.8091 19.4918 18.912 19.3571 19.0329L19.8804 21.906L18.0123 22.2249L17.2085 17.8115L18.7368 17.5506Z" fill="white" class="fill-current text-white dark:text-black"/> </svg> </span> <span class="sm:hidden md:hidden"><svg id="spon-storefront-dein-l" class="fill-current text-primary-base dark:text-dm-primary-base" width="140" height="44" viewBox="0 0 140 44" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M41.534 39.011C40.2656 39.011 39.2732 38.0498 39.2732 36.8223V32.3105H43.3258V35.7007H47.7372V30.2819H39.3009V21.339C39.3009 20.1112 40.2934 19.15 41.5614 19.15H49.5016C50.7703 19.15 51.7628 20.1112 51.7628 21.339V25.0229H47.7098V22.4603H43.3535V27.0249H51.7902V36.8223C51.7902 38.0498 50.7977 39.011 49.5294 39.011H41.534Z" fill="#42CCB3" class="fill-current dark:text-white"/> <path d="M64.171 22.4603H59.622V27.6391H64.171V22.4603ZM53.97 39.011V35.7007H55.5694V22.4603H53.97V19.15H65.9632C67.2315 19.15 68.224 20.1112 68.224 21.339V28.7601C68.224 29.9879 67.2315 30.9488 65.9632 30.9488H59.622V35.7007H61.1937V39.011H53.97Z" fill="#FDC2D9" class="fill-current dark:text-white"/> <path d="M70.1145 39.011V35.7007H71.7136V22.4603H70.1145V19.15H77.3379V22.4603H75.7665V35.7007H77.3379V39.011H70.1145Z" fill="#F5DE00" class="fill-current dark:text-white"/> <path d="M79.2261 39.011V35.7007H80.8251V22.4603H79.2261V19.15H93.2045V24.9161H89.2892V22.4603H84.8778V26.9716H90.8057V30.1752H84.8778V35.7007H89.2892V32.3373H93.2045V39.011H79.2261Z" fill="#B6E047" class="fill-current dark:text-white"/> <path d="M97.698 39.011C96.4299 39.011 95.4375 38.0498 95.4375 36.8223V21.339C95.4375 20.1112 96.4299 19.15 97.698 19.15H105.721C106.989 19.15 107.982 20.1112 107.982 21.339V25.0497H103.929V22.4603H99.4901V35.7007H103.929V30.7088H101.31V27.4787H107.982V39.011H97.698Z" fill="#32C6FF" class="fill-current dark:text-white"/> <path d="M110.176 39.011V35.7007H111.775V22.4603H110.176V19.15H124.154V24.9161H120.239V22.4603H115.828V26.9716H121.756V30.1752H115.828V35.7007H120.239V32.3373H124.154V39.011H110.176Z" fill="#FBB900" class="fill-current dark:text-white"/> <path d="M126.11 39.011V35.7007H127.709V22.4603H126.11V19.15H133.472V22.4603H131.762V35.7007H135.65V31.3767H139.427V39.011H126.11Z" fill="#A3BDEA" class="fill-current dark:text-white"/> <path d="M32.9539 25.3363C32.9539 25.3363 31.5736 17.7557 22.0631 19.3792L8.66731 21.6666C8.66731 21.6666 -0.843245 23.2898 0.537071 30.8707L0.769178 32.1429C0.769178 32.1429 2.14949 39.7231 11.6597 38.0996L29.7305 35.0147L35.2154 37.7542C34.4616 33.6149 33.7078 29.4755 32.9539 25.3363Z" class="fill-current dark:text-white"/> <path d="M7.316 28.2359L8.01095 32.0514L8.52001 31.9646C9.51382 31.7949 9.99926 31.3103 9.70279 29.6834C9.46521 28.3771 8.92568 27.9611 7.88428 28.1388L7.316 28.2359ZM4.40405 26.7838C5.15926 26.6429 6.76243 26.3337 7.6734 26.1782C9.96948 25.7864 11.7757 26.0569 12.3162 29.0245C12.815 31.763 11.7989 33.3541 8.63948 33.8937L5.78745 34.3806L4.40405 26.7838Z" fill="white" class="fill-current text-white dark:text-black"/> <path d="M15.2189 29.0136L16.5324 28.7892C16.4537 28.2238 16.211 28.0289 15.7848 28.1018C15.3709 28.1724 15.1771 28.3825 15.2189 29.0136ZM15.465 30.3657C15.6543 30.9358 15.9357 31.0061 16.5389 30.903C17.2137 30.7876 18.1332 30.4771 18.8531 30.1416L19.5851 31.6826C18.7207 32.1609 17.4995 32.5583 16.5882 32.7138C14.4698 33.0757 13.2781 32.6293 12.8506 30.2805C12.4644 28.1605 13.3528 26.8747 15.554 26.4992C17.8025 26.115 18.8453 26.8823 19.2047 29.7273L15.465 30.3657Z" fill="white" class="fill-current text-white dark:text-black"/> <path d="M20.1647 31.926L19.1007 26.0826L21.5741 25.6603L22.6385 31.5037L20.1647 31.926ZM19.0299 25.6928L18.7104 23.9397L21.1839 23.5174L21.5033 25.2705L19.0299 25.6928Z" fill="white" class="fill-current text-white dark:text-black"/> <path d="M24.4144 25.1753L24.5976 25.711C25.232 25.1064 25.9163 24.7772 26.6027 24.6599C27.8098 24.4537 28.6985 24.8455 28.9676 26.3239L29.6916 30.2994L27.2182 30.7221L26.6092 27.3762C26.515 26.8605 26.3083 26.7306 25.9296 26.7952C25.6578 26.8416 25.4141 26.9778 25.2357 27.1379L25.9286 30.9421L23.4552 31.3644L22.3909 25.5207L24.4144 25.1753Z" fill="white" class="fill-current text-white dark:text-black"/> </svg> </span> </a> </h2> <div class="relative whitespace-nowrap sm:px-16 font-sans"> <div class="flex items-center font-sansUI"> <a href="https://www.spiegel.de/spiegel/deinspiegel/index-2024.html" target="_self" title="Alle Ausgaben"> <span class="sm:hidden inline-block shrink-0 border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-sansUI font-normal lg:text-base md:text-s sm:text-s self-start"> Alle Ausgaben </span> <span class="lg:hidden md:hidden block pb-2 text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> <span class="sr-only"> Alle Ausgaben </span> </a> </div> </div> </div> </div> <div class="lg:p-24 md:p-24 sm:p-16"> <div class="overflow-hidden relative rounded text-white dark:text-shade-lightest"> <div class="relative bg-transparent" data-sara-component="{"id":"28994f7b-c3bc-4f83-98f1-13fe3ac9e888","name":"image","title":"Dein SPIEGEL","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/28994f7b-c3bc-4f83-98f1-13fe3ac9e888_w488_r1_fpx48_fpy21.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 488' width='488' height='488' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/28994f7b-c3bc-4f83-98f1-13fe3ac9e888_w488_r1_fpx48_fpy21.jpg" width="488" height="488" title="Dein SPIEGEL" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="https://cdn.prod.www.spiegel.de/images/28994f7b-c3bc-4f83-98f1-13fe3ac9e888_w488_r1_fpx48_fpy21.jpg" srcset="https://cdn.prod.www.spiegel.de/images/28994f7b-c3bc-4f83-98f1-13fe3ac9e888_w488_r1_fpx48_fpy21.webp 1x" width="488" height="488" loading="lazy" title="Dein SPIEGEL" alt> </noscript> </div> <div class="absolute bottom-0 left-0 right-0 flex flex-col justify-end text-center"> <div class="bg-storefront flex flex-col justify-end lg:min-h-196 md:min-h-164 sm:min-h-148"> <h2 class="font-brandUI leading-tight lg:text-4xl md:text-2xl sm:text-2xl px-24 mt-12 mb-8"> Wer regiert Amerika? </h2> <p class="font-sansUI text-base leading-loose px-24 mb-8"> Was du über die US-Wahl wissen musst </p> </div> <div class="bg-black"> <div class="lg:pb-32 md:pb-24 sm:pb-24 pt-16 px-24"> <a href="https://www.spiegel.de/spiegel/deinspiegel/index-2024-11.html" target="_self" title="Ausgabe lesen" class="leading-none font-bold inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-shade-light focus:text-shade-lighter focus:border-shade-light disabled:border-shade-lighter disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed font-sansUI pl-16 pr-12 py-8 text-s rounded"> <span class="flex items-center text-white dark:text-shade-lightest"> <span class="leading-20">Ausgabe lesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </div> </div> </div> </div> </div> </article> </div> </section> <div class="lg:mb-16 md:mb-16 sm:mb-8"></div> <section class="relative flex flex-wrap w-full lg:p-24 md:p-24 sm:p-16" data-size="full" data-area="block>magazineslider:aktuelle_magazine"> <div class="z-10 absolute bottom-0 left-0 right-0 rounded top-0 lg:bg-white lg:dark:bg-dm-shade-darkest md:bg-white md:dark:bg-dm-shade-darkest sm:bg-white sm:dark:bg-dm-shade-darkest lg:shadow md:shadow sm:shadow"></div> <div class="bg-sec2-lightest dark:bg-sec2-darker rounded z-20 w-full"> <div class="lg:mx-24 md:mx-24 sm:mx-16 pt-24 lg:pb-32 md:pb-32 sm:pb-24"> <div class="font-brandUI font-extrabold text-xl leading-tight pb-16"> <span>Aktuelle Magazine</span> </div> <div class="border-separator-b h-px mb-24"></div> <div class="relative font-sansUI" 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-sec2-lightest dark:bg-sec2-darker text-center pr-8 -ml-8 cursor-pointer pt-80"><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-2c29ab9f-17ab-49fe-a4a3-268c0f8360ef"> <g id="l-chevron-right-2c29ab9f-17ab-49fe-a4a3-268c0f8360ef"> <path id="vector-2c29ab9f-17ab-49fe-a4a3-268c0f8360ef" d="M15 6l-6 6 6 6" stroke-width="1.3" stroke-linecap="round"/> </g> </g> </svg> </span> <span class="bg-gradient-to-r from-sec2-lightest dark:from-sec2-darker 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 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.spiegel.de/spiegel/print/index-2024.html" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SP/-1/-1/136" 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" width="136" height="181" alt="Cover: DER SPIEGEL" data-not-loaded-w-full> </span> <span class="block text-center mt-8">DER SPIEGEL</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.spiegel.de/spiegel/spsm/index-2023.html" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPSM/-1/-1/136" 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" width="136" height="198" alt="Cover: S-Magazin" data-not-loaded-w-full> </span> <span class="block text-center mt-8">S-Magazin</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.spiegel.de/spiegel/spbest/index-2024.html" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.prod.www.spiegel.de/images/38d3f89d-c389-4664-b41c-d322b8185512_w136_r0.75_fpx50_fpy62.83.jpg" 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" width="136" height="181" alt="Cover: SPIEGEL BESTSELLER" data-not-loaded-w-full> </span> <span class="block text-center mt-8">SPIEGEL BESTSELLER</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.spiegel.de/spiegel/spiegelgeschichte/index-2024.html" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPGE/-1/-1/136" 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" width="136" height="181" alt="Cover: SPIEGEL GESCHICHTE" data-not-loaded-w-full> </span> <span class="block text-center mt-8">SPIEGEL GESCHICHTE</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.spiegel.de/spiegel/spiegelwissen/" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SPWI/-1/-1/136" 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" width="136" height="181" alt="Cover: SPIEGEL WISSEN" data-not-loaded-w-full> </span> <span class="block text-center mt-8">SPIEGEL WISSEN</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.spiegel.de/spiegel/deinspiegel/index-2024.html" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/DEIN/-1/-1/136" 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" width="136" height="175" alt="Cover: Dein SPIEGEL" data-not-loaded-w-full> </span> <span class="block text-center mt-8">Dein SPIEGEL</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.amazon.de/dp/B0CRKN547S?tag=spiegel1-21" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.prod.www.spiegel.de/images/d2d18104-3bc1-48e7-b24b-bee844dfcdbf_w136_r0.75_fpx50_fpy46.52.jpg" 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" width="136" height="181" alt="Cover: SPIEGEL COACHING" data-not-loaded-w-full> </span> <span class="block text-center mt-8">SPIEGEL COACHING</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.spiegel.de/spiegel/print/index-2024-54.html" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.prod.www.spiegel.de/images/558f5b6b-7ddf-4603-8b6f-528eaed8780d_w136_r0.75_fpx50_fpy61.52.jpg" 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" width="136" height="181" alt="Cover: SPIEGEL SPEZIAL" data-not-loaded-w-full> </span> <span class="block text-center mt-8">SPIEGEL SPEZIAL</span> </a> </li> <li class="polygon-swiper-slide shrink-0"> <a href="https://www.spiegel.de/spiegel/spjc/index-2023-1.html" target="https://www.spiegel.de/_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"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.prod.www.spiegel.de/images/4398ae8d-251d-41fa-806e-3005698e81bf_w136_r0.75_fpx50_fpy57.55.jpg" 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" width="136" height="181" alt="Cover: SPIEGEL CHRONIK" data-not-loaded-w-full> </span> <span class="block text-center mt-8">SPIEGEL CHRONIK</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-sec2-lightest dark:from-sec2-darker w-24"></span> <span class="md:hidden sm:hidden bg-sec2-lightest dark:bg-sec2-darker text-center pl-8 -mr-8 cursor-pointer pt-80"><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-dff36e02-1d58-4ce3-8f0f-e63c902cd05d"> <path id="vector-dff36e02-1d58-4ce3-8f0f-e63c902cd05d" d="M9 6l6 6-6 6" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> </span> </div> </div> </div> </div> </section> <div class="lg:mb-16 md:mb-16 sm:mb-8"></div> <section class="relative w-full group lg:advertisement-filled:my-16 md:advertisement-filled:my-16 sm:advertisement-filled:my-8" data-advertisement="pos_1 mobile pos_1:mobile" data-size="full"> <div class="group-advertisement-empty:hidden z-10 absolute top-0 right-0 bottom-0 left-0 bg-shade-lightest dark:bg-black text-shade-lightest dark:text-black" style="box-shadow: 0 0 0 4px currentColor;"> </div> <div class="z-10 relative w-full"> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden text-center" data-placement="pos_1" data-device="mobile" data-advertisement="pos_1 mobile pos_1:mobile lg md sm"></div> </div> </section> <section class="relative flex flex-wrap w-full" data-size="full" data-area="block>contentbox:"> <div class="z-10 absolute bottom-0 left-0 right-0 rounded top-0 lg:bg-white lg:dark:bg-dm-shade-darkest md:bg-white md:dark:bg-dm-shade-darkest sm:bg-white sm:dark:bg-dm-shade-darkest lg:shadow md:shadow sm:shadow"></div> <div class="z-10 relative w-full p-24 sm:p-16"> <section class="flow-root bg-white dark:bg-dm-shade-darkest" data-area="contentbox" data-sara-component="{"id":"e5ac4eeb-a1ca-4594-aa86-c8d499c4ce0c","name":"contentbox","title":"","type":"content"}"> <div class="clear-both" x-data="{ widgetIsLoaded: true }" x-lazyload> <template x-if="widgetIsLoaded"> <div> <a href="https://www.spiegel.de/thema/abovorteile/" data-area="contentbox-Abovorteile" class="group w-full flex sm:flex-col justify-between md:items-center lg:items-center relative overflow-hidden lg:p-24 md:p-24 sm:p-16" style="background-color: #776EDE;"> <div class="lg:w-6/12 absolute right-0 overflow-hidden" style="top: -100%;"><svg width="445" height="375" viewBox="0 0 445 375" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M286.661 375H126.173L154.735 296.511L0 240.181L51.5792 98.4396L206.314 154.77L262.634 0L404.349 51.5902L348.028 206.36L445 241.662V375H370.338L296.449 348.101L286.661 375Z" fill="#235973"></path> </svg> </div> <h2 class="font-brandUI font-extrabold text-white lg:text-5xl md:text-5xl sm:text-3xl leading-tight sm:mb-16 z-10"> Die ganze Welt von SPIEGEL+ </h2> <div class="z-10"> <div class="inline-flex items-center text-white text-s font-sansUI font-bold leading-normal bg-primary-base dark:bg-dm-primary-base border border-primary-base dark:border-dm-primary-base group-hover:border-primary-dark group-focus:border-primary-darker group-hover:bg-primary-dark group-focus:bg-primary-darker pl-16 pr-12 py-12 rounded whitespace-nowrap"> <span class="relative bottom-px whitespace-nowrap">Jetzt Vorteile entdecken</span> <span class="flex items-center leading-none ml-8"><svg 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"> <path d="M4.333 2.667L7.667 6 4.333 9.333" stroke-width="1.5" stroke-linecap="round"></path> </svg> </span> </div> </div> </a> </div> </template> </div> </section> </div> </section> <div class="lg:mb-16 md:mb-16 sm:mb-8"></div> <section class="relative flex flex-wrap w-full" data-size="full" data-last="true" data-area="block>issue" data-teaser-count="3"> <div class="z-10 absolute bottom-0 left-0 right-0 sm:top-0 rounded top-0 lg:top-0 md:top-0 lg:bg-shade-lightest lg:dark:bg-black md:bg-shade-lightest md:dark:bg-black sm:bg-shade-lightest sm:dark:bg-black"></div> <div class="flex z-10 lg:w-6/12 md:w-6/12 sm:w-full lg:pr-8 md:pr-8" data-area="issue_teaser>classic" data-block-el="articleTeaser" data-pos="4:1"> <article class="shadow bg-white dark:bg-dm-shade-darkest" aria-label="Das Ende der Macho-Medizin" data-sara-issue-id="98db5143-0003-0003-0000-000001202454"> <div class="z-20 w-full"> <div class="flex justify-between items-end sm:pt-16 md:pt-24 lg:pt-24 lg:px-24 md:px-24 overflow-hidden"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 leading-none"> <a href="https://www.spiegel.de/spiegel/print/index-2024.html" target="_self" title="DER SPIEGEL" class="text-black dark:text-shade-lightest flex justify-between"> <span class="lg:hidden"><svg width="96" height="32"><use xlink:href="#spon-storefront-sp-m"/></svg> </span> <span class="sm:hidden md:hidden"><svg width="141" height="44"><use xlink:href="#spon-storefront-sp-l"/></svg> </span> </a> </h2> <div class="relative whitespace-nowrap sm:px-16 font-sans"> <div class="flex items-center font-sansUI"> <a href="https://www.spiegel.de/spiegel/print/index-2024.html" target="_self" title="Alle Ausgaben"> <span class="sm:hidden inline-block shrink-0 border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-sansUI font-normal lg:text-base md:text-s sm:text-s self-start"> Alle Ausgaben </span> <span class="lg:hidden md:hidden block pb-2 text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> <span class="sr-only"> Alle Ausgaben </span> </a> </div> </div> </div> </div> <div class="lg:p-24 md:p-24 sm:p-16"> <div class="overflow-hidden relative rounded text-white dark:text-shade-lightest"> <div class="relative bg-transparent" data-sara-component="{"id":"f3e53e69-38f1-4063-87cc-dcc67328149d","name":"image","title":"DER SPIEGEL - Illustration: Lennart Gäbel / DER SPIEGEL","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/f3e53e69-38f1-4063-87cc-dcc67328149d_w488_r1_fpx70.89_fpy50.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 488' width='488' height='488' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/f3e53e69-38f1-4063-87cc-dcc67328149d_w488_r1_fpx70.89_fpy50.jpg" width="488" height="488" title="DER SPIEGEL - Illustration: Lennart Gäbel / DER SPIEGEL" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="https://cdn.prod.www.spiegel.de/images/f3e53e69-38f1-4063-87cc-dcc67328149d_w488_r1_fpx70.89_fpy50.jpg" srcset="https://cdn.prod.www.spiegel.de/images/f3e53e69-38f1-4063-87cc-dcc67328149d_w488_r1_fpx70.89_fpy50.webp 1x" width="488" height="488" loading="lazy" title="DER SPIEGEL - Illustration: Lennart Gäbel / DER SPIEGEL" alt> </noscript> </div> <div class="absolute bottom-0 left-0 right-0 flex flex-col justify-end text-center"> <div class="bg-storefront flex flex-col justify-end lg:min-h-196 md:min-h-164 sm:min-h-148"> <h2 class="font-brandUI leading-tight lg:text-4xl md:text-2xl sm:text-2xl px-24 mt-12 mb-8"> Das Ende der Macho-Medizin </h2> <p class="font-sansUI text-base leading-loose px-24 mb-8"> Bessere Therapien für Frauen. Und Männer. </p> </div> <div class="bg-black"> <div class="lg:pb-32 md:pb-24 sm:pb-24 pt-16 px-24"> <a href="https://www.spiegel.de/spiegel/print/index-2024-54.html" target="_self" title="Ausgabe lesen" class="leading-none font-bold inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-shade-light focus:text-shade-lighter focus:border-shade-light disabled:border-shade-lighter disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed font-sansUI pl-16 pr-12 py-8 text-s rounded"> <span class="flex items-center text-white dark:text-shade-lightest"> <span class="leading-20">Ausgabe lesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </div> </div> </div> </div> </div> </article> </div> <div class="z-10 w-full lg:mb-16 md:mb-16 sm:mb-8 lg:hidden md:hidden"></div> <div class="flex z-10 lg:w-6/12 md:w-6/12 sm:w-full lg:pl-8 md:pl-8" data-area="issue_teaser>classic" data-block-el="articleTeaser" data-pos="4:2"> <article class="shadow bg-white dark:bg-dm-shade-darkest" aria-label="CHRONIK 2023" data-sara-issue-id="ec3b97bd-0003-0003-0000-000001120231"> <div class="z-20 w-full"> <div class="flex justify-between items-end sm:pt-16 md:pt-24 lg:pt-24 lg:px-24 md:px-24 overflow-hidden"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 leading-none"> <a href="https://www.spiegel.de/spiegel/spjc/index-2023.html" target="_self" title="SPIEGEL Chronik" class="text-black dark:text-shade-lightest flex justify-between"> <span class="lg:hidden"><svg id="spon-storefront-spjc-m" class="fill-current text-primary-base dark:text-dm-primary-base" width="148" height="32" viewBox="0 0 148 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current dark:text-white" d="M1.638 27.95C.687 27.95 0 27.21 0 26.312v-3.38h2.958v2.535h3.223v-4.068H0v-6.761C0 13.687.74 13 1.638 13h5.81c.951 0 1.638.74 1.638 1.638v2.8H6.181v-1.955H3.01v3.433h6.18v7.396c0 .951-.739 1.638-1.637 1.638H1.638zM10.724 27.95v-2.483h1.162v-9.984h-1.162V13h8.769c.95 0 1.637.74 1.637 1.638v5.6c0 .95-.74 1.637-1.637 1.637h-4.649v3.592h1.162v2.483h-5.282zm7.448-12.467h-3.328v3.909h3.328v-3.91zM22.504 27.95v-2.483h1.162v-9.984h-1.162V13h5.282v2.483h-1.162v9.984h1.163v2.483h-5.283zM29.16 27.95v-2.483h1.162v-9.984H29.16V13h10.195v4.332h-2.852v-1.85H33.28v3.382h4.332v2.43H33.28v4.173h3.223V22.93h2.852v5.019H29.16zM42.63 28.003c-.95 0-1.637-.74-1.637-1.638V14.638c0-.951.74-1.638 1.638-1.638h5.863c.951 0 1.638.74 1.638 1.638v2.8h-2.958v-1.955H43.95v9.984h3.223v-3.75h-1.902v-2.43h4.86v8.716H42.63zM51.77 27.95v-2.483h1.162v-9.984h-1.163V13h10.196v4.332h-2.853v-1.85H55.89v3.382h4.332v2.43H55.89v4.173h3.222V22.93h2.853v5.019H51.769zM63.391 27.95v-2.483h1.162v-9.984h-1.162V13h5.388v2.483h-1.267v9.984h2.852v-3.275h2.747v5.758h-9.72z"/> <path class="fill-current text-black dark:text-white" d="M89.54 23.137c-.106 3.381-1.902 5.283-5.864 5.283-4.12 0-5.758-1.849-5.758-6.075s1.638-7.026 6.181-7.026c4.12 0 5.547 2.272 5.335 5.388l-4.173.317c.106-1.637-.264-2.483-1.373-2.483-1.215 0-1.744 1.11-1.744 3.487 0 2.324.37 3.17 1.744 3.17 1.056 0 1.479-.634 1.479-2.06h4.173zM94.559 19.07c.845-.476 1.743-.793 2.8-.793 1.901 0 3.169.846 3.169 3.276v6.55h-3.91v-5.494c0-.845-.263-1.11-.897-1.11-.423 0-.845.16-1.162.37v6.234h-3.91v-12.89h3.91v3.857zM105.441 19.81c.634-.951 1.479-1.585 2.377-1.585.317 0 .581.052.898.105l-.211 3.698c-.264-.053-.529-.053-.793-.053-.422 0-1.215.053-1.743.317v5.864h-3.909v-9.667h3.222l.159 1.32zM108.874 23.454c0-3.486 1.797-5.282 5.442-5.282 3.486 0 5.071 1.479 5.071 4.912 0 3.487-1.796 5.283-5.441 5.283-3.487.053-5.072-1.479-5.072-4.913zm6.551-.158c0-1.743-.317-2.325-1.215-2.325-.898 0-1.321.582-1.321 2.325 0 1.743.317 2.324 1.215 2.324.898 0 1.321-.58 1.321-2.324zM123.666 18.489l.105.898c1.163-.793 2.272-1.11 3.381-1.11 1.902 0 3.17.846 3.17 3.276v6.55h-3.909v-5.494c0-.845-.264-1.11-.898-1.11-.423 0-.846.16-1.162.37v6.234h-3.91v-9.614h3.223zM131.801 17.855v-2.853h3.909v2.853h-3.909zm0 10.248v-9.614h3.909v9.614h-3.909zM143.211 28.103l-2.06-4.385v4.385h-3.962v-12.89h3.909v6.92l2.219-3.591h4.279l-2.8 4.067 2.906 5.494h-4.491z"/> </svg> </span> <span class="sm:hidden md:hidden"><svg id="spon-storefront-spjc-l" class="fill-current text-primary-base dark:text-dm-primary-base" width="196" height="44" viewBox="0 0 196 44" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="fill-current dark:text-white" d="M2.168 39.003C.909 39.003 0 38.023 0 36.835v-4.476h3.916v3.357h4.266V30.33H0V21.38c0-1.259.979-2.168 2.168-2.168H9.86c1.259 0 2.168.98 2.168 2.168v3.706H8.182V22.5H3.986v4.545h8.182v9.79c0 1.26-.98 2.169-2.168 2.169H2.168zM14.196 39.003v-3.287h1.538V22.499h-1.538v-3.287h11.608c1.26 0 2.168.98 2.168 2.168v7.413c0 1.258-.979 2.168-2.168 2.168h-6.153v4.755h1.538v3.287h-6.993zm9.86-16.504h-4.405v5.175h4.405v-5.175zM29.79 39.003v-3.287h1.539V22.499H29.79v-3.287h6.992V22.5h-1.538v13.217h1.538v3.287h-6.992zM38.602 39.003v-3.287h1.538V22.499h-1.538v-3.287h13.496v5.735h-3.776v-2.448h-4.266v4.476h5.735v3.216h-5.735v5.525h4.266v-3.357h3.776v6.644H38.602zM56.434 39.072c-1.259 0-2.168-.979-2.168-2.167V21.38c0-1.259.98-2.168 2.168-2.168h7.762c1.26 0 2.168.98 2.168 2.168v3.706h-3.916V22.5h-4.266v13.217h4.266V30.75h-2.517v-3.217h6.433v11.538h-9.93zM68.532 39.003v-3.287h1.538V22.499h-1.538v-3.287h13.497v5.735h-3.777v-2.448h-4.265v4.476h5.734v3.216h-5.734v5.525h4.265v-3.357h3.777v6.644H68.532zM83.917 39.003v-3.287h1.538V22.499h-1.538v-3.287h7.133V22.5H89.37v13.217h3.777V31.38h3.636v7.623H83.917z"/> <path class="fill-current text-black dark:text-white" d="M118.532 32.43c-.14 4.475-2.517 6.992-7.762 6.992-5.455 0-7.623-2.447-7.623-8.042 0-5.594 2.168-9.3 8.182-9.3 5.455 0 7.343 3.006 7.063 7.132l-5.524.42c.14-2.168-.35-3.287-1.818-3.287-1.609 0-2.308 1.469-2.308 4.616 0 3.077.489 4.195 2.308 4.195 1.398 0 1.958-.839 1.958-2.727h5.524zM125.176 27.044c1.119-.629 2.307-1.049 3.706-1.049 2.517 0 4.196 1.12 4.196 4.336v8.672h-5.175V31.73c0-1.12-.35-1.469-1.189-1.469-.559 0-1.119.21-1.538.49v8.252h-5.175V21.939h5.175v5.105zM139.581 28.023c.839-1.258 1.958-2.097 3.147-2.097.42 0 .769.07 1.189.14l-.28 4.895c-.349-.07-.699-.07-1.049-.07-.559 0-1.608.07-2.307.42v7.762h-5.175V26.275h4.266l.209 1.748zM144.127 32.849c0-4.616 2.377-6.993 7.203-6.993 4.615 0 6.713 1.958 6.713 6.503 0 4.616-2.378 6.993-7.203 6.993-4.615.07-6.713-1.958-6.713-6.503zm8.671-.21c0-2.308-.419-3.077-1.608-3.077s-1.748.77-1.748 3.077c0 2.308.419 3.077 1.608 3.077s1.748-.77 1.748-3.077zM163.707 26.275l.14 1.19c1.539-1.05 3.007-1.47 4.476-1.47 2.517 0 4.196 1.12 4.196 4.336v8.672h-5.175V31.73c0-1.12-.35-1.469-1.189-1.469-.559 0-1.119.21-1.539.49v8.252h-5.174V26.275h4.265zM174.477 25.436V21.66h5.175v3.776h-5.175zm0 13.567V26.275h5.175v12.728h-5.175zM189.582 39.003l-2.728-5.805v5.805h-5.244V21.939h5.174v9.162l2.938-4.756h5.664l-3.706 5.385 3.846 7.273h-5.944z"/> </svg> </span> </a> </h2> <div class="relative whitespace-nowrap sm:px-16 font-sans"> <div class="flex items-center font-sansUI"> <a href="https://www.spiegel.de/spiegel/spjc/index-2023.html" target="_self" title="Alle Ausgaben"> <span class="sm:hidden inline-block shrink-0 border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-sansUI font-normal lg:text-base md:text-s sm:text-s self-start"> Alle Ausgaben </span> <span class="lg:hidden md:hidden block pb-2 text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> <span class="sr-only"> Alle Ausgaben </span> </a> </div> </div> </div> </div> <div class="lg:p-24 md:p-24 sm:p-16"> <div class="overflow-hidden relative rounded text-white dark:text-shade-lightest"> <div class="relative bg-transparent" data-sara-component="{"id":"e25af6a8-edb3-4a58-b98c-8af73a7ae51d","name":"image","title":"SPIEGEL Chronik - [M]: Reihane Taravati / Middle East Images / laif, Jose Sarmento Matos / Bloomberg / Getty Images, Antonio Masiello / Getty Images, Chung Sung-Jun / Getty Images, Tilo Wiedensohler / camera4+ / IMAGO, Stephen Nadler / MIS / IMAGO, Heiko Becker / dpa, Bettina Flitner / laif, Liesa Johannssen / REUTERS, Max Mumby / Indigo / Getty Images","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/e25af6a8-edb3-4a58-b98c-8af73a7ae51d_w488_r1_fpx49_fpy50.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 488' width='488' height='488' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/e25af6a8-edb3-4a58-b98c-8af73a7ae51d_w488_r1_fpx49_fpy50.jpg" width="488" height="488" title="SPIEGEL Chronik - [M]: Reihane Taravati / Middle East Images / laif, Jose Sarmento Matos / Bloomberg / Getty Images, Antonio Masiello / Getty Images, Chung Sung-Jun / Getty Images, Tilo Wiedensohler / camera4+ / IMAGO, Stephen Nadler / MIS / IMAGO, Heiko Becker / dpa, Bettina Flitner / laif, Liesa Johannssen / REUTERS, Max Mumby / Indigo / Getty Images" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="https://cdn.prod.www.spiegel.de/images/e25af6a8-edb3-4a58-b98c-8af73a7ae51d_w488_r1_fpx49_fpy50.jpg" srcset="https://cdn.prod.www.spiegel.de/images/e25af6a8-edb3-4a58-b98c-8af73a7ae51d_w488_r1_fpx49_fpy50.webp 1x" width="488" height="488" loading="lazy" title="SPIEGEL Chronik - [M]: Reihane Taravati / Middle East Images / laif, Jose Sarmento Matos / Bloomberg / Getty Images, Antonio Masiello / Getty Images, Chung Sung-Jun / Getty Images, Tilo Wiedensohler / camera4+ / IMAGO, Stephen Nadler / MIS / IMAGO, Heiko Becker / dpa, Bettina Flitner / laif, Liesa Johannssen / REUTERS, Max Mumby / Indigo / Getty Images" alt> </noscript> </div> <div class="absolute bottom-0 left-0 right-0 flex flex-col justify-end text-center"> <div class="bg-storefront flex flex-col justify-end lg:min-h-196 md:min-h-164 sm:min-h-148"> <h2 class="font-brandUI leading-tight lg:text-4xl md:text-2xl sm:text-2xl px-24 mt-12 mb-8"> CHRONIK 2023 </h2> <p class="font-sansUI text-base leading-loose px-24 mb-8"> Kriege, Klima, künstliche Intelligenz: Die Welt im Wandel </p> </div> <div class="bg-black"> <div class="lg:pb-32 md:pb-24 sm:pb-24 pt-16 px-24"> <a href="https://www.spiegel.de/spiegel/spjc/index-2023-1.html" target="_self" title="Ausgabe lesen" class="leading-none font-bold inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-shade-light focus:text-shade-lighter focus:border-shade-light disabled:border-shade-lighter disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed font-sansUI pl-16 pr-12 py-8 text-s rounded"> <span class="flex items-center text-white dark:text-shade-lightest"> <span class="leading-20">Ausgabe lesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </div> </div> </div> </div> </div> </article> </div> <div class="z-10 w-full lg:mb-16 md:mb-16 sm:mb-8"></div> <div class="flex z-10 lg:w-6/12 md:w-6/12 sm:w-full lg:pr-8 md:pr-8" data-area="issue_teaser>classic" data-block-el="articleTeaser" data-pos="4:3"> <article class="shadow bg-white dark:bg-dm-shade-darkest" aria-label="Analoges Leben" data-sara-issue-id="cc0c3a2a-0002-0003-0000-000000820243"> <div class="z-20 w-full"> <div class="flex justify-between items-end sm:pt-16 md:pt-24 lg:pt-24 lg:px-24 md:px-24 overflow-hidden"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 leading-none"> <a href="https://www.spiegel.de/spiegel/spsm/index-2024.html" target="_self" title="S-Magazin" class="text-black dark:text-shade-lightest flex justify-between"> <span class="lg:hidden"><svg id="spon-storefront-spsm-m" class="fill-current text-primary-base dark:text-dm-primary-base" width="216" height="32" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="text-black dark:text-white" d="M5.565 4.777h6.176v3.929h5.362V3.213C17.103 1.593 16.01 0 13.874 0H3.604C1.747 0 .4 1.487.4 3.266v12.94h11.34v8.103H5.564v-5.334H.4v6.86C.4 27.454 1.799 29 3.45 29h10.576c1.474 0 3.075-1.254 3.075-3.219v-14.3H5.565V4.778Z"/> <path class="text-black dark:text-white" d="M5.563 22.845v.06l2.601-1.102v-.06l-2.601 1.102Zm0 .572v.06l2.6-1.106.001-.06-2.601 1.106Zm1.917.893h.141l.543-.233.001-.06-.685.292Zm-1.917-2.03v.06l2.6-1.105.001-.06-2.601 1.105Zm0 1.705v.06l2.6-1.107v-.06l-2.6 1.107Zm.576.325h.141l1.884-.802v-.06l-2.025.861Zm-.576-4.307v.06l2.565-1.087h-.142l-2.423 1.027Zm0 1.705v.06l2.6-1.102.001-.06-2.601 1.102Zm0-2.27v.06l1.224-.522h-.141l-1.083.462Zm0 1.702v.06l2.6-1.102.001-.06-2.601 1.102Zm0-.568v.06l2.6-1.102.001-.061-2.601 1.102Zm.002-11.923v.06l2.597-1.102v-.06L5.565 8.649Zm0 .568v.06l2.597-1.101v-.06L5.565 9.217Zm0 1.138v.06l2.597-1.102v-.06l-2.597 1.102Zm0 .569v.06l2.597-1.102v-.06l-2.597 1.102Zm1.367.558h.142l1.09-.462v-.06l-1.232.522Zm-1.34 0h.141l2.43-1.031v-.06l-2.571 1.09Zm2.57-2.798L5.565 9.786v.06l2.597-1.102v-.06ZM5.565 5.805v.06L8.13 4.777h-.141L5.565 5.805Zm0 2.275v.06l2.597-1.102v-.06L5.565 8.08Zm0-1.706v.06l2.597-1.102v-.06L5.565 6.374Zm0-1.138v.06l1.223-.52h-.141l-1.082.46Zm0 2.275v.06L8.162 6.47v-.06L5.565 7.511Zm0-.568v.06L8.162 5.9v-.06L5.565 6.942ZM17.102 23.64v.061l2.599-1.105v-.06l-2.599 1.105Zm0 .566v.06l2.599-1.1v-.06l-2.599 1.1Zm0-3.411v.06l2.599-1.102v-.06l-2.599 1.102Zm0 3.983v.06l2.599-1.104v-.06l-2.599 1.104Zm0-3.414v.06l2.599-1.102v-.06l-2.599 1.102Zm0 1.136v.061l2.599-1.102v-.06L17.102 22.5Zm0-.568v.06l2.599-1.102v-.06l-2.599 1.102Zm0 1.137v.06l2.599-1.101v-.06l-2.599 1.101ZM15.195 29h.141l4.02-1.706.037-.076L15.195 29Zm1.907-3.654v.06l2.599-1.103v-.06l-2.599 1.103Zm-.836 2.628a2.988 2.988 0 0 1-.097.101l3.438-1.457.016-.066-3.357 1.422Zm2.574.048-2.304.977h.145l2.055-.873c.036-.034.07-.069.105-.104Zm-1.742-2.107c0 .02 0 .04-.002.06l2.604-1.104v-.06l-2.602 1.104Zm-.302 1.265-.035.075 2.934-1.243.002-.06-2.9 1.228Zm.229-.665-.016.067 2.692-1.141v-.06l-2.676 1.134Zm.077-9.702v.06l2.599-1.102v-.06l-2.599 1.102Zm0 3.414v.06l2.599-1.103v-.06l-2.599 1.103Zm0-6.257v.06l2.599-1.102v-.06l-2.599 1.103Zm0 .57v.06l2.599-1.104v-.06l-2.599 1.103Zm0-2.846v.06l.642-.272h-.141l-.5.212Zm0 3.413v.06l2.599-1.102v-.06l-2.599 1.102Zm0-2.273v.06l2.599-1.104v-.06l-2.599 1.104Zm0-.568v.06l1.982-.844h-.142l-1.84.784Zm0 1.133v.06l2.599-1.1v-.06l-2.599 1.1Zm0 5.691v.06l2.599-1.103v-.06l-2.599 1.103Zm0-.568v.06l2.599-1.105v-.06l-2.599 1.105Zm0 1.137v.06l2.599-1.104v-.06l-2.599 1.104Zm0-2.278v.06l2.599-1.101v-.06l-2.599 1.101Zm0-1.137v.06l2.599-1.102v-.06l-2.599 1.102Zm0 1.706v.06l2.599-1.1v-.061l-2.599 1.1Zm0-2.274v.06l2.599-1.102v-.06l-2.599 1.102Zm.001-9.093v.06L19.7 5.54v-.06l-2.598 1.102Zm0-.565v.06L19.7 4.971v-.06l-2.598 1.106Zm0-1.141v.06L19.7 3.835v-.06l-2.598 1.102Zm0 .569v.06L19.7 4.403v-.06l-2.598 1.103Zm0 2.842v.06L19.7 7.246v-.06l-2.598 1.102Zm1.699.418h.14l.759-.323v-.06l-.9.383Zm-1.338 0h.142l2.095-.892v-.06l-2.237.952Zm-.361-.986v.06L19.7 6.676v-.06L17.103 7.72Zm0-.57v.061L19.7 6.11v-.06l-2.597 1.1ZM19.7 3.208l-2.597 1.098v.06L19.7 3.267v-.059ZM16.063.772l.045.04 1.463-.62-.084-.025-1.424.605Zm.403-.74-.901.383.059.035.977-.414c-.042-.001-.084-.003-.127-.003h-.008Zm-.024 1.148.034.046 1.747-.742-.058-.036-1.723.732ZM14.886.134l.083.025.299-.127h-.142l-.24.102Zm2.041 1.976.017.052 2.13-.902-.035-.046-2.112.895Zm.128.514.01.056 2.283-.969a1.638 1.638 0 0 0-.025-.05l-2.268.963Zm.047.548v.059l2.44-1.034-.017-.053-2.423 1.028Zm-.377-1.545.025.05 1.957-.83-.045-.041-1.937.821Zm.377 2.117v.06l2.558-1.089-.008-.056-2.55 1.085ZM29.793 27v-9.282c.98-.014 1.876-.028 2.814-.028 3.01 0 4.158 1.848 4.158 4.508 0 2.744-1.162 4.802-4.284 4.802h-2.688Zm2.716-8.274H31.08v7.266h1.498c2.198 0 2.87-1.652 2.87-3.668 0-1.932-.56-3.598-2.94-3.598ZM43.71 27h-1.092l-.084-.952c-.742.658-1.554 1.078-2.478 1.078-1.302 0-2.142-.742-2.142-2.016 0-1.54 1.162-2.268 3.99-2.268h.49v-.63c0-1.078-.378-1.484-1.386-1.484-.756 0-1.694.28-2.52.742l-.308-.896c1.008-.518 2.058-.798 3.024-.798 1.652 0 2.422.672 2.422 2.38v3.024c0 .518.042 1.246.084 1.82Zm-1.316-1.778V23.64h-.546c-2.058 0-2.674.448-2.674 1.358 0 .714.434 1.204 1.218 1.204.658 0 1.33-.336 2.002-.98Zm8.199-3.486-1.134.07c.042-.756-.406-1.148-1.484-1.148-.938 0-1.554.378-1.554 1.106 0 1.736 4.438.448 4.438 3.206 0 1.302-1.022 2.17-2.996 2.17-2.226 0-2.828-.882-2.758-2.1l1.134-.07c-.028.742.322 1.288 1.694 1.288 1.19 0 1.75-.448 1.75-1.162 0-1.778-4.424-.49-4.424-3.206 0-1.386 1.176-2.114 2.786-2.114 1.694 0 2.618.644 2.548 1.96Zm11.194-1.806-1.26.098c.043-.812-.335-1.442-1.764-1.442-1.19 0-1.918.574-1.918 1.484 0 2.31 5.279.938 5.279 4.326 0 1.68-1.26 2.744-3.5 2.744s-3.333-.826-3.29-2.646l1.26-.098c0 1.19.686 1.736 2.142 1.736 1.33 0 2.1-.602 2.1-1.582 0-2.31-5.279-.938-5.279-4.34 0-1.666 1.316-2.632 3.304-2.632 1.974 0 3.024.868 2.926 2.352Zm.943.966v-.98h1.134v-1.89l1.246-.168v2.058h2.128l-.112.98H65.11v3.668c0 1.176.238 1.568.91 1.568.462 0 .91-.154 1.162-.238l.168.91a4.526 4.526 0 0 1-1.694.336c-1.26 0-1.792-.63-1.792-2.296v-3.948H62.73Zm6.847-2.044h-1.302v-1.386h1.302v1.386ZM69.55 27h-1.246v-7.084h1.246V27Zm3.172 0h-1.246v-9.87h1.246V27Zm5.537-7.224c.91 0 1.526.406 1.848 1.19.882-.756 1.778-1.19 2.618-1.19 1.4 0 2.114.924 2.114 2.73V27h-1.246v-4.242c0-1.4-.434-1.946-1.26-1.946-.616 0-1.316.35-2.03 1.036.042.238.056.504.056.798V27h-1.232v-4.242c0-1.4-.448-1.946-1.274-1.946-.588 0-1.33.364-1.96.98V27h-1.246v-7.084h1.05l.056.952c.812-.672 1.708-1.092 2.506-1.092ZM92.095 27h-1.092l-.084-.952c-.742.658-1.554 1.078-2.478 1.078-1.302 0-2.142-.742-2.142-2.016 0-1.54 1.162-2.268 3.99-2.268h.49v-.63c0-1.078-.378-1.484-1.386-1.484-.756 0-1.694.28-2.52.742l-.308-.896c1.008-.518 2.058-.798 3.024-.798 1.652 0 2.422.672 2.422 2.38v3.024c0 .518.042 1.246.084 1.82Zm-1.316-1.778V23.64h-.546c-2.058 0-2.674.448-2.674 1.358 0 .714.434 1.204 1.218 1.204.658 0 1.33-.336 2.002-.98Zm5.876-5.446c.504 0 .966.084 1.344.224l.462-1.442h1.232l-.896 1.904c.434.392.672.938.672 1.596 0 1.456-1.05 2.394-2.898 2.394-.462 0-.868-.056-1.218-.168-.21.168-.406.406-.406.63 0 1.05 5.11-.308 5.11 2.45 0 1.498-1.246 2.268-3.458 2.268-2.184 0-3.192-.63-3.192-1.764 0-.7.504-1.246 1.19-1.666-.546-.168-.91-.448-.91-.994 0-.532.462-.98.966-1.26-.574-.392-.896-.994-.896-1.778 0-1.442 1.05-2.394 2.898-2.394Zm2.226 7.812c0-1.12-1.834-1.036-3.318-1.204-.616.434-.952.826-.952 1.33 0 .7.588 1.106 2.058 1.106 1.456 0 2.212-.42 2.212-1.232Zm-2.268-3.906c.994 0 1.596-.574 1.596-1.526 0-.98-.56-1.554-1.596-1.554-.994 0-1.596.574-1.596 1.526 0 .98.574 1.554 1.596 1.554ZM106.246 27h-1.092l-.084-.952c-.742.658-1.554 1.078-2.478 1.078-1.302 0-2.142-.742-2.142-2.016 0-1.54 1.162-2.268 3.99-2.268h.49v-.63c0-1.078-.378-1.484-1.386-1.484-.756 0-1.694.28-2.52.742l-.308-.896c1.008-.518 2.058-.798 3.024-.798 1.652 0 2.422.672 2.422 2.38v3.024c0 .518.042 1.246.084 1.82Zm-1.316-1.778V23.64h-.546c-2.058 0-2.674.448-2.674 1.358 0 .714.434 1.204 1.218 1.204.658 0 1.33-.336 2.002-.98Zm2.585.896 3.682-5.208h-3.514l.084-.994h4.942v.882l-3.71 5.208h3.878l-.07.994h-5.292v-.882Zm8-7.266h-1.302v-1.386h1.302v1.386ZM115.487 27h-1.246v-7.084h1.246V27Zm1.926-7.084h1.05l.056.966c.77-.63 1.68-1.092 2.534-1.092 1.47 0 2.17.896 2.17 2.73V27h-1.246v-4.228c0-1.4-.434-1.946-1.302-1.946-.658 0-1.386.364-2.016.98V27h-1.246v-7.084ZM131.47 27h-1.624c-.924-2.618-1.652-4.886-2.254-7.084h1.302c.49 1.75.77 2.688 1.092 3.724.322 1.008.616 1.932.714 2.422h.042c.098-.476.406-1.428.7-2.422.322-1.036.588-1.988 1.092-3.724h1.162c-.602 2.226-1.302 4.438-2.226 7.084Zm5.927.14c-2.03 0-3.136-1.19-3.136-3.612s1.148-3.752 3.262-3.752c2.03 0 3.136 1.19 3.136 3.612s-1.148 3.752-3.262 3.752Zm.056-.924c1.274 0 1.946-.896 1.946-2.744 0-1.974-.742-2.758-1.932-2.758-1.274 0-1.946.882-1.946 2.73 0 1.974.742 2.772 1.932 2.772Zm8.345-6.44c.91 0 1.526.406 1.848 1.19.882-.756 1.778-1.19 2.618-1.19 1.4 0 2.114.924 2.114 2.73V27h-1.246v-4.242c0-1.4-.434-1.946-1.26-1.946-.616 0-1.316.35-2.03 1.036.042.238.056.504.056.798V27h-1.232v-4.242c0-1.4-.448-1.946-1.274-1.946-.588 0-1.33.364-1.96.98V27h-1.246v-7.084h1.05l.056.952c.812-.672 1.708-1.092 2.506-1.092Z"/> <path class="dark:text-white" d="M158.778 26.965a1.06 1.06 0 0 1-1.077-1.077v-2.224h1.946v1.668h2.12v-2.676h-4.066v-4.449a1.06 1.06 0 0 1 1.077-1.077h3.823c.626 0 1.078.487 1.078 1.077v1.842h-1.912v-1.286h-2.085v2.26h4.066v4.865c0 .625-.487 1.077-1.077 1.077h-3.893Zm5.978 0v-1.633h.764v-6.569h-.764V17.13h5.769a1.06 1.06 0 0 1 1.077 1.077v3.684a1.06 1.06 0 0 1-1.077 1.078h-3.058v2.363h.764v1.633h-3.475Zm4.9-8.202h-2.189v2.572h2.189v-2.572Zm2.85 8.202v-1.633h.765v-6.569h-.765V17.13h3.475v1.633h-.764v6.569h.764v1.633h-3.475Zm4.379 0v-1.633h.764v-6.569h-.764V17.13h6.707v2.85h-1.876v-1.217h-2.12v2.225h2.849v1.598h-2.849v2.746h2.12v-1.668h1.876v3.301h-6.707Zm8.862.035a1.06 1.06 0 0 1-1.077-1.077v-7.716a1.06 1.06 0 0 1 1.077-1.077h3.858a1.06 1.06 0 0 1 1.077 1.077v1.842h-1.946v-1.286h-2.12v6.569h2.12v-2.468h-1.251v-1.598h3.197V27h-4.935Zm6.012-.035v-1.633h.765v-6.569h-.765V17.13h6.708v2.85h-1.877v-1.217h-2.12v2.225h2.85v1.598h-2.85v2.746h2.12v-1.668h1.877v3.301h-6.708Zm7.646 0v-1.633h.765v-6.569h-.765V17.13h3.545v1.633h-.834v6.569h1.877v-2.155h1.807v3.788h-6.395Z"/> </svg> </span> <span class="sm:hidden md:hidden"><svg id="spon-storefront-spsm-l" class="fill-current text-primary-base dark:text-dm-primary-base" width="241" height="44" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="text-black dark:text-white" d="M7.68 6.919h8.944v5.69h7.766V4.652C24.39 2.307 22.808 0 19.714 0H4.84C2.152 0 .2 2.154.2 4.73v18.74h16.423v11.737H7.68V27.48H.2v9.934C.201 39.763 2.226 42 4.62 42h15.316c2.135 0 4.454-1.816 4.454-4.662v-20.71H7.68V6.92Z"/> <path class="text-black dark:text-white" d="M7.677 33.086v.087l3.768-1.596v-.087l-3.768 1.596Zm0 .828v.087l3.767-1.601.001-.087-3.768 1.601Zm2.776 1.293h.205l.787-.337v-.087l-.992.424Zm-2.776-2.939v.087l3.767-1.602.001-.087-3.768 1.602Zm0 2.469v.087l3.767-1.603v-.087l-3.767 1.603Zm.834.47h.205l2.73-1.16v-.088L8.51 35.207Zm-.834-6.237v.087l3.715-1.575h-.205l-3.51 1.488Zm0 2.47v.087l3.767-1.596.001-.088-3.768 1.597Zm0-3.289v.087l1.773-.756h-.205l-1.568.67Zm0 2.465v.087l3.767-1.596.001-.087-3.768 1.596Zm0-.823v.087l3.767-1.596.001-.088-3.768 1.597Zm.003-17.267v.087l3.761-1.596v-.087l-3.76 1.596Zm0 .824v.087l3.761-1.597v-.086l-3.76 1.595Zm0 1.647v.087l3.761-1.596v-.086l-3.76 1.595Zm0 .823v.088l3.761-1.597v-.086l-3.76 1.595Zm1.98.809h.205l1.58-.67v-.086l-1.785.756Zm-1.94 0h.204l3.52-1.493v-.087l-3.725 1.58Zm3.721-4.052-3.76 1.596v.087l3.76-1.596v-.087ZM7.68 8.407v.087l3.714-1.576h-.205l-3.508 1.49Zm0 3.295v.087l3.761-1.596v-.087l-3.76 1.596Zm0-2.471v.086l3.761-1.595v-.087L7.681 9.23Zm0-1.648v.087l1.772-.752h-.205l-1.566.665Zm0 3.295v.088l3.761-1.597v-.087l-3.76 1.596Zm0-.823v.087l3.761-1.596v-.087l-3.76 1.596Zm16.71 24.184v.087l3.763-1.6v-.086l-3.764 1.599Zm0 .818v.087l3.763-1.594v-.087l-3.764 1.594Zm0-4.94v.088l3.763-1.597v-.088l-3.764 1.598Zm0 5.768v.087l3.763-1.599v-.086l-3.764 1.598Zm0-4.944v.086l3.763-1.596v-.087l-3.764 1.597Zm0 1.646v.088l3.763-1.596v-.088l-3.764 1.596Zm0-.823v.087l3.763-1.596v-.087l-3.764 1.596Zm0 1.646v.088l3.763-1.596v-.086l-3.764 1.594ZM21.627 42h.205l5.822-2.471.053-.11-6.08 2.58Zm2.763-5.291v.087l3.763-1.598v-.087l-3.764 1.598Zm-1.212 3.805c-.045.05-.092.1-.14.147l4.978-2.11.024-.097-4.861 2.06Zm3.729.07-3.338 1.415h.134l.076-.002 2.977-1.263c.051-.049.102-.1.151-.15Zm-2.523-3.053-.004.088 3.772-1.598v-.088l-3.768 1.598Zm-.437 1.834-.052.108 4.249-1.8.004-.089-4.201 1.78Zm.33-.963-.023.097 3.899-1.654v-.087l-3.876 1.644Zm.113-14.052v.087l3.763-1.596v-.087l-3.764 1.596Zm0 4.944v.087l3.763-1.597v-.087l-3.764 1.597Zm0-9.061v.087l3.763-1.597v-.088l-3.764 1.598Zm0 .824v.087l3.763-1.598v-.087l-3.764 1.598Zm0-4.121v.087l.929-.393h-.205l-.725.306Zm0 4.944v.087l3.763-1.597v-.087l-3.764 1.597Zm0-3.293v.087l3.763-1.599v-.087l-3.764 1.599Zm0-.823v.086l2.87-1.22h-.206l-2.665 1.134Zm0 1.641v.087l3.763-1.593v-.087l-3.764 1.593Zm0 8.242v.087l3.763-1.598v-.087l-3.764 1.598Zm0-.822v.087l3.763-1.6v-.086l-3.764 1.599Zm0 1.646v.087l3.763-1.598v-.087l-3.764 1.598Zm0-3.298v.087l3.763-1.595v-.087l-3.764 1.595Zm0-1.647v.087l3.763-1.596v-.086l-3.764 1.595Zm0 2.47v.088l3.763-1.595v-.087l-3.764 1.594Zm0-3.293v.088l3.763-1.597v-.087l-3.764 1.596Zm0-13.169v.086l3.763-1.595v-.087L24.39 9.534Zm0-.818v.086l3.763-1.6v-.088L24.39 8.716Zm0-1.652v.087l3.763-1.596v-.087L24.39 7.064Zm0 .823v.087l3.763-1.597v-.086L24.39 7.887Zm0 4.116v.087l3.763-1.596v-.087l-3.763 1.596Zm2.46.605h.205l1.098-.468v-.087l-1.302.555Zm-1.936 0h.205l3.034-1.291v-.087l-3.24 1.378Zm-.524-1.428v.087l3.763-1.597v-.086L24.39 11.18Zm0-.823v.087l3.763-1.596V8.76l-3.763 1.597Zm3.762-5.711-3.762 1.59v.088l3.763-1.592v-.035l-.001-.051Zm-5.267-3.529.064.06 2.12-.9-.123-.034-2.061.874Zm.584-1.07L22.163.6l.085.051 1.416-.6c-.062-.002-.122-.004-.184-.004h-.011Zm-.036 1.663c.017.02.033.043.05.065L26.012.7c-.03-.017-.056-.035-.085-.052l-2.495 1.06ZM21.18.194l.12.036.432-.184h-.204l-.348.148Zm2.956 2.861.024.076 3.085-1.307a1.796 1.796 0 0 0-.05-.065l-3.059 1.296Zm.185.745c.005.027.01.054.013.081l3.308-1.403a2.672 2.672 0 0 0-.036-.072L24.32 3.8Zm.067.794.001.056v.03l3.535-1.498-.025-.077-3.51 1.49Zm-.545-2.237c.013.023.024.048.036.072l2.834-1.203-.065-.06-2.805 1.191Zm.547 3.065v.087l3.704-1.577-.012-.081-3.693 1.57ZM39.4 39V28.392c1.12-.016 2.145-.032 3.217-.032 3.44 0 4.752 2.112 4.752 5.152 0 3.136-1.328 5.488-4.896 5.488H39.4Zm3.105-9.456h-1.632v8.304h1.712c2.512 0 3.28-1.888 3.28-4.192 0-2.208-.64-4.112-3.36-4.112ZM55.307 39h-1.248l-.096-1.088c-.848.752-1.776 1.232-2.832 1.232-1.488 0-2.448-.848-2.448-2.304 0-1.76 1.328-2.592 4.56-2.592h.56v-.72c0-1.232-.432-1.696-1.584-1.696-.864 0-1.936.32-2.88.848l-.352-1.024c1.152-.592 2.352-.912 3.456-.912 1.888 0 2.768.768 2.768 2.72v3.456c0 .592.048 1.424.096 2.08Zm-1.504-2.032V35.16h-.624c-2.352 0-3.056.512-3.056 1.552 0 .816.496 1.376 1.392 1.376.752 0 1.52-.384 2.288-1.12Zm9.37-3.984-1.296.08c.048-.864-.464-1.312-1.696-1.312-1.072 0-1.775.432-1.775 1.264 0 1.984 5.072.512 5.072 3.664 0 1.488-1.169 2.48-3.425 2.48-2.543 0-3.231-1.008-3.151-2.4l1.295-.08c-.032.848.368 1.472 1.936 1.472 1.36 0 2-.512 2-1.328 0-2.032-5.056-.56-5.056-3.664 0-1.584 1.345-2.416 3.184-2.416 1.936 0 2.992.736 2.912 2.24Zm12.794-2.064-1.44.112c.048-.928-.384-1.648-2.016-1.648-1.36 0-2.192.656-2.192 1.696 0 2.64 6.032 1.072 6.032 4.944 0 1.92-1.44 3.136-4 3.136s-3.808-.944-3.76-3.024l1.44-.112c0 1.36.784 1.984 2.448 1.984 1.52 0 2.4-.688 2.4-1.808 0-2.64-6.032-1.072-6.032-4.96 0-1.904 1.504-3.008 3.776-3.008 2.256 0 3.456.992 3.344 2.688Zm1.078 1.104v-1.12h1.296v-2.16l1.424-.192v2.352h2.432l-.128 1.12h-2.304v4.192c0 1.344.272 1.792 1.04 1.792.528 0 1.04-.176 1.328-.272l.192 1.04a5.173 5.173 0 0 1-1.936.384c-1.44 0-2.048-.72-2.048-2.624v-4.512h-1.296Zm7.824-2.336h-1.488v-1.584h1.488v1.584ZM84.837 39h-1.424v-8.096h1.424V39Zm3.625 0h-1.424V27.72h1.424V39Zm6.33-8.256c1.04 0 1.743.464 2.111 1.36 1.008-.864 2.032-1.36 2.992-1.36 1.6 0 2.416 1.056 2.416 3.12V39h-1.424v-4.848c0-1.6-.496-2.224-1.44-2.224-.704 0-1.504.4-2.32 1.184.048.272.064.576.064.912V39h-1.408v-4.848c0-1.6-.512-2.224-1.456-2.224-.672 0-1.52.416-2.24 1.12V39h-1.424v-8.096h1.2l.064 1.088c.928-.768 1.952-1.248 2.864-1.248ZM110.603 39h-1.248l-.096-1.088c-.848.752-1.776 1.232-2.832 1.232-1.488 0-2.448-.848-2.448-2.304 0-1.76 1.328-2.592 4.56-2.592h.56v-.72c0-1.232-.432-1.696-1.584-1.696-.864 0-1.936.32-2.88.848l-.352-1.024c1.152-.592 2.352-.912 3.456-.912 1.888 0 2.768.768 2.768 2.72v3.456c0 .592.048 1.424.096 2.08Zm-1.504-2.032V35.16h-.624c-2.352 0-3.056.512-3.056 1.552 0 .816.496 1.376 1.392 1.376.752 0 1.52-.384 2.288-1.12Zm6.714-6.224c.576 0 1.104.096 1.536.256l.528-1.648h1.408l-1.024 2.176c.496.448.768 1.072.768 1.824 0 1.664-1.2 2.736-3.312 2.736-.528 0-.992-.064-1.392-.192-.24.192-.464.464-.464.72 0 1.2 5.84-.352 5.84 2.8 0 1.712-1.424 2.592-3.952 2.592-2.496 0-3.648-.72-3.648-2.016 0-.8.576-1.424 1.36-1.904-.624-.192-1.04-.512-1.04-1.136 0-.608.528-1.12 1.104-1.44-.656-.448-1.024-1.136-1.024-2.032 0-1.648 1.2-2.736 3.312-2.736Zm2.544 8.928c0-1.28-2.096-1.184-3.792-1.376-.704.496-1.088.944-1.088 1.52 0 .8.672 1.264 2.352 1.264 1.664 0 2.528-.48 2.528-1.408Zm-2.592-4.464c1.136 0 1.824-.656 1.824-1.744 0-1.12-.64-1.776-1.824-1.776-1.136 0-1.824.656-1.824 1.744 0 1.12.656 1.776 1.824 1.776ZM126.775 39h-1.248l-.096-1.088c-.848.752-1.776 1.232-2.832 1.232-1.488 0-2.448-.848-2.448-2.304 0-1.76 1.328-2.592 4.56-2.592h.56v-.72c0-1.232-.432-1.696-1.584-1.696-.864 0-1.936.32-2.88.848l-.352-1.024c1.152-.592 2.352-.912 3.456-.912 1.888 0 2.768.768 2.768 2.72v3.456c0 .592.048 1.424.096 2.08Zm-1.504-2.032V35.16h-.624c-2.352 0-3.056.512-3.056 1.552 0 .816.496 1.376 1.392 1.376.752 0 1.52-.384 2.288-1.12Zm2.955 1.024 4.208-5.952h-4.016l.096-1.136h5.648v1.008l-4.24 5.952h4.432l-.08 1.136h-6.048v-1.008Zm9.143-8.304h-1.488v-1.584h1.488v1.584ZM137.337 39h-1.424v-8.096h1.424V39Zm2.201-8.096h1.2l.064 1.104c.88-.72 1.92-1.248 2.896-1.248 1.68 0 2.48 1.024 2.48 3.12V39h-1.424v-4.832c0-1.6-.496-2.224-1.488-2.224-.752 0-1.584.416-2.304 1.12V39h-1.424v-8.096ZM155.603 39h-1.856c-1.056-2.992-1.888-5.584-2.576-8.096h1.488c.56 2 .88 3.072 1.248 4.256.368 1.152.704 2.208.816 2.768h.048c.112-.544.464-1.632.8-2.768.368-1.184.672-2.272 1.248-4.256h1.328c-.688 2.544-1.488 5.072-2.544 8.096Zm6.774.16c-2.32 0-3.584-1.36-3.584-4.128s1.312-4.288 3.728-4.288c2.32 0 3.584 1.36 3.584 4.128s-1.312 4.288-3.728 4.288Zm.064-1.056c1.456 0 2.224-1.024 2.224-3.136 0-2.256-.848-3.152-2.208-3.152-1.456 0-2.224 1.008-2.224 3.12 0 2.256.848 3.168 2.208 3.168Zm9.538-7.36c1.04 0 1.744.464 2.112 1.36 1.008-.864 2.032-1.36 2.992-1.36 1.6 0 2.416 1.056 2.416 3.12V39h-1.424v-4.848c0-1.6-.496-2.224-1.44-2.224-.704 0-1.504.4-2.32 1.184.048.272.064.576.064.912V39h-1.408v-4.848c0-1.6-.512-2.224-1.456-2.224-.672 0-1.52.416-2.24 1.12V39h-1.424v-8.096h1.2l.064 1.088c.928-.768 1.952-1.248 2.864-1.248Z"/> <path class="dark:text-white" d="M186.384 38.96a1.212 1.212 0 0 1-1.231-1.231v-2.542h2.224v1.907h2.423v-3.059h-4.647v-5.084c0-.715.556-1.231 1.231-1.231h4.369c.715 0 1.231.556 1.231 1.231v2.105H189.8v-1.47h-2.383v2.583h4.647v5.56c0 .715-.556 1.231-1.231 1.231h-4.449Zm6.832 0v-1.867h.873v-7.506h-.873V27.72h6.593c.715 0 1.231.556 1.231 1.231v4.21c0 .715-.556 1.232-1.231 1.232h-3.495v2.7h.873v1.867h-3.971Zm5.6-9.373h-2.502v2.939h2.502v-2.94Zm3.257 9.373v-1.867h.874v-7.506h-.874V27.72h3.972v1.867h-.874v7.506h.874v1.867h-3.972Zm5.004 0v-1.867h.874v-7.506h-.874V27.72h7.666v3.257h-2.145v-1.39h-2.423v2.542h3.257v1.827h-3.257v3.137h2.423v-1.906h2.145v3.773h-7.666Zm10.129.04a1.213 1.213 0 0 1-1.232-1.231V28.95c0-.715.556-1.231 1.232-1.231h4.408c.715 0 1.232.556 1.232 1.231v2.105h-2.225v-1.47h-2.423v7.508h2.423v-2.82h-1.43v-1.828h3.655V39h-5.64Zm6.871-.04v-1.867h.874v-7.506h-.874V27.72h7.665v3.257h-2.144v-1.39h-2.423v2.542h3.257v1.827h-3.257v3.137h2.423v-1.906h2.144v3.773h-7.665Zm8.738 0v-1.867h.874v-7.506h-.874V27.72h4.051v1.867h-.953v7.506h2.145v-2.462h2.065v4.33h-7.308Z"/> </svg> </span> </a> </h2> <div class="relative whitespace-nowrap sm:px-16 font-sans"> <div class="flex items-center font-sansUI"> <a href="https://www.spiegel.de/spiegel/spsm/index-2024.html" target="_self" title="Alle Ausgaben"> <span class="sm:hidden inline-block shrink-0 border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-sansUI font-normal lg:text-base md:text-s sm:text-s self-start"> Alle Ausgaben </span> <span class="lg:hidden md:hidden block pb-2 text-primary-base dark:text-dm-primary-base hover:text-primary-dark focus:text-primary-darker"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> <span class="sr-only"> Alle Ausgaben </span> </a> </div> </div> </div> </div> <div class="lg:p-24 md:p-24 sm:p-16"> <div class="overflow-hidden relative rounded text-white dark:text-shade-lightest"> <div class="relative bg-transparent" data-sara-component="{"id":"8ba988e1-54e5-4679-9307-cbbf6e5bcbf2","name":"image","title":"S-Magazin","type":"media"}"> <picture> <source data-srcset="https://cdn.prod.www.spiegel.de/images/8ba988e1-54e5-4679-9307-cbbf6e5bcbf2_w488_r1_fpx38_fpy42.webp 1x" type="image/webp"> <img data-image-el="img" class="lazyload rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 488' width='488' height='488' %3E%3C/svg%3E" data-src="https://cdn.prod.www.spiegel.de/images/8ba988e1-54e5-4679-9307-cbbf6e5bcbf2_w488_r1_fpx38_fpy42.jpg" width="488" height="488" title="S-Magazin" alt> </picture> <noscript> <img class="absolute top-0 bottom-0 left-0 right-0 rounded-t w-full lg:mb-88 md:mb-88 sm:mb-72" src="https://cdn.prod.www.spiegel.de/images/8ba988e1-54e5-4679-9307-cbbf6e5bcbf2_w488_r1_fpx38_fpy42.jpg" srcset="https://cdn.prod.www.spiegel.de/images/8ba988e1-54e5-4679-9307-cbbf6e5bcbf2_w488_r1_fpx38_fpy42.webp 1x" width="488" height="488" loading="lazy" title="S-Magazin" alt> </noscript> </div> <div class="absolute bottom-0 left-0 right-0 flex flex-col justify-end text-center"> <div class="bg-storefront flex flex-col justify-end lg:min-h-196 md:min-h-164 sm:min-h-148"> <h2 class="font-brandUI leading-tight lg:text-4xl md:text-2xl sm:text-2xl px-24 mt-12 mb-8"> Analoges Leben </h2> <p class="font-sansUI text-base leading-loose px-24 mb-8"> Von der Sehnsucht nach mehr Einfachheit </p> </div> <div class="bg-black"> <div class="lg:pb-32 md:pb-24 sm:pb-24 pt-16 px-24"> <a href="https://www.spiegel.de/spiegel/spsm/index-2024-3.html" target="_self" title="Ausgabe lesen" class="leading-none font-bold inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-shade-light focus:text-shade-lighter focus:border-shade-light disabled:border-shade-lighter disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed font-sansUI pl-16 pr-12 py-8 text-s rounded"> <span class="flex items-center text-white dark:text-shade-lightest"> <span class="leading-20">Ausgabe lesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </span> </a> </div> </div> </div> </div> </div> </article> </div> </section> </section> </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="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="desktop" data-advertisement="pos_footer desktop pos_footer:desktop lg md sm"></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="lg:h-8 md:h-8 sm:h-4"></div> <footer class="relative z-10" data-area="footer"> <div class="z-10 relative"> <div class="shadow lg:rounded bg-shade-darkest lg:py-40 md:py-32 sm:py-24 mb-4" data-app-article-issue-context-hidden> <div class="flex justify-between lg:px-24 md:px-24 sm:px-16 lg:mb-40 md:mb-32 sm:mb-24"> <span class="font-normal grow"> <a href="https://spiele.spiegel.de" title="Kostenlose Online-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> <div> <a href="https://spiele.spiegel.de" 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" target="_self"> mehr Spiele </a> </div> </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/adventskalender/?utm_campaign=adventskalender&utm_medium=footer_rondell&utm_source=spiegel_de" title="Adventskalender" 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_adventskalender_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 Adventskalender"> </span> <span class="text-center text-white dark:text-shade-lightest hover:text-shade-lighter focus:text-shade-base w-88"> Adventskalender </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/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ätsel </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 lg:rounded 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/tink" target="_self" title="tink 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/6704eb568b753.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"> tink 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/618bdfdd255e0.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="tink"> </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/lampenwelt" target="_self" title="Lampenwelt 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/6704ee7bec136.bin?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"> Lampenwelt 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/618bde573a696.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="Lampenwelt"> </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/media-markt?code=55750" target="_self" title="Bis zu 40% Rabatt"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/6728e41102dc8.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"> Bis zu 40% Rabatt </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/654b5daca07ac.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="MediaMarkt"> </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/shop-apotheke?code=116458" target="_self" title="15% Gutschein"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/673f27dd6ff67.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"> 15% Gutschein </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/64f581f109114.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="Shop Apotheke"> </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" 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" 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-18073e8f-bc31-4ee7-800d-38844a3792c6"> <g id="s-chevron-right-f-18073e8f-bc31-4ee7-800d-38844a3792c6"> <g id="s-chevron-right-18073e8f-bc31-4ee7-800d-38844a3792c6"> <path id="vector-18073e8f-bc31-4ee7-800d-38844a3792c6" 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-f84c9cae-c684-47d3-b032-91b2def32316"> <g id="s-chevron-right-f-f84c9cae-c684-47d3-b032-91b2def32316"> <g id="s-chevron-right-f84c9cae-c684-47d3-b032-91b2def32316"> <path id="vector-f84c9cae-c684-47d3-b032-91b2def32316" 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://jobs.spiegel.de/" target="_self" title="Jobsuche" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Jobsuche</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://spiele.spiegel.de/adventskalender/?utm_campaign=adventskalender&utm_medium=footer_navigation&utm_source=spiegel_de" target="_self" title="Adventskalender Gewinnspiel" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Adventskalender Gewinnspiel</a> </li> <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> </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=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> <li> <a href="https://gutscheine.spiegel.de/" target="_self" title="Gutscheine" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Gutscheine</a> </li> <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> </ul> </div> <div class="lg:w-4/12 md:w-4/12"> <ul class="font-sansUI font-normal"> <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> <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> </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://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-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="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/spsm/index-2023.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/38d3f89d-c389-4664-b41c-d322b8185512_w136_r0.75_fpx50_fpy62.83.jpg" data-srcset="https://cdn.prod.www.spiegel.de/images/38d3f89d-c389-4664-b41c-d322b8185512_w136_r0.75_fpx50_fpy62.83.jpg 1x, https://cdn.prod.www.spiegel.de/images/38d3f89d-c389-4664-b41c-d322b8185512_w272_r0.75_fpx50_fpy62.83.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> <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-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 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.spiegel.de/spiegel/deinspiegel/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="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.amazon.de/dp/B0CRKN547S?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/d2d18104-3bc1-48e7-b24b-bee844dfcdbf_w136_r0.75_fpx50_fpy46.52.jpg" data-srcset="https://cdn.prod.www.spiegel.de/images/d2d18104-3bc1-48e7-b24b-bee844dfcdbf_w136_r0.75_fpx50_fpy46.52.jpg 1x, https://cdn.prod.www.spiegel.de/images/d2d18104-3bc1-48e7-b24b-bee844dfcdbf_w272_r0.75_fpx50_fpy46.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/print/index-2024-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/558f5b6b-7ddf-4603-8b6f-528eaed8780d_w136_r0.75_fpx50_fpy61.52.jpg" data-srcset="https://cdn.prod.www.spiegel.de/images/558f5b6b-7ddf-4603-8b6f-528eaed8780d_w136_r0.75_fpx50_fpy61.52.jpg 1x, https://cdn.prod.www.spiegel.de/images/558f5b6b-7ddf-4603-8b6f-528eaed8780d_w272_r0.75_fpx50_fpy61.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/spjc/index-2023-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/4398ae8d-251d-41fa-806e-3005698e81bf_w136_r0.75_fpx50_fpy57.55.jpg" data-srcset="https://cdn.prod.www.spiegel.de/images/4398ae8d-251d-41fa-806e-3005698e81bf_w136_r0.75_fpx50_fpy57.55.jpg 1x, https://cdn.prod.www.spiegel.de/images/4398ae8d-251d-41fa-806e-3005698e81bf_w272_r0.75_fpx50_fpy57.55.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> </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 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 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> </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%2Fmagazine" class="w-full leading-normal font-bold bg-primary-base dark:bg-dm-primary-base inline-block 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 rounded px-24 py-12 text-base rounded" title="Anmelden" target="_self" data-sara-link="gruppenkonto"> <span class="flex justify-between"> <span class="leading-20 py-2">Anmelden</span> <span class="flex items-center ml-12 py-2"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </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%2Fmagazine" class="w-full leading-normal font-bold bg-white dark:bg-dm-shade-darkest inline-block text-base 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 disabled:bg-white dark:disabled:bg-dm-shade-darkest disabled:text-shade-base disabled:cursor-not-allowed disabled:border-shade-lighter font-sansUI pl-24 pr-20 py-12 text-base rounded" title="Abonnement" target="_blank"> <span class="flex justify-between"> <span class="leading-20">Abonnement</span> <span class="flex items-center ml-12 py-2"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </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/us-praesidentschaftswahl-2024/" 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="US-Wahl"> <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">US-Wahl</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 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 bg-primary-dark" 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-4e3348e6-694b-46dd-97d6-6ac9b5932f8b"> <g id="m-chevron-right-f-4e3348e6-694b-46dd-97d6-6ac9b5932f8b"> <g id="m-chevron-right-4e3348e6-694b-46dd-97d6-6ac9b5932f8b"> <path id="vector-4e3348e6-694b-46dd-97d6-6ac9b5932f8b" 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-68f7561b-00c5-4d46-8b29-39e94bd1d3a1"> <g id="m-chevron-right-f-68f7561b-00c5-4d46-8b29-39e94bd1d3a1"> <g id="m-chevron-right-68f7561b-00c5-4d46-8b29-39e94bd1d3a1"> <path id="vector-68f7561b-00c5-4d46-8b29-39e94bd1d3a1" 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-black dark:text-shade-lightest" 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"> <a href="https://jobs.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="Jobsuche"> <span class="block font-sansUI font-normal py-12 px-32">Jobsuche</span> </a> </li> <li class="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://gutscheine.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="Gutscheine"> <span class="flex items-center justify-between"> <span class="block font-sansUI font-bold py-16">Gutscheine</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ü Gutscheine 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://gutscheine.spiegel.de/adidas-shop" 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="Adidas"> <span class="block font-sansUI font-normal py-12 px-32">Adidas</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/check24" 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="Check24"> <span class="block font-sansUI font-normal py-12 px-32">Check24</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/douglas" 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="Douglas"> <span class="block font-sansUI font-normal py-12 px-32">Douglas</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/ebay" 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="eBay"> <span class="block font-sansUI font-normal py-12 px-32">eBay</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/expedia" 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="Expedia"> <span class="block font-sansUI font-normal py-12 px-32">Expedia</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/hm" 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="H&M"> <span class="block font-sansUI font-normal py-12 px-32">H&M</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/lidl" 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="Lidl"> <span class="block font-sansUI font-normal py-12 px-32">Lidl</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/lieferando" 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="Lieferando"> <span class="block font-sansUI font-normal py-12 px-32">Lieferando</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/otto" 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="Otto"> <span class="block font-sansUI font-normal py-12 px-32">Otto</span> </a> </li> <li class="pb-20"> <a href="https://gutscheine.spiegel.de/saturn" 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="Saturn"> <span class="block font-sansUI font-normal py-12 px-32">Saturn</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://spiele.spiegel.de/adventskalender/?utm_campaign=adventskalender&utm_medium=footer_navigation&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="Online Adventskalender"> <span class="block font-sansUI font-normal py-12 px-32">Online Adventskalender</span> </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" 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-primary-base dark:text-dm-primary-base" 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-0d511300-e54c-496a-8c16-05cb663a1087"> <g id="l-play-0d511300-e54c-496a-8c16-05cb663a1087"> <path id="vector-0d511300-e54c-496a-8c16-05cb663a1087" 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-254014cf-6d63-42ab-ad55-87d9e2db4115"> <rect id="rectangle-254014cf-6d63-42ab-ad55-87d9e2db4115" x="7" y="4" width="3" height="16" rx="1.5" class="fill-current"/> <rect id="rectangle_2-254014cf-6d63-42ab-ad55-87d9e2db4115" 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-323717b9-6fc1-4afe-9102-4f88bfbd9dff"> <path id="vector-323717b9-6fc1-4afe-9102-4f88bfbd9dff" 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-35a89f57-b192-438e-ae17-5d6316d4638d"> <g id="l-chevron-right-35a89f57-b192-438e-ae17-5d6316d4638d"> <path id="vector-35a89f57-b192-438e-ae17-5d6316d4638d" 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-cf70ffd6-f991-4e89-8a9d-607ba5fe3226"> <g id="l-play-cf70ffd6-f991-4e89-8a9d-607ba5fe3226"> <path id="vector-cf70ffd6-f991-4e89-8a9d-607ba5fe3226" 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-31a04b18-ab87-4bce-b961-e9585363f561"> <rect id="rectangle-31a04b18-ab87-4bce-b961-e9585363f561" x="7" y="4" width="3" height="16" rx="1.5" class="fill-current"/> <rect id="rectangle_2-31a04b18-ab87-4bce-b961-e9585363f561" 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 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: '53c5481e-cfdb-41d5-ac52-47ef4633319d',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> <button class="inline-flex items-center leading-none font-bold 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 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-24 pr-20 py-12 text-s rounded mb-16 mr-24" title="Auf diesem Gerät weiterlesen" x-data @click="$publish('USER_CAPPING_ALLOW');" data-sara-click-el="button"> <span class="leading-20">Auf diesem Gerät weiterlesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </button> <a href="https://gruppenkonto.spiegel.de/abmelden.html?targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fmagazine" class="inline-flex items-center leading-none font-bold bg-white dark:bg-dm-shade-darkest inline-block 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 disabled:bg-white dark:disabled:bg-dm-shade-darkest disabled:text-shade-base disabled:cursor-not-allowed disabled:border-shade-lighter font-sansUI pl-24 pr-20 py-12 text-s rounded outline-focus mb-16" title="Dieses Gerät abmelden" x-data @click.prevent="$appUtils.isApp ? $appBridge.triggerLogout() : window.location.href = $el.href" data-sara-link="gruppenkonto" data-sara-click-el="button"> <span class="leading-20">Dieses Gerät abmelden</span> <span class="ml-8"><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"> 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%2Fmagazine" 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({"id":"pos_1","sitetype":"desktop"});window.AdPositions.push({"id":"pos_1","sitetype":"mobile"});window.AdPositions.push({"id":"pos_footer","sitetype":"desktop"});window.AdPositions.push({"cls":352,"id":"pos_footer","sitetype":"mobile"});</script> <script>var IQDComplete = {init: function () {return true;}};</script> <script defer src="https://cdn.prod.www.spiegel.de/public/shared/generated/js/vendors.250a5b8daba62f933637.js"></script> <script defer src="https://cdn.prod.www.spiegel.de/public/shared/generated/js/index.92bad6c6bcac14c12951.js"></script> <div class="hidden"><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-22e3fe5f-5ae6-44f1-b7d6-ffdaea211d3a"> <g id="l-checkbox-f_2-22e3fe5f-5ae6-44f1-b7d6-ffdaea211d3a"> <path id="check-22e3fe5f-5ae6-44f1-b7d6-ffdaea211d3a" 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-148176ab-0303-42f8-b0b3-9d831fdc4257"> <path id="rectangle-3-148176ab-0303-42f8-b0b3-9d831fdc4257" 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-148176ab-0303-42f8-b0b3-9d831fdc4257" 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-acc78771-2be7-42e2-a763-7e5f4c17d78c"> <path id="vector-acc78771-2be7-42e2-a763-7e5f4c17d78c" 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>