CINXE.COM

<!doctype html><html lang="de"> <head> <title>DER SPIEGEL 34/1980 - Inhaltsverzeichnis</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"> <meta name="copyright" content="DER SPIEGEL, Hamburg, Germany"> <meta name="email" content="spiegel_online@spiegel.de"> <meta name="author" content="DER SPIEGEL, Hamburg, Germany"> <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebPage","headline":"DER SPIEGEL 34/1980 - Inhaltsverzeichnis","name":"DER SPIEGEL 34/1980 - Inhaltsverzeichnis","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/spiegel/print/index-1980-34.html"} </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/spiegel/print/index-1980-34.html"> <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%2Fspiegel%2Fprint%2Findex-1980-34.html","Sppur":"https://abo.spiegel.de/de/c/microsites/pur/abo?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fspiegel%2Fprint%2Findex-1980-34.html","abo":"https://abo.spiegel.de/de/c/spiegelplus?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fspiegel%2Fprint%2Findex-1980-34.html","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%2Fspiegel%2Fprint%2Findex-1980-34.html","magazin":"https://magazin.spiegel.de/","noads":"https://abo.spiegel.de/de/c/microsites/pur/abo?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fspiegel%2Fprint%2Findex-1980-34.html","paid":"https://abo.spiegel.de/de/c/spiegelplus?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fspiegel%2Fprint%2Findex-1980-34.html","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%2Fspiegel%2Fprint%2Findex-1980-34.html","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%2Fspiegel%2Fprint%2Findex-1980-34.html"}},"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":"issue","documentId":"2db1aea2-0002-0003-0000-000001198034","headerTitle":"default","isAudioEnabled":false,"isAudioPlaylistEnabled":false,"isBookmarkEnabled":false,"isCommentsEnabled":false,"isGiftArticleEnabled":false,"isLogoEnabled":true,"isOfflineLibraryEnabled":true,"isSharingEnabled":false,"isTocEnabled":false,"push":{"isPushBarEnabled":false,"name":"","subscription":""},"route":"issue","socialMediaTitle":"Gierek in Not - Polens Arbeiter rebellieren","url":"https://www.spiegel.de/spiegel/print/index-1980-34.html"},"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,"magazine":"1980/34/SP","subchannel_slug":""},"category":{"route":"issue"},"info":{"canonical_url":"https://www.spiegel.de/spiegel/print/index-1980-34.html","domain":"spon","id":"2db1aea2-0002-0003-0000-000001198034","language":"de","title":"DER SPIEGEL 34/1980 - Inhaltsverzeichnis"}} ,"paywall":{"attributes":{"is_active":false},"category":{"subscriptions":["Spplus"],"type":""},"info":{"position":"na"}} ,"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="issue:gierek_in_not_-_polens_arbeiter_rebellieren"> <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%2Fspiegel%2Fprint%2Findex-1980-34.html" 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%2Fspiegel%2Fprint%2Findex-1980-34.html" 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-bc7d8cca-cf42-4a7e-b5db-c85d9f36ea3e"> <g id="s-chevron-right-bc7d8cca-cf42-4a7e-b5db-c85d9f36ea3e"> <path id="vector-bc7d8cca-cf42-4a7e-b5db-c85d9f36ea3e" 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-cdb01eb8-afea-4d56-ae01-df7e8ff4c016" 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-cdb01eb8-afea-4d56-ae01-df7e8ff4c016)" 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-414c8cec-bbeb-4dcc-b3ae-6872fc2cb32a" stroke-width="1.3" stroke-linecap="round"> <path id="line-414c8cec-bbeb-4dcc-b3ae-6872fc2cb32a" d="M19.35 6.65H4.65"/> <path id="line_2-414c8cec-bbeb-4dcc-b3ae-6872fc2cb32a" d="M19.35 11.65H4.65"/> <path id="line_3-414c8cec-bbeb-4dcc-b3ae-6872fc2cb32a" 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 fill-rule="evenodd" clip-rule="evenodd" d="M16.342 1.032L4.345 5.025l-.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-.474zM16 2.2L7.585 5H16V2.2zm-7 8.244v4.326h4.214v2.624h-2.357v-1.773H9v2.27c0 .638.357 1.134 1.214 1.134h3.5c.857 0 1.286-.425 1.286-1.205v-4.752h-4.214V10.8h2.357v1.418H15v-1.914c0-.71-.429-1.135-1.071-1.135h-3.643C9.357 9.168 9 9.735 9 10.444z"/> </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-76f5447a-f124-470d-927b-e1b02f7de056" 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-76f5447a-f124-470d-927b-e1b02f7de056)" 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-20d23bb5-19f3-4626-b219-b78f10fa4eca"> <g id="s-chevron-right-f-20d23bb5-19f3-4626-b219-b78f10fa4eca"> <g id="s-chevron-right-20d23bb5-19f3-4626-b219-b78f10fa4eca"> <path id="vector-20d23bb5-19f3-4626-b219-b78f10fa4eca" 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"> <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-inherit"> 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-ed0e0352-2225-4904-b27a-23920ac6426b"> <path id="vector-ed0e0352-2225-4904-b27a-23920ac6426b" 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-88d2e544-50f1-4e78-8628-eb04ed171ccd"> <g id="group-88d2e544-50f1-4e78-8628-eb04ed171ccd" stroke-width="1.3"> <circle id="ellipse-88d2e544-50f1-4e78-8628-eb04ed171ccd" cx="10" cy="11" r="5.35"/> <path id="vector-88d2e544-50f1-4e78-8628-eb04ed171ccd" 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-3e7aacfd-4a10-4fab-9d0d-3cfe3070ffef"> <g id="m-chevron-right-3e7aacfd-4a10-4fab-9d0d-3cfe3070ffef"> <path id="vector-3e7aacfd-4a10-4fab-9d0d-3cfe3070ffef" 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="Gierek in Not - Polens Arbeiter rebellieren"> <header> <section class="relative flex flex-wrap w-full" data-size="full" data-first="true" data-area="page-header:der_spiegel"> <div class="z-10 absolute bottom-0 left-0 right-0 rounded top-0 lg:bg-black lg:dark:bg-dm-shade-darkest md:bg-black md:dark:bg-dm-shade-darkest sm:bg-black sm:dark:bg-dm-shade-darkest lg:shadow md:shadow sm:shadow"></div> <div class="z-10 w-full"> <div class="relative text-white dark:text-shade-lightest flex flex-col items-center overflow-hidden rounded-t lg:pt-2 md:pt-2"> <div class="absolute top-0 bottom-0 left-0 right-0 opacity-moderate bg-black bg-center lazytrigger" style="filter: blur(4px);transform: scale(1.5);-webkit-filter: blur(4px);" data-bg="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SP/1980/34/1024"></div> <div class="absolute bottom-0 flex flex-col h-180 left-0 right-0"> <div class="h-80 bg-gradient-to-t from-black dark:from-dm-shade-darkest"></div> <div class="bg-black dark:bg-dm-shade-darkest grow"></div> </div> <span class="inline-block relative z-10 lg:w-4/12 lg:px-40 lg:mt-80 md:w-4/12 md:px-24 md:mt-48 sm:w-6/12 sm:mt-40"> <img class="block rounded w-full" src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SP/1980/34/260" title="Gierek in Not - Polens Arbeiter rebellieren" width="260" height="347"> </span> <div class="text-center lg:w-8/12 md:w-8/12 sm:w-12/12 px-16 pb-18 pt-16 right-0 relative z-10"> <h2 class="font-brandUI lg:text-4xl md:text-4xl sm:text-2xl px-16 lg:mb-8 md:mb-8 sm:mb-6">Gierek in Not - Polens Arbeiter rebellieren</h2> <div class="flex sm:flex-wrap sm:mx-16 items-center justify-center mb-12 relative z-10 pointer-events-auto" data-has-no-paid-access-hidden> <button class="sm:mt-8 sm:mx-4 md:mx-8 lg:mx-8 leading-normal font-bold bg-black inline-block border border-white 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 text-white dark:text-shade-lightest font-sansUI pr-8 py-2 sm:py-4 text-s rounded" data-not-app-hidden data-has-no-paid-access-hidden data-sara-click-el="button" x-data @click="if ($appUtils.isApp) {$appBridge.triggerDownload({url: 'https://www.spiegel.de/assets/issue/print-1980-34.html',metaUrl: 'https://www.spiegel.de/assets/issue/print-1980-34.json',collection: 'issue',type: 'html',});$cooldown(2000);}"> <span class="flex items-center"> <span class="leading-none ml-2 text-white dark:text-shade-lightest md:h-24 md:w-24 lg:h-24 lg: w-24 inline-flex items-center justify-center"><svg id="spon-download-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"> <path d="M6 6.944V2.5h4v4.444h2.216a.05.05 0 01.015.002c.002 0 .003.002.005.003a.041.041 0 01.013.017c.004.01.004.018.003.022l-.001.005a.047.047 0 01-.01.012L8 11.29 3.759 7.005a.05.05 0 01-.01-.012.016.016 0 01-.001-.005c0-.004 0-.012.003-.022a.042.042 0 01.013-.017.017.017 0 01.005-.003.05.05 0 01.015-.002H6z" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M2.667 14h10.666"/> </svg> </span> <span class="relative bottom-px">Offline lesen</span> </span> </button> <a class="sm:mt-8 sm:mx-4 md:mx-8 lg:mx-8 leading-normal font-bold bg-black inline-block border border-white 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 text-white dark:text-shade-lightest font-sansUI pr-8 py-2 sm:py-4 text-s rounded" href="https://gruppenkonto.spiegel.de/download/start.html?heft=SP%2F1980%2F34" title="PDF" target="_blank" data-has-no-paid-access-hidden x-data="{isDisabled: false,triggerAppAction() {if (!this.isDisabled) {$appBridge.triggerDownload({url: 'https://gruppenkonto.spiegel.de/download/start.html?heft=SP%2F1980%2F34',collection: 'issue',type: 'pdf',});$cooldown(2000, 'isDisabled');}}}" @click.prevent="$appUtils.isApp ? triggerAppAction() : window.open($el.href)"> <span class="flex items-center"> <span class="leading-none ml-2 text-white dark:text-shade-lightest md:h-24 md:w-24 lg:h-24 lg: w-24 inline-flex items-center justify-center"><svg id="spon-transcript-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"> <path d="M10.5 11.502h-5M10.5 8.5h-5M7.5 5.5H5.506" stroke-linecap="round"/> <path d="M3.5 2.5h6.293L12.5 5.21v9.29h-9v-12z"/> <path d="M9.5 2v3a.5.5 0 00.5.5h2"/> </svg> </span> <span class="relative bottom-px">PDF</span> </span> </a> </div> </div> </div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 w-full"> <div class="lg:px-24 md:px-24 sm:px-16 text-white dark:text-shade-lightest"> <div class="relative flex justify-between items-center lg:h-64 md:h-64 sm:h-56"> <div class="flex-1"> <span tabindex="0" role="link" onclick="location.href='https://www.spiegel.de/spiegel/print/index-1980-33.html'" class="outline-none cursor-pointer group flex justify-start items-center font-normal font-sansUI lg:text-base md:text-base sm:text-s leading-normal" title="Vorherige Ausgabe"> <span class="border border-white flex h-16 items-center rounded-circle w-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-4301d4f1-43bc-46f2-867b-154ef43a5a56"> <g id="m-chevron-right-4301d4f1-43bc-46f2-867b-154ef43a5a56"> <path id="vector-4301d4f1-43bc-46f2-867b-154ef43a5a56" d="M10 12L6 8l4-4" stroke-linecap="round"/> </g> </g> </svg> </span> <span class="ml-8 border-b border-transparent group-hover:border-shade-light sm:hidden">Vorherige Ausgabe</span> <span class="sr-only">Vorherige Ausgabe</span> </span> </div> <span class="group font-normal font-sansUI lg:text-base md:text-base sm:text-s leading-normal"> <span class="relative bottom-px">Nr. 34 / 17.08.1980</span> </span> <span class="px-8">•</span> <a class="group font-normal font-sansUI lg:text-base md:text-base sm:text-s leading-normal" href="https://www.spiegel.de/spiegel/print/index-1980.html" title="Alle Ausgaben" data-is-supported-app-navigation-hidden> <span class="relative bottom-px border-b border-shade-light hover:border-white">Alle Ausgaben</span> </a> <button class="outline-focus group font-normal font-sansUI lg:text-base md:text-base sm:text-s leading-normal" title="Inhaltsverzeichnis öffnen" data-sara-click-el="button" x-data @click="$publish('TOC_DRAWER_OPEN', $el)" data-not-app-hidden data-is-unsupported-app-navigation-hidden> <span class="relative bottom-px border-b border-shade-light hover:border-white">Inhalt</span> </button> <div class="flex-1"> <span tabindex="0" role="link" onclick="window.location.href='https://www.spiegel.de/spiegel/print/index-1980-35.html'" class="outline-none cursor-pointer group flex justify-end items-center font-normal font-sansUI lg:text-base md:text-base sm:text-s leading-normal" title="Nächste Ausgabe"> <span class="sr-only">Nächste Ausgabe</span> <span class="mr-8 border-b border-transparent group-hover:border-shade-light sm:hidden">Nächste Ausgabe</span> <span class="border border-white flex h-16 items-center rounded-circle w-16"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-m"/></svg> </span> </span> </div> </div> </div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-10/12 md:w-full sm:w-full" data-area="article_teaser>news-xxl-title" data-pos="1:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Streiks in Polen - gegen die Partei" class="lg:p-24 md:py-24 sm:py-16"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/politik/streiks-in-polen-gegen-die-partei-a-be21ee02-0002-0001-0000-000014322605?context=issue" class="text-white dark:text-shade-lightest block" title="Streiks in Polen - gegen die Partei"> <span class="block hover:opacity-moderate focus:opacity-moderate font-sansUI font-normal lg:text-base md:text-base sm:text-s mb-4"> Titel </span> <span class="block mb-12"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Streiks in Polen - gegen die Partei</span> </span> </span> </a> </h2> </header> <section class="md:mx-24 sm:mx-16"> <p> <a href="https://www.spiegel.de/politik/streiks-in-polen-gegen-die-partei-a-be21ee02-0002-0001-0000-000014322605?context=issue" target="_self" title="Streiks in Polen - gegen die Partei"> <span class="font-serifUI font-normal lg:text-xl md:text-xl sm:text-base leading-loose text-white dark:text-shade-lightest">Streiks in über 200 Betrieben, die Polen rebellieren gegen die Partei. Denn Parteichef Giereks Plan, die Wirtschaft zu sanieren, ist gescheitert. Es mangelt an allem, besonders am Grundnahrungsmittel Fleisch. Noch konnte Gierek den Volkswiderstand hinhalten - er ließ alle Forderungen erfüllen. Hilfe sucht er in Ost und West, diese Woche in Hamburg bei Bundeskanzler Schmidt. Doch auch der westdeutsche Milliarden-Kredit dürfte wenig helfen.</span> </a> </p> </section> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg id="spon-text-m" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M2.5 1.5h11v12h-11v-12z" class="stroke-current"/> <path class="stroke-current" stroke-linecap="round" d="M10.5 4.5h-5M10.5 6.5h-5M10.5 8.5h-5M8.5 10.5h-3"/> </svg> </span> <span>18 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"be21ee02-0002-0001-0000-000014322605"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg id="spon-bookmark-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="stroke-current" d="M6.5 19.3697V4.5H16.5V19.3697L12.1727 15.4358C11.7913 15.089 11.2087 15.089 10.8273 15.4358L6.5 19.3697Z" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg id="spon-bookmark-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"> <path d="M6 19.37V4.5a.5.5 0 01.5-.5h10a.5.5 0 01.5.5v14.87a.5.5 0 01-.836.37l-4.328-3.934a.5.5 0 00-.672 0L6.836 19.74A.5.5 0 016 19.37z" class="fill-current"/> </svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-s-title" data-pos="1:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Die Angst des Ersten Sekretärs vor Reformen" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16"> <h2> <a href="https://www.spiegel.de/politik/die-angst-des-ersten-sekretaers-vor-reformen-a-86674853-0002-0001-0000-000014322674?context=issue" target="_self" class="text-white dark:text-shade-lightest block" title="Die Angst des Ersten Sekretärs vor Reformen"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate"><span class="align-middle">Die Angst des Ersten Sekretärs vor Reformen</span> <span class="relative top-px font-sansUI font-normal text-s text-shade-light mx-2"> Von Adam Michnik </span> </span> </span> </a> </h2> <div class="mt-8 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>7 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"86674853-0002-0001-0000-000014322674"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> </section> </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>topic:in_dieser_ausgabe" data-teaser-count="1"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>In dieser Ausgabe </span> </span> </span> </h2> </div> </div> <div class="z-10 lg:w-8/12 md:w-full sm:w-full relative sm:-mt-16" data-area="article_teaser>news-s-wide" data-pos="1:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Titel" data-sara-article-id="6f85d5cd-0002-0001-0000-000014333161" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-target-teaser="s-news-wide"> <header> <h2> <a href="https://www.spiegel.de/politik/titel-a-6f85d5cd-0002-0001-0000-000014333161?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Titel"> <span class="block mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> Hausmitteilung </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-base"><span class="hover:opacity-moderate focus:opacity-moderate"><span class="mr-6">Titel</span> </span> </span> </a> </h2> </header> <div class="mt-8 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6f85d5cd-0002-0001-0000-000014333161"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 lg:advertisement-filled:w-full md:advertisement-filled:w-full sm:w-full relative group lg:advertisement-filled:my-24 md:advertisement-filled:my-24 sm:advertisement-filled:my-16" data-advertisement="pos_1 mobile pos_1:mobile"> <div class="group-advertisement-empty:hidden border-separator-b h-px absolute -top-24 left-24 right-24 sm:-top-16 sm:left-16 sm:right-16"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden" data-placement="pos_1" data-device="mobile" data-advertisement="pos_1 mobile pos_1:mobile lg md sm"></div> </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-99cbad55-b12b-40e3-b8df-d5d4e48c8fe5"> <g id="l-chevron-right-99cbad55-b12b-40e3-b8df-d5d4e48c8fe5"> <path id="vector-99cbad55-b12b-40e3-b8df-d5d4e48c8fe5" 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-e58687db-4b90-48fc-9355-6c01a2d3e44b"> <path id="vector-e58687db-4b90-48fc-9355-6c01a2d3e44b" 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 flex flex-wrap w-full" data-size="full" data-area="block>topic:panorama" data-teaser-count="6"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Panorama </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="3:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Hallo, Schakal" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="1281c0b1-0002-0001-0000-000014321932" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/politik/hallo-schakal-a-1281c0b1-0002-0001-0000-000014321932?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Hallo, Schakal"> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Hallo, Schakal</span> </span> </span> </a> </h2> </header> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1281c0b1-0002-0001-0000-000014321932"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="3:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Flinten für die Polizei" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="85531939-0002-0001-0000-000014321939" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/flinten-fuer-die-polizei-a-85531939-0002-0001-0000-000014321939?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Flinten für die Polizei"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Flinten für die Polizei</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"85531939-0002-0001-0000-000014321939"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="3:3" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Genscher schwenkt um" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="c3a4c3d5-0002-0001-0000-000014321945" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/genscher-schwenkt-um-a-c3a4c3d5-0002-0001-0000-000014321945?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Genscher schwenkt um"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Genscher schwenkt um</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"c3a4c3d5-0002-0001-0000-000014321945"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="3:4" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Schmidts Eckpfeiler" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="44db6737-0002-0001-0000-000014321952" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/schmidts-eckpfeiler-a-44db6737-0002-0001-0000-000014321952?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Schmidts Eckpfeiler"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Schmidts Eckpfeiler</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"44db6737-0002-0001-0000-000014321952"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="3:5" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Zitat" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="a40e8e29-0002-0001-0000-000014321958" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/zitat-a-a40e8e29-0002-0001-0000-000014321958?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Zitat"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Zitat</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"a40e8e29-0002-0001-0000-000014321958"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="3:6" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Post von Stoiber" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="760abd98-0002-0001-0000-000014321995" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/post-von-stoiber-a-760abd98-0002-0001-0000-000014321995?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Post von Stoiber"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Post von Stoiber</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"760abd98-0002-0001-0000-000014321995"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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_2 desktop pos_2:desktop" 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_2" data-device="desktop" data-advertisement="pos_2 desktop pos_2:desktop lg md sm"></div> </div> </section> <section class="relative flex flex-wrap w-full" data-size="full" data-area="block>topic:wirtschaft" data-teaser-count="12"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Wirtschaft </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="4:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Mannesmann: Fortsetzung nach der Wahl" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="f8f004bd-0002-0001-0000-000014322020" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/wirtschaft/mannesmann-fortsetzung-nach-der-wahl-a-f8f004bd-0002-0001-0000-000014322020?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Mannesmann: Fortsetzung nach der Wahl"> <span class="block text-primary-base hover:text-primary-dark focus:text-primary-darker dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s leading-normal mb-4" data-target-teaser-el="topMark"> DEUTSCHLAND </span> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Mannesmann: Fortsetzung nach der Wahl</span> </span> </span> </a> </h2> </header> <section class="md:mx-24 sm:mx-16"> <p> <a href="https://www.spiegel.de/wirtschaft/mannesmann-fortsetzung-nach-der-wahl-a-f8f004bd-0002-0001-0000-000014322020?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Mannesmann: Fortsetzung nach der Wahl"> <span class="font-serifUI font-normal lg:text-l md:text-base sm:text-base leading-loose mr-6" data-target-teaser-el="text"> Um Unruhe im Wahlkampf zu vermeiden, griff der Kanzler im Streit um die Montan-Mitbestimmung ein: Herbert Wehner und Gewerkschaftsführer Eugen Loderer mußten zurückstecken, von den Kapitaleignern kam ein neues Kompromiß-Angebot. Nach der Wahl könnte der Streit durch eine Gesetzesänderung beigelegt werden. </span> </a> </p> </section> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>5 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"f8f004bd-0002-0001-0000-000014322020"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Aufbruch in die Sackgasse" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="d9ad93ad-0002-0001-0000-000014322041" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/aufbruch-in-die-sackgasse-a-d9ad93ad-0002-0001-0000-000014322041?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Aufbruch in die Sackgasse"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Aufbruch in die Sackgasse</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/wirtschaft/aufbruch-in-die-sackgasse-a-d9ad93ad-0002-0001-0000-000014322041?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Aufbruch in die Sackgasse"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Seit 30 Jahren Kampf um die Montan-Mitbestimmung </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>10 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d9ad93ad-0002-0001-0000-000014322041"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:3" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="»Jeder Tag kostet uns viel Geld«" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="9b16bd8d-0002-0001-0000-000014322083" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/jeder-tag-kostet-uns-viel-geld-a-9b16bd8d-0002-0001-0000-000014322083?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="»Jeder Tag kostet uns viel Geld«"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> SPIEGEL Gespräch </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">»Jeder Tag kostet uns viel Geld«</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/wirtschaft/jeder-tag-kostet-uns-viel-geld-a-9b16bd8d-0002-0001-0000-000014322083?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="»Jeder Tag kostet uns viel Geld«"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Mannesmann-Chef Egon Overbeck über den Konflikt um die Montan-Mitbestimmung </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>8 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"9b16bd8d-0002-0001-0000-000014322083"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:4" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Groß, aber arm" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="6f6081a3-0002-0001-0000-000014322276" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/gross-aber-arm-a-6f6081a3-0002-0001-0000-000014322276?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Groß, aber arm"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> CHINA-HANDEL </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Groß, aber arm</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/wirtschaft/gross-aber-arm-a-6f6081a3-0002-0001-0000-000014322276?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Groß, aber arm"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Chinas Wirtschaftsfunktionäre erhoffen sich von den Deutschen billige Kredite. Sie locken mit langfristigen Rohstoff-Verträgen. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6f6081a3-0002-0001-0000-000014322276"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:5" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Mehr absahnen" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="1fedcd01-0002-0001-0000-000014322294" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/mehr-absahnen-a-1fedcd01-0002-0001-0000-000014322294?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Mehr absahnen"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> POST </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Mehr absahnen</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/wirtschaft/mehr-absahnen-a-1fedcd01-0002-0001-0000-000014322294?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Mehr absahnen"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Die Bundespost drängelt sich zunehmend ins Kreditgeschäft. Banken und Sparkassen wehren sich gegen die unliebsame Konkurrenz. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>2 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1fedcd01-0002-0001-0000-000014322294"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:6" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Zart gerillt" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="d19be927-0002-0001-0000-000014322310" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/zart-gerillt-a-d19be927-0002-0001-0000-000014322310?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Zart gerillt"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> VERHÜTUNGSMITTEL </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Zart gerillt</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/wirtschaft/zart-gerillt-a-d19be927-0002-0001-0000-000014322310?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Zart gerillt"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Die Präservativ-Hersteller freuen sich über kräftige Zuwachsraten. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d19be927-0002-0001-0000-000014322310"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:7" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Zins-Umsteiger" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="ed5033c4-0002-0001-0000-000014322561" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/zins-umsteiger-a-ed5033c4-0002-0001-0000-000014322561?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Zins-Umsteiger"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Zins-Umsteiger</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"ed5033c4-0002-0001-0000-000014322561"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:8" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Rekord-Geschäfte mit Italienern" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="7334a667-0002-0001-0000-000014322566" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/rekord-geschaefte-mit-italienern-a-7334a667-0002-0001-0000-000014322566?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Rekord-Geschäfte mit Italienern"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Rekord-Geschäfte mit Italienern</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"7334a667-0002-0001-0000-000014322566"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:9" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Absatz-Flaute auf dem Ölmarkt" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="6d42533f-0002-0001-0000-000014322572" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/absatz-flaute-auf-dem-oelmarkt-a-6d42533f-0002-0001-0000-000014322572?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Absatz-Flaute auf dem Ölmarkt"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Absatz-Flaute auf dem Ölmarkt</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6d42533f-0002-0001-0000-000014322572"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:10" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Schlechte Zeiten für die Chemie" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="04d42edc-0002-0001-0000-000014322580" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/schlechte-zeiten-fuer-die-chemie-a-04d42edc-0002-0001-0000-000014322580?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Schlechte Zeiten für die Chemie"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Schlechte Zeiten für die Chemie</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"04d42edc-0002-0001-0000-000014322580"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:11" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Tanker für Schafe" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="9ab0bb7f-0002-0001-0000-000014322587" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/tanker-fuer-schafe-a-9ab0bb7f-0002-0001-0000-000014322587?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Tanker für Schafe"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Tanker für Schafe</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"9ab0bb7f-0002-0001-0000-000014322587"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="4:12" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Dieses Syndikat" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="6945aa91-0002-0001-0000-000014322927" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wirtschaft/dieses-syndikat-a-6945aa91-0002-0001-0000-000014322927?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Dieses Syndikat"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> PAPIER-INDUSTRIE </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Dieses Syndikat</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/wirtschaft/dieses-syndikat-a-6945aa91-0002-0001-0000-000014322927?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Dieses Syndikat"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Die EG-Kommission will das skandinavische Papier-Kartell in Europa sprengen. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>2 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6945aa91-0002-0001-0000-000014322927"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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_3 desktop pos_3:desktop pos_2 mobile pos_2: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_3" data-device="desktop" data-advertisement="pos_3 desktop pos_3:desktop lg md sm"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden text-center" data-placement="pos_2" data-device="mobile" data-advertisement="pos_2 mobile pos_2:mobile lg md sm"></div> </div> </section> <section class="relative flex flex-wrap w-full" data-size="full" data-area="block>topic:deutschland" data-teaser-count="18"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Deutschland </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="5:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Keine Hektik, bitte" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="3c115c65-0002-0001-0000-000014322112" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/politik/keine-hektik-bitte-a-3c115c65-0002-0001-0000-000014322112?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Keine Hektik, bitte"> <span class="block text-primary-base hover:text-primary-dark focus:text-primary-darker dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s leading-normal mb-4" data-target-teaser-el="topMark"> DEUTSCHLAND-POLITIK </span> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Keine Hektik, bitte</span> </span> </span> </a> </h2> </header> <section class="md:mx-24 sm:mx-16"> <p> <a href="https://www.spiegel.de/politik/keine-hektik-bitte-a-3c115c65-0002-0001-0000-000014322112?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Keine Hektik, bitte"> <span class="font-serifUI font-normal lg:text-l md:text-base sm:text-base leading-loose mr-6" data-target-teaser-el="text"> Die Vorbereitungen für die Schmidt-Reise in die DDR gestalten sich schwierig. </span> </a> </p> </section> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"3c115c65-0002-0001-0000-000014322112"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Hinten runter" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="80eed62e-0002-0001-0000-000014322129" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/hinten-runter-a-80eed62e-0002-0001-0000-000014322129?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Hinten runter"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> CDU/CSU </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Hinten runter</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/hinten-runter-a-80eed62e-0002-0001-0000-000014322129?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Hinten runter"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> In der Union wächst die Enttäuschung über den laschen Wahlkampf von Franz Josef Strauß. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"80eed62e-0002-0001-0000-000014322129"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:3" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Nicht mehr gezwinkert" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="a1b3413e-0002-0001-0000-000014322148" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/nicht-mehr-gezwinkert-a-a1b3413e-0002-0001-0000-000014322148?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Nicht mehr gezwinkert"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> WAHLKAMPF </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Nicht mehr gezwinkert</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/nicht-mehr-gezwinkert-a-a1b3413e-0002-0001-0000-000014322148?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Nicht mehr gezwinkert"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Die SPD geht gegen die Liberalen in die Offensive: Die Sozialdemokraten fürchten, die FDP-Werbung um Zweitstimmen könne sie den Wahlerfolg kosten. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"a1b3413e-0002-0001-0000-000014322148"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:4" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Zweitstimmen: Lieber Liberale als Linke" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="938523bc-0002-0001-0000-000014322168" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/zweitstimmen-lieber-liberale-als-linke-a-938523bc-0002-0001-0000-000014322168?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Zweitstimmen: Lieber Liberale als Linke"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Zweitstimmen: Lieber Liberale als Linke</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/zweitstimmen-lieber-liberale-als-linke-a-938523bc-0002-0001-0000-000014322168?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Zweitstimmen: Lieber Liberale als Linke"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> SPIEGEL-Umfrage über Stimmen-Splitting und über die Wahlchancen der Parteien am 5. Oktober </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>5 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"938523bc-0002-0001-0000-000014322168"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:5" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Klopfen und Pfeifen" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="ce2f7648-0002-0001-0000-000014322204" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/klopfen-und-pfeifen-a-ce2f7648-0002-0001-0000-000014322204?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Klopfen und Pfeifen"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> SCHLESWIG-HOLSTEIN </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Klopfen und Pfeifen</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/klopfen-und-pfeifen-a-ce2f7648-0002-0001-0000-000014322204?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Klopfen und Pfeifen"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Nach einem Entscheid Kieler Richter hat der schleswig-holsteinische Minister Rudolf Titzck Amtspflichten »schuldhaft verletzt«. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"ce2f7648-0002-0001-0000-000014322204"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:6" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Ungeheurer Druck" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="65104570-0002-0001-0000-000014322227" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/ungeheurer-druck-a-65104570-0002-0001-0000-000014322227?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Ungeheurer Druck"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> SPIONAGE </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Ungeheurer Druck</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/ungeheurer-druck-a-65104570-0002-0001-0000-000014322227?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Ungeheurer Druck"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Wenn unbescholtene Bürger unter Spionageverdacht geraten, sind ihre Chancen für eine Rehabilitierung gering. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>6 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"65104570-0002-0001-0000-000014322227"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:7" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="»Diese Seifenblasendemokratie«" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="e81f2541-0002-0001-0000-000014322261" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/diese-seifenblasendemokratie-a-e81f2541-0002-0001-0000-000014322261?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="»Diese Seifenblasendemokratie«"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">»Diese Seifenblasendemokratie«</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/diese-seifenblasendemokratie-a-e81f2541-0002-0001-0000-000014322261?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="»Diese Seifenblasendemokratie«"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Günter Verheugen über die Kaste der Politiker Günter Verheugen, 36, ist Generalsekretär der FDP. In einem soeben veröffentlichten Buch Günter Verheugen: »Eine Zukunft für Deutschland«. Gruenwald-Verlag, München; 260 Seiten; 26 Mark. analysiert er die innen- und außenpolitischen Probleme der Bundesrepublik. Auszüge: </span> <span class="font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-target-teaser-el="meta"> Von Günter Verheugen </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>6 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"e81f2541-0002-0001-0000-000014322261"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:8" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Strenger Maßstab" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="f46d32d6-0002-0001-0000-000014322328" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/strenger-massstab-a-f46d32d6-0002-0001-0000-000014322328?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Strenger Maßstab"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> RAUSCHGIFT </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Strenger Maßstab</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/strenger-massstab-a-f46d32d6-0002-0001-0000-000014322328?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Strenger Maßstab"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Wer Fixer und wer Dealer ist, hat nicht nur den Schaden -- er muß auch enorme Zoll- und Steuerforderungen gewärtigen. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"f46d32d6-0002-0001-0000-000014322328"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:9" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Nix Kasko" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="458fb857-0002-0001-0000-000014322346" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/nix-kasko-a-458fb857-0002-0001-0000-000014322346?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Nix Kasko"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> AUSLÄNDER </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Nix Kasko</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/nix-kasko-a-458fb857-0002-0001-0000-000014322346?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Nix Kasko"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Die Kfz-Versicherer Allianz und Colonia wollen Kunden loswerden: Gastarbeiter. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"458fb857-0002-0001-0000-000014322346"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:10" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Rarissima geworden" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="e706c744-0002-0001-0000-000014322369" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/rarissima-geworden-a-e706c744-0002-0001-0000-000014322369?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Rarissima geworden"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> AUTOREN </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Rarissima geworden</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/rarissima-geworden-a-e706c744-0002-0001-0000-000014322369?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Rarissima geworden"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Willy Brandts Exil-Schriften werden zu Höchspreisen gehandelt -- bis zu 2200 Mark. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"e706c744-0002-0001-0000-000014322369"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:11" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Wissen ausgeliefert" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="e93af75b-0002-0001-0000-000014322386" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/wissen-ausgeliefert-a-e93af75b-0002-0001-0000-000014322386?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Wissen ausgeliefert"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> DDR </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Wissen ausgeliefert</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/wissen-ausgeliefert-a-e93af75b-0002-0001-0000-000014322386?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Wissen ausgeliefert"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Zu viele Scheuklappen, zuwenig Forscherdrang -- die Anpasserei beim akademischen Nachwuchs schmälert den wissenschaftlichen und industriellen Standard der DDR. Professoren plädieren für mehr Denk-Arbeit. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>7 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"e93af75b-0002-0001-0000-000014322386"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:12" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Fürsorgliche Geste" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="3db75a97-0002-0001-0000-000014322416" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/fuersorgliche-geste-a-3db75a97-0002-0001-0000-000014322416?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Fürsorgliche Geste"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> BAYERN </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Fürsorgliche Geste</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/fuersorgliche-geste-a-3db75a97-0002-0001-0000-000014322416?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Fürsorgliche Geste"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Einer Aussiedlerfamilie gelang zwar der Transfer von Ost nach West, aber nicht die Zusammenführung zwischen Nordrhein-Westfalen und Bayern. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"3db75a97-0002-0001-0000-000014322416"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:13" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Teures Understanding" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="7febcc9a-0002-0001-0000-000014322433" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/teures-understanding-a-7febcc9a-0002-0001-0000-000014322433?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Teures Understanding"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> RÜSTUNG </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Teures Understanding</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/teures-understanding-a-7febcc9a-0002-0001-0000-000014322433?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Teures Understanding"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Abgeordnete, Militärs und Industrielle wollen ein deutsch-französisches Panzer-Projekt stoppen. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"7febcc9a-0002-0001-0000-000014322433"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:14" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="»Die Leute wollen Geld und sonst gar nichts«" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="c7bf0a30-0002-0001-0000-000014322451" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/die-leute-wollen-geld-und-sonst-gar-nichts-a-c7bf0a30-0002-0001-0000-000014322451?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="»Die Leute wollen Geld und sonst gar nichts«"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">»Die Leute wollen Geld und sonst gar nichts«</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/die-leute-wollen-geld-und-sonst-gar-nichts-a-c7bf0a30-0002-0001-0000-000014322451?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="»Die Leute wollen Geld und sonst gar nichts«"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Enttäuschte Urlauber erstreiten Schadensersatz in Millionenhöhe Sie zählen Ameisen und messen enge Hotelzimmer nach, nörgeln über Quallen, knarrende Betten und Behinderte am Ferienort: Häufiger denn je gehen deutsche Touristen vor Gericht, um Schadensersatz für »entgangene Urlaubsfreuden« einzuklagen. Jeder 25. Urlauber legt sich bereits mit den Reiseveranstaltern an. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>13 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"c7bf0a30-0002-0001-0000-000014322451"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:15" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Hotel von Spinnen befallen - 196,20 Mark" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="1b87099e-0002-0001-0000-000014322473" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/hotel-von-spinnen-befallen-196-20-mark-a-1b87099e-0002-0001-0000-000014322473?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Hotel von Spinnen befallen - 196,20 Mark"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Hotel von Spinnen befallen - 196,20 Mark</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/hotel-von-spinnen-befallen-196-20-mark-a-1b87099e-0002-0001-0000-000014322473?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Hotel von Spinnen befallen - 196,20 Mark"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Beispiele aus der Rechtsprechung Welche Schadensersatzbeträge westdeutsche Gerichte verärgerten Urlaubern zubilligen, hat der Frankfurter Richter Dr. Harald Bartl in einem kürzlich erschienenen Paperback zusammengetragen. Harald Bartl: »Mein Recht im Urlaub von A bis Z«. Stollfuß Verlag, Bonn; 164 Seiten; 9,80 Mark. Der SPIEGEL veröffentlicht Auszüge aus einer hundert Positionen umfassenden »Schadenstabelle«. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>2 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1b87099e-0002-0001-0000-000014322473"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:16" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Das Pharaonengrab" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="4b720036-0002-0001-0000-000014322517" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/das-pharaonengrab-a-4b720036-0002-0001-0000-000014322517?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Das Pharaonengrab"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> TERRORISTEN </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Das Pharaonengrab</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/das-pharaonengrab-a-4b720036-0002-0001-0000-000014322517?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Das Pharaonengrab"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Trotz der jüngsten Erfolge bei der Terrorfahndung fürchten Experten neue Anschläge gegen Politiker, Justiz oder Militär. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>5 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4b720036-0002-0001-0000-000014322517"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:17" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="»Wobbler« gegen RAF-Bomben?" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="9027c781-0002-0001-0000-000014322531" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/wobbler-gegen-raf-bomben-a-9027c781-0002-0001-0000-000014322531?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="»Wobbler« gegen RAF-Bomben?"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">»Wobbler« gegen RAF-Bomben?</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"9027c781-0002-0001-0000-000014322531"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="5:18" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Messer am Hals" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="4102c4e5-0002-0001-0000-000014322546" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/messer-am-hals-a-4102c4e5-0002-0001-0000-000014322546?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Messer am Hals"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> JUSTIZ </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Messer am Hals</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/messer-am-hals-a-4102c4e5-0002-0001-0000-000014322546?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Messer am Hals"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Ein Polizeiprotokoll über den versuchten Ausbruch des mutmaßlichen Terroristen Stefan Wisniewski deckt Pannen im Frankenthaler Gefängnis auf und deutet auf geplante Befreiungsaktionen hin. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>5 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4102c4e5-0002-0001-0000-000014322546"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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_4 desktop pos_4:desktop pos_3 mobile pos_3: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_4" data-device="desktop" data-advertisement="pos_4 desktop pos_4:desktop lg md sm"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden text-center" data-placement="pos_3" data-device="mobile" data-advertisement="pos_3 mobile pos_3:mobile lg md sm"></div> </div> </section> <section class="relative flex flex-wrap w-full" data-size="full" data-area="block>topic:ausland" data-teaser-count="6"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Ausland </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="6:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Give 'em Hell" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="1f89a1c4-0002-0001-0000-000014322690" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/politik/give-em-hell-a-1f89a1c4-0002-0001-0000-000014322690?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Give 'em Hell"> <span class="block text-primary-base hover:text-primary-dark focus:text-primary-darker dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s leading-normal mb-4" data-target-teaser-el="topMark"> USA </span> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Give 'em Hell</span> </span> </span> </a> </h2> </header> <section class="md:mx-24 sm:mx-16"> <p> <a href="https://www.spiegel.de/politik/give-em-hell-a-1f89a1c4-0002-0001-0000-000014322690?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Give 'em Hell"> <span class="font-serifUI font-normal lg:text-l md:text-base sm:text-base leading-loose mr-6" data-target-teaser-el="text"> Amerikas Demokraten haben ihren Franz Josef Strauß gefunden: Gemeinsam schießen sich Jimmy Carter und sein Rivale von gestern, Edward Kennedy, auf Ronald Reagan ein. </span> </a> </p> </section> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>5 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1f89a1c4-0002-0001-0000-000014322690"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="6:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Rassische Einheit" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="389c20d7-0002-0001-0000-000014322712" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/rassische-einheit-a-389c20d7-0002-0001-0000-000014322712?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Rassische Einheit"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> ITALIEN </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Rassische Einheit</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/rassische-einheit-a-389c20d7-0002-0001-0000-000014322712?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Rassische Einheit"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Terrorfahnder schließen nicht aus, daß Ausländer am Bahnhofsanschlag von Bologna mitwirkten. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"389c20d7-0002-0001-0000-000014322712"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="6:3" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Jagd auf den Maulwurf" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="0aaa4255-0002-0001-0000-000014322732" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/jagd-auf-den-maulwurf-a-0aaa4255-0002-0001-0000-000014322732?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Jagd auf den Maulwurf"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> ENGLAND </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Jagd auf den Maulwurf</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/jagd-auf-den-maulwurf-a-0aaa4255-0002-0001-0000-000014322732?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Jagd auf den Maulwurf"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Die British Steel Corporation streitet gegen die Fernsehstation Granada. Die Stahlkocher wollen den Namen eines Informanten über Mißmanagement in ihrer Gesellschaft. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"0aaa4255-0002-0001-0000-000014322732"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="6:4" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Mit Weltkrieg-I-Waffen gegen die Schurawi" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="8f3feda1-0002-0001-0000-000014322829" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/mit-weltkrieg-i-waffen-gegen-die-schurawi-a-8f3feda1-0002-0001-0000-000014322829?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Mit Weltkrieg-I-Waffen gegen die Schurawi"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Mit Weltkrieg-I-Waffen gegen die Schurawi</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/mit-weltkrieg-i-waffen-gegen-die-schurawi-a-8f3feda1-0002-0001-0000-000014322829?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Mit Weltkrieg-I-Waffen gegen die Schurawi"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Ein Deutscher bei den Befreiungskämpfern im pakistanisch-afghanischen Grenzgebiet Der deutsche Staatsbürger H. ging mit mohammedanischen Mudschahidin ins Gefecht. Er berichtet im SPIEGEL: </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>6 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"8f3feda1-0002-0001-0000-000014322829"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="6:5" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Krieg der Wellen" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="4eb793af-0002-0001-0000-000014322842" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/krieg-der-wellen-a-4eb793af-0002-0001-0000-000014322842?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Krieg der Wellen"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> FRANKREICH </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Krieg der Wellen</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/krieg-der-wellen-a-4eb793af-0002-0001-0000-000014322842?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Krieg der Wellen"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Piratensender fordern die Regierung heraus. Denn sie beherrscht die etablierten Sender. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4eb793af-0002-0001-0000-000014322842"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="6:6" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="»Wir waren die Sklaven der Schweizer«" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="0ceb05a2-0002-0001-0000-000014322867" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/wir-waren-die-sklaven-der-schweizer-a-0ceb05a2-0002-0001-0000-000014322867?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="»Wir waren die Sklaven der Schweizer«"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">»Wir waren die Sklaven der Schweizer«</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/wir-waren-die-sklaven-der-schweizer-a-0ceb05a2-0002-0001-0000-000014322867?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="»Wir waren die Sklaven der Schweizer«"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Die zwielichtigen Geschäftspraktiken der »Europäischen Kooperative Longo mai« Die Aussteigerkommune »Longo mai« wollte der Jugend Europas einen Ausweg zwischen Drogen und Terror bieten. Doch sie wurde zu einem millionenschweren Bettelmulti. Wohlhabende Bürger, im Kommunenjargon »Fettsäcke« genannt, wurden angepumpt, davon profitiert hat die Führungschlique der Alternativ-Sekte. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>14 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"0ceb05a2-0002-0001-0000-000014322867"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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_5 desktop pos_5:desktop pos_4 mobile pos_4: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_5" data-device="desktop" data-advertisement="pos_5 desktop pos_5:desktop lg md sm"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden text-center" data-placement="pos_4" data-device="mobile" data-advertisement="pos_4 mobile pos_4:mobile lg md sm"></div> </div> </section> <section class="relative flex flex-wrap w-full" data-size="full" data-area="block>topic:serie" data-teaser-count="2"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Serie </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="7:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="»Uns gibt Amerika keine Chance«" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="5b9d21ca-0002-0001-0000-000014322756" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/politik/uns-gibt-amerika-keine-chance-a-5b9d21ca-0002-0001-0000-000014322756?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="»Uns gibt Amerika keine Chance«"> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">»Uns gibt Amerika keine Chance«</span> </span> </span> </a> </h2> </header> <section class="md:mx-24 sm:mx-16"> <p> <a href="https://www.spiegel.de/politik/uns-gibt-amerika-keine-chance-a-5b9d21ca-0002-0001-0000-000014322756?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="»Uns gibt Amerika keine Chance«"> <span class="font-serifUI font-normal lg:text-l md:text-base sm:text-base leading-loose mr-6" data-target-teaser-el="text"> SPIEGEL-Report über die diskriminierten Minderheiten in den USA (I) Schwarze, Hispanics, Chinesen, Indianer -- Amerikas Minderheiten finden sich im Bodensatz des vermeintlichen Wunderlandes Amerika wieder, ohne Arbeit, verarmt, chancenlos. Brennende Häuser und geplünderte Geschäfte in Miami zeigten dieses Frühjahr: Der Haß auf die Weißen kann jederzeit zur Explosion führen. </span> </a> </p> </section> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>18 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"5b9d21ca-0002-0001-0000-000014322756"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="7:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Begrabene Illusionen" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="9c746076-0002-0001-0000-000014323002" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/begrabene-illusionen-a-9c746076-0002-0001-0000-000014323002?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Begrabene Illusionen"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Begrabene Illusionen</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/begrabene-illusionen-a-9c746076-0002-0001-0000-000014323002?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Begrabene Illusionen"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Die Ohnmacht der modernen Medizin (I)/Von Dr. Hans Halter </span> <span class="font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-target-teaser-el="meta"> Von Hans Halter </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>18 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"9c746076-0002-0001-0000-000014323002"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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-area="block>topic:sport" data-teaser-count="1"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Sport </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="8:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Keiner ohne Macke" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="d67ca822-0002-0001-0000-000014322941" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/sport/keiner-ohne-macke-a-d67ca822-0002-0001-0000-000014322941?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Keiner ohne Macke"> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Keiner ohne Macke</span> </span> </span> </a> </h2> </header> <section class="md:mx-24 sm:mx-16"> <p> <a href="https://www.spiegel.de/sport/keiner-ohne-macke-a-d67ca822-0002-0001-0000-000014322941?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Keiner ohne Macke"> <span class="font-serifUI font-normal lg:text-l md:text-base sm:text-base leading-loose mr-6" data-target-teaser-el="text"> Internationale Sportfeste sollten die Athleten der Boykott-Länder für Olympia entschädigen. »Als ob man Diamanten mit Dreck vergleicht«, urteilte US-Schwimmer Gaines über Ersatz-Wettkämpfe. </span> </a> </p> </section> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d67ca822-0002-0001-0000-000014322941"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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_5 mobile pos_5: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_5" data-device="mobile" data-advertisement="pos_5 mobile pos_5:mobile lg md sm"></div> </div> </section> <section class="relative flex flex-wrap w-full" data-size="full" data-area="block>topic:kultur" data-teaser-count="12"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Kultur </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="9:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Krach um »Poona«-Film" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="bf0d6dec-0002-0001-0000-000014322954" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/kultur/krach-um-poona-film-a-bf0d6dec-0002-0001-0000-000014322954?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Krach um »Poona«-Film"> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Krach um »Poona«-Film</span> </span> </span> </a> </h2> </header> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"bf0d6dec-0002-0001-0000-000014322954"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Über Jagdszenen und Ananasfarmer" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="7d439b1a-0002-0001-0000-000014322962" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/ueber-jagdszenen-und-ananasfarmer-a-7d439b1a-0002-0001-0000-000014322962?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Über Jagdszenen und Ananasfarmer"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Über Jagdszenen und Ananasfarmer</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"7d439b1a-0002-0001-0000-000014322962"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:3" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Hilferufe für Löwenthal" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="fd51fbe1-0002-0001-0000-000014322971" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/hilferufe-fuer-loewenthal-a-fd51fbe1-0002-0001-0000-000014322971?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Hilferufe für Löwenthal"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Hilferufe für Löwenthal</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"fd51fbe1-0002-0001-0000-000014322971"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:4" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Schöner malen auf dem Lande" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="f38a73d3-0002-0001-0000-000014322979" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/schoener-malen-auf-dem-lande-a-f38a73d3-0002-0001-0000-000014322979?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Schöner malen auf dem Lande"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Schöner malen auf dem Lande</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"f38a73d3-0002-0001-0000-000014322979"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:5" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Rundschlag gegen Jugendbuchautoren" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="93aa421b-0002-0001-0000-000014322987" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/rundschlag-gegen-jugendbuchautoren-a-93aa421b-0002-0001-0000-000014322987?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Rundschlag gegen Jugendbuchautoren"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Rundschlag gegen Jugendbuchautoren</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"93aa421b-0002-0001-0000-000014322987"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:6" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Ständiges Gebrabbel" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="d45832a8-0002-0001-0000-000014323076" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/staendiges-gebrabbel-a-d45832a8-0002-0001-0000-000014323076?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Ständiges Gebrabbel"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> FERNSEHEN </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Ständiges Gebrabbel</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/kultur/staendiges-gebrabbel-a-d45832a8-0002-0001-0000-000014323076?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Ständiges Gebrabbel"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> »Abgeordnete - Szenen deutscher Politik«. Fünfteilige Serie von Peter Claus Schmidt. ZDF. Start: 24. August, 19.30 Uhr. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d45832a8-0002-0001-0000-000014323076"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:7" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Letztes Haus" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="d3d24e9c-0002-0001-0000-000014323095" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/letztes-haus-a-d3d24e9c-0002-0001-0000-000014323095?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Letztes Haus"> <span class="flex flex-col w-full justify-center"> <span class="mb-4 text-primary-base focus:text-primary-darker hover:text-primary-dark dark:text-shade-lightest dark:hover:opacity-moderate dark:hover:text-shade-lightest dark:focus:opacity-moderate dark:focus:text-shade-lightest font-sansUI font-normal lg:text-base md:text-base sm:text-s" data-target-teaser-el="topMark"> STÄDTEBAU </span> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Letztes Haus</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/kultur/letztes-haus-a-d3d24e9c-0002-0001-0000-000014323095?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Letztes Haus"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> In West-Berlin machen sich Architekten für den Erhalt einer Altbau-Villa stark, die den Neubauten für die Staatlichen Museen im Wege steht. </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d3d24e9c-0002-0001-0000-000014323095"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:8" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Deutschland aus Beton" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="d8875855-0002-0001-0000-000014323123" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/deutschland-aus-beton-a-d8875855-0002-0001-0000-000014323123?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Deutschland aus Beton"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Deutschland aus Beton</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d8875855-0002-0001-0000-000014323123"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:9" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Ein autoritärer Anarchist" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="3e3d0c35-0002-0001-0000-000024819013" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/ein-autoritaerer-anarchist-a-3e3d0c35-0002-0001-0000-000024819013?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Ein autoritärer Anarchist"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Ein autoritärer Anarchist</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>9 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"3e3d0c35-0002-0001-0000-000024819013"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:10" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Rufmord am Rex?" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="4e57f8ba-0002-0001-0000-000024819016" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/rufmord-am-rex-a-4e57f8ba-0002-0001-0000-000024819016?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Rufmord am Rex?"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Rufmord am Rex?</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>3 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4e57f8ba-0002-0001-0000-000024819016"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:11" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Ohrwürmer fürs Kino" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="0c0b6eb7-0002-0001-0000-000024819033" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/ohrwuermer-fuers-kino-a-0c0b6eb7-0002-0001-0000-000024819033?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Ohrwürmer fürs Kino"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Ohrwürmer fürs Kino</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>5 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"0c0b6eb7-0002-0001-0000-000024819033"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="9:12" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Nur keine Angst, wenn die Rote Flotte landet" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="ecde87a9-0002-0001-0000-000024819039" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/kultur/nur-keine-angst-wenn-die-rote-flotte-landet-a-ecde87a9-0002-0001-0000-000024819039?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Nur keine Angst, wenn die Rote Flotte landet"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Nur keine Angst, wenn die Rote Flotte landet</span> </span> <span class="font-sansUI text-s text-shade-dark dark:text-shade-light font-normal mt-2" data-target-teaser-el="meta"> Von Fritjof Meyer </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>7 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"ecde87a9-0002-0001-0000-000024819039"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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-area="block>topic:wissenschaft+technik" data-teaser-count="2"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Wissenschaft+Technik </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="10:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Schmerzhafter Fraß" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="fc73fac3-0002-0001-0000-000024819025" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/wissenschaft/schmerzhafter-frass-a-fc73fac3-0002-0001-0000-000024819025?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Schmerzhafter Fraß"> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Schmerzhafter Fraß</span> </span> </span> </a> </h2> </header> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"fc73fac3-0002-0001-0000-000024819025"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="10:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Unbekannte Wesen" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="82c2867e-0002-0001-0000-000024819028" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/wissenschaft/unbekannte-wesen-a-82c2867e-0002-0001-0000-000024819028?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Unbekannte Wesen"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Unbekannte Wesen</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>4 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"82c2867e-0002-0001-0000-000024819028"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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-area="block>topic:spectrum" data-teaser-count="3"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Spectrum </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="11:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Weniger »Kojak«, mehr »Aspekte«" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="344dc8e6-0002-0001-0000-000024819042" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/politik/weniger-kojak-mehr-aspekte-a-344dc8e6-0002-0001-0000-000024819042?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Weniger »Kojak«, mehr »Aspekte«"> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Weniger »Kojak«, mehr »Aspekte«</span> </span> </span> </a> </h2> </header> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"344dc8e6-0002-0001-0000-000024819042"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="11:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Konkurrenz für Trauben und Zucker" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="dd2e6dd3-0002-0001-0000-000024819044" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/konkurrenz-fuer-trauben-und-zucker-a-dd2e6dd3-0002-0001-0000-000024819044?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Konkurrenz für Trauben und Zucker"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Konkurrenz für Trauben und Zucker</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"dd2e6dd3-0002-0001-0000-000024819044"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="11:3" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Rorschach-Test für Baubetrachter" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="c358988b-0002-0001-0000-000024819050" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/rorschach-test-fuer-baubetrachter-a-c358988b-0002-0001-0000-000024819050?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Rorschach-Test für Baubetrachter"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Rorschach-Test für Baubetrachter</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"c358988b-0002-0001-0000-000024819050"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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-area="block>topic:medien" data-teaser-count="7"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Medien </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="12:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="DIESE WOCHE IM FERNSEHEN Montag, 18.8." class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="782d6ef4-0002-0001-0000-000024819088" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-montag-18-8-a-782d6ef4-0002-0001-0000-000024819088?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="DIESE WOCHE IM FERNSEHEN Montag, 18.8."> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">DIESE WOCHE IM FERNSEHEN Montag, 18.8.</span> </span> </span> </a> </h2> </header> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"782d6ef4-0002-0001-0000-000024819088"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="12:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="DIESE WOCHE IM FERNSEHEN Dienstag, 19.8." class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="18eae711-0002-0001-0000-000024819091" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-dienstag-19-8-a-18eae711-0002-0001-0000-000024819091?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="DIESE WOCHE IM FERNSEHEN Dienstag, 19.8."> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">DIESE WOCHE IM FERNSEHEN Dienstag, 19.8.</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"18eae711-0002-0001-0000-000024819091"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="12:3" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="DIESE WOCHE IM FERNSEHEN Mittwoch, 20.8." class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="6880139e-0002-0001-0000-000024819094" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-mittwoch-20-8-a-6880139e-0002-0001-0000-000024819094?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="DIESE WOCHE IM FERNSEHEN Mittwoch, 20.8."> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">DIESE WOCHE IM FERNSEHEN Mittwoch, 20.8.</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6880139e-0002-0001-0000-000024819094"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="12:4" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="DIESE WOCHE IM FERNSEHEN Donnerstag, 21.8." class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="868e72b2-0002-0001-0000-000024819096" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-donnerstag-21-8-a-868e72b2-0002-0001-0000-000024819096?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="DIESE WOCHE IM FERNSEHEN Donnerstag, 21.8."> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">DIESE WOCHE IM FERNSEHEN Donnerstag, 21.8.</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"868e72b2-0002-0001-0000-000024819096"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="12:5" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="DIESE WOCHE IM FERNSEHEN Freitag, 22.8." class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="16316f23-0002-0001-0000-000024819099" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-freitag-22-8-a-16316f23-0002-0001-0000-000024819099?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="DIESE WOCHE IM FERNSEHEN Freitag, 22.8."> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">DIESE WOCHE IM FERNSEHEN Freitag, 22.8.</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"16316f23-0002-0001-0000-000024819099"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="12:6" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="DIESE WOCHE IM FERNSEHEN Samstag, 23.8." class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="c8ea366f-0002-0001-0000-000024819101" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-samstag-23-8-a-c8ea366f-0002-0001-0000-000024819101?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="DIESE WOCHE IM FERNSEHEN Samstag, 23.8."> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">DIESE WOCHE IM FERNSEHEN Samstag, 23.8.</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"c8ea366f-0002-0001-0000-000024819101"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="12:7" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="DIESE WOCHE IM FERNSEHEN Sonntag, 24.8." class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="b880c2e0-0002-0001-0000-000024819104" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-sonntag-24-8-a-b880c2e0-0002-0001-0000-000024819104?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="DIESE WOCHE IM FERNSEHEN Sonntag, 24.8."> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">DIESE WOCHE IM FERNSEHEN Sonntag, 24.8.</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"b880c2e0-0002-0001-0000-000024819104"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </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>topic:rubriken" data-teaser-count="15"> <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-20 w-full sm:pb-16 sm:sticky bg-white dark:bg-dm-shade-darkest" style="top: var(--polygon-headerbar-height, 0px);" data-block-el="title" data-headerbar-height> <div class="relative lg:flex md:flex sm:flex lg:justify-between md:justify-between sm:flex-col lg:pt-24 md:pt-24 sm:pt-16 lg:px-24 md:px-24" data-area="title-cluster"> <h2 class="lg:mr-24 md:mr-24 sm:mx-16 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base font-brandUI font-extrabold text-xl leading-tight sm:w-full"> <span>Rubriken </span> </span> </span> </h2> </div> </div> <div class="z-10 w-full sm:-mt-16" data-area="article_teaser>news-xxl" data-pos="13:1" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Briefe" class="lg:p-24 md:py-24 sm:py-16" data-sara-article-id="943c0e64-0002-0001-0000-000014321825" data-target-teaser="xxl-news"> <header class="lg:flex lg:justify-between md:flex md:justify-between md:mx-24 sm:mx-16"> <h2 class="lg:grow md:grow"> <a href="https://www.spiegel.de/politik/fortschritt-nach-rueckwaerts-a-943c0e64-0002-0001-0000-000014321825?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="block lg:mb-24 md:mb-16 sm:mb-16"> <span class="font-brandUI serifmode:font-serifUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight"><span class="align-middle hover:opacity-moderate focus:opacity-moderate">Briefe</span> </span> </span> </a> </h2> </header> <section class="md:mx-24 sm:mx-16"> <p> <a href="https://www.spiegel.de/politik/fortschritt-nach-rueckwaerts-a-943c0e64-0002-0001-0000-000014321825?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="font-serifUI font-normal lg:text-l md:text-base sm:text-base leading-loose mr-6" data-target-teaser-el="text"> Fortschritt nach rückwärts </span> </a> </p> </section> <div class="mt-12 md:mx-24 sm:mx-16 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>6 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"943c0e64-0002-0001-0000-000014321825"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:2" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Briefe" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="4274c919-0002-0001-0000-000014321856" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/nervtoetendes-surren-a-4274c919-0002-0001-0000-000014321856?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Briefe"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Briefe</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/nervtoetendes-surren-a-4274c919-0002-0001-0000-000014321856?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Nervtötendes Surren </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4274c919-0002-0001-0000-000014321856"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:3" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Briefe" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="f73d0f79-0002-0001-0000-000014321861" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/denkvermoegen-foerdern-a-f73d0f79-0002-0001-0000-000014321861?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Briefe"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Briefe</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/denkvermoegen-foerdern-a-f73d0f79-0002-0001-0000-000014321861?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Denkvermögen fördern </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"f73d0f79-0002-0001-0000-000014321861"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:4" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Briefe" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="07459b0d-0002-0001-0000-000014321877" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/eklatanter-verstoss-a-07459b0d-0002-0001-0000-000014321877?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Briefe"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Briefe</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/eklatanter-verstoss-a-07459b0d-0002-0001-0000-000014321877?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Eklatanter Verstoß </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"07459b0d-0002-0001-0000-000014321877"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:5" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Briefe" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="6ed3e6ee-0002-0001-0000-000014321885" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/sender-mit-vergangenheit-a-6ed3e6ee-0002-0001-0000-000014321885?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Briefe"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Briefe</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/sender-mit-vergangenheit-a-6ed3e6ee-0002-0001-0000-000014321885?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Sender mit Vergangenheit </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6ed3e6ee-0002-0001-0000-000014321885"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:6" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Briefe" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="0979ab12-0002-0001-0000-000014321898" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/schmeichelnder-irrtum-a-0979ab12-0002-0001-0000-000014321898?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Briefe"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Briefe</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/schmeichelnder-irrtum-a-0979ab12-0002-0001-0000-000014321898?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Schmeichelnder Irrtum </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"0979ab12-0002-0001-0000-000014321898"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:7" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Briefe" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="49c667fd-0002-0001-0000-000014321907" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/zufriedenheit-geht-ueber-reichtum-a-49c667fd-0002-0001-0000-000014321907?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Briefe"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Briefe</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/zufriedenheit-geht-ueber-reichtum-a-49c667fd-0002-0001-0000-000014321907?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Zufriedenheit geht über Reichtum </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"49c667fd-0002-0001-0000-000014321907"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:8" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Briefe" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="27da662a-0002-0001-0000-000014321916" data-target-teaser="m-news"> <header class="mb-12" "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/neues-vertrauen-a-27da662a-0002-0001-0000-000014321916?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Briefe"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Briefe</span> </span> </span> </a> </span> </h2> </header> <section> <a href="https://www.spiegel.de/politik/neues-vertrauen-a-27da662a-0002-0001-0000-000014321916?context=issue" target="_self" class="text-black dark:text-shade-lightest block" title="Briefe"> <span class="font-serifUI font-normal text-base leading-loose mr-6" data-target-teaser-el="text"> Neues Vertrauen </span> </a> </section> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"27da662a-0002-0001-0000-000014321916"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:9" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Billy Carter" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="5a51c931-0002-0001-0000-000024819053" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/billy-carter-a-5a51c931-0002-0001-0000-000024819053?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Billy Carter"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Billy Carter</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"5a51c931-0002-0001-0000-000024819053"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:10" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Horst Mahler" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="b3326c04-0002-0001-0000-000024819055" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/horst-mahler-a-b3326c04-0002-0001-0000-000024819055?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Horst Mahler"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Horst Mahler</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"b3326c04-0002-0001-0000-000024819055"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:11" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Rolf Hochhuth" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="cd8310b9-0002-0001-0000-000024819058" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/rolf-hochhuth-a-cd8310b9-0002-0001-0000-000024819058?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Rolf Hochhuth"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Rolf Hochhuth</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"cd8310b9-0002-0001-0000-000024819058"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:12" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Dietmar Schlee" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="ef180f51-0002-0001-0000-000024819064" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/dietmar-schlee-a-ef180f51-0002-0001-0000-000024819064?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Dietmar Schlee"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Dietmar Schlee</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"ef180f51-0002-0001-0000-000024819064"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:13" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Hans-Dietrich Genscher" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="01166e7d-0002-0001-0000-000024819066" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/hans-dietrich-genscher-a-01166e7d-0002-0001-0000-000024819066?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Hans-Dietrich Genscher"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Hans-Dietrich Genscher</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"01166e7d-0002-0001-0000-000024819066"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 lg:hidden md:hidden sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:14" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Horst Ehmke" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="91a973ec-0002-0001-0000-000024819069" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/horst-ehmke-a-91a973ec-0002-0001-0000-000024819069?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Horst Ehmke"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Horst Ehmke</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"91a973ec-0002-0001-0000-000024819069"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </div> </article> <div class="absolute right-0 top-0 bottom-0 w-px border-separator-r lg:my-24 md:my-24 sm:my-16 sm:hidden"></div> </div> <div class="z-10 w-full border-separator-b lg:mx-24 md:mx-24 sm:mx-16 h-px lg:hidden md:hidden"></div> <div class="z-10 lg:w-4/12 md:w-6/12 sm:w-full relative" data-area="article_teaser>news-m" data-pos="13:15" data-block-el="articleTeaser" data-sara-click-el="article_teaser"> <article aria-label="Franz Josef Strauß" class="lg:py-24 md:py-24 sm:py-16 lg:px-24 md:px-24 sm:px-16" data-sara-article-id="1f609b25-0002-0001-0000-000024819072" data-target-teaser="m-news"> <header "> <h2> <span class="sm:flex items-center justify-between"> <a href="https://www.spiegel.de/politik/franz-josef-strauss-a-1f609b25-0002-0001-0000-000024819072?context=issue" target="_self" class="block text-black dark:text-shade-lightest sm:grow-0 sm:overflow-hidden" title="Franz Josef Strauß"> <span class="flex flex-col w-full justify-center"> <span class="block font-sansUI serifmode:font-serifUI font-bold text-xl"><span class="hover:opacity-moderate focus:opacity-moderate sm:hyphens-auto">Franz Josef Strauß</span> </span> </span> </a> </span> </h2> </header> <div class="mt-12 flex items-center justify-between"> <span class="flex flex-wrap items-center font-sansUI font-normal text-s text-shade-dark dark:text-shade-light" data-contains-auxiliary-icons="Text"> <span data-icon-auxiliary="Text" class="flex items-center leading-none h-20"> <span class="mr-6"><svg width="16" height="16"><use xlink:href="#spon-text-m"/></svg> </span> <span>1 Min</span> </span> </span> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1f609b25-0002-0001-0000-000024819072"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="24" height="24"><use xlink:href="#spon-bookmark-l"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="24" height="24"><use xlink:href="#spon-bookmark-f-l"/></svg> </span> </button> </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/tui-cruises?code=51594" target="_self" title="Starke Rabatte"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/67408143e7afd.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"> Starke Rabatte </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/66f2bc6f1f4a7.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="TUI Cruises"> </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/ebay?code=51611" target="_self" title="Bis zu 68% sparen"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/67408498c3d53.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 68% sparen </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/5fcf441d9bc9b.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="eBay"> </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/lampenwelt?code=90628" 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/6746e47c82d69.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/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:pl-8 md:pl-8"> <a href="https://gutscheine.spiegel.de/center-parcs?code=121899" target="_self" title="Ferienhäuser ab 229€"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/6746e8e6a5620.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"> Ferienhäuser ab 229€ </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/63b7d8d66d1dd.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="Center Parcs"> </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-dcfac318-3727-459b-aea2-38bb00a55d40"> <g id="s-chevron-right-f-dcfac318-3727-459b-aea2-38bb00a55d40"> <g id="s-chevron-right-dcfac318-3727-459b-aea2-38bb00a55d40"> <path id="vector-dcfac318-3727-459b-aea2-38bb00a55d40" 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-df3a5571-5f24-482e-88ed-3adec8817c38"> <g id="s-chevron-right-f-df3a5571-5f24-482e-88ed-3adec8817c38"> <g id="s-chevron-right-df3a5571-5f24-482e-88ed-3adec8817c38"> <path id="vector-df3a5571-5f24-482e-88ed-3adec8817c38" 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> <div class="fixed w-full bottom-0 mb-16 z-20 pointer-events-none" data-not-issue-context-hidden data-is-supported-app-navigation-hidden> <div class="flex justify-center"> <div x-data="{isInSafeArea: true,lastScrollY: window.scrollY,scrollDirection: 'up',get transform() {return this.isInSafeArea || this.scrollDirection === 'up' ? 'translateY(calc(0px - var(--polygon-app-bottombar-height, 0) - var(--polygon-audioplayer-height, 0)))' : 'translateY(200%)';}}" x-subscribe.toc_navigation_safe_area_enter="isInSafeArea = true" x-subscribe.toc_navigation_safe_area_leave="isInSafeArea = false" @scroll.window.passive="scrollDirection = window.scrollY >= lastScrollY ? 'down' : 'up';lastScrollY = window.scrollY;" class="flex pointer-events-auto bg-primary-base dark:bg-dm-primary-base rounded-pill shadow-knob transition-transform duration-500 ease-out" style="transform: translateY(calc(0px - var(--polygon-app-bottombar-height, 0) - var(--polygon-audioplayer-height, 0)));" :style="{ transform }" data-audioplayer-height> <button class="outline-focus focus:bg-primary-darker h-48 py-8 hover:bg-primary-dark rounded-pill" title="Inhaltsverzeichnis öffnen" data-sara-click-el="button" @click="$publish('TOC_DRAWER_OPEN', $el)"> <div class="h-full py-2"> <div class="flex flex-row items-center h-full"> <span class="leading-none text-white dark:text-shade-lightest ml-8 mr-2"><svg id="spon-chapters-l" class="stroke-current 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 stroke-width="1.1" stroke-linecap="round" d="M19.45 6.55h-9.9M19.45 11.55h-9.9M19.45 16.55h-9.9"/> <circle cx="5.5" cy="6.5" r="1"/> <circle cx="5.5" cy="11.5" r="1"/> <circle cx="5.5" cy="16.5" r="1"/> </svg> </span> <span class="font-sansUI text-s text-white dark:text-shade-lightest leading-none mr-12"> Inhalt </span> </div> </div> </button> </div> </div> </div> <div x-data class="absolute top-0 h-px w-full invisible" x-intersect:enter="$publish('TOC_NAVIGATION_SAFE_AREA_ENTER')" x-intersect:leave="$publish('TOC_NAVIGATION_SAFE_AREA_LEAVE')" data-android-hidden></div> <div x-data class="absolute bottom-0 h-px w-full invisible" x-intersect:enter="$publish('TOC_NAVIGATION_SAFE_AREA_ENTER')" x-intersect:leave="$publish('TOC_NAVIGATION_SAFE_AREA_LEAVE')" data-android-hidden></div> <div x-data class="absolute top-0 h-px w-full invisible" x-intersect:enter.margin.10.0="$publish('TOC_NAVIGATION_SAFE_AREA_ENTER')" x-intersect:leave.margin.10.0="$publish('TOC_NAVIGATION_SAFE_AREA_LEAVE')" data-not-android-hidden></div> <div x-data class="absolute bottom-0 h-px w-full invisible" x-intersect:enter.margin.10.0="$publish('TOC_NAVIGATION_SAFE_AREA_ENTER')" x-intersect:leave.margin.10.0="$publish('TOC_NAVIGATION_SAFE_AREA_LEAVE')" data-not-android-hidden></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%2Fspiegel%2Fprint%2Findex-1980-34.html" 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%2Fspiegel%2Fprint%2Findex-1980-34.html" 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" 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-5f212897-8ff3-4b23-8c6c-e95d4fb13810"> <g id="m-chevron-right-f-5f212897-8ff3-4b23-8c6c-e95d4fb13810"> <g id="m-chevron-right-5f212897-8ff3-4b23-8c6c-e95d4fb13810"> <path id="vector-5f212897-8ff3-4b23-8c6c-e95d4fb13810" 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-dec5bdd2-ce72-4d35-acf0-da47c80a2aad"> <g id="m-chevron-right-f-dec5bdd2-ce72-4d35-acf0-da47c80a2aad"> <g id="m-chevron-right-dec5bdd2-ce72-4d35-acf0-da47c80a2aad"> <path id="vector-dec5bdd2-ce72-4d35-acf0-da47c80a2aad" 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-black dark:text-shade-lightest" title="Alle Magazine" target="_self"> <span class="block font-sansUI font-bold py-16">Alle Magazine</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Alle Magazine aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/spiegel/spiegelwissen/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="SPIEGEL WISSEN"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL WISSEN</span> </a> </li> <li> <a href="https://www.spiegel.de/spiegel/deinspiegel/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Dein SPIEGEL"> <span class="block font-sansUI font-normal py-12 px-32">Dein SPIEGEL</span> </a> </li> <li> <a href="https://www.spiegel.de/spiegel/spiegelgeschichte" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="SPIEGEL GESCHICHTE"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL GESCHICHTE</span> </a> </li> <li> <a href="https://www.amazon.de/stores/page/5A51BB7A-F093-490A-A88B-0B8DAD2BD31F?_encoding=UTF8&camp=1638&creative=6742&linkCode=ur2&linkId=bebfea2a767e9b6fa4032067aac689c6&tag=wwwspiegelde-21" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL EDITION"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL EDITION</span> </a> </li> <li> <a href="https://www.amazon.de/dp/B084H7TJ2J?_encoding=UTF8&camp=1638&creative=6742&linkCode=ur2&linkId=2b0869ebe8a71aa295f61f936c59ae13&tag=wwwspiegelde-21" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL LESEZEICHEN"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL LESEZEICHEN</span> </a> </li> <li class="mb-20"> <a href="https://www.amazon.de/stores/page/7A4C6628-433D-4F60-9E2A-2559D87EBE96?_encoding=UTF8&camp=1638&creative=6742&ingress=3&linkCode=ur2&linkId=e7aab828241dc9c24162f8f4af873651&tag=spiegel200-21&visitId=6c8f0a76-9d4a-4e47-94ca-0f6231dcaf22" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL COACHING"> <span class="block font-sansUI font-normal py-12 px-32">SPIEGEL COACHING</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://tv.spiegel.de" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL TV"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL TV</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.spiegel.de/dienste/besser-surfen-auf-spiegel-online-so-funktioniert-rss-a-1040321.html" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="RSS-Feed"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">RSS-Feed</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://gruppe.spiegel.de/spiegel-media" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="SPIEGEL Media" target="_blank"> <span class="block font-sansUI font-bold py-16">SPIEGEL Media</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü SPIEGEL Media aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://manufaktur.spiegel.de" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="MANUFAKTUR"> <span class="block font-sansUI font-normal py-12 px-32">MANUFAKTUR</span> </a> </li> <li> <a href="https://gruppe.spiegel.de/spiegel-media/bereiche/affiliate-und-integrations" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Affiliate & Integrations"> <span class="block font-sansUI font-normal py-12 px-32">Affiliate & Integrations</span> </a> </li> <li class="mb-20"> <a href="https://gruppe.spiegel.de/spiegel-media/bereiche/media-products" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Media Products"> <span class="block font-sansUI font-normal py-12 px-32">Media Products</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://ed.spiegel.de/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL Ed"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL Ed</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://akademie.spiegel.de/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_blank" title="SPIEGEL Akademie"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">SPIEGEL Akademie</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.spiegel.de/services/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Services" target="_self"> <span class="block font-sansUI font-bold py-16">Services</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Services aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.spiegel.de/auto/aktuell/bussgeldrechner-was-zu-schnelles-fahren-kostet-a-244772.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Bußgeldrechner"> <span class="block font-sansUI font-normal py-12 px-32">Bußgeldrechner</span> </a> </li> <li> <a href="https://www.spiegel.de/lebenundlernen/uni/studium-tipps-und-hilfe-fuer-uni-und-studentenleben-a-640620.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Uni-Tools"> <span class="block font-sansUI font-normal py-12 px-32">Uni-Tools</span> </a> </li> <li> <a href="https://boersen.manager-magazin.de/spon/devisen_uebersicht.htn#rechner" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Währungsrechner"> <span class="block font-sansUI font-normal py-12 px-32">Währungsrechner</span> </a> </li> <li class="mb-20"> <a href="https://www.spiegel.de/wirtschaft/service/versicherung-check-fuer-haftpflicht-hausrat-berufsunfaehigkeit-a-960380.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Versicherungen"> <span class="block font-sansUI font-normal py-12 px-32">Versicherungen</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://www.spiegel.de/nachrichtenarchiv/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Nachrichtenarchiv"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Nachrichtenarchiv</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#spon-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li class="my-16"> <span class="block border-separator-b h-px mx-16"></span> </li> <li class="pl-2"> <a href="https://www.facebook.com/DerSpiegel/" rel="nofollow" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_blank" title="Facebook"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#spon-facebook-l"/></svg> </span> <span class="block font-sansUI ml-16">Facebook</span> </span> </a> </li> <li class="pl-2"> <a href="https://www.instagram.com/spiegelmagazin/" rel="nofollow" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_blank" title="Instagram"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#spon-instagram-l"/></svg> </span> <span class="block font-sansUI ml-16">Instagram</span> </span> </a> </li> <li class="pl-2"> <a href="https://www.spiegel.de/backstage/bei-diesen-diensten-koennen-sie-dem-spiegel-folgen-a-a68cce85-8be8-4707-bd6e-0706090cbbbe" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_self" title="Wo Sie uns noch folgen können"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#spon-website-l"/></svg> </span> <span class="block font-sansUI ml-16"> Wo Sie uns noch folgen können </span> </span> </a> </li> </ul> </nav> </div> <template x-data="{isPlayerAttached: $store.WebAudio.isClipFromLocalStorage,onClipChanged() {this.isPlayerAttached = this.isPlayerAttached || !!$store.WebAudio.clip;}}" x-init="$watch('$store.WebAudio.clip', () => onClipChanged())" x-if="isPlayerAttached"> <div x-data="{isInitialized: false,isExpanded: false,get canOpen() {return this.isInitialized || $store.WebAudio.isClipFromLocalStorage;},get isOpen() {return !!$store.WebAudio.clip && this.canOpen;},}" x-init="$nextTick(() => isInitialized = true)" x-effect="document.documentElement.classList.toggle('audio-player-open', isOpen)" data-app-hidden data-area="audio-player"> <div class="fixed w-full bottom-0 sm:mb-8 md:mb-16 lg:mb-16 z-20 pointer-events-none" x-show="isOpen && !isExpanded" x-transition:enter="transition-transform duration-500 ease-out" x-transition:enter-start="translate-y-3/2" x-transition:leave="transition-transform duration-500 ease-out" x-transition:leave-end="translate-y-3/2"> <div class="justify-center"> <div class="relative z-20 w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg sm:px-16 md:px-16 lg:px-24"> <div class="pointer-events-auto"> <div class="shadow-lg rounded-pill bg-sec2-lightest dark:bg-sec2-darker w-full z-max relative cursor-pointer" @click="isExpanded = true; $focus($refs.audioPlayerCollapse)"> <div class="flex items-center pl-8"> <button class="shrink-0 mr-12 outline-focus" title="Audio Player maximieren" x-ref="audioPlayerExpand"> <div class="relative" aria-hidden="true" data-sara-component="{"name":"image","title":"","type":"media"}"> <img class="lazyload md:hidden lg:hidden rounded py-8" x-data="{onSrcChanged(newSrc) {if (newSrc) {$el.classList.remove('loaded');$el.classList.remove('entered');$el.removeAttribute('data-ll-status');$publish('LAZYLOADING_UPDATE');} else {$el.src = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='36' height='36' %3E%3C/svg%3E`;}}}" x-effect="onSrcChanged($store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : '')" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='36' height='36' %3E%3C/svg%3E" :data-src="$store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : ''" width="36" height="36" alt> </div> <div class="relative" aria-hidden="true" data-sara-component="{"name":"image","title":"","type":"media"}"> <img class="lazyload sm:hidden rounded py-8" x-data="{onSrcChanged(newSrc) {if (newSrc) {$el.classList.remove('loaded');$el.classList.remove('entered');$el.removeAttribute('data-ll-status');$publish('LAZYLOADING_UPDATE');} else {$el.src = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40' %3E%3C/svg%3E`;}}}" x-effect="onSrcChanged($store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : '')" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40' %3E%3C/svg%3E" :data-src="$store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : ''" width="40" height="40" alt> </div> <span class="sr-only">Audio Player maximieren</span> </button> <div class="flex flex-col overflow-hidden font-sansUI sm:text-xs md:text-s lg:text-s text-left relative w-full py-8"> <div x-show="!$store.WebAudio.isRestored"> <div class="font-bold text-primary-base dark:text-dm-primary-base whitespace-nowrap" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.kicker : ''"></div> <div class="font-bold whitespace-nowrap" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.headline : ''"></div> </div> <div x-show="$store.WebAudio.isRestored"> <div class="font-bold whitespace-nowrap tracking-wide"> Die Wiedergabe wurde unterbrochen. </div> <button class="underline whitespace-nowrap" title="Wiedergabe fortsetzen" @click.stop="$publish('AUDIO_PLAYER_RESUME')"> Wiedergabe fortsetzen? </button> </div> <div class="absolute right-0 bottom-0 shrink-0 bg-gradient-to-l dark:from-sec2-darker from-sec2-lightest h-full w-16"></div> </div> <div class="flex items-center ml-18"> <button class="lg:px-12 md:px-12 sm:px-6 text-sec2-dark dark:text-shade-lighter hover:text-sec2-darker dark:hover:text-shade-lightest" :title="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'" x-show="!$store.WebAudio.isLoading" @click.stop="$store.WebAudio.isPlaying ? $publish('AUDIO_PLAYER_PAUSE') : $publish('AUDIO_PLAYER_RESUME')" data-sara-click-el="button"> <span x-show="!$store.WebAudio.isPlaying" class="flex h-48 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-play-f-03e1681f-4e16-4961-ad1f-2a07ec87048f"> <g id="l-play-03e1681f-4e16-4961-ad1f-2a07ec87048f"> <path id="vector-03e1681f-4e16-4961-ad1f-2a07ec87048f" 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-38c6ac97-2a06-467c-b0e2-e207ac97e999"> <rect id="rectangle-38c6ac97-2a06-467c-b0e2-e207ac97e999" x="7" y="4" width="3" height="16" rx="1.5" class="fill-current"/> <rect id="rectangle_2-38c6ac97-2a06-467c-b0e2-e207ac97e999" 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-0fb65f7c-4302-4ac1-bf94-86272363c46a"> <path id="vector-0fb65f7c-4302-4ac1-bf94-86272363c46a" 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-358265f4-6a17-4bbc-9d0b-d2eb7d8ac42c"> <g id="l-chevron-right-358265f4-6a17-4bbc-9d0b-d2eb7d8ac42c"> <path id="vector-358265f4-6a17-4bbc-9d0b-d2eb7d8ac42c" 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-63989a49-fbd5-4a2f-9a11-f92c6237593c"> <g id="l-play-63989a49-fbd5-4a2f-9a11-f92c6237593c"> <path id="vector-63989a49-fbd5-4a2f-9a11-f92c6237593c" 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-bfbae084-d9d7-4cba-beef-746914a73806"> <rect id="rectangle-bfbae084-d9d7-4cba-beef-746914a73806" x="7" y="4" width="3" height="16" rx="1.5" class="fill-current"/> <rect id="rectangle_2-bfbae084-d9d7-4cba-beef-746914a73806" 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 data-not-issue-context-hidden> <div x-data="{isOpen: false,pendingPath: '',returnFocusElement: null,id: '2c89914d-4661-45e7-afd2-bc789a8dd817',hash: 'inhaltsverzeichnis',open() {this.isOpen = true;$publish('OVERLAY_OPENED', this);$nextTick(() => this.centerActiveItem());},close() {this.isOpen = false;$publish('OVERLAY_CLOSED', this);$focus(this.returnFocusElement);this.returnFocusElement = null;if (this.pendingPath) {window.location.href = this.pendingPath;this.pendingPath = '';}},init() {this.initBrowserHistory();},initBrowserHistory() {$nextTick(() => {$browserHistory.register(this);if (window.location.hash && window.location.hash === `#${this.hash}`) {$publish('BROWSER_HISTORY_SERVICE_OPEN_LAYER', this.id);}});},centerActiveItem() {const activeItem = document.querySelector('[data-toc-drawer-active-item]');if (activeItem) {window.setTimeout(() => {const activeItemTop = activeItem.getBoundingClientRect().top;const scrollDelta = activeItemTop - ($refs.container.offsetHeight / 2);$refs.container.scrollTo({top: $refs.container.scrollTop + scrollDelta,});}, 0);}},get preventScrolling() {return $userAgentUtils.isMobile;},}" x-subscribe.toc_drawer_open="if (isOpen) {return;}returnFocusElement = $payload[0];$publish('BROWSER_HISTORY_SERVICE_OPEN_LAYER', id);" x-subscribe.toc_drawer_close="if (!isOpen) {return;}$publish('BROWSER_HISTORY_SERVICE_CLOSE_LAYER');" x-subscribe.toc_drawer_toggle="$publish(isOpen ? 'TOC_DRAWER_CLOSE' : 'TOC_DRAWER_OPEN')"> <div class="fixed z-overlay w-full h-full top-0 left-0 bg-shade-darkest dark:bg-shade-darker opacity-slight" @click="$publish('TOC_DRAWER_CLOSE')" x-show="isOpen" x-cloak></div> <nav aria-label="Inhaltsverzeichnis" class="fixed z-overlay h-full top-0 right-0 lg:w-640 md:w-640 sm:w-full lg:px-32 md:px-32 sm:px-16 lg:pb-32 md:pb-32 sm:pb-24 bg-white dark:bg-dm-shade-darkest shadow overflow-y-scroll overflow-x-hidden scrolling-touch transition-transform duration-300 ease-in-out" x-ref="container" x-show="isOpen" x-transition:enter-start="translate-x-full" x-transition:leave-end="translate-x-full" x-cloak> <header class="bg-white dark:bg-dm-shade-darkest flex sm:sticky sm:top-0 z-10"> <div class="z-20 w-full sm:pb-16 sm:sticky"> <div class="lg:pt-32 md:pt-32 sm:pt-16"> <div class="font-brandUI font-extrabold leading-tight text-primary-base dark:text-dm-primary-base lg:text-2xl md:text-2xl sm:text-xl"> Inhaltsverzeichnis </div> </div> </div> <button class="sm:mt-4 md:mt-32 lg:mt-32 outline-focus" @click.prevent="$publish('TOC_DRAWER_CLOSE')" data-sara-click-el="button"> <span class="sm:hidden"><svg id="spon-close-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-close-cbf17747-1c97-4ea1-8165-766dc3c52ce3"> <path id="vector-cbf17747-1c97-4ea1-8165-766dc3c52ce3" d="M18 18L6 6m12 0L6 18" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> </span> <span class="lg:hidden md:hidden"><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-7fd99283-8762-4502-8fe2-1ec6cbb97515"> <path id="vector-7fd99283-8762-4502-8fe2-1ec6cbb97515" d="M12 12L4 4m8 0l-8 8" stroke-linecap="round"/> </g> </svg> </span> </button> </header> <div class="border-separator h-px lg:mt-20 md:mt-20"></div> <div class="mt-32 mb-48 flex"> <div class="w-100 shrink-0"> <img class="rounded lazyload" data-src="https://cdn.magazin.spiegel.de/EpubDelivery/image/title/SP/1980/34/100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 133' width='100' height='133' %3E%3C/svg%3E" width="100" height="133" title="Gierek in Not - Polens Arbeiter rebellieren"> </div> <div class="flex flex-col items-start justify-center lg:ml-24 md:ml-24 sm:ml-16"> <p class="font-sansUI font-bold text-primary-base dark:text-dm-primary-base text-s mb-4">34/1980</p> <p class="font-brandUI font-extrabold lg:text-2xl md:text-2xl sm:text-xl leading-tight mb-8">Gierek in Not - Polens Arbeiter rebellieren</p> </div> </div> <ul> <li x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Titel</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/streiks-in-polen-gegen-die-partei-a-be21ee02-0002-0001-0000-000014322605?context=issue" target="_self" title="Streiks in Polen - gegen die Partei" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/streiks-in-polen-gegen-die-partei-a-be21ee02-0002-0001-0000-000014322605?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Streiks in Polen - gegen die Partei </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"be21ee02-0002-0001-0000-000014322605"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg id="spon-bookmark-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-bookmark-f4e4d755-8e1b-41ee-bb03-6d7ec79c0a83"> <path id="bookmark-f4e4d755-8e1b-41ee-bb03-6d7ec79c0a83" d="M4.5 12.932V3.5h7v9.432L8.64 10.55a1 1 0 00-1.28 0L4.5 12.932z" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg id="spon-bookmark-f-m" 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-bookmark-f-25214db7-4afb-428e-bc60-7fd3425595be"> <g id="m-bookmark-25214db7-4afb-428e-bc60-7fd3425595be"> <path id="bookmark-25214db7-4afb-428e-bc60-7fd3425595be" d="M4 12.932V3.5a.5.5 0 01.5-.5h7a.5.5 0 01.5.5v9.432a.5.5 0 01-.82.385l-2.86-2.384a.5.5 0 00-.64 0l-2.86 2.384a.5.5 0 01-.82-.385z" class="fill-current"/> </g> </g> </svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/die-angst-des-ersten-sekretaers-vor-reformen-a-86674853-0002-0001-0000-000014322674?context=issue" target="_self" title="Die Angst des Ersten Sekretärs vor Reformen" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/die-angst-des-ersten-sekretaers-vor-reformen-a-86674853-0002-0001-0000-000014322674?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Die Angst des Ersten Sekretärs vor Reformen </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"86674853-0002-0001-0000-000014322674"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>In dieser Ausgabe</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/titel-a-6f85d5cd-0002-0001-0000-000014333161?context=issue" target="_self" title="Hausmitteilung: Titel" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/titel-a-6f85d5cd-0002-0001-0000-000014333161?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Hausmitteilung: Titel </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6f85d5cd-0002-0001-0000-000014333161"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Panorama</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/hallo-schakal-a-1281c0b1-0002-0001-0000-000014321932?context=issue" target="_self" title="Hallo, Schakal" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/hallo-schakal-a-1281c0b1-0002-0001-0000-000014321932?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Hallo, Schakal </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1281c0b1-0002-0001-0000-000014321932"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/flinten-fuer-die-polizei-a-85531939-0002-0001-0000-000014321939?context=issue" target="_self" title="Flinten für die Polizei" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/flinten-fuer-die-polizei-a-85531939-0002-0001-0000-000014321939?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Flinten für die Polizei </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"85531939-0002-0001-0000-000014321939"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/genscher-schwenkt-um-a-c3a4c3d5-0002-0001-0000-000014321945?context=issue" target="_self" title="Genscher schwenkt um" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/genscher-schwenkt-um-a-c3a4c3d5-0002-0001-0000-000014321945?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Genscher schwenkt um </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"c3a4c3d5-0002-0001-0000-000014321945"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/schmidts-eckpfeiler-a-44db6737-0002-0001-0000-000014321952?context=issue" target="_self" title="Schmidts Eckpfeiler" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/schmidts-eckpfeiler-a-44db6737-0002-0001-0000-000014321952?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Schmidts Eckpfeiler </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"44db6737-0002-0001-0000-000014321952"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/zitat-a-a40e8e29-0002-0001-0000-000014321958?context=issue" target="_self" title="Zitat" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/zitat-a-a40e8e29-0002-0001-0000-000014321958?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Zitat </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"a40e8e29-0002-0001-0000-000014321958"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/post-von-stoiber-a-760abd98-0002-0001-0000-000014321995?context=issue" target="_self" title="Post von Stoiber" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/post-von-stoiber-a-760abd98-0002-0001-0000-000014321995?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Post von Stoiber </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"760abd98-0002-0001-0000-000014321995"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Wirtschaft</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/mannesmann-fortsetzung-nach-der-wahl-a-f8f004bd-0002-0001-0000-000014322020?context=issue" target="_self" title="DEUTSCHLAND: Mannesmann: Fortsetzung nach der Wahl" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/mannesmann-fortsetzung-nach-der-wahl-a-f8f004bd-0002-0001-0000-000014322020?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DEUTSCHLAND: Mannesmann: Fortsetzung nach der Wahl </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"f8f004bd-0002-0001-0000-000014322020"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/aufbruch-in-die-sackgasse-a-d9ad93ad-0002-0001-0000-000014322041?context=issue" target="_self" title="Aufbruch in die Sackgasse" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/aufbruch-in-die-sackgasse-a-d9ad93ad-0002-0001-0000-000014322041?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Aufbruch in die Sackgasse </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d9ad93ad-0002-0001-0000-000014322041"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/jeder-tag-kostet-uns-viel-geld-a-9b16bd8d-0002-0001-0000-000014322083?context=issue" target="_self" title="SPIEGEL Gespräch: »Jeder Tag kostet uns viel Geld«" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/jeder-tag-kostet-uns-viel-geld-a-9b16bd8d-0002-0001-0000-000014322083?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> SPIEGEL Gespräch: »Jeder Tag kostet uns viel Geld« </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"9b16bd8d-0002-0001-0000-000014322083"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/gross-aber-arm-a-6f6081a3-0002-0001-0000-000014322276?context=issue" target="_self" title="CHINA-HANDEL: Groß, aber arm" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/gross-aber-arm-a-6f6081a3-0002-0001-0000-000014322276?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> CHINA-HANDEL: Groß, aber arm </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6f6081a3-0002-0001-0000-000014322276"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/mehr-absahnen-a-1fedcd01-0002-0001-0000-000014322294?context=issue" target="_self" title="POST: Mehr absahnen" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/mehr-absahnen-a-1fedcd01-0002-0001-0000-000014322294?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> POST: Mehr absahnen </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1fedcd01-0002-0001-0000-000014322294"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/zart-gerillt-a-d19be927-0002-0001-0000-000014322310?context=issue" target="_self" title="VERHÜTUNGSMITTEL: Zart gerillt" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/zart-gerillt-a-d19be927-0002-0001-0000-000014322310?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> VERHÜTUNGSMITTEL: Zart gerillt </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d19be927-0002-0001-0000-000014322310"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/zins-umsteiger-a-ed5033c4-0002-0001-0000-000014322561?context=issue" target="_self" title="Zins-Umsteiger" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/zins-umsteiger-a-ed5033c4-0002-0001-0000-000014322561?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Zins-Umsteiger </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"ed5033c4-0002-0001-0000-000014322561"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/rekord-geschaefte-mit-italienern-a-7334a667-0002-0001-0000-000014322566?context=issue" target="_self" title="Rekord-Geschäfte mit Italienern" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/rekord-geschaefte-mit-italienern-a-7334a667-0002-0001-0000-000014322566?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Rekord-Geschäfte mit Italienern </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"7334a667-0002-0001-0000-000014322566"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/absatz-flaute-auf-dem-oelmarkt-a-6d42533f-0002-0001-0000-000014322572?context=issue" target="_self" title="Absatz-Flaute auf dem Ölmarkt" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/absatz-flaute-auf-dem-oelmarkt-a-6d42533f-0002-0001-0000-000014322572?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Absatz-Flaute auf dem Ölmarkt </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6d42533f-0002-0001-0000-000014322572"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/schlechte-zeiten-fuer-die-chemie-a-04d42edc-0002-0001-0000-000014322580?context=issue" target="_self" title="Schlechte Zeiten für die Chemie" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/schlechte-zeiten-fuer-die-chemie-a-04d42edc-0002-0001-0000-000014322580?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Schlechte Zeiten für die Chemie </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"04d42edc-0002-0001-0000-000014322580"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/tanker-fuer-schafe-a-9ab0bb7f-0002-0001-0000-000014322587?context=issue" target="_self" title="Tanker für Schafe" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/tanker-fuer-schafe-a-9ab0bb7f-0002-0001-0000-000014322587?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Tanker für Schafe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"9ab0bb7f-0002-0001-0000-000014322587"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wirtschaft/dieses-syndikat-a-6945aa91-0002-0001-0000-000014322927?context=issue" target="_self" title="PAPIER-INDUSTRIE: Dieses Syndikat" @click.prevent="pendingPath = 'https://www.spiegel.de/wirtschaft/dieses-syndikat-a-6945aa91-0002-0001-0000-000014322927?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> PAPIER-INDUSTRIE: Dieses Syndikat </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6945aa91-0002-0001-0000-000014322927"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Deutschland</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/keine-hektik-bitte-a-3c115c65-0002-0001-0000-000014322112?context=issue" target="_self" title="DEUTSCHLAND-POLITIK: Keine Hektik, bitte" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/keine-hektik-bitte-a-3c115c65-0002-0001-0000-000014322112?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DEUTSCHLAND-POLITIK: Keine Hektik, bitte </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"3c115c65-0002-0001-0000-000014322112"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/hinten-runter-a-80eed62e-0002-0001-0000-000014322129?context=issue" target="_self" title="CDU/CSU: Hinten runter" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/hinten-runter-a-80eed62e-0002-0001-0000-000014322129?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> CDU/CSU: Hinten runter </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"80eed62e-0002-0001-0000-000014322129"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/nicht-mehr-gezwinkert-a-a1b3413e-0002-0001-0000-000014322148?context=issue" target="_self" title="WAHLKAMPF: Nicht mehr gezwinkert" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/nicht-mehr-gezwinkert-a-a1b3413e-0002-0001-0000-000014322148?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> WAHLKAMPF: Nicht mehr gezwinkert </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"a1b3413e-0002-0001-0000-000014322148"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/zweitstimmen-lieber-liberale-als-linke-a-938523bc-0002-0001-0000-000014322168?context=issue" target="_self" title="Zweitstimmen: Lieber Liberale als Linke" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/zweitstimmen-lieber-liberale-als-linke-a-938523bc-0002-0001-0000-000014322168?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Zweitstimmen: Lieber Liberale als Linke </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"938523bc-0002-0001-0000-000014322168"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/klopfen-und-pfeifen-a-ce2f7648-0002-0001-0000-000014322204?context=issue" target="_self" title="SCHLESWIG-HOLSTEIN: Klopfen und Pfeifen" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/klopfen-und-pfeifen-a-ce2f7648-0002-0001-0000-000014322204?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> SCHLESWIG-HOLSTEIN: Klopfen und Pfeifen </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"ce2f7648-0002-0001-0000-000014322204"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/ungeheurer-druck-a-65104570-0002-0001-0000-000014322227?context=issue" target="_self" title="SPIONAGE: Ungeheurer Druck" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/ungeheurer-druck-a-65104570-0002-0001-0000-000014322227?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> SPIONAGE: Ungeheurer Druck </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"65104570-0002-0001-0000-000014322227"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/diese-seifenblasendemokratie-a-e81f2541-0002-0001-0000-000014322261?context=issue" target="_self" title="»Diese Seifenblasendemokratie«" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/diese-seifenblasendemokratie-a-e81f2541-0002-0001-0000-000014322261?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> »Diese Seifenblasendemokratie« </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"e81f2541-0002-0001-0000-000014322261"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/strenger-massstab-a-f46d32d6-0002-0001-0000-000014322328?context=issue" target="_self" title="RAUSCHGIFT: Strenger Maßstab" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/strenger-massstab-a-f46d32d6-0002-0001-0000-000014322328?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> RAUSCHGIFT: Strenger Maßstab </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"f46d32d6-0002-0001-0000-000014322328"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/nix-kasko-a-458fb857-0002-0001-0000-000014322346?context=issue" target="_self" title="AUSLÄNDER: Nix Kasko" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/nix-kasko-a-458fb857-0002-0001-0000-000014322346?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> AUSLÄNDER: Nix Kasko </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"458fb857-0002-0001-0000-000014322346"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/rarissima-geworden-a-e706c744-0002-0001-0000-000014322369?context=issue" target="_self" title="AUTOREN: Rarissima geworden" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/rarissima-geworden-a-e706c744-0002-0001-0000-000014322369?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> AUTOREN: Rarissima geworden </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"e706c744-0002-0001-0000-000014322369"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/wissen-ausgeliefert-a-e93af75b-0002-0001-0000-000014322386?context=issue" target="_self" title="DDR: Wissen ausgeliefert" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/wissen-ausgeliefert-a-e93af75b-0002-0001-0000-000014322386?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DDR: Wissen ausgeliefert </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"e93af75b-0002-0001-0000-000014322386"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/fuersorgliche-geste-a-3db75a97-0002-0001-0000-000014322416?context=issue" target="_self" title="BAYERN: Fürsorgliche Geste" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/fuersorgliche-geste-a-3db75a97-0002-0001-0000-000014322416?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> BAYERN: Fürsorgliche Geste </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"3db75a97-0002-0001-0000-000014322416"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/teures-understanding-a-7febcc9a-0002-0001-0000-000014322433?context=issue" target="_self" title="RÜSTUNG: Teures Understanding" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/teures-understanding-a-7febcc9a-0002-0001-0000-000014322433?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> RÜSTUNG: Teures Understanding </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"7febcc9a-0002-0001-0000-000014322433"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/die-leute-wollen-geld-und-sonst-gar-nichts-a-c7bf0a30-0002-0001-0000-000014322451?context=issue" target="_self" title="»Die Leute wollen Geld und sonst gar nichts«" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/die-leute-wollen-geld-und-sonst-gar-nichts-a-c7bf0a30-0002-0001-0000-000014322451?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> »Die Leute wollen Geld und sonst gar nichts« </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"c7bf0a30-0002-0001-0000-000014322451"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/hotel-von-spinnen-befallen-196-20-mark-a-1b87099e-0002-0001-0000-000014322473?context=issue" target="_self" title="Hotel von Spinnen befallen - 196,20 Mark" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/hotel-von-spinnen-befallen-196-20-mark-a-1b87099e-0002-0001-0000-000014322473?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Hotel von Spinnen befallen - 196,20 Mark </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1b87099e-0002-0001-0000-000014322473"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/das-pharaonengrab-a-4b720036-0002-0001-0000-000014322517?context=issue" target="_self" title="TERRORISTEN: Das Pharaonengrab" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/das-pharaonengrab-a-4b720036-0002-0001-0000-000014322517?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> TERRORISTEN: Das Pharaonengrab </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4b720036-0002-0001-0000-000014322517"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/wobbler-gegen-raf-bomben-a-9027c781-0002-0001-0000-000014322531?context=issue" target="_self" title="»Wobbler« gegen RAF-Bomben?" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/wobbler-gegen-raf-bomben-a-9027c781-0002-0001-0000-000014322531?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> »Wobbler« gegen RAF-Bomben? </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"9027c781-0002-0001-0000-000014322531"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/messer-am-hals-a-4102c4e5-0002-0001-0000-000014322546?context=issue" target="_self" title="JUSTIZ: Messer am Hals" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/messer-am-hals-a-4102c4e5-0002-0001-0000-000014322546?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> JUSTIZ: Messer am Hals </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4102c4e5-0002-0001-0000-000014322546"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Ausland</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/give-em-hell-a-1f89a1c4-0002-0001-0000-000014322690?context=issue" target="_self" title="USA: Give 'em Hell" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/give-em-hell-a-1f89a1c4-0002-0001-0000-000014322690?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> USA: Give 'em Hell </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1f89a1c4-0002-0001-0000-000014322690"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/rassische-einheit-a-389c20d7-0002-0001-0000-000014322712?context=issue" target="_self" title="ITALIEN: Rassische Einheit" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/rassische-einheit-a-389c20d7-0002-0001-0000-000014322712?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> ITALIEN: Rassische Einheit </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"389c20d7-0002-0001-0000-000014322712"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/jagd-auf-den-maulwurf-a-0aaa4255-0002-0001-0000-000014322732?context=issue" target="_self" title="ENGLAND: Jagd auf den Maulwurf" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/jagd-auf-den-maulwurf-a-0aaa4255-0002-0001-0000-000014322732?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> ENGLAND: Jagd auf den Maulwurf </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"0aaa4255-0002-0001-0000-000014322732"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/mit-weltkrieg-i-waffen-gegen-die-schurawi-a-8f3feda1-0002-0001-0000-000014322829?context=issue" target="_self" title="Mit Weltkrieg-I-Waffen gegen die Schurawi" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/mit-weltkrieg-i-waffen-gegen-die-schurawi-a-8f3feda1-0002-0001-0000-000014322829?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Mit Weltkrieg-I-Waffen gegen die Schurawi </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"8f3feda1-0002-0001-0000-000014322829"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/krieg-der-wellen-a-4eb793af-0002-0001-0000-000014322842?context=issue" target="_self" title="FRANKREICH: Krieg der Wellen" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/krieg-der-wellen-a-4eb793af-0002-0001-0000-000014322842?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> FRANKREICH: Krieg der Wellen </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4eb793af-0002-0001-0000-000014322842"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/wir-waren-die-sklaven-der-schweizer-a-0ceb05a2-0002-0001-0000-000014322867?context=issue" target="_self" title="»Wir waren die Sklaven der Schweizer«" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/wir-waren-die-sklaven-der-schweizer-a-0ceb05a2-0002-0001-0000-000014322867?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> »Wir waren die Sklaven der Schweizer« </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"0ceb05a2-0002-0001-0000-000014322867"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Serie</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/uns-gibt-amerika-keine-chance-a-5b9d21ca-0002-0001-0000-000014322756?context=issue" target="_self" title="»Uns gibt Amerika keine Chance«" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/uns-gibt-amerika-keine-chance-a-5b9d21ca-0002-0001-0000-000014322756?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> »Uns gibt Amerika keine Chance« </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"5b9d21ca-0002-0001-0000-000014322756"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/begrabene-illusionen-a-9c746076-0002-0001-0000-000014323002?context=issue" target="_self" title="Begrabene Illusionen" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/begrabene-illusionen-a-9c746076-0002-0001-0000-000014323002?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Begrabene Illusionen </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"9c746076-0002-0001-0000-000014323002"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Sport</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/sport/keiner-ohne-macke-a-d67ca822-0002-0001-0000-000014322941?context=issue" target="_self" title="Keiner ohne Macke" @click.prevent="pendingPath = 'https://www.spiegel.de/sport/keiner-ohne-macke-a-d67ca822-0002-0001-0000-000014322941?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Keiner ohne Macke </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d67ca822-0002-0001-0000-000014322941"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Kultur</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/krach-um-poona-film-a-bf0d6dec-0002-0001-0000-000014322954?context=issue" target="_self" title="Krach um »Poona«-Film" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/krach-um-poona-film-a-bf0d6dec-0002-0001-0000-000014322954?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Krach um »Poona«-Film </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"bf0d6dec-0002-0001-0000-000014322954"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/ueber-jagdszenen-und-ananasfarmer-a-7d439b1a-0002-0001-0000-000014322962?context=issue" target="_self" title="Über Jagdszenen und Ananasfarmer" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/ueber-jagdszenen-und-ananasfarmer-a-7d439b1a-0002-0001-0000-000014322962?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Über Jagdszenen und Ananasfarmer </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"7d439b1a-0002-0001-0000-000014322962"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/hilferufe-fuer-loewenthal-a-fd51fbe1-0002-0001-0000-000014322971?context=issue" target="_self" title="Hilferufe für Löwenthal" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/hilferufe-fuer-loewenthal-a-fd51fbe1-0002-0001-0000-000014322971?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Hilferufe für Löwenthal </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"fd51fbe1-0002-0001-0000-000014322971"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/schoener-malen-auf-dem-lande-a-f38a73d3-0002-0001-0000-000014322979?context=issue" target="_self" title="Schöner malen auf dem Lande" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/schoener-malen-auf-dem-lande-a-f38a73d3-0002-0001-0000-000014322979?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Schöner malen auf dem Lande </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"f38a73d3-0002-0001-0000-000014322979"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/rundschlag-gegen-jugendbuchautoren-a-93aa421b-0002-0001-0000-000014322987?context=issue" target="_self" title="Rundschlag gegen Jugendbuchautoren" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/rundschlag-gegen-jugendbuchautoren-a-93aa421b-0002-0001-0000-000014322987?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Rundschlag gegen Jugendbuchautoren </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"93aa421b-0002-0001-0000-000014322987"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/staendiges-gebrabbel-a-d45832a8-0002-0001-0000-000014323076?context=issue" target="_self" title="FERNSEHEN: Ständiges Gebrabbel" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/staendiges-gebrabbel-a-d45832a8-0002-0001-0000-000014323076?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> FERNSEHEN: Ständiges Gebrabbel </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d45832a8-0002-0001-0000-000014323076"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/letztes-haus-a-d3d24e9c-0002-0001-0000-000014323095?context=issue" target="_self" title="STÄDTEBAU: Letztes Haus" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/letztes-haus-a-d3d24e9c-0002-0001-0000-000014323095?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> STÄDTEBAU: Letztes Haus </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d3d24e9c-0002-0001-0000-000014323095"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/deutschland-aus-beton-a-d8875855-0002-0001-0000-000014323123?context=issue" target="_self" title="Deutschland aus Beton" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/deutschland-aus-beton-a-d8875855-0002-0001-0000-000014323123?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Deutschland aus Beton </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"d8875855-0002-0001-0000-000014323123"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/ein-autoritaerer-anarchist-a-3e3d0c35-0002-0001-0000-000024819013?context=issue" target="_self" title="Ein autoritärer Anarchist" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/ein-autoritaerer-anarchist-a-3e3d0c35-0002-0001-0000-000024819013?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Ein autoritärer Anarchist </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"3e3d0c35-0002-0001-0000-000024819013"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/rufmord-am-rex-a-4e57f8ba-0002-0001-0000-000024819016?context=issue" target="_self" title="Rufmord am Rex?" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/rufmord-am-rex-a-4e57f8ba-0002-0001-0000-000024819016?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Rufmord am Rex? </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4e57f8ba-0002-0001-0000-000024819016"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/ohrwuermer-fuers-kino-a-0c0b6eb7-0002-0001-0000-000024819033?context=issue" target="_self" title="Ohrwürmer fürs Kino" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/ohrwuermer-fuers-kino-a-0c0b6eb7-0002-0001-0000-000024819033?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Ohrwürmer fürs Kino </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"0c0b6eb7-0002-0001-0000-000024819033"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/kultur/nur-keine-angst-wenn-die-rote-flotte-landet-a-ecde87a9-0002-0001-0000-000024819039?context=issue" target="_self" title="Nur keine Angst, wenn die Rote Flotte landet" @click.prevent="pendingPath = 'https://www.spiegel.de/kultur/nur-keine-angst-wenn-die-rote-flotte-landet-a-ecde87a9-0002-0001-0000-000024819039?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Nur keine Angst, wenn die Rote Flotte landet </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"ecde87a9-0002-0001-0000-000024819039"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Wissenschaft+Technik</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wissenschaft/schmerzhafter-frass-a-fc73fac3-0002-0001-0000-000024819025?context=issue" target="_self" title="Schmerzhafter Fraß" @click.prevent="pendingPath = 'https://www.spiegel.de/wissenschaft/schmerzhafter-frass-a-fc73fac3-0002-0001-0000-000024819025?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Schmerzhafter Fraß </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"fc73fac3-0002-0001-0000-000024819025"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/wissenschaft/unbekannte-wesen-a-82c2867e-0002-0001-0000-000024819028?context=issue" target="_self" title="Unbekannte Wesen" @click.prevent="pendingPath = 'https://www.spiegel.de/wissenschaft/unbekannte-wesen-a-82c2867e-0002-0001-0000-000024819028?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Unbekannte Wesen </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"82c2867e-0002-0001-0000-000024819028"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Spectrum</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/weniger-kojak-mehr-aspekte-a-344dc8e6-0002-0001-0000-000024819042?context=issue" target="_self" title="Weniger »Kojak«, mehr »Aspekte«" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/weniger-kojak-mehr-aspekte-a-344dc8e6-0002-0001-0000-000024819042?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Weniger »Kojak«, mehr »Aspekte« </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"344dc8e6-0002-0001-0000-000024819042"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/konkurrenz-fuer-trauben-und-zucker-a-dd2e6dd3-0002-0001-0000-000024819044?context=issue" target="_self" title="Konkurrenz für Trauben und Zucker" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/konkurrenz-fuer-trauben-und-zucker-a-dd2e6dd3-0002-0001-0000-000024819044?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Konkurrenz für Trauben und Zucker </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"dd2e6dd3-0002-0001-0000-000024819044"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/rorschach-test-fuer-baubetrachter-a-c358988b-0002-0001-0000-000024819050?context=issue" target="_self" title="Rorschach-Test für Baubetrachter" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/rorschach-test-fuer-baubetrachter-a-c358988b-0002-0001-0000-000024819050?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Rorschach-Test für Baubetrachter </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"c358988b-0002-0001-0000-000024819050"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Medien</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-montag-18-8-a-782d6ef4-0002-0001-0000-000024819088?context=issue" target="_self" title="DIESE WOCHE IM FERNSEHEN Montag, 18.8." @click.prevent="pendingPath = 'https://www.spiegel.de/politik/diese-woche-im-fernsehen-montag-18-8-a-782d6ef4-0002-0001-0000-000024819088?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DIESE WOCHE IM FERNSEHEN Montag, 18.8. </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"782d6ef4-0002-0001-0000-000024819088"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-dienstag-19-8-a-18eae711-0002-0001-0000-000024819091?context=issue" target="_self" title="DIESE WOCHE IM FERNSEHEN Dienstag, 19.8." @click.prevent="pendingPath = 'https://www.spiegel.de/politik/diese-woche-im-fernsehen-dienstag-19-8-a-18eae711-0002-0001-0000-000024819091?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DIESE WOCHE IM FERNSEHEN Dienstag, 19.8. </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"18eae711-0002-0001-0000-000024819091"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-mittwoch-20-8-a-6880139e-0002-0001-0000-000024819094?context=issue" target="_self" title="DIESE WOCHE IM FERNSEHEN Mittwoch, 20.8." @click.prevent="pendingPath = 'https://www.spiegel.de/politik/diese-woche-im-fernsehen-mittwoch-20-8-a-6880139e-0002-0001-0000-000024819094?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DIESE WOCHE IM FERNSEHEN Mittwoch, 20.8. </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6880139e-0002-0001-0000-000024819094"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-donnerstag-21-8-a-868e72b2-0002-0001-0000-000024819096?context=issue" target="_self" title="DIESE WOCHE IM FERNSEHEN Donnerstag, 21.8." @click.prevent="pendingPath = 'https://www.spiegel.de/politik/diese-woche-im-fernsehen-donnerstag-21-8-a-868e72b2-0002-0001-0000-000024819096?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DIESE WOCHE IM FERNSEHEN Donnerstag, 21.8. </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"868e72b2-0002-0001-0000-000024819096"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-freitag-22-8-a-16316f23-0002-0001-0000-000024819099?context=issue" target="_self" title="DIESE WOCHE IM FERNSEHEN Freitag, 22.8." @click.prevent="pendingPath = 'https://www.spiegel.de/politik/diese-woche-im-fernsehen-freitag-22-8-a-16316f23-0002-0001-0000-000024819099?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DIESE WOCHE IM FERNSEHEN Freitag, 22.8. </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"16316f23-0002-0001-0000-000024819099"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-samstag-23-8-a-c8ea366f-0002-0001-0000-000024819101?context=issue" target="_self" title="DIESE WOCHE IM FERNSEHEN Samstag, 23.8." @click.prevent="pendingPath = 'https://www.spiegel.de/politik/diese-woche-im-fernsehen-samstag-23-8-a-c8ea366f-0002-0001-0000-000024819101?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DIESE WOCHE IM FERNSEHEN Samstag, 23.8. </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"c8ea366f-0002-0001-0000-000024819101"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/diese-woche-im-fernsehen-sonntag-24-8-a-b880c2e0-0002-0001-0000-000024819104?context=issue" target="_self" title="DIESE WOCHE IM FERNSEHEN Sonntag, 24.8." @click.prevent="pendingPath = 'https://www.spiegel.de/politik/diese-woche-im-fernsehen-sonntag-24-8-a-b880c2e0-0002-0001-0000-000024819104?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> DIESE WOCHE IM FERNSEHEN Sonntag, 24.8. </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"b880c2e0-0002-0001-0000-000024819104"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> <li class="pt-48" x-data="{ expanded: true }" :aria-expanded="expanded"> <button class="w-full group flex justify-between text-black dark:text-shade-lightest font-sansUI font-bold text-base pb-16 hover:text-primary-dark focus:opacity-full cursor-pointer leading-normal text-left outline-focus" @click="expanded = !expanded"> <span class="block lg:mr-24 md:mr-24 lg:w-full md:w-full"> <span class="text-black dark:text-shade-lightest flex justify-between"> <span class="flex lg:justify-start md:justify-start sm:justify-between text-primary-base dark:text-dm-primary-base hover:text-primary-dark font-brandUI font-extrabold text-l leading-tight sm:w-full"> <span>Rubriken</span> </span> </span> </span> <span class="block relative top-px lg:ml-24 md:ml-24 sm:ml-16"> <span x-show="expanded"><svg width="16" height="16"><use xlink:href="#spon-chevron-up-f-m"/></svg> </span> <span x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#spon-chevron-down-f-m"/></svg> </span> </span> </button> <div class="border-separator-t h-px"></div> <ul class="z-10 font-sansUI font-bold text-base text-black dark:text-shade-lightest" x-show="expanded" :aria-hidden="!expanded"> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/fortschritt-nach-rueckwaerts-a-943c0e64-0002-0001-0000-000014321825?context=issue" target="_self" title="Briefe" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/fortschritt-nach-rueckwaerts-a-943c0e64-0002-0001-0000-000014321825?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Briefe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"943c0e64-0002-0001-0000-000014321825"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/nervtoetendes-surren-a-4274c919-0002-0001-0000-000014321856?context=issue" target="_self" title="Briefe" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/nervtoetendes-surren-a-4274c919-0002-0001-0000-000014321856?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Briefe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"4274c919-0002-0001-0000-000014321856"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/denkvermoegen-foerdern-a-f73d0f79-0002-0001-0000-000014321861?context=issue" target="_self" title="Briefe" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/denkvermoegen-foerdern-a-f73d0f79-0002-0001-0000-000014321861?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Briefe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"f73d0f79-0002-0001-0000-000014321861"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/eklatanter-verstoss-a-07459b0d-0002-0001-0000-000014321877?context=issue" target="_self" title="Briefe" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/eklatanter-verstoss-a-07459b0d-0002-0001-0000-000014321877?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Briefe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"07459b0d-0002-0001-0000-000014321877"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/sender-mit-vergangenheit-a-6ed3e6ee-0002-0001-0000-000014321885?context=issue" target="_self" title="Briefe" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/sender-mit-vergangenheit-a-6ed3e6ee-0002-0001-0000-000014321885?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Briefe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"6ed3e6ee-0002-0001-0000-000014321885"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/schmeichelnder-irrtum-a-0979ab12-0002-0001-0000-000014321898?context=issue" target="_self" title="Briefe" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/schmeichelnder-irrtum-a-0979ab12-0002-0001-0000-000014321898?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Briefe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"0979ab12-0002-0001-0000-000014321898"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/zufriedenheit-geht-ueber-reichtum-a-49c667fd-0002-0001-0000-000014321907?context=issue" target="_self" title="Briefe" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/zufriedenheit-geht-ueber-reichtum-a-49c667fd-0002-0001-0000-000014321907?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Briefe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"49c667fd-0002-0001-0000-000014321907"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/neues-vertrauen-a-27da662a-0002-0001-0000-000014321916?context=issue" target="_self" title="Briefe" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/neues-vertrauen-a-27da662a-0002-0001-0000-000014321916?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Briefe </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"27da662a-0002-0001-0000-000014321916"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/billy-carter-a-5a51c931-0002-0001-0000-000024819053?context=issue" target="_self" title="Billy Carter" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/billy-carter-a-5a51c931-0002-0001-0000-000024819053?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Billy Carter </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"5a51c931-0002-0001-0000-000024819053"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/horst-mahler-a-b3326c04-0002-0001-0000-000024819055?context=issue" target="_self" title="Horst Mahler" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/horst-mahler-a-b3326c04-0002-0001-0000-000024819055?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Horst Mahler </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"b3326c04-0002-0001-0000-000024819055"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/rolf-hochhuth-a-cd8310b9-0002-0001-0000-000024819058?context=issue" target="_self" title="Rolf Hochhuth" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/rolf-hochhuth-a-cd8310b9-0002-0001-0000-000024819058?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Rolf Hochhuth </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"cd8310b9-0002-0001-0000-000024819058"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/dietmar-schlee-a-ef180f51-0002-0001-0000-000024819064?context=issue" target="_self" title="Dietmar Schlee" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/dietmar-schlee-a-ef180f51-0002-0001-0000-000024819064?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Dietmar Schlee </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"ef180f51-0002-0001-0000-000024819064"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/hans-dietrich-genscher-a-01166e7d-0002-0001-0000-000024819066?context=issue" target="_self" title="Hans-Dietrich Genscher" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/hans-dietrich-genscher-a-01166e7d-0002-0001-0000-000024819066?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Hans-Dietrich Genscher </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"01166e7d-0002-0001-0000-000024819066"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/horst-ehmke-a-91a973ec-0002-0001-0000-000024819069?context=issue" target="_self" title="Horst Ehmke" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/horst-ehmke-a-91a973ec-0002-0001-0000-000024819069?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Horst Ehmke </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"91a973ec-0002-0001-0000-000024819069"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> <li class="border-separator-b py-16 flex justify-between items-center"> <a class="hover:opacity-moderate mr-16" href="https://www.spiegel.de/politik/franz-josef-strauss-a-1f609b25-0002-0001-0000-000024819072?context=issue" target="_self" title="Franz Josef Strauß" @click.prevent="pendingPath = 'https://www.spiegel.de/politik/franz-josef-strauss-a-1f609b25-0002-0001-0000-000024819072?context=issue'; $publish('TOC_DRAWER_CLOSE');"> <span class="pointer-events-none"> Franz Josef Strauß </span> </a> <button class="flex hover:opacity-distinct text-black dark:text-shade-lightest" data-component="BookmarkButton" data-settings="{"collection":"article","documentId":"1f609b25-0002-0001-0000-000024819072"}" data-area="bookmark_button" data-sara-click-el="button" data-sara-click-suppress title="Zur Merkliste hinzufügen"> <span class="sr-only" data-bookmark-button-el="label">Zur Merkliste hinzufügen</span> <span class="leading-none" data-bookmark-button-el="icon-inactive"><svg width="16" height="16"><use xlink:href="#spon-bookmark-m"/></svg> </span> <span class="leading-none hidden" data-bookmark-button-el="icon-active"><svg width="16" height="16"><use xlink:href="#spon-bookmark-f-m"/></svg> </span> </button> </li> </ul> </li> </ul> <div style="height: var(--polygon-app-bottombar-height, 0px)"></div> </nav> </div> </div> <div x-data="{isOpen: false,returnFocusElement: null,type: '',get title() {return $settings?.translations?.loginLayer?.[this.type]?.title || '';},get imageSrc() {if (this.type) {return 'https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_720.png';} else {return '';}},get imageSrcset() {if (this.type) {return ('https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_460.png 460w, ' +'https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_720.png 720w, ' +'https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_920.png 920w, ' +'https://cdn.prod.www.spiegel.de/public/spon/images/modal/' + this.type + '-login_1440.png 1440w');} else {return '';}},get text() {return $settings?.translations?.loginLayer?.[this.type]?.text || '';},preventScrolling: true,id: '0b9ca8d3-38a9-4789-8c2d-1778cb2f6342',open() {if (this.isOpen) {return;}this.isOpen = true;this.returnFocusElement = window.document.activeElement;$focus($refs.closeButton);$publish('LOGIN_LAYER_OPENED');$publish('OVERLAY_OPENED', this);},close() {if (!this.isOpen) {return;}this.isOpen = false;$focus(this.returnFocusElement);this.returnFocusElement = null;this.type = '';$publish('LOGIN_LAYER_CLOSED');$publish('OVERLAY_CLOSED', this);},}" x-subscribe.login_layer_open_layer="const args = $payload[0];if (args.type) {type = args.type;open();}" x-subscribe.login_layer_close_layer="close()" @keydown.escape.capture.window="if ($event.defaultPrevented || !isOpen) {return;}$event.preventDefault();close();" x-cloak> <template x-if="isOpen"> <div class="fixed left-0 top-0 h-full w-full z-overlay animate-fade-in" :data-area="`login-layer>${type}`"> <div class="bg-black opacity-distinct h-full w-full" @click.prevent="close();"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex items-center mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg pointer-events-none lg:px-8" style="bottom: var(--polygon-app-bottombar-height, 0px)"> <div class="bg-white border border-shade-lighter dark:bg-dm-shade-darkest lg:mx-auto md:mx-auto sm:mx-16 lg:p-24 lg:w-8/12 md:p-24 md:w-10/12 rounded shadow sm:px-16 sm:pt-16 sm:pb-24 max-h-full overflow-x-hidden overflow-y-auto pointer-events-auto"> <div class="flex justify-between lg:mb-24 md:mb-24 sm:mb-16"> <div class="font-brandUI font-extrabold lg:text-2xl md:text-2xl sm:text-xl leading-tight lg:mr-24 md:mr-24 sm:mr-16 sm:pt-px" x-text="title"></div> <button class="text-black dark:text-shade-lightest outline-focus cursor-pointer leading-none" data-sara-click-el="button" x-ref="closeButton" @click.prevent="close();"><svg class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-close-630c29cf-ba63-4aa0-8de6-a27631e95804"> <path id="vector-630c29cf-ba63-4aa0-8de6-a27631e95804" d="M18 18L6 6m12 0L6 18" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> <span class="sr-only">Dialog schließen</span> </button> </div> <div class="mb-8"> <span class="block bg-transparent dark:bg-black"> <img aria-hidden="true" class="rounded" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 327' width='720' height='327' %3E%3C/svg%3E" :src="imageSrc" :srcset="imageSrcset" sizes="(max-width: 719px) 460px, 720px" width="720" height="327"> </span> <div class="RichTextCredit font-sansUI text-s text-shade-light dark:text-shade-dark pt-4"> © Patrick Mariathasan / DER SPIEGEL </div> </div> <div class="font-sansUI text-black dark:text-shade-lightest text-base mb-16" x-text="text"></div> <a 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" href="https://gruppenkonto.spiegel.de/authenticate?requestAccessToken=true&targetUrl=https%3A%2F%2Fwww.spiegel.de%2Fspiegel%2Fprint%2Findex-1980-34.html" title="Anmelden oder Konto erstellen" data-consent-el="loginLink" data-sara-link="gruppenkonto" x-data @click.prevent="if ($appUtils.isApp) {$appBridge.triggerLogin({ targetUrl: 'https://www.spiegel.de/spiegel/print/index-1980-34.html' });} else {window.location.href = $el.href;}"> <span class="leading-20"> Anmelden oder Konto erstellen </span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#spon-chevron-right-f-s"/></svg> </span> </a> </div> </div> </div> </template> </div> <div class="fixed top-0 left-0 right-0 z-overlay" data-notification-el="container" data-notification-position="overlay"></div> <div x-data="{isOpen: false,returnFocusElement: null,preventScrolling: true,id: '265213ed-a963-4120-b432-a48cafabb467',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%2Fspiegel%2Fprint%2Findex-1980-34.html" 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%2Fspiegel%2Fprint%2Findex-1980-34.html" 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_2","sitetype":"desktop"});window.AdPositions.push({"id":"pos_3","sitetype":"desktop"});window.AdPositions.push({"id":"pos_2","sitetype":"mobile"});window.AdPositions.push({"id":"pos_4","sitetype":"desktop"});window.AdPositions.push({"id":"pos_3","sitetype":"mobile"});window.AdPositions.push({"id":"pos_5","sitetype":"desktop"});window.AdPositions.push({"id":"pos_4","sitetype":"mobile"});window.AdPositions.push({"id":"pos_5","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-2e19b97b-8719-47f4-8116-436326031094"> <g id="l-checkbox-f_2-2e19b97b-8719-47f4-8116-436326031094"> <path id="check-2e19b97b-8719-47f4-8116-436326031094" 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-16a1fd31-a777-48ef-bc50-cb8c350e422c"> <path id="rectangle-3-16a1fd31-a777-48ef-bc50-cb8c350e422c" 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-16a1fd31-a777-48ef-bc50-cb8c350e422c" cx="12" cy="17.5" r="1.5" class="fill-current"/> </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>