CINXE.COM

„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser

<!DOCTYPE html> <html lang='de'> <head> <script type="text/javascript"> const userPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches const userPreference = localStorage.getItem('theme') if (userPreference === 'dark' || (!userPreference && userPrefersDark)) { document.documentElement.classList.add('dark') } else { document.documentElement.classList.remove('dark') } </script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, viewport-fit=cover"> <meta name="scaffold" content="live"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser</title> <meta name="twitter:title" content="„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser"> <meta property="og:title" content="„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser"> <meta name="description" content="Ein Roadtrip von Connecticut nach Alabama: F. Scott Fitzgeralds Reisekomödie „Die Straße der Pfirsiche“ erscheint erstmals auf Deutsch."> <meta property="og:description" content="Ein Roadtrip von Connecticut nach Alabama: F. Scott Fitzgeralds Reisekomödie „Die Straße der Pfirsiche“ erscheint erstmals auf Deutsch."> <meta name="twitter:description" content="Ein Roadtrip von Connecticut nach Alabama: F. Scott Fitzgeralds Reisekomödie „Die Straße der Pfirsiche“ erscheint erstmals auf Deutsch."> <meta name="date" content="2015-10-29T04:04:00.000Z"> <meta name="last-modified" content="2017-03-24T13:56:38.000Z"> <meta property="og:image" content="https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1600.jpeg"> <meta name="twitter:image" content="https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v4_3_800.jpeg"> <link rel="canonical" href="https://www.abendblatt.de/kultur-live/article206343443/Die-Strasse-der-Pfirsiche-ist-ein-grosses-Glueck-fuer-den-Leser.html" /> <meta property="og:url" content="https://www.abendblatt.de/kultur-live/article206343443/Die-Strasse-der-Pfirsiche-ist-ein-grosses-Glueck-fuer-den-Leser.html"> <meta name="author" content="Thomas Andre"> <meta name="copyright" content="FUNKE Mediengruppe"> <meta name="email" content="info@abendblatt.de"> <meta name="locale" content="de_DE"> <meta name="robots" content="index, follow, noarchive"> <meta name="robots" content="max-image-preview:large, noarchive, max-video-preview:-1"> <meta property="og:locale" content="de_DE"> <meta property="og:type" content="article"> <meta name="twitter:card" content="summary_large_image"> <meta property="fb:app_id" content="1650819678556421" /> <meta name="branded-content-for-taboola" content="true"/> <meta name='iomm_config_esm' content="es5"> <!-- IVW ES5 definition --> <link rel="preload" as="image" href="#" imagesrcset="https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_600.webp 600w, https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1200.webp 1200w, https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1600.webp 1600w" imagesizes="(min-width: 960px) 940px, (min-width: 600px) 610px, 100vw" /> <link rel="preconnect" href="https://img.sparknews.funkemedien.de" crossorigin /> <link rel="preload" href="/static/2024-11-29T09:16:57-8498081/hao/main.css" as="style" /> <link rel="preload" href="/static/2024-11-29T09:16:57-8498081/hao/fonts/FiraSans-Regular.woff2" crossorigin="anonymous" as="font" type="font/woff2" /> <link rel="preload" href="/static/2024-11-29T09:16:57-8498081/hao/fonts/FiraSans-Medium.woff2" crossorigin="anonymous" as="font" type="font/woff2" /> <link rel="preload" href="/static/2024-11-29T09:16:57-8498081/hao/fonts/FiraSans-SemiBold.woff2" crossorigin="anonymous" as="font" type="font/woff2" /> <link rel="dns-prefetch" href="https://b.delivery.consentmanager.net" crossorigin /> <link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net" crossorigin /> <link rel="dns-prefetch" href="https://cdn.piano.io" crossorigin /> <link rel="dns-prefetch" href="https://c2.piano.io" crossorigin /> <link rel="dns-prefetch" href="https://buy.tinypass.com" crossorigin /> <link rel="dns-prefetch" href="https://spark.cloud.funkedigital.de" crossorigin /> <link rel="dns-prefetch" href="https://waz.met.vgwort.de" crossorigin /> <link rel="dns-prefetch" href="https://https://static.cleverpush.com/channel/loader/PZh4JM6hKPhphRcdF.js" /> <link rel="dns-prefetch" href="https://runforrest.abendblatt.de" /> <meta name="twitter:site" content="@abendblatt"> <meta name="twitter:creator" content="@abendblatt"> <meta name="application-name" content="Hamburger Abendblatt" /> <meta name="apple-mobile-web-app-title" content="Hamburger Abendblatt" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta name="format-detection" content="telephone=no" /> <meta name="mobile-web-app-capable" content="yes" /> <meta name="msapplication-config" content="/static/2024-11-29T09:16:57-8498081/hao/browserconfig.xml" /> <meta name="theme-color" content="#333333" /> <meta name="msapplication-TileColor" content=#007127 /> <meta name="msapplication-tap-highlight" content="no" /> <link rel="manifest" href="/static/2024-11-29T09:16:57-8498081/hao/manifest.json" /> <link rel="icon" type="image/png" sizes="192x192" href="https://www.abendblatt.de/static/latest/hao/favicon.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-icon-180.png" /> <link rel="apple-touch-icon" sizes="167x167" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-icon-167.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-icon-152.png" /> <link rel="apple-touch-icon" sizes="120x120" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-icon-120.png" /> <link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-2048-2732.png" media="(max-width: 1024px) and (max-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-2732-2048.png" media="(max-width: 1024px) and (max-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1668-2388.png" media="(max-width: 834px) and (max-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-2388-1668.png" media="(max-width: 834px) and (max-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1668-2224.png" media="(max-width: 834px) and (max-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-2224-1668.png" media="(max-width: 834px) and (max-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1536-2048.png" media="(max-width: 768px) and (max-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-2048-1536.png" media="(max-width: 768px) and (max-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1242-2688.png" media="(max-width: 414px) and (max-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-2688-1242.png" media="(max-width: 414px) and (max-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1125-2436.png" media="(max-width: 375px) and (max-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-2436-1125.png" media="(max-width: 375px) and (max-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-828-1792.png" media="(max-width: 414px) and (max-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1792-828.png" media="(max-width: 414px) and (max-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1242-2208.png" media="(max-width: 414px) and (max-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-2208-1242.png" media="(max-width: 414px) and (max-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-750-1334.png" media="(max-width: 375px) and (max-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1334-750.png" media="(max-width: 375px) and (max-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-640-1136.png" media="(max-width: 320px) and (max-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" /><link rel="apple-touch-startup-image" href="/static/2024-11-29T09:16:57-8498081/hao/pwa/apple-splash-1136-640.png" media="(max-width: 320px) and (max-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" /> <meta name="cXenseParse:pageclass" content="article" /> <meta name="cXenseParse:url" content="https://www.abendblatt.de/kultur-live/article206343443/Die-Strasse-der-Pfirsiche-ist-ein-grosses-Glueck-fuer-den-Leser.html" /> <meta name="cXenseParse:recs:articleid" content="206343443" /> <meta name="cXenseParse:recs:publishtime" content="2015-10-29T04:04:00.000Z" /> <meta property="article:modified_time" content="2017-03-24T13:56:38.000Z" /> <meta name="cXenseParse:subtitle" content="Reisekomödie" /> <!-- CoreWebVitalsScript --> <script type="module"> import { onCLS, onFCP, onFID, onLCP, onINP, onTTFB } from '/static/2024-11-29T09:16:57-8498081/hao/coreWebVitals.js' // Track only 10% of page views if (Math.random() < 0.1) { function sendToGoogleAnalytics(metrics) { const data = { event: 'coreWebVitals', webVitalsMeasurement: { ...metrics }, } // window.dataLayer from GoogleTagManager if (!window.dataLayer) window.dataLayer = [] window.dataLayer.push(data) } onFCP(sendToGoogleAnalytics) onCLS(sendToGoogleAnalytics) onFID(sendToGoogleAnalytics) onLCP(sendToGoogleAnalytics) onTTFB(sendToGoogleAnalytics) onINP(sendToGoogleAnalytics) } </script> <!-- cmp --> <script data-module-id="ConsentManagerModule"> window.cmp_cdid = '8385f61515cf' window.cmp_privacyurl = 'https://www.abendblatt.de/service/unternehmen/article107788715/Datenschutzerklaerung.html' window.cmp_imprinturl = 'https://www.abendblatt.de/service/unternehmen/article109174655/Impressum.html' window.cmp_logo = 'https://cdn.consentmanager.net/delivery/img/funke/ha.jpg' window.cmp_pur_enable = true window.cmp_pur_mode = 2 window.cmp_pur_purposes = ["1","2","3","4","5","6","7","8","9","10"] window.cmp_custombutton = true; window.cmp_custombutton_name = "Zustimmung widerrufen"; window.cmp_custombutton_pos = 0; window.cmp_custombutton_screen = 2; window.cmp_custombutton_purposes = ["1","c11","c12"]; window.cmp_custombutton_logic = 4; window.cmp_custombutton_behavior = 9; window.cmp_custombutton2 = true; window.cmp_custombutton2_name = "Auswahl zustimmen"; window.cmp_custombutton2_pos = 2; window.cmp_custombutton2_screen = 2; window.cmp_custombutton2_purposes = ["1","2","3","4","5","6","7","8","9","10"]; window.cmp_custombutton2_logic = 1; </script> <style> div.cmpbox { max-width: 90vw; } </style> <template data-module-id="UserActionDelayedModule" data-ident="CleverPush"><div> <!-- CleverPushScript --> <script type="text/plain" data-cmp-src="https://static.cleverpush.com/channel/loader/PZh4JM6hKPhphRcdF.js" class="cmplazyload" data-cmp-vendor="1139" async></script> </div></template> <script type="text/javascript"> window.pdl = window.pdl || {}; window.pdl.requireConsent = '' window.SPARK = { PUBLICATION: 'hao', bus: null, kaltura: { hostname: 'cdn.vtv.funkedigital.de', uiConfId: '23465584', partnerId: '105', secret: 'MTA1Y2M0NzIzMGQzZmNhOWMyODZjZDY5M2JiMmU3MDU=', playkitUrl: 'https://cdn.vtv.funkedigital.de/p/105/embedPlaykitJs/uiconf_id/23465584/', useAutoplay: false, useProgrammaticPlaylist: false, disableAdsForPaidUser: false, tagsBlacklist: ["zro",".zro","p_29","zropolitik",".zropolitik","zropanorama",".zropanorama"], referrerList: [".google","googleapis.com/auth/chrome-content-suggestions","getpocket.com","pocket-newtab-de-de","pocket_collection_story","pocket_discover","pocket_saves","pocket_shared","pocket_list"], referrerBlacklist: [], }, piano: { aid: 'W6RtwdlMfN', aidSandbox: '7bmtDRD7ec', purRid: 'RPPQCUP', applePayMerchantId: 'n7y7hh759bn5bxbq', cXenseSiteId: '1149822477627287806', pdlConsent: true, }, sso: { aboServiceUrl: 'https://aboservice.abendblatt.de', clientId: 'spark-fe-hao', auth0Realm: 'funke-hao', }, botTalk: { enableFullAudioForFreeArticles: true }, trackingData: {"fe_environment":"decoupled","dataLayerName":"publication","event":"init","pageType":"Artikel","isLoggedIn":"","pageCategory":"Kultur & Live","pageCategory02":"","pageCategory03":"","pageArticleID":"206343443","pageContentType":"Nachricht","pageSourcePublication":"hao","pageTitle":"„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser","pageTitleOriginal":"„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser","pageDescription":"Ein Roadtrip von Connecticut nach Alabama: F. Scott Fitzgeralds Reisekomödie „Die Straße der Pfirsiche“ erscheint erstmals auf Deutsch.","pageKeywords":"","pageAutoKeywords":"","pageHashtags":"","pageTags":"","pageFirstPublished":"2015-10-29T04:11:03.000Z","pagePublished":"2015-10-29T04:04:00.000Z","pageModified":"2017-03-24T13:56:38.000Z","pageAuthor":"Thomas Andre","pageSource":"methode","master-id":"2b85a684-7d51-11e5-b46b-c343b0c81ca3","isPaidContent":"true","semantic":"","pageLengthWords":"0","characterLength":"0","pageCanonical":"https://www.abendblatt.de/kultur-live/article206343443/Die-Strasse-der-Pfirsiche-ist-ein-grosses-Glueck-fuer-den-Leser.html","environment":"prod"}, trackingServiceConf: {"appId":"abendblatt.de","trackerName":"funke-regio","collectorUrl":"sp.data.funkedigital.de","snowplowObjectName":"snowplow","dataLayerObjectLocation":"SPARK.trackingData"}, debug: false, skipExternals: false, inApp: undefined } </script> <script type="text/javascript" src="/static/2024-11-29T09:16:57-8498081/hao/client.js" defer></script> <link href="/static/2024-11-29T09:16:57-8498081/hao/main.css" rel="stylesheet"> <script> const setNptTechCookie = (isBlocking) => { console.log('★ AdBlockDetection: isBlocking = ' + isBlocking) const d = new Date() d.setTime(d.getTime() + 60 * 5 * 1000) document.cookie = '__adblocker=' + (isBlocking ? 'true' : 'false') + '; expires=' + d.toUTCString() + '; path=/' } </script> <script src="/static/2024-11-29T09:16:57-8498081/hao/admanager.js" onLoad="setNptTechCookie(false);" onerror="setNptTechCookie(true);" async></script> <template data-module-id="UserActionDelayedModule" data-ident="GoogleTagManager"><div> <!-- Google Tag Manager --> <script> ;(function (w, d, s, l, i) { w[l] = w[l] || [] w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }) var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '' j.async = true j.src = 'https://runforrest.abendblatt.de/nnamdnas.js?id=' + i + dl j.fetchPriority = 'high' f.parentNode.insertBefore(j, f) })(window, document, 'script', 'dataLayer', 'GTM-K7M776T') </script> <!-- End Google Tag Manager --> </div></template> <template data-module-id="UserActionDelayedModule" data-ident="SnowplowTrackingServiceScript"><div><!-- SnowplowTrackingServiceScript --> <script type="text/plain" class="cmplazyload" data-cmp-vendor="1016"> window.SPARK.debug && console.log('###### Snowplow Tracking Service: initializing Snowplow Tracking Service'); try { window.SPARK.trackingService.init('full'); } catch (e) { window.SPARK.debug && console.error('Snowplow Tracking Service: Error initializing Snowplow Tracking Service', e); } </script></div></template> <!-- TrackingScript --> <script data-module-id="TrackingScriptModule"></script> <!-- PianoScript --> <script defer src="https://cdn.piano.io/api/tinypass.min.js" data-module-id="PianoScriptModule"></script> <template data-module-id="UserActionDelayedModule" data-ident="SsoScript"><div> <!-- SsoScript --> <script data-module-id="SsoScriptModule"></script> </div></template> <!-- SparkAdScript --> <script> var Spark = Spark || { cmd: [] } var SPARK_AD = Spark </script> <template data-module-id="UserActionDelayedModule" data-ident="SparkAdScript"><div> <!-- SparkAdScript --> <script src="https://spark.cloud.funkedigital.de/spark.js" defer></script> </div></template> <template data-module-id="UserActionDelayedModule" data-ident="SparkAdConfig"><div> <!-- SparkAdConfig --> <script data-module-id="SparkAdConfigModule"> const brp_lg = 960; var spark_ad_config = {"cmp":"0","permutiveNamespace":"funke","permutiveApiKey":"80430544-c5ac-44c5-b4ce-eb3058e62076","permutiveProjectId":"f23f026d-af06-45a2-8d42-9222f4656195","permutiveTax":{"sectionL1":"kultur-live","sectionL2":"","sectionL3":"","article":{"articleID":"206343443","title":"„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser","PublishedDate":"2015-10-29T04:04:00.000Z","contentType":"news","sourcePublication":"methode","teaserImage":"206344577/206344577_1446107524_","isPaidContent":true},"user":{"loginstates":"","login":"ssoID"}},"siteName":"abendblatt","zoneName":"entertainment","targetings":{"environment":"","artikeltyp":"news","loktitel":"hao","keyword":[],"loknewsid":"206343443","lokseite":"","lokverz1":"kultur-live","lokverz2":"","lokverz3":"","lokverzn":"kultur-live","lokstadt":"","paid":"true","userlogin":"","userabo":"","tag":[]},"adslots":[]}; spark_ad_config.adslots = window.innerWidth < brp_lg ? [] : []; </script> </div></template> <template data-module-id="UserActionDelayedModule" data-ident="OpinaryScript"><div> <!-- OpinaryScript --> <script async type="text/plain" class="cmplazyload" data-cmp-vendor="488" data-cmp-src="https://widgets.opinary.com/a/abendblatt.js" data-module-id="OpinaryScriptModule"></script> </div></template> <template data-module-id="UserActionDelayedModule" data-ident="TaboolaScript"><div> <!-- TaboolaScript --> <script type="text/plain" class="cmplazyload" data-cmp-vendor="42"> window.SPARK.debug && console.log('###### Taboola: adding page type to window._taboola and loading taboola script for publisherId: funke-abendblattde, pageVariant: article') // A *global* property for queuing *all* Taboola commands on this page: window._taboola = window._taboola || [] // Fill in the page type, as provided by Taboola: _taboola.push({ article: 'auto' }) !(function (e, f, u, i) { if (!document.getElementById(i)) { e.async = 1 e.src = u e.id = i f.parentNode.insertBefore(e, f) } // Fill in your Publisher ID (an alphabetic string, as provided by Taboola): })(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/funke-abendblattde/loader.js', 'tb_loader_script') if (window.performance && typeof window.performance.mark == 'function') { window.performance.mark('tbl_ic') } </script> </div></template> <script> document.addEventListener('DOMContentLoaded', function() { console.log('%c( ͡° ͜ʖ ͡°)_/¯ TypeScript, Cloud und Motivation? Komm zu uns!\nSenior Fullstack Engineer: https://jobs.funkemedien.de/search/?q=Fullstack\n%c 〉〉〉〉FUNKE ', 'font-family: Arial, sans-serif; font-size: 1.5em', 'background: #fff; color: #ff0201; font-weight: bold; font-size: 1.5em') }); </script> </head> <body class="!overflow-x-hidden bg-page"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://runforrest.abendblatt.de/ns.html?id=GTM-K7M776T" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <svg id="icon_close" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / close"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="m4.3 17.275-1.5-1.55 5.675-5.7L2.8 4.275l1.5-1.55 5.725 5.75 5.675-5.75 1.5 1.55-5.675 5.75 5.675 5.7-1.5 1.55-5.675-5.75z" /> </g> </svg><svg id="icon_person" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / person"> <path d="M0 0h20v20H0z" fill="none" /> <path d="M10 9.338A3.889 3.889 0 0 1 7.125 8.15 3.921 3.921 0 0 1 5.95 5.288 4.012 4.012 0 0 1 10 1.238a4.012 4.012 0 0 1 4.05 4.05 3.921 3.921 0 0 1-1.175 2.862A3.889 3.889 0 0 1 10 9.338zm-8.25 9.425v-3a3.08 3.08 0 0 1 .45-1.637 3.04 3.04 0 0 1 1.225-1.138 14.811 14.811 0 0 1 3.225-1.2 14.178 14.178 0 0 1 6.688 0 14.753 14.753 0 0 1 3.237 1.2 3.04 3.04 0 0 1 1.225 1.138 3.08 3.08 0 0 1 .45 1.637v3zm2.15-2.15h12.2v-.85a.927.927 0 0 0-.125-.5.942.942 0 0 0-.35-.325 16.407 16.407 0 0 0-2.775-1.012 11 11 0 0 0-2.85-.388 11.353 11.353 0 0 0-2.85.375 14.561 14.561 0 0 0-2.775 1.025.751.751 0 0 0-.35.312 1 1 0 0 0-.125.513zM10 7.188a1.878 1.878 0 0 0 1.9-1.9 1.909 1.909 0 0 0-3.25-1.35 1.835 1.835 0 0 0-.55 1.35 1.878 1.878 0 0 0 1.9 1.9zm0-1.9zm0 11.325z" /> </g> </svg><svg id="icon_expandMore" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / expand_more"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="m10.002 13.851-6.15-6.175 1.525-1.525 4.625 4.625 4.625-4.625 1.525 1.525z" /> </g> </svg><svg id="icon_personFilled" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / person_fill"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M10 9.338A3.889 3.889 0 0 1 7.125 8.15 3.921 3.921 0 0 1 5.95 5.288 4.012 4.012 0 0 1 10 1.238a4.012 4.012 0 0 1 4.05 4.05 3.921 3.921 0 0 1-1.175 2.862A3.889 3.889 0 0 1 10 9.338zm-8.25 9.425v-3a3.08 3.08 0 0 1 .45-1.637 3.04 3.04 0 0 1 1.225-1.138 14.811 14.811 0 0 1 3.225-1.2 14.178 14.178 0 0 1 6.688 0 14.753 14.753 0 0 1 3.237 1.2 3.04 3.04 0 0 1 1.225 1.138 3.08 3.08 0 0 1 .45 1.637v3z" /> </g> </svg><svg id="icon_search" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / search"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="m17.775 19.25-6.35-6.325a5.54 5.54 0 0 1-1.837.938 7.2 7.2 0 0 1-2.138.337 6.494 6.494 0 0 1-4.775-1.95 6.494 6.494 0 0 1-1.95-4.775 6.507 6.507 0 0 1 1.95-4.763A6.474 6.474 0 0 1 7.45.75 6.464 6.464 0 0 1 12.2 2.7a6.494 6.494 0 0 1 1.95 4.775 7.257 7.257 0 0 1-.312 2.125 5.562 5.562 0 0 1-.913 1.8l6.35 6.35zM7.45 12.05a4.379 4.379 0 0 0 3.238-1.325A4.441 4.441 0 0 0 12 7.475a4.441 4.441 0 0 0-1.312-3.25A4.379 4.379 0 0 0 7.45 2.9a4.505 4.505 0 0 0-4.575 4.575A4.505 4.505 0 0 0 7.45 12.05z" /> </g> </svg><svg id="icon_home" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / home"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M1.9 19.111V6.961L10 .886l8.1 6.075v12.15h-6.975v-6.55h-2.25v6.55zm2.15-2.15h2.675v-6.55h6.55v6.55h2.675v-8.9L10 3.561l-5.95 4.5zm5.95-6.7z" /> </g> </svg> <svg id="icon_plus" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / plus"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M17.175 2.244H.002L2.822 10l-2.82 7.756h17.173L20.002 10z" /> <path d="M11.205 9.224V5.587h-1.5v3.637H6.318v1.429h3.383v3.636h1.5v-3.636h3.383V9.224z" class="fill-stable-white" /> </g> </svg> <svg id="icon_arrowRight" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / arrow_right"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M8 15.5V5l5.2 5.25z" /> </g> </svg><svg id="icon_arrowLeft" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / arrow_left"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="m12.202 15.5-5.2-5.25 5.2-5.25z" /> </g> </svg> <svg id="icon_funkeFull" viewBox="0 0 107 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / funkeFull"> <path d="M24.247 0H84.52v11.266H24.247z" fill="none" /> <g data-name="funke arrow" class="fill-copy-primary"> <path data-name="Pfad 2232" d="m19.005 1.109 3.633 9.448-3.633 9.445h3.1l3.633-9.445-3.633-9.448z" /> <path data-name="Pfad 2233" d="m12.671 1.109 3.634 9.448-3.633 9.445h3.1l3.633-9.445-3.633-9.448z" /> <path data-name="Pfad 2234" d="m6.337 1.11 3.633 9.447-3.633 9.445h3.1l3.633-9.445L9.437 1.11z" /> <path data-name="Pfad 2235" d="m0 1.109 3.633 9.448L0 19.999h3.1l3.633-9.442L3.1 1.109z" /> </g> <path d="M76.293.564h-4.258v7.292c0 1.533.055 3.459.214 5.162-.556-1.435-1.363-3.186-1.853-4.285L66.416.564h-4.457v19.107h4.23v-7.347a50.04 50.04 0 0 0-.244-5.231c.6 1.432 1.181 2.813 1.9 4.327l4.035 8.252h4.416V.564zm2.856 19.123h4.313V.581h-4.314v19.106zm9.315-10.132L94.797.58h-5l-6.171 8.963-.043.062 6.092 10.024.037.061h5.237L88.464 9.558zm12.66 6.533v-4.6h5.824V7.969h-5.879V4.075h6.93l.586-3.495H96.798v19.106h11.97v-3.6zM54.798.58v12.663c0 2.215-.822 3.161-2.748 3.161-1.825 0-2.693-.473-2.693-3.161V.58h-4.451v13.548c0 5.109 4.476 5.872 7.145 5.872 4.424 0 7.172-2.26 7.172-5.9V.58zM36.056 4.074v3.869h5.328v3.469h-5.328v8.276h-4.27V.58h11.29l-.55 3.494z" class="fill-copy-primary" /> </g> </svg><svg id="icon_location" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / location"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M2.976 6.997a7 7 0 1 1 13.99 0c0 5.248-6.994 12.994-6.994 12.994S2.976 12.245 2.976 6.997zm2 0c0 2.852 2.918 7.205 5 9.877 2.113-2.687 5-6.992 5-9.877a5 5 0 0 0-9.992 0zm2.5 0a2.5 2.5 0 1 1 2.5 2.5 2.5 2.5 0 0 1-2.5-2.5z" /> </g> </svg><svg id="icon_menu" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / menu"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M.775 16.175v-2.15h18.45v2.15zm0-5.125V8.9h18.45v2.15zm0-5.075v-2.15h18.45v2.15z" /> </g> </svg><svg id="icon_navigateNext" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / navigate_next"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="m8.502 16.301-1.5-1.5 4.65-4.65-4.65-4.65 1.5-1.5 6.15 6.15z" /> </g> </svg><svg id="icon_volumeUp" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / volume_up"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M11.65 19.962v-2.2a7.7 7.7 0 0 0 4.325-2.863 7.911 7.911 0 0 0 1.675-4.937 7.741 7.741 0 0 0-1.687-4.888 7.8 7.8 0 0 0-4.313-2.837v-2.2a9.813 9.813 0 0 1 5.85 3.5 9.835 9.835 0 0 1 2.3 6.425 9.967 9.967 0 0 1-2.3 6.475 9.769 9.769 0 0 1-5.85 3.525zM.2 13.012v-6h4.075l4.975-5.05v16.1l-4.975-5.05zm11.45.95v-7.9a4.245 4.245 0 0 1 1.788 1.65 4.628 4.628 0 0 1 0 4.6 4.245 4.245 0 0 1-1.788 1.65zm-4.55-6.8-1.95 2h-2.8v1.7h2.8l1.95 2zm-2.375 2.85z" /> </g> </svg> <svg id="icon_podcasts" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <path data-name="Icon / podcast" d="M12 10a1.968 1.968 0 0 1-1 1.72V20H9v-8.28A1.98 1.98 0 0 1 8 10a2 2 0 0 1 4 0zm-2-6a5.988 5.988 0 0 0-4.06 10.4l1.42-1.42A3.957 3.957 0 0 1 6 10a4 4 0 0 1 8 0 3.957 3.957 0 0 1-1.36 2.98l1.42 1.42A5.988 5.988 0 0 0 10 4zm0-4a9.995 9.995 0 0 0-6.89 17.24l1.42-1.42a8 8 0 1 1 10.94 0l1.42 1.42A9.995 9.995 0 0 0 10 0z" /> </svg> <svg id="icon_share" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g> <path d="M16.117 19.991a3.074 3.074 0 0 1-2.212-.878 2.864 2.864 0 0 1-.912-2.145 2.6 2.6 0 0 1 .025-.353 1.019 1.019 0 0 1 .1-.33l-7.146-4.046a2.846 2.846 0 0 1-.962.585 3.238 3.238 0 0 1-1.112.2 3.115 3.115 0 0 1-2.224-.878 2.951 2.951 0 0 1 0-4.291A3.115 3.115 0 0 1 3.9 6.973a3.238 3.238 0 0 1 1.112.2 2.846 2.846 0 0 1 .962.585l7.146-4.047a1.031 1.031 0 0 1-.1-.341 2.729 2.729 0 0 1-.025-.341 2.864 2.864 0 0 1 .912-2.145 3.225 3.225 0 0 1 4.423 0 2.862 2.862 0 0 1 .913 2.145 2.845 2.845 0 0 1-.925 2.145 3.115 3.115 0 0 1-2.224.878 3.23 3.23 0 0 1-1.111-.2 2.844 2.844 0 0 1-.963-.585L6.872 9.313a1.018 1.018 0 0 1 .1.329 2.513 2.513 0 0 1 0 .707 1.019 1.019 0 0 1-.1.33l7.146 4.047a2.844 2.844 0 0 1 .963-.585 3.23 3.23 0 0 1 1.111-.2 3.115 3.115 0 0 1 2.224.878 2.964 2.964 0 0 1 .012 4.291 3.07 3.07 0 0 1-2.211.881zm0-16.041a.949.949 0 0 0 .687-.28.926.926 0 0 0 0-1.342.982.982 0 0 0-1.373 0 .926.926 0 0 0 0 1.342.949.949 0 0 0 .686.28zM3.873 10.922a.947.947 0 0 0 .687-.281.925.925 0 0 0 0-1.34.982.982 0 0 0-1.373 0 .925.925 0 0 0 0 1.341.947.947 0 0 0 .686.28zm12.244 6.972a.949.949 0 0 0 .687-.28.925.925 0 0 0 0-1.341.98.98 0 0 0-1.373 0 .925.925 0 0 0 0 1.341.949.949 0 0 0 .686.28zm0-14.895zM3.873 9.972zm12.244 6.972z" /> </g> </svg> <svg id="icon_facebook" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / facebook"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M18.9 10.093a8.86 8.86 0 1 0-10.244 8.806V12.67H6.405v-2.577h2.251V8.129a3.136 3.136 0 0 1 3.346-3.468 13.555 13.555 0 0 1 1.983.174v2.193h-1.117a1.285 1.285 0 0 0-1.444 1.392v1.673h2.456l-.393 2.577h-2.063v6.229a8.9 8.9 0 0 0 7.476-8.806z" /> </g> </svg> <svg id="icon_twitter" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / twitter"> <path d="M0 0h20v20H0z" style="fill:none" /> <path data-name="Pfad 5050" d="m7.042 6.542 5.241 6.846h.8L7.904 6.542z" /> <path data-name="Pfad 5051" d="M8.857 0a8.859 8.859 0 1 0 8.859 8.857A8.861 8.861 0 0 0 8.857 0m1.862 13.092-2.277-2.977-2.606 2.977H4.391l3.36-3.863L4.2 4.582h2.98L9.24 7.3l2.409-2.719h1.444L9.921 8.193l3.706 4.9z" style="fill:#242424" transform="translate(1.142 1.142)" /> </g> </svg> <svg id="icon_whatsapp" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / whatsapp"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M9.993 1.138a8.868 8.868 0 0 0-8.86 8.86 8.729 8.729 0 0 0 1.1 4.273l-.757 2.772a1.233 1.233 0 0 0 .329 1.229 1.273 1.273 0 0 0 1.229.343l2.887-.757a8.86 8.86 0 1 0 4.072-16.72zm0 .857a8 8 0 0 1 8 8 8.008 8.008 0 0 1-8 8 8.151 8.151 0 0 1-3.83-.972.464.464 0 0 0-.2-.057.315.315 0 0 0-.114.014l-3.044.8a.436.436 0 0 1-.529-.529l.8-2.944a.437.437 0 0 0-.043-.329 8.031 8.031 0 0 1 6.96-11.983zm0 1.286a6.716 6.716 0 0 0-5.816 10.075 1.76 1.76 0 0 1 .171 1.315l-.414 1.5 1.6-.414a1.475 1.475 0 0 1 .429-.057 1.613 1.613 0 0 1 .814.214 6.956 6.956 0 0 0 3.215.8 6.716 6.716 0 1 0 0-13.433zM7.006 6.097h.4c.157 0 .314.014.471.357.186.414.6 1.458.643 1.558a.377.377 0 0 1 .015.371 1.319 1.319 0 0 1-.214.357c-.1.129-.229.272-.315.372a.3.3 0 0 0-.086.429 6.339 6.339 0 0 0 1.173 1.457 5.572 5.572 0 0 0 1.7 1.043c.214.1.329.086.457-.057s.529-.615.672-.829.286-.171.472-.1 1.229.586 1.443.686.357.157.4.243a1.805 1.805 0 0 1-.114 1.029 2.1 2.1 0 0 1-1.429 1c-.386.029-.743.172-2.53-.529a8.577 8.577 0 0 1-3.6-3.187 4.162 4.162 0 0 1-.857-2.186 2.33 2.33 0 0 1 .743-1.758.748.748 0 0 1 .556-.256z" /> </g> </svg><svg id="icon_mail" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g data-name="Icon / mail"> <path d="M0 0h20v20H0z" style="fill:none" /> <path d="M2.377 18.182a2.26 2.26 0 0 1-1.686-.712A2.4 2.4 0 0 1 0 15.733V4.14a2.4 2.4 0 0 1 .692-1.736 2.258 2.258 0 0 1 1.685-.714h15.236a2.258 2.258 0 0 1 1.687.713 2.4 2.4 0 0 1 .69 1.737v11.593a2.4 2.4 0 0 1-.69 1.737 2.26 2.26 0 0 1-1.686.712zm7.618-7.121L2.086 5.988v9.745a.294.294 0 0 0 .085.213.276.276 0 0 0 .206.087h15.236a.276.276 0 0 0 .206-.087.294.294 0 0 0 .085-.213V5.988zm0-2.124 7.957-5.1H2.038zm-8.1-2.949v9.745q.146.125.255.213a.363.363 0 0 0 .23.087h-.488V5.988z" /> </g> </svg> <svg id="icon_replay10" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g> <path d="M10.045 19.99a8.21 8.21 0 0 1-3.327-.68 8.71 8.71 0 0 1-4.56-4.56 8.21 8.21 0 0 1-.68-3.327h1.981a6.351 6.351 0 0 0 1.919 4.664 6.35 6.35 0 0 0 4.663 1.923 6.35 6.35 0 0 0 4.663-1.923 6.351 6.351 0 0 0 1.923-4.664 6.351 6.351 0 0 0-1.919-4.664 6.35 6.35 0 0 0-4.663-1.923H9.93l1.428 1.428-1.38 1.451L6.13 3.869 9.999 0l1.379 1.428L9.93 2.856h.115a8.226 8.226 0 0 1 3.328.679 8.712 8.712 0 0 1 4.559 4.56 8.485 8.485 0 0 1 0 6.656 8.712 8.712 0 0 1-4.554 4.559 8.217 8.217 0 0 1-3.328.68zm-2.856-5.665v-4.238H5.646V8.613h3.017v5.711zm3.316 0a.983.983 0 0 1-.967-.967V9.534a.854.854 0 0 1 .288-.656.968.968 0 0 1 .679-.265h2.1a.971.971 0 0 1 .68.265.855.855 0 0 1 .287.656v3.823a.982.982 0 0 1-.967.967zm.645-1.474h.806a.144.144 0 0 0 .081-.023.078.078 0 0 0 .034-.069v-2.58a.078.078 0 0 0-.034-.069.144.144 0 0 0-.081-.023h-.806a.081.081 0 0 0-.092.092v2.579a.081.081 0 0 0 .092.092z" /> </g> </svg> <svg id="icon_play" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g> <path d="M4.999 17.05V2.95L16.124 10z" /> </g> </svg> <svg id="icon_pause" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g> <path d="M12.25 17.25V2.75h4.3v14.5zm-8.8 0V2.75h4.3v14.5z" /> </g> </svg> <svg id="icon_forward10" viewBox="0 0 20 20.001" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g> <path d="M7.082 14.26v-4.218H6.004V8.574h2.545v5.686zm3.3 0a.979.979 0 0 1-.963-.963V9.491a.85.85 0 0 1 .287-.653.963.963 0 0 1 .676-.264h2.086a.967.967 0 0 1 .677.264.851.851 0 0 1 .286.653V13.3a.977.977 0 0 1-.963.963zm.642-1.467h.8a.143.143 0 0 0 .081-.023.077.077 0 0 0 .034-.069v-2.568a.077.077 0 0 0-.034-.069.143.143 0 0 0-.081-.023h-.8a.081.081 0 0 0-.092.092V12.7a.081.081 0 0 0 .092.092zm-1.1 7.107a8.173 8.173 0 0 1-3.312-.677 8.67 8.67 0 0 1-4.539-4.539 8.447 8.447 0 0 1 0-6.626 8.67 8.67 0 0 1 4.539-4.539 8.183 8.183 0 0 1 3.312-.676h.115L8.596 1.421 9.97 0l3.852 3.852L9.996 7.68 8.618 6.236l1.421-1.421h-.115a6.321 6.321 0 0 0-4.642 1.913 6.323 6.323 0 0 0-1.915 4.643 6.323 6.323 0 0 0 1.915 4.643 6.321 6.321 0 0 0 4.642 1.914 6.321 6.321 0 0 0 4.642-1.914 6.323 6.323 0 0 0 1.915-4.643h1.972a8.173 8.173 0 0 1-.677 3.312 8.673 8.673 0 0 1-4.538 4.539 8.18 8.18 0 0 1-3.313.677z" /> </g> </svg> <svg id="icon_addCircle" viewBox="0 0 20 20" focusable="false" aria-hidden="true" class="w-0 h-0 absolute block -ml-[10000px] text-0"> <g> <path d="M8.977 14.993h2.086v-3.93h3.93V8.977h-3.93V5.001H8.977V8.98H5.001v2.086H8.98zm1.019 5a9.744 9.744 0 0 1-3.895-.792 9.966 9.966 0 0 1-5.313-5.3 9.711 9.711 0 0 1-.787-3.905A9.8 9.8 0 0 1 .79 6.078a10.075 10.075 0 0 1 2.135-3.177 10 10 0 0 1 7.071-2.9 9.925 9.925 0 0 1 9.995 9.995 9.847 9.847 0 0 1-.776 3.906 9.95 9.95 0 0 1-2.123 3.166 10.085 10.085 0 0 1-3.178 2.133 9.811 9.811 0 0 1-3.918.79zm0-2.086a7.829 7.829 0 0 0 7.905-7.911 7.827 7.827 0 0 0-7.909-7.909A7.637 7.637 0 0 0 4.38 4.379a7.638 7.638 0 0 0-2.293 5.617 7.635 7.635 0 0 0 2.293 5.616 7.635 7.635 0 0 0 5.616 2.289zm0-7.911z" /> </g> </svg> <div class="w-full h-full relative z-1 flex min-h-screen flex-col"> <div data-module-id="MainMenuModule"> <div data-mainmenu-overlay class="menu-overlay-off fixed left-0 top-0 z-70 h-screen w-screen transition-all duration-500"></div> <div data-mainmenu-contentlayer class="fixed right-[-320px] top-0 z-max h-screen min-h-full w-[320px] max-w-[320px] overflow-y-auto bg-background-100 shadow-lg transition-all duration-500" > <!-- Close Button --> <div class="my-1 mr-1 flex justify-end"> <button data-mm-closebutton aria-label="Hauptmenü Schließen"> <div class="flex items-center justify-center flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900 w-[20px] h-[20px]"> <svg class="w-[16px] h-[16px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </div> </button> </div> <!-- Paid Content --> <div class="align-content mb-2 ml-2 mr-3 flex flex-wrap justify-start"> <a href="/plus/?tpcc=00.Standard_subscribe-burgernavi" data-track-category="click_button" data-track-action="burger-navigation" data-track-label="Plus kaufen" class="ml-2 mr-1 w-max grow justify-center pb-1" > <span class="border-primary-500 hover:border-primary-700 focus:border-primary-700 active:border-primary-300 inline-block overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-6 text-center uppercase transition hover:shadow-sm focus:shadow-sm active:shadow-sm disabled:border-stroke-200 disabled:bg-background-300 disabled:text-copy-disabled disabled:shadow-none text-copy-accent-negative hover:text-primary-700 dark:hover:text-copy-accent-negative focus:text-primary-700 active:text-primary-300 bg-background-100 disabled:border-copy-disabled font-medium text-sm leading-[45px] w-full" >Plus kaufen</span> </a><a href="/epaper/" data-track-category="click_button" data-track-action="burger-navigation" data-track-label="Zum E-Paper" class="ml-2 mr-1 w-max grow justify-center pb-1" > <span class="border-primary-500 hover:border-primary-700 focus:border-primary-700 active:border-primary-300 inline-block overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-6 text-center uppercase transition hover:shadow-sm focus:shadow-sm active:shadow-sm disabled:border-stroke-200 disabled:bg-background-300 disabled:text-copy-disabled disabled:shadow-none text-copy-accent-negative hover:text-primary-700 dark:hover:text-copy-accent-negative focus:text-primary-700 active:text-primary-300 bg-background-100 disabled:border-copy-disabled font-medium text-sm leading-[45px] w-full" >Zum E-Paper</span> </a> </div> <!-- User Buttons --> <div data-module-id="UserButtonsModule"> <a href="/" target="_parent" class="bg-background-300 text-subtitle1 flex w-full cursor-pointer items-center justify-between px-4 py-3 text-copy-primary transition hover:text-copy-secondary" data-login-button-selector data-module-id="LoginButtonModule" > <svg class="fill-current inline-block align-top mr-4 inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_person" /> </svg> <span class="w-10/12"> Anmelden </span> <svg class="inline-block select-none -rotate-90 fill-current inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </a> <a href="/meinaccount/" target="_parent" class="bg-background-300 text-subtitle1 flex w-full cursor-pointer items-center justify-between px-4 py-3 text-copy-primary transition hover:text-copy-secondary" data-my-account-button data-module-id="UserAccountLinkSwitchModule" > <svg class="fill-current inline-block align-top mr-4 inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_personFilled" /> </svg> <span class="w-10/12"> Mein Konto </span> <svg class="inline-block select-none -rotate-90 fill-current inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </a> </div> <!-- Suche --> <div class="p-2"> <label> <input data-appbar-search-checkbox type="checkbox" name="item" class="peer" hidden checked /> <div class="flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900 peer-checked:hidden"> <svg class="w-[20px] h-[20px] mt-[3px] mr-[1px] fill-current inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_search" /> </svg> </div> <form action="/suche/" class=" mr-[3px] hidden flex-row flex-nowrap items-center border-2 border-stroke-100 p-2 peer-checked:flex" > <button type="submit" aria-label="Suche ausführen"> <svg class="inline-block mr-3 flex-start fill-current inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_search" /> </svg> </button> <input type="search" class="w-[calc(100%-20px)] bg-transparent focus-visible:outline-none focus-visible:outline-0" placeholder="Suche" name="query" value="" /> </form> </label> </div> <!-- Buttons --> <a href="https://www.abendblatt.de" target="_parent" class="bg-background-100 text-subtitle1 flex w-full cursor-pointer items-center justify-between px-4 py-3 text-copy-primary transition hover:text-copy-secondary" data-track-category="click_button" data-track-action="burger-navigation" data-track-label="Home" > <svg class="fill-current inline-block align-top mr-4 inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_home" /> </svg> <span class="w-10/12"> Home </span> <svg class="inline-block select-none -rotate-90 fill-current inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </a> <a href="/plus-artikel/" target="_parent" class="bg-background-100 text-subtitle1 flex w-full cursor-pointer items-center justify-between px-4 py-3 text-copy-primary transition hover:text-copy-secondary" data-track-category="click_button" data-track-action="burger-navigation" data-track-label="Plus Artikel lesen" > <svg class="fill-brand inline-block align-top mr-4 inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_plus" /> </svg> <span class="w-10/12"> Plus Artikel lesen </span> <svg class="inline-block select-none -rotate-90 fill-current inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </a> <!-- Menu Unsere Ressorts --> <div > <hr class="mb-3 border-t-2 border-stroke-100" /> <div class="text-left uppercase px-4 text-copy-secondary">Unsere Ressorts</div> </div> <div> <ul class="min-h-xs accordion" data-module-id="AccordionModule"> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Home-0" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Home-0 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Home" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="6" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/" data-track-v2-linkGenre="Navigation Link" href="/">Home</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Meinung" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="6.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/kommentare-und-kolumnen-der-abendblatt-redaktion/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/kommentare-und-kolumnen-der-abendblatt-redaktion/" > Meinung </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Leserbriefe" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="6.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/meinung-der-leser-mails-und-post-an-die-redaktion/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/meinung-der-leser-mails-und-post-an-die-redaktion/" > Leserbriefe </a> </li> </ul> <style> #burger-navigation-Home-0:checked ~ ul { max-height: 96px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Hamburg-1" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Hamburg-1 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Hamburg" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/">Hamburg</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Altona" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/altona/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/altona/" > Altona </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Bergedorfer Zeitung" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/bergedorf/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/bergedorf/" > Bergedorfer Zeitung </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Eimsbüttel" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.3" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/eimsbuettel/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/eimsbuettel/" > Eimsbüttel </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Hamburg-Mitte" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.4" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/hamburg-mitte/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/hamburg-mitte/" > Hamburg-Mitte </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Hamburg-Nord" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.5" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/hamburg-nord/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/hamburg-nord/" > Hamburg-Nord </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Harburg" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.6" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/harburg/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/harburg/" > Harburg </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Wandsbek" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.7" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/wandsbek/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/wandsbek/" > Wandsbek </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Blaulicht" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.8" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/polizei-hamburg-aktuell/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/polizei-hamburg-aktuell/" > Blaulicht </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Von Mensch zu Mensch" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.9" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/von-mensch-zu-mensch/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/von-mensch-zu-mensch/" > Von Mensch zu Mensch </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Kirche" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.10" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/himmel-elbe/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/himmel-elbe/" > Kirche </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Immobilien" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="7.11" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/immobilien-hamburg/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/immobilien-hamburg/" > Immobilien </a> </li> </ul> <style> #burger-navigation-Hamburg-1:checked ~ ul { max-height: 528px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-HSV-2" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-HSV-2 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="HSV" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="8" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/sport/hsv/" data-track-v2-linkGenre="Navigation Link" href="/sport/hsv/">HSV</a> </label> </div> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-St--Pauli-3" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-St--Pauli-3 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="St. Pauli" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="9" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/sport/st-pauli/" data-track-v2-linkGenre="Navigation Link" href="/sport/st-pauli/">St. Pauli</a> </label> </div> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Kultur-4" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Kultur-4 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Kultur" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="10" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/kultur/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/kultur/">Kultur</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Kritiken" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="10.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/kultur/kritiken/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/kultur/kritiken/" > Kritiken </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Ausgehen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="10.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/veranstaltungskalender/" data-track-v2-linkGenre="Navigation Link" href="/service/veranstaltungskalender/" > Ausgehen </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="TV & Medien" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="10.3" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/kultur/tv-streaming/" data-track-v2-linkGenre="Navigation Link" href="/kultur/tv-streaming/" > TV & Medien </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Kino" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="10.4" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/kultur/kino/" data-track-v2-linkGenre="Navigation Link" href="/kultur/kino/" > Kino </a> </li> </ul> <style> #burger-navigation-Kultur-4:checked ~ ul { max-height: 192px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Wirtschaft-5" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Wirtschaft-5 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Wirtschaft" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="11" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/wirtschaft/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/wirtschaft/">Wirtschaft</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Immobilien" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="11.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/immobilien-hamburg/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/immobilien-hamburg/" > Immobilien </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Hafen & Schifffahrt" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="11.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/wirtschaft/der-hamburger-hafen/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/wirtschaft/der-hamburger-hafen/" > Hafen & Schifffahrt </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Geld" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="11.3" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/ratgeber-wissen/finanzen/" data-track-v2-linkGenre="Navigation Link" href="/ratgeber-wissen/finanzen/" > Geld </a> </li> </ul> <style> #burger-navigation-Wirtschaft-5:checked ~ ul { max-height: 144px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Politik-6" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Politik-6 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Politik" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="12" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/politik/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/politik/">Politik</a> </label> </div> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Schleswig-Holstein-7" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Schleswig-Holstein-7 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Schleswig-Holstein" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="13" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/schleswig-holstein/" data-track-v2-linkGenre="Navigation Link" href="/schleswig-holstein/">Schleswig-Holstein</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Lauenburgische LZ" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="13.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/schleswig-holstein/kreis-lauenburg/" data-track-v2-linkGenre="Navigation Link" href="/schleswig-holstein/kreis-lauenburg/" > Lauenburgische LZ </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Norderstedt" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="13.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/schleswig-holstein/norderstedt/" data-track-v2-linkGenre="Navigation Link" href="/schleswig-holstein/norderstedt/" > Norderstedt </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Pinneberg" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="13.3" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/schleswig-holstein/pinneberg/" data-track-v2-linkGenre="Navigation Link" href="/schleswig-holstein/pinneberg/" > Pinneberg </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Stormarn" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="13.4" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/schleswig-holstein/stormarn/" data-track-v2-linkGenre="Navigation Link" href="/schleswig-holstein/stormarn/" > Stormarn </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Sylt" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="13.5" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/schleswig-holstein/sylt/" data-track-v2-linkGenre="Navigation Link" href="/schleswig-holstein/sylt/" > Sylt </a> </li> </ul> <style> #burger-navigation-Schleswig-Holstein-7:checked ~ ul { max-height: 240px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Niedersachsen-8" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Niedersachsen-8 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Niedersachsen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="14" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/niedersachsen/" data-track-v2-linkGenre="Navigation Link" href="/niedersachsen/">Niedersachsen</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Landkreis Harburg" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="14.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/niedersachsen/landkreis-harburg/" data-track-v2-linkGenre="Navigation Link" href="/niedersachsen/landkreis-harburg/" > Landkreis Harburg </a> </li> </ul> <style> #burger-navigation-Niedersachsen-8:checked ~ ul { max-height: 48px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Gastronomie-9" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Gastronomie-9 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Gastronomie" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="15" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/hamburg/gastronomie-hamburg/" data-track-v2-linkGenre="Navigation Link" href="/hamburg/gastronomie-hamburg/">Gastronomie</a> </label> </div> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Heute-in-Hamburg-10" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Heute-in-Hamburg-10 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Heute in Hamburg" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="16" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/veranstaltungen/" data-track-v2-linkGenre="Navigation Link" href="/service/veranstaltungen/">Heute in Hamburg</a> </label> </div> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Panorama-11" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Panorama-11 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Panorama" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="17" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/panorama/" data-track-v2-linkGenre="Navigation Link" href="/panorama/">Panorama</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Leute" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="17.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/panorama/promi/" data-track-v2-linkGenre="Navigation Link" href="/panorama/promi/" > Leute </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="TV & Medien" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="17.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/kultur/tv-streaming/" data-track-v2-linkGenre="Navigation Link" href="/kultur/tv-streaming/" > TV & Medien </a> </li> </ul> <style> #burger-navigation-Panorama-11:checked ~ ul { max-height: 96px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Podcast-12" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Podcast-12 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Podcast" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="18" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/podcast/" data-track-v2-linkGenre="Navigation Link" href="/podcast/">Podcast</a> </label> </div> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Ratgeber---Wissen-13" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Ratgeber---Wissen-13 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Ratgeber & Wissen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="19" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/ratgeber-wissen/" data-track-v2-linkGenre="Navigation Link" href="/ratgeber-wissen/">Ratgeber & Wissen</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Gesundheit" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="19.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/ratgeber-wissen/gesundheit/" data-track-v2-linkGenre="Navigation Link" href="/ratgeber-wissen/gesundheit/" > Gesundheit </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Wohnen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="19.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/ratgeber-wissen/wohnen/" data-track-v2-linkGenre="Navigation Link" href="/ratgeber-wissen/wohnen/" > Wohnen </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Reise" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="19.3" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/ratgeber-wissen/reise/" data-track-v2-linkGenre="Navigation Link" href="/ratgeber-wissen/reise/" > Reise </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Experten im Fokus" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="19.4" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/experten/" data-track-v2-linkGenre="Navigation Link" href="/service/experten/" > Experten im Fokus </a> </li> </ul> <style> #burger-navigation-Ratgeber---Wissen-13:checked ~ ul { max-height: 192px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Alle-Themen-14" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Alle-Themen-14 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Alle Themen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="20" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/themen/" data-track-v2-linkGenre="Navigation Link" href="/themen/">Alle Themen</a> </label> </div> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Spiele-15" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-primary text-subtitle1 hover:text-copy-secondary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Spiele-15 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="Spiele" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Unsere Ressorts" data-track-v2-elementPosition="21" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/spiele/" data-track-v2-linkGenre="Navigation Link" href="/service/spiele/">Spiele</a> </label> </div> </li> </ul> <style> .accordion input:checked ~ ul { visibility: visible; } .accordion input:checked ~ div .arrow-button svg { transform: rotate(180deg); } .accordion input:checked ~ .accordion-parent-item { background: var(--color-background-400); } </style> </div> <!-- Tags Aktuelle Themen --> <!-- Menu Services --> <div > <hr class="mb-3 border-t-2 border-stroke-100" /> <div class="text-left uppercase px-4 text-copy-secondary">Services</div> </div> <div> <ul class="min-h-xs accordion" data-module-id="AccordionModule"> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Marktplatz-0" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-secondary text-subtitle1 flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Marktplatz-0 class="flex w-full cursor-pointer justify-between transition"> <span class="flex h-11 w-10/12 items-center">Marktplatz</span> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-secondary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Aktuelle Anzeigen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/marktplatz/angebote/" data-track-v2-linkGenre="Navigation Link" href="/marktplatz/angebote/" > Aktuelle Anzeigen </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Aktuelle Prospekte" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/marktplatz/prospekte/" data-track-v2-linkGenre="Navigation Link" href="/marktplatz/prospekte/" > Aktuelle Prospekte </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Hamburger Wochenblatt" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.3" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/marktplatz/hamburgerwochenblatt/" data-track-v2-linkGenre="Navigation Link" href="/marktplatz/hamburgerwochenblatt/" > Hamburger Wochenblatt </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Experten im Fokus" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.4" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/experten/" data-track-v2-linkGenre="Navigation Link" href="/service/experten/" > Experten im Fokus </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="GLOBISTA Reisen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.5" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://www.globista.de/" data-track-v2-linkGenre="Navigation Link" href="https://www.globista.de/" target="_blank"> GLOBISTA Reisen </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Immobilienbewertung" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.6" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/marktplatz/immobewertung/" data-track-v2-linkGenre="Navigation Link" href="/marktplatz/immobewertung/" > Immobilienbewertung </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Immobilien" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.7" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://www.hamburgerimmobilien.de/" data-track-v2-linkGenre="Navigation Link" href="https://www.hamburgerimmobilien.de/" target="_blank"> Immobilien </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Jobmarkt" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.8" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://hamburgerjobs.de/" data-track-v2-linkGenre="Navigation Link" href="https://hamburgerjobs.de/" target="_blank"> Jobmarkt </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Partnersuche" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.9" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://hamburgerherzen.de/" data-track-v2-linkGenre="Navigation Link" href="https://hamburgerherzen.de/" target="_blank"> Partnersuche </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Trauer" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="22.10" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://hamburgertrauer.de/" data-track-v2-linkGenre="Navigation Link" href="https://hamburgertrauer.de/" target="_blank"> Trauer </a> </li> </ul> <style> #burger-navigation-Marktplatz-0:checked ~ ul { max-height: 480px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Service-1" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-secondary text-subtitle1 flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Service-1 class="flex w-full cursor-pointer justify-between transition"> <span class="flex h-11 w-10/12 items-center">Service</span> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-secondary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Eat Club" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/ratgeber-wissen/eat-club/" data-track-v2-linkGenre="Navigation Link" href="/ratgeber-wissen/eat-club/" > Eat Club </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Gewinnspiele" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/gewinnspiele/" data-track-v2-linkGenre="Navigation Link" href="/service/gewinnspiele/" > Gewinnspiele </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Abendblatt Shop" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.3" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://shop.abendblatt.de/" data-track-v2-linkGenre="Navigation Link" href="https://shop.abendblatt.de/" target="_blank"> Abendblatt Shop </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Anzeige schalten" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.4" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://anzeigenbuchung.funkemedien.de/booking/packages/?x=WVWMPmrGyEiJqC50Ix5gkZFMR8bC2uiklHD1sFaIpLU%3D" data-track-v2-linkGenre="Navigation Link" href="https://anzeigenbuchung.funkemedien.de/booking/packages/?x=WVWMPmrGyEiJqC50Ix5gkZFMR8bC2uiklHD1sFaIpLU%3D" target="_blank"> Anzeige schalten </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Bewerbungen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.5" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://karriere.funkemedien.de/" data-track-v2-linkGenre="Navigation Link" href="https://karriere.funkemedien.de/" target="_blank"> Bewerbungen </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Geschäftsstelle" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.6" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/geschaeftsstelle/" data-track-v2-linkGenre="Navigation Link" href="/service/geschaeftsstelle/" > Geschäftsstelle </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Historische Zeitungen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.7" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/historische-zeitungen/" data-track-v2-linkGenre="Navigation Link" href="/service/historische-zeitungen/" > Historische Zeitungen </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="LeserEvents" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.8" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/leserevents/" data-track-v2-linkGenre="Navigation Link" href="/service/leserevents/" > LeserEvents </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="LeserReisen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.9" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://leserreisen.abendblatt.de/" data-track-v2-linkGenre="Navigation Link" href="https://leserreisen.abendblatt.de/" target="_blank"> LeserReisen </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Magazine" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.10" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/magazine/" data-track-v2-linkGenre="Navigation Link" href="/service/magazine/" > Magazine </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Mediadaten" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.11" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://funkemediasales.de/mediadaten/" data-track-v2-linkGenre="Navigation Link" href="https://funkemediasales.de/mediadaten/" target="_blank"> Mediadaten </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Newsletter" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.12" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/newsletter" data-track-v2-linkGenre="Navigation Link" href="/service/newsletter" > Newsletter </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Spiele" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.13" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/spiele/" data-track-v2-linkGenre="Navigation Link" href="/service/spiele/" > Spiele </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Ticket Hotline" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.14" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/ticketshops" data-track-v2-linkGenre="Navigation Link" href="/service/ticketshops" > Ticket Hotline </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Ticketing" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.15" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/ticket/" data-track-v2-linkGenre="Navigation Link" href="/service/ticket/" > Ticketing </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Treueprogramm" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.16" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/themen/treueprogramm/" data-track-v2-linkGenre="Navigation Link" href="/themen/treueprogramm/" > Treueprogramm </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Kalender" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.17" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/service/kalender/" data-track-v2-linkGenre="Navigation Link" href="/service/kalender/" > Kalender </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Unternehmen" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="23.18" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/advertorials/" data-track-v2-linkGenre="Navigation Link" href="/advertorials/" target="_blank"> Unternehmen </a> </li> </ul> <style> #burger-navigation-Service-1:checked ~ ul { max-height: 864px; } </style> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-E-Paper-2" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-secondary text-subtitle1 hover:text-copy-primary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-E-Paper-2 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-v2-eventName="pageElement" data-track-v2-label="E-Paper" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="24" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="/epaper/" data-track-v2-linkGenre="Navigation Link" href="/epaper/">E-Paper</a> </label> </div> </li> <li class=""> <input data-track-v2-label="Auf" data-track-v2-eventName="pageElement" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Aufklappen" type="radio" id="burger-navigation-Abo-3" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-100 text-copy-secondary text-subtitle1 flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=burger-navigation-Abo-3 class="flex w-full cursor-pointer justify-between transition"> <span class="flex h-11 w-10/12 items-center">Abo</span> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-secondary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Hamburger Abendblatt" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="25.1" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://aboshop.abendblatt.de/" data-track-v2-linkGenre="Navigation Link" href="https://aboshop.abendblatt.de/" target="_blank"> Hamburger Abendblatt </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Bergedorfer Zeitung" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="25.2" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://aboshop.bergedorfer-zeitung.de/" data-track-v2-linkGenre="Navigation Link" href="https://aboshop.bergedorfer-zeitung.de/" target="_blank"> Bergedorfer Zeitung </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-v2-eventName="pageElement" data-track-v2-label="Abo-Service" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="25.3" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://aboservice.abendblatt.de/" data-track-v2-linkGenre="Navigation Link" href="https://aboservice.abendblatt.de/" target="_blank"> Abo-Service </a> </li> </ul> <style> #burger-navigation-Abo-3:checked ~ ul { max-height: 144px; } </style> </li> <li class=""><a href="https://www.abendblatt-hilft.de/" data-track-v2-eventName="pageElement" data-track-v2-label="Abendblatt hilft e.V." data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Services" data-track-v2-elementPosition="26" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://www.abendblatt-hilft.de/" data-track-v2-linkGenre="Navigation Link" class="w-full flex justify-between px-4 py-3 bg-background-100 text-copy-secondary cursor-pointer text-subtitle1 hover:text-copy-primary" target="_blank" >Abendblatt hilft e.V.</a></li> </ul> <style> .accordion input:checked ~ ul { visibility: visible; } .accordion input:checked ~ div .arrow-button svg { transform: rotate(180deg); } .accordion input:checked ~ .accordion-parent-item { background: var(--color-background-400); } </style> </div> <!-- Menu Verlagsangebote --> <div class="bg-background-200"> <hr class="mb-3 border-t-2 border-stroke-100" /> <div class="text-left uppercase px-4 text-copy-secondary">Verlagsangebote</div> </div> <div> <ul class="min-h-xs accordion" data-module-id="AccordionModule"> <li class=""><a href="https://apps.apple.com/de/app/hamburger-abendblatt-news/id1166869888" data-track-v2-eventName="pageElement" data-track-v2-label="iOS-App" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Verlagsangebote" data-track-v2-elementPosition="27" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://apps.apple.com/de/app/hamburger-abendblatt-news/id1166869888" data-track-v2-linkGenre="Navigation Link" class="w-full flex justify-between px-4 py-3 bg-background-200 text-copy-secondary cursor-pointer text-subtitle1 hover:text-copy-primary" target="_blank" >iOS-App</a></li><li class=""><a href="https://play.google.com/store/apps/details?id=de.hamburgerabendblatt.news&hl=de" data-track-v2-eventName="pageElement" data-track-v2-label="Android-App" data-track-v2-parent="Burger Navigation" data-track-v2-parentPosition="Sidebar" data-track-v2-parentLabel="Verlagsangebote" data-track-v2-elementPosition="28" data-track-v2-elementType="Button" data-track-v2-elementStyle="Text" data-track-v2-link="https://play.google.com/store/apps/details?id=de.hamburgerabendblatt.news&hl=de" data-track-v2-linkGenre="Navigation Link" class="w-full flex justify-between px-4 py-3 bg-background-200 text-copy-secondary cursor-pointer text-subtitle1 hover:text-copy-primary" target="_blank" >Android-App</a></li> </ul> <style> .accordion input:checked ~ ul { visibility: visible; } .accordion input:checked ~ div .arrow-button svg { transform: rotate(180deg); } .accordion input:checked ~ .accordion-parent-item { background: var(--color-background-400); } </style> </div> <!-- Einstellungen --> <!-- Theme Toggle --> <!-- Social Follow Bar --> <div > <hr class="mb-3 border-t-2 border-stroke-100" /> <div class="text-center uppercase px-4 text-copy-secondary">Folgen Sie uns auf</div> </div> <ul data-test-social-follow-bar class="py-4 justify-center flex w-full flex-wrap"> <li class="mx-3 my-2 inline-block"> <a href="https://facebook.com/abendblatt" class="transition hover:opacity-75" target="_blank"> <img src="/static/2024-11-29T09:16:57-8498081/hao/facebook-dark.svg" width="37" height="37" decoding="async" loading="lazy" data-invert="true" data-module-id="SvgThemeSwitchModule" alt="Hamburger Abendblatt auf Facebook" /> </a> </li> <li class="mx-3 my-2 inline-block"> <a href="https://twitter.com/abendblatt" class="transition hover:opacity-75" target="_blank"> <img src="/static/2024-11-29T09:16:57-8498081/hao/twitter-dark.svg" width="37" height="37" decoding="async" loading="lazy" data-invert="true" data-module-id="SvgThemeSwitchModule" alt="Hamburger Abendblatt auf Twitter" /> </a> </li> <li class="mx-3 my-2 inline-block"> <a href="https://www.instagram.com/abendblatt" class="transition hover:opacity-75" target="_blank"> <img src="/static/2024-11-29T09:16:57-8498081/hao/instagram-dark.svg" width="37" height="37" decoding="async" loading="lazy" data-invert="true" data-module-id="SvgThemeSwitchModule" alt="Hamburger Abendblatt auf Instagram" /> </a> </li> <li class="mx-3 my-2 inline-block"> <a href="/rss" class="transition hover:opacity-75" target="_blank"> <img src="/static/2024-11-29T09:16:57-8498081/hao/rssfeed-dark.svg" width="37" height="37" decoding="async" loading="lazy" data-invert="true" data-module-id="SvgThemeSwitchModule" alt="Hamburger Abendblatt auf RSS-Feed" /> </a> </li> </ul> </div> </div> <div class="page-horizontal-dimension bg-background-100 grow-[1]"> <header class="w-full relative bg-background-100 z-50" data-module-id="HeaderModule" > <!-- Meta Navigation --> <div id="headerMetaNavBar" class="relative z-60 md:pt-2 md:px-3 md:pb-5 bg-background-100"> <div class="justify-end md:justify-between flex w-full items-center"> <div class="hidden md:flex items-center min-w-0 max-w-[980px] h-11" data-module-id="HorizontalSlideMenuModule"> <div data-wrapper-box class="relative w-full min-w-0"> <div data-slide-panel class="w-full overflow-x-scroll hide-scrollbars"> <div data-gradient-left class="bg-gradient-to-r from-page invisible absolute z-10 left-0 top-0 bottom-0 w-[45px] pointer-events-none"></div> <div data-gradient-right class="bg-gradient-to-l from-page absolute z-10 right-0 top-0 bottom-0 w-[45px] pointer-events-none" ></div> <nav class="w-max transition-all ease-out duration-500 select-none"> <div class="flex items-center justify-start"> <ul class="text-caption text-copy-secondary flex flex-nowrap"> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> Marktplatz <svg class="inline-block align-middle fill-copy-secondary group-hover:rotate-180 inline-block select-none" width="14" height="14" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </span> <ul class="bg-background-100 absolute z-50 hidden min-w-[150px] drop-shadow-lg group-hover:block"> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/marktplatz/angebote/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Aktuelle Anzeigen" data-track-extra='{"target":"/marktplatz/angebote/"}' > Aktuelle Anzeigen </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/marktplatz/prospekte/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Aktuelle Prospekte" data-track-extra='{"target":"/marktplatz/prospekte/"}' > Aktuelle Prospekte </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/marktplatz/hamburgerwochenblatt/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Hamburger Wochenblatt" data-track-extra='{"target":"/marktplatz/hamburgerwochenblatt/"}' > Hamburger Wochenblatt </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/experten/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Experten im Fokus" data-track-extra='{"target":"/service/experten/"}' > Experten im Fokus </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://www.globista.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="GLOBISTA Reisen" data-track-extra='{"target":"https://www.globista.de/"}' target="_blank"> GLOBISTA Reisen </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/marktplatz/immobewertung/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Immobilienbewertung" data-track-extra='{"target":"/marktplatz/immobewertung/"}' > Immobilienbewertung </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://www.hamburgerimmobilien.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Immobilien" data-track-extra='{"target":"https://www.hamburgerimmobilien.de/"}' target="_blank"> Immobilien </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://hamburgerjobs.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Jobmarkt" data-track-extra='{"target":"https://hamburgerjobs.de/"}' target="_blank"> Jobmarkt </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://hamburgerherzen.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Partnersuche" data-track-extra='{"target":"https://hamburgerherzen.de/"}' target="_blank"> Partnersuche </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://hamburgertrauer.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Trauer" data-track-extra='{"target":"https://hamburgertrauer.de/"}' target="_blank"> Trauer </a> </li> </ul> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> Service <svg class="inline-block align-middle fill-copy-secondary group-hover:rotate-180 inline-block select-none" width="14" height="14" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </span> <ul class="bg-background-100 absolute z-50 hidden min-w-[150px] drop-shadow-lg group-hover:block"> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/ratgeber-wissen/eat-club/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Eat Club" data-track-extra='{"target":"/ratgeber-wissen/eat-club/"}' > Eat Club </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/gewinnspiele/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Gewinnspiele" data-track-extra='{"target":"/service/gewinnspiele/"}' > Gewinnspiele </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://shop.abendblatt.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Abendblatt Shop" data-track-extra='{"target":"https://shop.abendblatt.de/"}' target="_blank"> Abendblatt Shop </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://anzeigenbuchung.funkemedien.de/booking/packages/?x=WVWMPmrGyEiJqC50Ix5gkZFMR8bC2uiklHD1sFaIpLU%3D" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Anzeige schalten" data-track-extra='{"target":"https://anzeigenbuchung.funkemedien.de/booking/packages/?x=WVWMPmrGyEiJqC50Ix5gkZFMR8bC2uiklHD1sFaIpLU%3D"}' target="_blank"> Anzeige schalten </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://karriere.funkemedien.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Bewerbungen" data-track-extra='{"target":"https://karriere.funkemedien.de/"}' target="_blank"> Bewerbungen </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/geschaeftsstelle/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Geschäftsstelle" data-track-extra='{"target":"/service/geschaeftsstelle/"}' > Geschäftsstelle </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/historische-zeitungen/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Historische Zeitungen" data-track-extra='{"target":"/service/historische-zeitungen/"}' > Historische Zeitungen </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/leserevents/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="LeserEvents" data-track-extra='{"target":"/service/leserevents/"}' > LeserEvents </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://leserreisen.abendblatt.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="LeserReisen" data-track-extra='{"target":"https://leserreisen.abendblatt.de/"}' target="_blank"> LeserReisen </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/magazine/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Magazine" data-track-extra='{"target":"/service/magazine/"}' > Magazine </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://funkemediasales.de/mediadaten/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Mediadaten" data-track-extra='{"target":"https://funkemediasales.de/mediadaten/"}' target="_blank"> Mediadaten </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/newsletter" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Newsletter" data-track-extra='{"target":"/service/newsletter"}' > Newsletter </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/spiele/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Spiele" data-track-extra='{"target":"/service/spiele/"}' > Spiele </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/ticketshops" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Ticket Hotline" data-track-extra='{"target":"/service/ticketshops"}' > Ticket Hotline </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/ticket/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Ticketing" data-track-extra='{"target":"/service/ticket/"}' > Ticketing </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/themen/treueprogramm/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Treueprogramm" data-track-extra='{"target":"/themen/treueprogramm/"}' > Treueprogramm </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/service/kalender/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Kalender" data-track-extra='{"target":"/service/kalender/"}' > Kalender </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="/advertorials/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Unternehmen" data-track-extra='{"target":"/advertorials/"}' target="_blank"> Unternehmen </a> </li> </ul> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/epaper/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="E-Paper" data-track-extra='{"target":"/epaper/"}' > E-Paper </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> Abo <svg class="inline-block align-middle fill-copy-secondary group-hover:rotate-180 inline-block select-none" width="14" height="14" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </span> <ul class="bg-background-100 absolute z-50 hidden min-w-[150px] drop-shadow-lg group-hover:block"> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://aboshop.abendblatt.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Hamburger Abendblatt" data-track-extra='{"target":"https://aboshop.abendblatt.de/"}' target="_blank"> Hamburger Abendblatt </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://aboshop.bergedorfer-zeitung.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Bergedorfer Zeitung" data-track-extra='{"target":"https://aboshop.bergedorfer-zeitung.de/"}' target="_blank"> Bergedorfer Zeitung </a> </li> <li> <a class="inline-block w-full px-4 py-2 transition hover:bg-hover-100" href="https://aboservice.abendblatt.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Abo-Service" data-track-extra='{"target":"https://aboservice.abendblatt.de/"}' target="_blank"> Abo-Service </a> </li> </ul> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "https://www.abendblatt-hilft.de/" data-track-category="click_button" data-track-action="meta-navigation" data-track-label="Abendblatt hilft e.V." data-track-extra='{"target":"https://www.abendblatt-hilft.de/"}' target="_blank"> Abendblatt hilft e.V. </a> </span> </li> </ul> </div> </nav> </div> </div> <button data-button class="w-11 min-w-11 h-11 hover:bg-hover-900 rounded-full cursor-pointer hidden md:block invisible transition mb-1" type="button" aria-label="mehr" > <svg class="fill-copy-primary inline-block select-none" width="18" height="18" data-button-icon-right aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_arrowRight" /> </svg> <svg class="fill-copy-primary hidden inline-block select-none" width="18" height="18" data-button-icon-left aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_arrowLeft" /> </svg> </button> </div> <a title="Funke Medien" target="_blank" href="https://www.funkemedien.de/de/" rel="noopener noreferrer" aria-label="Link zu https://www.funkemedien.de/de/" class="flex items-baseline justify-center text-caption bg-background-300 pt-2 pb-2 md:ml-16 md:mr-2 active:bg-background-400 whitespace-nowrap w-full md:bg-transparent md:w-auto"> <span>Ein Angebot von</span> <svg class="w-[50.4px] h-[9px] ml-1 fill-current inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_funkeFull" /> </svg> </a> </div> </div> <!-- Sticky App Bar with logo on the left --> <div id="headerAppBar" class="relative z-50 h-[52px] md:h-[63px] w-full min-w-0 bg-background-100 pl-3 md:max-w-[650px] lg:max-w-[980px] dark:[&.sticky-header-app-bar]:border-b dark:[&.sticky-header-app-bar]:border-stroke-100"> <div class="relative z-10 h-full w-full" data-module-id="AppBarModule"> <div class="relative z-30 flex h-full w-full items-center justify-between px-2 py-3"> <!-- Logo left --> <a href="https://www.abendblatt.de" class="block h-full publication-logo max-w-fit bg-contain bg-center bg-no-repeat" aria-label="zur Startseite"> <img src="/static/2024-11-29T09:16:57-8498081/hao/logo-light.svg" width="343" height="39" decoding="async" class="h-full w-auto opacity-0" alt="Logo Hamburger Abendblatt" data-invert="false" data-module-id="SvgThemeSwitchModule" /> </a> <style> html:not(.dark) .publication-logo { background-image: url('/static/2024-11-29T09:16:57-8498081/hao/logo-light.svg'); } /* Dark mode */ html.dark .publication-logo { background-image: url('/static/2024-11-29T09:16:57-8498081/hao/logo-dark.svg'); } </style> <!-- Button Bar right --> <div class="flex items-center"> <!-- Piano Plus Banner --> <div id="plus-banner" class="overflow-hidden hidden w-[68px] h-[45px] md:visible md:block mr-2 dark:rounded" ></div> <!-- Suche --> <div class="hidden md:block"> <label> <input data-appbar-search-checkbox type="checkbox" name="item" class="peer" hidden /> <div class="flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900 peer-checked:hidden"> <svg class="w-[20px] h-[20px] mt-[3px] mr-[1px] fill-current inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_search" /> </svg> </div> <form action="/suche/" class="flex-row-reverse pl-5 mr-[3px] hidden flex-row flex-nowrap items-center border-2 border-stroke-100 p-2 peer-checked:flex" > <button type="submit" aria-label="Suche ausführen"> <svg class="inline-block ml-3 flex-start fill-current inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_search" /> </svg> </button> <input type="search" class="w-[calc(100%-20px)] bg-transparent focus-visible:outline-none focus-visible:outline-0" placeholder="Suche" name="query" value="" /> </form> </label> </div> <!-- QuickSelection Menu Button --> <div class="relative"> <label data-checkbox-button class="flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <input data-appbar-quickselectionmenu-checkbox type="checkbox" name="item" hidden /> <div> <svg class="w-[20px] h-[20px] fill-current inline-block select-none" data-menu-icon aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_location" /> </svg> <svg class="w-[20px] h-[20px] hidden fill-current inline-block select-none" data-menu-close-icon aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </div> </label> <div class="top-9 -right-11 group absolute z-10 hidden w-[240px]" data-module-id="QuickSelectionTooltipModule"> <div class="ml-auto mr-14 h-0 w-0 border-b-12 border-l-8 border-r-8 border-b-info-surface border-l-transparent border-r-transparent group-hover:border-b-info-hover" ></div> <div class="items-start px-6 flex justify-between bg-info-surface py-2 text-info-text group-hover:bg-info-hover" style="box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);" > <span class=" inline-block whitespace-nowrap">Hier geht's zu Ihren<br /><strong>Lokalnachrichten!</strong></span> <button data-closebutton class="mt-0.5 inline-block" aria-label="Hinweis schließen"><div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </div></button> </div> </div> </div> <!-- Login Link --> <div data-module-id="UserButtonsModule"><a href="https://login.funkemedien.de/realms/funke-hao/protocol/openid-connect/auth?client_id=spark-fe-hao&scope=openid%20profile%20email&response_type=id_token%20token&response_mode=form_post&nonce=b54d09a1-5508-44e2-9b39-df0e3a873bfb&redirect_uri=https%3A%2F%2Fwww.abendblatt.de%2Fredirect.html%3Fo%3D%252Fkultur-live%252Farticle206343443%252FDie-Strasse-der-Pfirsiche-ist-ein-grosses-Glueck-fuer-den-Leser.html" class="flex items-center justify-center h-11 w-11 rounded-full hover:bg-hover-900 transition" data-module-id="LoginButtonModule" data-login-button-selector data-testid="login-button" aria-label='Einloggen'> <svg class="w-[20px] h-[20px] fill-current inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_person" /> </svg> </a> <div class="relative hidden" data-logout-button-selector> <label class="flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900" for="logoutTooltip" data-testid="logout-button"> <svg class="w-[20px] h-[20px] fill-current inline-block select-none" width="20" height="20" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_personFilled" /> </svg> </label> <input id="logoutTooltip" type="checkbox" class="peer hidden" /> <div class="hidden peer-checked:block"> <div class="absolute top-10 right-[-42px] z-50 w-[320px]" data-module-id="LogoutToolTipModule" data-logout-realm="funke-hao" > <div class="ml-auto mr-14 h-0 w-0 border-l-8 border-r-8 border-b-12 border-l-transparent border-r-transparent border-b-stroke-100"></div> <div class="items-start justify-between bg-background-200 py-5 px-6 text-copy-primary" style="box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);"> <div class="block w-full">Sie sind angemeldet als:</div> <div class="block w-full overflow-hidden text-ellipsis whitespace-nowrap" data-user-email-selector><strong>user@example.com</strong></div> <label for="logoutTooltip" class="absolute right-2 top-5 inline-block cursor-pointer rounded-full p-2.5 transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </div> </label> <a href="/meinaccount/" class="text-primary-500 hover:underline pt-2 block" data-my-account-button data-module-id="UserAccountLinkSwitchModule">Mein Konto</a> <div data-logout-button> <span class="border-primary-500 hover:border-primary-700 focus:border-primary-700 active:border-primary-300 inline-block overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-6 text-center uppercase transition hover:shadow-sm focus:shadow-sm active:shadow-sm disabled:border-stroke-200 disabled:bg-background-300 disabled:text-copy-disabled disabled:shadow-none bg-primary-500 hover:bg-primary-700 focus:bg-primary-700 active:bg-primary-300 text-copy-negative dark:text-stable-white font-medium text-sm leading-[45px] w-full mt-4 cursor-pointer" >Abmelden</span> </div> </div> </div> </div> </div> </div> <!--Main Burger Menu Button --> <label data-checkbox-button class="flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <input data-appbar-mainmenu-checkbox type="checkbox" name="item" hidden /> <div> <svg class="w-[20px] h-[20px] fill-current inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_menu" /> </svg> </div> </label> </div> </div> <!-- QuickSelection Menu behind the header elements --> <div class="absolute z-10 max-h-0 right-0 min-w-[300px] overflow-y-auto transition-all duration-500" data-module-id="QuickSelectionMenuModule"> <div class="text-subtitle1 sticky top-0 bg-background-400 px-4 py-3 text-copy-primary shadow-inner">Region</div> <ul class="w-full"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/hamburg/altona/" > Altona </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/hamburg/bergedorf/" > Bergedorf </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/hamburg/eimsbuettel/" > Eimsbüttel </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/hamburg/hamburg-mitte/" > Hamburg-Mitte </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/hamburg/hamburg-nord/" > Hamburg-Nord </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/hamburg/harburg/" > Harburg </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/hamburg/wandsbek/" > Wandsbek </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/schleswig-holstein/kreis-lauenburg/" > Herzogtum Lauenburg </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/schleswig-holstein/norderstedt/" > Norderstedt </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/schleswig-holstein/pinneberg/" > Pinneberg </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/schleswig-holstein/stormarn/" > Stormarn </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/schleswig-holstein/sylt/" > Sylt </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" href="/niedersachsen/landkreis-harburg/" > Landkreis Harburg </a> </li> </ul> </div> <!-- Menu Overlay (position calculated in script) --> <div data-quickselectionmenu-overlay class="menu-overlay-off absolute left-0 z-0 -mx-3 h-screen w-[calc(100%+12px)] transition-all duration-500"></div> </div> <!-- Piano Plus Banner --> <div id="plus-banner--sticky" class="block invisible absolute top-[52px] left-0 w-full" ></div> </div> <!-- Main Menubar (Subnaviagtion) --> <div id="headerMainMenuBar" class="w-full border-t-3 border-solid border-brand relative"> <div class="pt-1 px-3 border-b border-solid border-stroke-100 relative overflow-hidden"> <div class="flex items-center min-w-0 max-w-[980px] h-11" data-module-id="HorizontalSlideMenuModule"> <div data-wrapper-box class="relative w-full min-w-0"> <div data-slide-panel class="w-full overflow-x-scroll hide-scrollbars"> <div data-gradient-left class="bg-gradient-to-r from-page invisible absolute z-10 left-0 top-0 bottom-0 w-[45px] pointer-events-none"></div> <div data-gradient-right class="bg-gradient-to-l from-page absolute z-10 right-0 top-0 bottom-0 w-[45px] pointer-events-none" ></div> <nav class="w-max transition-all ease-out duration-500 select-none"> <div class="flex items-center justify-start"> <ul class="text-sm text-copy-primary flex flex-nowrap"> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/plus-artikel/" data-track-v2-label="Abendblatt" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="1" data-track-v2-link="/plus-artikel/" data-track-v2-linkGenre="Navigation Link" > Abendblatt <svg class="inline-block align-middle w-[1.1em] h-[1.1em] text-[1em] -mt-[0.15em] fill-brand inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_plus" /> </svg> </a> </span> </li> </ul> <span class="font-bold text-copy-disabled">&nbsp;&bull;&nbsp;</span> <ul class="text-sm text-copy-primary flex flex-nowrap"> <li class="bg-background-100 group inline-block"> <span id="main-menubar-subnavigation-abo-item" class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/plus/?tpcc=00.Standard_subscribe-mainnavi" data-track-v2-label="Abo" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="1" data-track-v2-link="/plus/?tpcc=00.Standard_subscribe-mainnavi" data-track-v2-linkGenre="Navigation Link" > Abo </a> </span> </li> </ul> <span class="font-bold text-copy-disabled">&nbsp;&bull;&nbsp;</span> <ul class="text-sm text-copy-primary flex flex-nowrap"> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/" data-track-v2-label="Home" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="1" data-track-v2-link="/" data-track-v2-linkGenre="Navigation Link" > Home </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/hamburg/" data-track-v2-label="Hamburg" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="2" data-track-v2-link="/hamburg/" data-track-v2-linkGenre="Navigation Link" > Hamburg </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/sport/hsv/" data-track-v2-label="HSV" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="3" data-track-v2-link="/sport/hsv/" data-track-v2-linkGenre="Navigation Link" > HSV </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/sport/st-pauli/" data-track-v2-label="St. Pauli" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="4" data-track-v2-link="/sport/st-pauli/" data-track-v2-linkGenre="Navigation Link" > St. Pauli </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/hamburg/kultur/" data-track-v2-label="Kultur" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="5" data-track-v2-link="/hamburg/kultur/" data-track-v2-linkGenre="Navigation Link" > Kultur </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/hamburg/wirtschaft/" data-track-v2-label="Wirtschaft" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="6" data-track-v2-link="/hamburg/wirtschaft/" data-track-v2-linkGenre="Navigation Link" > Wirtschaft </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/hamburg/politik/" data-track-v2-label="Politik" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="7" data-track-v2-link="/hamburg/politik/" data-track-v2-linkGenre="Navigation Link" > Politik </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/schleswig-holstein/" data-track-v2-label="Schleswig-Holstein" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="8" data-track-v2-link="/schleswig-holstein/" data-track-v2-linkGenre="Navigation Link" > Schleswig-Holstein </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/niedersachsen/" data-track-v2-label="Niedersachsen" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="9" data-track-v2-link="/niedersachsen/" data-track-v2-linkGenre="Navigation Link" > Niedersachsen </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/hamburg/gastronomie-hamburg/" data-track-v2-label="Gastronomie" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="10" data-track-v2-link="/hamburg/gastronomie-hamburg/" data-track-v2-linkGenre="Navigation Link" > Gastronomie </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/service/veranstaltungen/" data-track-v2-label="Heute in Hamburg" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="11" data-track-v2-link="/service/veranstaltungen/" data-track-v2-linkGenre="Navigation Link" > Heute in Hamburg </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/panorama/" data-track-v2-label="Panorama" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="12" data-track-v2-link="/panorama/" data-track-v2-linkGenre="Navigation Link" > Panorama </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/podcast/" data-track-v2-label="Podcast" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="13" data-track-v2-link="/podcast/" data-track-v2-linkGenre="Navigation Link" > Podcast </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/ratgeber-wissen/" data-track-v2-label="Ratgeber & Wissen" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="14" data-track-v2-link="/ratgeber-wissen/" data-track-v2-linkGenre="Navigation Link" > Ratgeber & Wissen </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/themen/" data-track-v2-label="Alle Themen" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="15" data-track-v2-link="/themen/" data-track-v2-linkGenre="Navigation Link" > Alle Themen </a> </span> </li> <li class="bg-background-100 group inline-block"> <span class="focus-within:bg-background-900-opacity-20 block cursor-pointer whitespace-nowrap p-2 transition hover:bg-hover-100"> <a class="inline-block whitespace-nowrap outline-none" tabindex = "0" href = "/service/spiele/" data-track-v2-label="Spiele" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Text" data-track-v2-elementType="Button" data-track-v2-elementPosition="16" data-track-v2-link="/service/spiele/" data-track-v2-linkGenre="Navigation Link" > Spiele </a> </span> </li> </ul> </div> </nav> </div> </div> <button data-button class="w-11 min-w-11 h-11 hover:bg-hover-900 rounded-full cursor-pointer hidden md:block invisible transition mb-1" type="button" aria-label="mehr" data-track-v2-label="Vor" data-track-v2-eventName="pageElement" data-track-v2-parent="Sub Navigation" data-track-v2-parentPosition="Header" data-track-v2-elementStyle="Icon" data-track-v2-elementType="Button" data-track-v2-clickAction="Blättern"> <svg class="fill-copy-primary inline-block select-none" width="18" height="18" data-button-icon-right aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_arrowRight" /> </svg> <svg class="fill-copy-primary hidden inline-block select-none" width="18" height="18" data-button-icon-left aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_arrowLeft" /> </svg> </button> </div> </div> <div class="relative"> <div class="-top-4 left-14 group absolute z-10 hidden w-[240px]" data-module-id="RegionalPickerTooltipModule"> <div class="ml-12 mr-auto h-0 w-0 border-b-12 border-l-8 border-r-8 border-b-info-surface border-l-transparent border-r-transparent group-hover:border-b-info-hover" ></div> <div class="md:items-start items-center px-4 sm:px-6 flex justify-between bg-info-surface py-2 text-info-text group-hover:bg-info-hover" style="box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);" > <span class="hidden md:block pr-2 inline-block whitespace-nowrap">Ihre Lokalausgabe wurde<br /><strong>erfolgreich gespeichert</strong></span> <span class="inline-block md:hidden whitespace-nowrap pr-2">Lokalausgabe gespeichert</span> <button data-closebutton class="mt-0.5 inline-block" aria-label="Hinweis schließen"><div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </div></button> </div> </div> </div> <div class="absolute top-0 left-0 z-10 max-w-full w-full overflow-hidden"> <div data-module-id="BreakingNewsModule" class="overflow-hidden"> <template> <div class="whitespace-no-wrap relative flex w-full overflow-x-hidden bg-alert p-3"> <span class="ticker-animation text-title5 inline-block whitespace-nowrap pr-[0] text-stable-white" data-breakingnews-text></span> </div> <button class="absolute right-0 top-0 z-10 flex h-[51px] w-[51px] items-center justify-center bg-alert p-3 transition" aria-label="Eilmeldung schließen"> <svg class="w-[20px] h-[20px] fill-stable-white inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </button> </template> </div> </div> </div> </header> <main id="pageMainContent" class="w-full relative bg-background-100 pb-5"> <article class="pt-3 "> <div class="mx-5 mb-3"> <nav role="navigation" class="mb-4 md:mb-6 relative" data-module-id="BreadcrumbModule"> <div class="hide-scrollbars relative flex h-full flex-grow items-center overflow-x-scroll" data-breadcrumb-scroll-wrapper> <ul class="lg:h-56 md:h-56 sm:h-40 relative bottom-px flex items-center"> <li class="flex flex-shrink-0 items-center text-xs text-copy-disabled"> <a href="/" data-track-category="click_button" data-track-action="breadcrump" data-track-label="Home" class="whitespace-nowrap hover:underline"> Home</a> <svg class="h-2 w-2 mx-2 fill-copy-disabled inline-block select-none" width="60" height="60" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_navigateNext" /> </svg> </li> <li class="flex flex-shrink-0 items-center text-xs text-copy-disabled"> <a href="/kultur-live/" data-track-category="click_button" data-track-action="breadcrump" data-track-label="Kultur & Live" class="whitespace-nowrap hover:underline"> Kultur & Live</a> <svg class="h-2 w-2 mx-2 fill-copy-disabled inline-block select-none" width="60" height="60" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_navigateNext" /> </svg> </li> <li class="flex flex-shrink-0 items-center text-xs text-copy-secondary"> <h1 class="whitespace-nowrap" data-breadcrumb-headline>„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser</h1> </li> </ul> </div> <div data-breadcrumb-gradient-left class="from-page pointer-events-none absolute bottom-0 left-0 top-0 w-[45px] bg-gradient-to-r opacity-0 transition-opacity" ></div> <div data-breadcrumb-gradient-right class="from-page pointer-events-none absolute bottom-0 right-0 top-0 w-[45px] bg-gradient-to-l opacity-0 transition-opacity" ></div> </nav> <script id="jsonld-breadcrumb" type="application/ld+json"> {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":"https://www.abendblatt.de/","name":"Home"},{"@type":"ListItem","position":2,"item":"https://www.abendblatt.de/kultur-live/","name":"Kultur & Live"},{"@type":"ListItem","position":3,"item":"https://www.abendblatt.de/kultur-live/article206343443/Die-Strasse-der-Pfirsiche-ist-ein-grosses-Glueck-fuer-den-Leser.html","name":"„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser"}]} </script> <div> <hgroup> <div class="mb-3 flex items-center" data-test="teaser-labels"> <span class="text-overline inline-block uppercase line-clamp-1">Reisekomödie</span> </div> <h2 class="outline-none text-title4 md:text-title3 lg:text-title1 mb-3 "> <svg class="inline-block align-middle w-[1em] h-[1em] text-[1em] -mt-[0.19em] fill-brand inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_plus" /> </svg> „Die Straße der Pfirsiche“ ist ein großes Glück für den Leser </h2> </hgroup> <div class="text-caption inline-block text-copy-secondary mb-4"> <time datetime="2015-10-29T04:04:00.000Z" class="mr-2"> 29.10.2015, 05:04 Uhr </time> &bull; <span class="ml-2">Lesezeit: 4 Minuten</span> </div> <div class="mb-5"> <figure class="flex items-center text-xs text-copy-secondary lg:text-sm"> <figcaption> <address class="not-italic">Von <span class="font-semibold">Thomas Andre</span></address> </figcaption> </figure> </div> </div> </div> <div class="md:px-5"> <figure class="not-prose flex w-full flex-col"><picture class="block w-full object-cover aspect-[16/9] m-0" > <source srcset="https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_600.webp 600w, https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1200.webp 1200w, https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1600.webp 1600w" type="image/webp" sizes="(min-width: 960px) 940px, (min-width: 600px) 610px, 100vw" /><source srcset="https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_600.jpeg 600w, https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1200.jpeg 1200w, https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1600.jpeg 1600w" type="image/jpeg" sizes="(min-width: 960px) 940px, (min-width: 600px) 610px, 100vw" /> <img src="https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1200.jpeg" class="block w-full aspect-[16/9] " alt="F. Scott Fitzgerald mit seiner Frau Zelda und Tochter Scottie" title="F. Scott Fitzgerald mit seiner Frau Zelda und Tochter Scottie" fetchpriority="high" /> </picture> <figcaption class="cXenseParse"> <div class="text-caption w-full bg-background-300 px-2 py-3 font-sans text-copy-secondary md:px-3 lg:px-6"> <span class="w-full mb-3 block">F. Scott Fitzgerald mit seiner Frau Zelda und Tochter Scottie</span> <span>&copy; picture-alliance</span> </div> </figcaption></figure> </div> <div class="mx-5 mt-0 mb-6 flex flex-wrap justify-center" data-module-id="StickyArticleAdModule"> <div class="w-full max-w-[651px]"> <div class="article-body"> <p class="font-sans font-medium"> Ein Roadtrip von Connecticut nach Alabama: F. Scott Fitzgeralds Reisekomödie „Die Straße der Pfirsiche“ erscheint erstmals auf Deutsch.</p> <template data-module-id="UserActionDelayedModule" data-ident="TextToSpeech"><div> <!-- TextToSpeechModule --> <div data-module-id="TextToSpeechModule" class="relative h-[90px]" data-paid="true"> <div id="bt-player" data-disable_autoload="true" data-code="960c7d834d758f90e56007cf82a42908" data-tts-player> <div class="align-center absolute top-0 z-0 flex h-[90px] w-full overflow-hidden bg-background-200 text-center"><div class="paywall-loader relative m-auto h-[40px] w-[40px]"> <svg class="inline-block align-middle text-[1em] -mt-[0.19em] mr-[0.2em] fill-primary-500 mt-[0.1em] absolute w-full h-full origin-center left-0 z-10 inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_volumeUp" /> </svg> </div></div> </div> <script defer type="text/plain" class="cmplazyload" data-cmp-src="https://bottalk.io/player/loader-v3.js" data-cmp-vendor="s1604" data-tts-script></script> </div> </div></template> <div id="piano-reco-widget" class="mb-4 block" ></div><div id="paywall-container" class="paywall-ld-ident shadow-outer rounded-lg overflow-hidden md:m-auto min-h-[50vh] md:min-h-[500px] w-full flex align-center text-center" ><div class="paywall-loader relative m-auto h-[65px] w-[65px] md:h-[100px] md:w-[100px]"> <svg class="inline-block align-middle text-[1em] -mt-[0.19em] mr-[0.2em] fill-brand mt-[0.1em] absolute w-full h-full origin-center left-0 z-10 inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_plus" /> </svg> </div></div><div id="piano-banner-kampagne" class="mb-4 block" ></div> </div> </div> <div data-ad-container class="hidden" style="height:280px;"> </div> </div> </article> <div class="mx-5 my-6"> <a href="/" target="_self" title="" class="border-primary-500 hover:border-primary-700 focus:border-primary-700 active:border-primary-300 inline-block overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-6 text-center uppercase transition hover:shadow-sm focus:shadow-sm active:shadow-sm disabled:border-stroke-200 disabled:bg-background-300 disabled:text-copy-disabled disabled:shadow-none text-copy-accent-negative hover:text-primary-700 dark:hover:text-copy-accent-negative focus:text-primary-700 active:text-primary-300 bg-background-100 disabled:border-copy-disabled font-medium text-sm leading-[45px] w-full">zur Startseite <svg class="fill-current inline-block align-middle mb-[2px] ml-1 inline-block select-none" width="14" height="14" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_navigateNext" /> </svg> </a> </div> <!-- Taboola Container --> <aside class="px-5 w-full" data-module-id="TaboolaContainerModule" data-container-id="taboola-article-smart-feed" data-mode="thumbs-feed-01-b" data-target-type="mix" data-is-mid-article="false" data-variant="smart-feed" data-gallery-number="undefined" > <div id="taboola-article-smart-feed" style="background-color:#ffffff;"></div> </aside> <!-- JsonLd --> <script id="jsonld-article" type="application/ld+json"> {"@context":"https://schema.org","@type":"NewsArticle","@id":"https://www.abendblatt.de/kultur-live/article206343443/Die-Strasse-der-Pfirsiche-ist-ein-grosses-Glueck-fuer-den-Leser.html","headline":"„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser","alternativeHeadline":"„Die Straße der Pfirsiche“ ist ein großes Glück für den Leser","description":"F. Scott Fitzgerald\nmit seiner Frau\nZelda und Tochter\nScottie","mainEntityOfPage":"https://www.abendblatt.de/kultur-live/article206343443/Die-Strasse-der-Pfirsiche-ist-ein-grosses-Glueck-fuer-den-Leser.html","dateCreated":"2015-10-29T04:11:03.000Z","datePublished":"2015-10-29T04:04:00.000Z","dateModified":"2017-03-24T13:56:38.000Z","keywords":"","publisher":{"@type":["Organization","NewsMediaOrganization"],"name":"Hamburger Abendblatt","logo":{"@type":"ImageObject","url":"https://www.abendblatt.de/static/latest/hao/logo.png"},"url":"https://www.abendblatt.de","sameAs":["https://facebook.com/abendblatt","https://twitter.com/abendblatt","https://www.instagram.com/abendblatt"]},"image":["https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v4_3_800.jpeg","https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v1_1_400.jpeg","https://img.sparknews.funkemedien.de/206344577/206344577_1446107524_v16_9_1200.jpeg"],"author":[{"@type":"Person","name":"Thomas Andre","url":"https://www.abendblatt.de/autoren"}],"spatial":{"@context":"https://schema.org","@type":"Place"},"articleSection":"Kultur & Live","articleBody":"","isAccessibleForFree":"False","hasPart":{"@type":"WebPageElement","isAccessibleForFree":"False","cssSelector":".paywall-ld-ident"}} </script> <div data-module-id="PianoArticleDataModule" data-piano-article-data="eyJzZXRDb250ZW50Q3JlYXRlZCI6IjIwMTUtMTAtMjlUMDQ6MDQ6MDAuMDAwWiIsInNldENvbnRlbnRBdXRob3IiOiJUaG9tYXMgQW5kcmUiLCJzZXRDb250ZW50SWQiOiIyMDYzNDM0NDMiLCJzZXRDb250ZW50U2VjdGlvbiI6Imt1bHR1ci1saXZlIiwic2V0VGFncyI6WyJpc1BhaWRDb250ZW50Il19"></div> <div data-module-id="PianoCustomVariablesE2PModule" data-piano-custom-variables="eyJlMnBfYXJ0aWNsZUlkIjoiMjA2MzQzNDQzIiwiZTJwX2FydGljbGVUeXBlIjoibmV3cyIsImUycF9pc0FydGljbGUiOnRydWUsImUycF9pc1NlY3Rpb24iOmZhbHNlLCJlMnBfcGFpZFN0YXRlIjp0cnVlLCJlMnBfdGl0bGVDb2RlIjoiaGFvIiwiZTJwX3JlZlVybCI6Imh0dHBzOi8vd3d3LmFiZW5kYmxhdHQuZGUva3VsdHVyLWxpdmUvYXJ0aWNsZTIwNjM0MzQ0My9EaWUtU3RyYXNzZS1kZXItUGZpcnNpY2hlLWlzdC1laW4tZ3Jvc3Nlcy1HbHVlY2stZnVlci1kZW4tTGVzZXIuaHRtbCJ9"></div> <!-- VgWortScript --> <script defer type="text/plain" class="cmplazyload" data-cmp-vendor="s1429"> var vgWortImage = new Image(); vgWortImage.src="https://waz.met.vgwort.de/na/pw-vgzm.1020093-206343443"; </script> <div data-module-id="PodcastPlayerSessionModule"></div> <template id="podcast-player-template"> <!-- PodcastPlayerScript --> <script src="https://cdn.julephosting.de/headless-player/player.js"></script> <section aria-label="Podcast-Player" data-module-id="PodcastPlayerModule"> <div id="podcast-subscribe-modal"> <div class="invisible fixed inset-0 z-70 overflow-y-auto text-center opacity-0 transition-opacity duration-1000" data-module-id="ModalModule" data-module-modal-delay-ms="99999999999999" data-module-modal-hide-close-btn-time-ms="-1" role="dialog" aria-labelledby="modal-title" aria-modal="true" data-testid="modal-dialog" > <div class="bg-background-800-opacity-90 fixed inset-0" aria-hidden="true"></div> <div class="relative block flex min-h-screen items-center justify-center p-5"> <div class="relative block w-full max-w-[600px] bg-background-100"> <div class="flex h-12 justify-end p-3"> <span data-module-modal-closebtn-text class="hidden text-xs"></span> <button data-module-modal-closebtn data-testid="modal-closebtn" class="fill-current text-copy-primary"><div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </div></button> </div> <div class="px-6 pb-8"><div id="podcast-audio-subscribe"></div></div> <div class="bg-background-300 px-6 py-3"> <p class="text-xs text-copy-secondary md:text-base"> Kennen Sie schon unsere <a href="/plus-artikel/?tpcc=news-layer_markenportale" class="text-copy-accent-negative hover:underline dark:underline">PLUS-Inhalte</a>?<br /> <a href="/plus/?tpcc=news-layer_markenportale" class="text-copy-accent-negative hover:underline dark:underline"> Jetzt <span class="whitespace-nowrap"> Abendblatt <svg class="align-middle w-[1em] h-[1em] text-[1em] fill-brand inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_plus" /> </svg> </span> testen </a> </p></div> </div> </div> </div> </div> <div id="close-podcast-modal"> <div class="invisible fixed inset-0 z-70 overflow-y-auto text-center opacity-0 transition-opacity duration-1000" data-module-id="ModalModule" data-module-modal-delay-ms="99999999999999" data-module-modal-hide-close-btn-time-ms="-1" role="dialog" aria-labelledby="modal-title" aria-modal="true" data-testid="modal-dialog" > <div class="bg-background-800-opacity-90 fixed inset-0" aria-hidden="true"></div> <div class="relative block flex min-h-screen items-center justify-center p-5"> <div class="relative block w-full max-w-[600px] bg-background-100"> <div class="flex h-12 justify-end p-3"> <span data-module-modal-closebtn-text class="hidden text-xs"></span> <button data-module-modal-closebtn data-testid="modal-closebtn" class="fill-current text-copy-primary"><div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </div></button> </div> <div class="px-6 pb-8"><div id="podcast-close-dialog"> <div class="text-subtitle1 py-4">Den Podcast beenden?</div> <div id="podcast-audio-close-podcast-button"><span class="border-primary-500 hover:border-primary-700 focus:border-primary-700 active:border-primary-300 inline-block overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-6 text-center uppercase transition hover:shadow-sm focus:shadow-sm active:shadow-sm disabled:border-stroke-200 disabled:bg-background-300 disabled:text-copy-disabled disabled:shadow-none bg-primary-500 hover:bg-primary-700 focus:bg-primary-700 active:bg-primary-300 text-copy-negative dark:text-stable-white font-medium text-sm leading-[45px] w-full md:w-3/5 cursor-pointer" >Podcast beenden</span></div> </div></div> <div class="bg-background-300 px-6 py-3"> <p class="text-xs text-copy-secondary md:text-base"> Kennen Sie schon unsere <a href="/plus-artikel/?tpcc=news-layer_markenportale" class="text-copy-accent-negative hover:underline dark:underline">PLUS-Inhalte</a>?<br /> <a href="/plus/?tpcc=news-layer_markenportale" class="text-copy-accent-negative hover:underline dark:underline"> Jetzt <span class="whitespace-nowrap"> Abendblatt <svg class="align-middle w-[1em] h-[1em] text-[1em] fill-brand inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_plus" /> </svg> </span> testen </a> </p></div> </div> </div> </div> </div> <div id="podcast-audio-equalizer" class="fixed bottom-[2em] right-[-10em] z-10 flex h-[8em] w-[8em] cursor-pointer items-center justify-center overflow-hidden rounded-md bg-contain p-[1em] text-[10px] shadow-lg transition-all duration-500 before:absolute before:h-full before:w-full before:bg-background-900 before:opacity-25 before:content-[''] hover:scale-110 md:bottom-5 lg:h-[10em] lg:w-[10em]" data-equilizer-selector > <button class="inline-block items-center justify-center h-11 w-11 rounded-full hover:bg-copy-primary transition absolute -right-1 -top-1 z-10 h-[48px] w-[48px]" data-close-podcast-modal-button aria-label="Podcast beenden"> <svg class="w-[16px] h-[16px] fill-copy-negative inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </button> <div id="podcast-audio-equalizer-loader" class="paywall-loader relative m-auto h-8 w-8"> <svg class="inline-block align-middle text-[1em] -mt-[0.19em] mr-[0.2em] fill-copy-negative mt-[0.1em] absolute w-full h-full origin-center left-0 z-10 inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_podcasts" /> </svg> </div> <div id="equalizer" class="equalizer absolute -mb-4 grid hidden h-[4em] w-[5em] grid-cols-3 gap-2 transition-all hover:opacity-50 lg:h-[5em] lg:w-[5em]"> <div class="equalizer-animation relative h-full w-[5em] overflow-hidden lg:w-[5em]"></div> </div> </div> <style> .equalizer-animation { background-image: url('/static/2024-11-29T09:16:57-8498081/hao/equalizer.gif'); background-size: cover; } </style> <div id="podcast-audio-player" class="fixed bottom-0 left-0 z-10 m-auto w-full select-none text-center transition-all duration-500 md:bottom-4" style="bottom: -250px;"> <div id="ad-block-message" class="m-auto hidden max-w-[960px] bg-alert px-4 py-2 text-stable-white"> Sie haben vermutlich einen Ad-Blocker aktiviert. Aus diesem Grund können die Funktionen des Podcast-Players eingeschränkt sein. Bitte deaktivieren Sie den Ad-Blocker, um den Podcast hören zu können. </div> <div class="julep-sticky-player-gradient w-12/12 relative m-auto max-w-[960px] py-3" data-podcast-player-inner-selector> <audio src="#" id="podcast-audio" preload="auto" muted></audio> <button id="podcast-audio-minify-button" class="inline-block items-center justify-center h-11 w-11 rounded-full active:bg-background-800 hover:bg-transparent md:hover:bg-background-800 transition absolute right-2 top-2 z-10 hidden h-[48px] w-[48px]" aria-label="Podcast Player minimieren"> <svg class="w-[20px] h-[20px] fill-stable-white inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </button> <button id="podcast-audio-close-button" class="inline-block items-center justify-center h-11 w-11 rounded-full active:bg-background-800 hover:bg-transparent md:hover:bg-background-800 transition absolute right-2 top-2 z-10 h-[48px] w-[48px]" aria-label="Podcast beenden" data-close-podcast-modal-button > <svg class="w-[20px] h-[20px] fill-stable-white inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </button> <div class="m-auto w-full p-4 md:w-10/12"> <img src="#" height="50" alt="podcast-image" class="float-left mr-5 h-[50px] w-[50px] rounded shadow-md md:h-[150px] md:w-[150px]" /> <div class="w-full"> <div class="meta text-left"> <h3 id="podcast-audio-title" class="text-title6 md:text-title5 mr-10 line-clamp-1 text-stable-white outline-none md:mr-0"></h3> <div id="podcast-audio-label" class="text-overline mb-2 flex items-center py-2 text-stable-white"> <span></span> </div> </div> <div class="controls clear-both md:clear-none"> <div class="flex items-center"> <span class="timecounter w-14 flex-grow text-left text-stable-white">00:00</span> <label id="label-progress-slider" hidden>Podcast Progress</label> <input type="range" class="scrubber styled-slider slider-progress" min="0" max="2144" value="0" step="1" aria-labelledby="label-progress-slider" /> <span class="remainingcounter w-14 flex-grow text-right text-stable-white">00:00</span> </div> <div class="pt-4"> <div class="relative inline-block items-center justify-center h-11 w-11 rounded-full active:bg-background-800 hover:bg-transparent md:hover:bg-background-800 transition float-left " data-module-id="ShareButtonModule" data-share-props="%7B%22url%22:%22/podcast%22,%22title%22:%22share%22,%22text%22:%22Podcast%22,%22appName%22:%22Hamburger%20Abendblatt%22%7D"> <button data-share-button class="flex h-[45px] w-[45px] cursor-pointer items-center justify-center rounded-full transition-colors aria-disabled:text-copy-disabled aria-disabled:cursor-default hover:aria-disabled:bg-transparent hover:bg-hover-100 "> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="fill-stable-white mt-0 -ml-[4px] w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_share" /> </svg> </div> </button> <ul data-position="above" class="absolute z-90 hidden bg-background-300 text-copy-primary"> <button class="flex items-center w-[240px] px-4 py-3 text-subtitle1 hover:bg-hover-100" data-variant="facebook"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_facebook" /> </svg> </div> <span class="inline-block ml-4"> Facebook </span> </button> <button class="flex items-center w-[240px] px-4 py-3 text-subtitle1 hover:bg-hover-100" data-variant="twitter"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_twitter" /> </svg> </div> <span class="inline-block ml-4"> X </span> </button> <button class="flex items-center w-[240px] px-4 py-3 text-subtitle1 hover:bg-hover-100" data-variant="whatsapp"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_whatsapp" /> </svg> </div> <span class="inline-block ml-4"> WhatsApp </span> </button> <button class="flex items-center w-[240px] px-4 py-3 text-subtitle1 hover:bg-hover-100" data-variant="email"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_mail" /> </svg> </div> <span class="inline-block ml-4"> E-Mail </span> </button> </ul> </div> <button class="revSkip10 inline-block items-center justify-center h-11 w-11 rounded-full active:bg-background-800 hover:bg-transparent md:hover:bg-background-800 transition" aria-label="10 Sekunden vor"> <svg class="w-[26px] h-[26px] fill-stable-white inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_replay10" /> </svg> </button> <button class="podcast-player-play-button bg-background-100 inline-block items-center justify-center h-11 w-11 rounded-full active:bg-background-400 hover:bg-background-400 md:hover:bg-background-400 transition mx-8 shadow-lg h-[48px] w-[48px]" aria-label="play" data-play-icon-selector> <svg class="w-[26px] h-[26px] fill-copy-primary inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_play" /> </svg> </button> <button class="podcast-player-pause-button bg-background-100 inline-block items-center justify-center h-11 w-11 rounded-full active:bg-background-400 hover:bg-background-400 md:hover:bg-background-400 transition mx-8 shadow-lg hidden h-[48px] w-[48px]" aria-label="pause" data-pause-icon-selector> <svg class="w-[26px] h-[26px] fill-copy-primary inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_pause" /> </svg> </button> <button class="fwdSkip10 inline-block items-center justify-center h-11 w-11 rounded-full active:bg-background-800 hover:bg-transparent md:hover:bg-background-800 transition" aria-label="10 Sekunden zurück"> <svg class="w-[26px] h-[26px] fill-stable-white inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_forward10" /> </svg> </button> <button id="podcast-audio-subscribe-modal-button" class="inline-block items-center justify-center h-11 w-11 rounded-full active:bg-background-800 hover:bg-transparent md:hover:bg-background-800 transition float-right" aria-label="Podcast abonnieren"> <svg class="w-[26px] h-[26px] fill-stable-white inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_addCircle" /> </svg> </button> </div> </div> </div> <div data-subscribe-selector class="flex"></div> </div> </div> </div> </section> </template> </main> </div> <footer class="mx-auto w-full bg-background-300"> <!-- footer top --> <div class="page-horizontal-dimension"> <div class="hidden lg:block"> <div class="grid grid-cols-4 gap-5 pb-1.5 pt-3"> <div class="px-4"> <h4 class="font-bold">Abo</h4> <ul class="mt-2"> <li class="mb-1.5"> <a href="http://aboshop.abendblatt.de" data-track-category="click_button" data-track-action="footer" data-track-label="Hamburger Abendblatt" data-track-extra='{"target":"http://aboshop.abendblatt.de"}' target="_blank" class="hover:underline" aria-label="Hamburger Abendblatt"> Hamburger Abendblatt </a> </li> <li class="mb-1.5"> <a href="https://aboshop.bergedorfer-zeitung.de/" data-track-category="click_button" data-track-action="footer" data-track-label="Bergedorfer Zeitung" data-track-extra='{"target":"https://aboshop.bergedorfer-zeitung.de/"}' target="_blank" class="hover:underline" aria-label="Bergedorfer Zeitung"> Bergedorfer Zeitung </a> </li> <li class="mb-1.5"> <a href="http://abo.abendblatt.de/service" data-track-category="click_button" data-track-action="footer" data-track-label="Kundenservice" data-track-extra='{"target":"http://abo.abendblatt.de/service"}' target="_blank" class="hover:underline" aria-label="Kundenservice"> Kundenservice </a> </li> <li class="mb-1.5"> <a href="/themen/treueprogramm/" data-track-category="click_button" data-track-action="footer" data-track-label="Treueprogramm" data-track-extra='{"target":"/themen/treueprogramm/"}' class="hover:underline" aria-label="Treueprogramm"> Treueprogramm </a> </li> </ul> </div> <div class="px-4"> <h4 class="font-bold">Anzeigenservice</h4> <ul class="mt-2"> <li class="mb-1.5"> <a href="https://funkemediasales.de/" data-track-category="click_button" data-track-action="footer" data-track-label="Werbeangebote" data-track-extra='{"target":"https://funkemediasales.de/"}' target="_blank" class="hover:underline" aria-label="Werbeangebote"> Werbeangebote </a> </li> <li class="mb-1.5"> <a href="https://funkemediasales.de/agb/" data-track-category="click_button" data-track-action="footer" data-track-label="AGBs" data-track-extra='{"target":"https://funkemediasales.de/agb/"}' target="_blank" class="hover:underline" aria-label="AGBs"> AGBs </a> </li> <li class="mb-1.5"> <a href="https://funkemediasales.de/mediadaten/" data-track-category="click_button" data-track-action="footer" data-track-label="Mediadaten" data-track-extra='{"target":"https://funkemediasales.de/mediadaten/"}' target="_blank" class="hover:underline" aria-label="Mediadaten"> Mediadaten </a> </li> <li class="mb-1.5"> <a href="https://anzeigenbuchung.funkemedien.de/booking/packages/?x=WVWMPmrGyEiJqC50Ix5gkZFMR8bC2uiklHD1sFaIpLU%3D" data-track-category="click_button" data-track-action="footer" data-track-label="Anzeige schalten" data-track-extra='{"target":"https://anzeigenbuchung.funkemedien.de/booking/packages/?x=WVWMPmrGyEiJqC50Ix5gkZFMR8bC2uiklHD1sFaIpLU%3D"}' target="_blank" class="hover:underline" aria-label="Anzeige schalten"> Anzeige schalten </a> </li> </ul> </div> <div class="px-4"> <h4 class="font-bold">Angebote</h4> <ul class="mt-2"> <li class="mb-1.5"> <a href="https://cleverdigital.de/" data-track-category="click_button" data-track-action="footer" data-track-label="Cleverdigital" data-track-extra='{"target":"https://cleverdigital.de/"}' target="_blank" class="hover:underline" aria-label="Cleverdigital"> Cleverdigital </a> </li> <li class="mb-1.5"> <a href="https://www.globista.de/" data-track-category="click_button" data-track-action="footer" data-track-label="GLOBISTA Reisen" data-track-extra='{"target":"https://www.globista.de/"}' target="_blank" class="hover:underline" aria-label="GLOBISTA Reisen"> GLOBISTA Reisen </a> </li> <li class="mb-1.5"> <a href="https://www.imtest.de/" data-track-category="click_button" data-track-action="footer" data-track-label="IMTEST" data-track-extra='{"target":"https://www.imtest.de/"}' target="_blank" class="hover:underline" aria-label="IMTEST"> IMTEST </a> </li> </ul> </div> <div class="px-4"> <h4 class="font-bold">Service</h4> <ul class="mt-2"> <li class="mb-1.5"> <a href="http://shop.abendblatt.de" data-track-category="click_button" data-track-action="footer" data-track-label="Abendblatt-Shop" data-track-extra='{"target":"http://shop.abendblatt.de"}' target="_blank" class="hover:underline" aria-label="Abendblatt-Shop"> Abendblatt-Shop </a> </li> <li class="mb-1.5"> <a href="/wirtschaft/karriere/ausbildung" data-track-category="click_button" data-track-action="footer" data-track-label="Ausbildung" data-track-extra='{"target":"/wirtschaft/karriere/ausbildung"}' class="hover:underline" aria-label="Ausbildung"> Ausbildung </a> </li> <li class="mb-1.5"> <a href="/service/experten/" data-track-category="click_button" data-track-action="footer" data-track-label="Experten im Fokus" data-track-extra='{"target":"/service/experten/"}' class="hover:underline" aria-label="Experten im Fokus"> Experten im Fokus </a> </li> <li class="mb-1.5"> <a href="/services/epaper/" data-track-category="click_button" data-track-action="footer" data-track-label="E-Paper" data-track-extra='{"target":"/services/epaper/"}' class="hover:underline" aria-label="E-Paper"> E-Paper </a> </li> <li class="mb-1.5"> <a href="https://hamburgerjobs.de" data-track-category="click_button" data-track-action="footer" data-track-label="Jobs" data-track-extra='{"target":"https://hamburgerjobs.de"}' target="_blank" class="hover:underline" aria-label="Jobs"> Jobs </a> </li> <li class="mb-1.5"> <a href="/advertorials/" data-track-category="click_button" data-track-action="footer" data-track-label="Unternehmen" data-track-extra='{"target":"/advertorials/"}' target="_blank" class="hover:underline" aria-label="Unternehmen"> Unternehmen </a> </li> </ul> </div> </div> </div> <div class="w-full lg:hidden"> <div> <ul class="min-h-xs accordion" data-module-id="AccordionModule"> <li class=""><a href="http://aboshop.abendblatt.de" data-track-category="click_button" data-track-action="footer" data-track-label="Abo" data-track-extra='{"target":"http://aboshop.abendblatt.de"}' class="w-full flex justify-between px-4 py-3 bg-background-300 text-copy-primary cursor-pointer text-subtitle1 hover:text-copy-primary" target="_blank" >Abo</a></li><li class=""><a href="https://anzeigenbuchung.funkemedien.de/booking/packages/?x=WVWMPmrGyEiJqC50Ix5gkZFMR8bC2uiklHD1sFaIpLU%3D" data-track-category="click_button" data-track-action="footer" data-track-label="Anzeigenservice" data-track-extra='{"target":"https://anzeigenbuchung.funkemedien.de/booking/packages/?x=WVWMPmrGyEiJqC50Ix5gkZFMR8bC2uiklHD1sFaIpLU%3D"}' class="w-full flex justify-between px-4 py-3 bg-background-300 text-copy-primary cursor-pointer text-subtitle1 hover:text-copy-primary" target="_blank" >Anzeigenservice</a></li> <li class=""> <input type="radio" id="footer-Angebote-2" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-300 text-copy-primary text-subtitle1 hover:text-copy-primary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=footer-Angebote-2 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-category="click_button" data-track-action="footer" data-track-label="Angebote" data-track-extra='{"target":"/angebot/"}' href="/angebot/">Angebote</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 shadow-lg max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="Cleverdigital" data-track-extra='{"target":"https://cleverdigital.de/"}' href="https://cleverdigital.de/" target="_blank"> Cleverdigital </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="GLOBISTA Reisen" data-track-extra='{"target":"https://www.globista.de/"}' href="https://www.globista.de/" target="_blank"> GLOBISTA Reisen </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="IMTEST" data-track-extra='{"target":"https://www.imtest.de/"}' href="https://www.imtest.de/" target="_blank"> IMTEST </a> </li> </ul> <style> #footer-Angebote-2:checked ~ ul { max-height: 144px; } </style> </li> <li class=""> <input type="radio" id="footer-Service-3" name="item" hidden value="closed" /> <div class="accordion-parent-item bg-background-300 text-copy-primary text-subtitle1 hover:text-copy-primary flex w-full cursor-pointer justify-between py-1 pl-4 pr-1 transition" > <label for=footer-Service-3 class="flex w-full cursor-pointer justify-between transition"> <a class = "flex h-11 w-10/12 cursor-pointer items-center" data-track-category="click_button" data-track-action="footer" data-track-label="Service" data-track-extra='{"target":"/service/"}' href="/service/">Service</a> <div class="arrow-button flex h-11 w-11 cursor-pointer items-center justify-center rounded-full transition hover:bg-hover-900"> <div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="inline-block select-none text-copy-primary transition fill-current w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_expandMore" /> </svg> </div> </div> </label> </div> <ul class="bg-background-200 shadow-lg max-h-0 w-full overflow-hidden transition-all duration-500 ease-out"> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="Abendblatt-Shop" data-track-extra='{"target":"http://shop.abendblatt.de"}' href="http://shop.abendblatt.de" target="_blank"> Abendblatt-Shop </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="Ausbildung" data-track-extra='{"target":"/wirtschaft/karriere/ausbildung"}' href="/wirtschaft/karriere/ausbildung" > Ausbildung </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="Experten im Fokus" data-track-extra='{"target":"/service/experten/"}' href="/service/experten/" > Experten im Fokus </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="E-Paper" data-track-extra='{"target":"/services/epaper/"}' href="/services/epaper/" > E-Paper </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="Jobs" data-track-extra='{"target":"https://hamburgerjobs.de"}' href="https://hamburgerjobs.de" target="_blank"> Jobs </a> </li> <li class="list-none bg-background-200 px-5 py-3 font-medium text-copy-primary transition hover:bg-hover-900"> <a class="inline-block w-full" data-track-category="click_button" data-track-action="footer" data-track-label="Unternehmen" data-track-extra='{"target":"/advertorials/"}' href="/advertorials/" target="_blank"> Unternehmen </a> </li> </ul> <style> #footer-Service-3:checked ~ ul { max-height: 288px; } </style> </li> </ul> <style> .accordion input:checked ~ ul { visibility: visible; } .accordion input:checked ~ div .arrow-button svg { transform: rotate(180deg); } .accordion input:checked ~ .accordion-parent-item { background: var(--color-background-400); } </style> </div> </div> </div> <div class="min-h-xs w-full bg-background-800 pb-[50px] md:pb-0"> <div class="page-horizontal-dimension px-4"> <a href="https://www.abendblatt.de" class="align-center flex justify-center py-6 publication-logo-invert m-auto max-w-fit bg-contain bg-center bg-no-repeat" aria-label="zur Startseite"> <img src="/static/2024-11-29T09:16:57-8498081/hao/logo-dark.svg" width="282" height="32" decoding="async" loading="lazy" class="w-[211px] md:w-[282px] opacity-0" alt="Logo Hamburger Abendblatt" data-invert="true" data-module-id="SvgThemeSwitchModule" /> </a> <style> html:not(.dark) .publication-logo-invert { background-image: url('/static/2024-11-29T09:16:57-8498081/hao/logo-dark.svg'); } /* Dark mode */ html.dark .publication-logo-invert { background-image: url('/static/2024-11-29T09:16:57-8498081/hao/logo-light.svg'); } </style> <p class="leading-tight pb-4 text-center text-xs text-copy-negative"> Nachrichten aus Hamburg - Aktuelle Nachrichten und Hintergründe aus Politik, Wirtschaft, Kultur und Sport - aus Hamburg, Deutschland und der Welt. </p> <ul data-test-social-follow-bar class="py-4 justify-center flex w-full flex-wrap"> <li class="mx-3 my-2 inline-block"> <a href="https://facebook.com/abendblatt" class="transition hover:opacity-75" target="_blank"> <img src="/static/2024-11-29T09:16:57-8498081/hao/facebook-light.svg" width="37" height="37" decoding="async" loading="lazy" data-invert="false" data-module-id="SvgThemeSwitchModule" alt="Hamburger Abendblatt auf Facebook" /> </a> </li> <li class="mx-3 my-2 inline-block"> <a href="https://twitter.com/abendblatt" class="transition hover:opacity-75" target="_blank"> <img src="/static/2024-11-29T09:16:57-8498081/hao/twitter-light.svg" width="37" height="37" decoding="async" loading="lazy" data-invert="false" data-module-id="SvgThemeSwitchModule" alt="Hamburger Abendblatt auf Twitter" /> </a> </li> <li class="mx-3 my-2 inline-block"> <a href="https://www.instagram.com/abendblatt" class="transition hover:opacity-75" target="_blank"> <img src="/static/2024-11-29T09:16:57-8498081/hao/instagram-light.svg" width="37" height="37" decoding="async" loading="lazy" data-invert="false" data-module-id="SvgThemeSwitchModule" alt="Hamburger Abendblatt auf Instagram" /> </a> </li> <li class="mx-3 my-2 inline-block"> <a href="/rss" class="transition hover:opacity-75" target="_blank"> <img src="/static/2024-11-29T09:16:57-8498081/hao/rssfeed-light.svg" width="37" height="37" decoding="async" loading="lazy" data-invert="false" data-module-id="SvgThemeSwitchModule" alt="Hamburger Abendblatt auf RSS-Feed" /> </a> </li> </ul> <hr class="border-copy-secondary" /> <div class="pt-1"> <div class="leading-tight flex flex-wrap py-4 text-center text-xs uppercase text-copy-negative md:block md:flex-nowrap"> <a class="my-4 flex-grow basis-1/2 max-w-[50%] md:flex-grow-0 md:flex-none md:max-w-none md:flex-basis md:my-0 text-left hover:underline" href="/service/impressum/" aria-label="Impressum" > Impressum </a> <span class="bg-background-100 w-1 h-1 rounded align-middle mx-1 my-2 hidden md:inline-block"></span> <a class="my-4 flex-grow basis-1/2 max-w-[50%] md:flex-grow-0 md:flex-none md:max-w-none md:flex-basis md:my-0 text-left hover:underline" href="/service/datenschutzerklaerung/" aria-label="Datenschutzerklärung" > Datenschutzerklärung </a> <span class="bg-background-100 w-1 h-1 rounded align-middle mx-1 my-2 hidden md:inline-block"></span> <a class="my-4 flex-grow basis-1/2 max-w-[50%] md:flex-grow-0 md:flex-none md:max-w-none md:flex-basis md:my-0 text-left hover:underline" href="/?cmpscreencustom" aria-label="Datenschutzcenter" > Datenschutzcenter </a> <span class="bg-background-100 w-1 h-1 rounded align-middle mx-1 my-2 hidden md:inline-block"></span> <a class="my-4 flex-grow basis-1/2 max-w-[50%] md:flex-grow-0 md:flex-none md:max-w-none md:flex-basis md:my-0 text-left hover:underline" href="/autoren/" aria-label="Abendblatt-Autoren" > Abendblatt-Autoren </a> <span class="bg-background-100 w-1 h-1 rounded align-middle mx-1 my-2 hidden md:inline-block"></span> <a class="my-4 flex-grow basis-1/2 max-w-[50%] md:flex-grow-0 md:flex-none md:max-w-none md:flex-basis md:my-0 text-left hover:underline" href="/hamburg/meinung-der-leser-mails-und-post-an-die-redaktion/" aria-label="Leserbriefe" > Leserbriefe </a> <span class="bg-background-100 w-1 h-1 rounded align-middle mx-1 my-2 hidden md:inline-block"></span> <a class="my-4 flex-grow basis-1/2 max-w-[50%] md:flex-grow-0 md:flex-none md:max-w-none md:flex-basis md:my-0 text-left hover:underline" href="https://aboservice.abendblatt.de/#/kuendigung" aria-label="Abo kündigen" > Abo kündigen </a> </div> </div> <div class="flex flex-col flex-wrap gap-x-11 py-5 md:flex-row md:py-12 lg:py-13"> <span class="leading-loose flex-1 py-1 text-center text-xs text-copy-negative"> Eine Webseite der <a href="https://www.funkemedien.de" target="_blank" class="font-bold hover:underline" aria-label="FUNKE Mediengruppe">FUNKE</a> Mediengruppe </span> <span class="leading-loose flex-1 py-1 text-center text-xs text-copy-negative">© 2024 FUNKE Mediengruppe</span> </div> </div> </div> <div id="plus-banner--sticky-bottom" class="fixed bottom-0 left-0 w-full z-40 block md:hidden" ></div> </footer> <div class="invisible fixed inset-0 z-70 overflow-y-auto text-center opacity-0 transition-opacity duration-1000" data-module-id="ModalModule" data-module-modal-delay-ms="1200000" data-module-modal-hide-close-btn-time-ms="-1" role="dialog" aria-labelledby="modal-title" aria-modal="true" data-testid="modal-dialog" > <div class="bg-background-800-opacity-90 fixed inset-0" aria-hidden="true"></div> <div class="relative block flex min-h-screen items-center justify-center p-5"> <div class="relative block w-full max-w-[600px] bg-background-100"> <div class="flex h-12 justify-end p-3"> <span data-module-modal-closebtn-text class="hidden text-xs"></span> <button data-module-modal-closebtn data-testid="modal-closebtn" class="fill-current text-copy-primary"><div class="flex items-center justify-center w-[24px] h-[24px]"> <svg class="w-[20px] h-[20px] inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_close" /> </svg> </div></button> </div> <div class="px-6 pb-8"><div> <div class="md:text-title5 mb-6 mt-5 text-md font-semibold md:mb-8">Wir haben neue Nachrichten für Sie</div> <a href="/" target="_self" title="" class="border-primary-500 hover:border-primary-700 focus:border-primary-700 active:border-primary-300 inline-block overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-6 text-center uppercase transition hover:shadow-sm focus:shadow-sm active:shadow-sm disabled:border-stroke-200 disabled:bg-background-300 disabled:text-copy-disabled disabled:shadow-none bg-primary-500 hover:bg-primary-700 focus:bg-primary-700 active:bg-primary-300 text-copy-negative dark:text-stable-white font-medium text-sm leading-[45px] w-4/5 md:w-3/5">Zur Startseite <svg class="fill-current inline-block align-middle mb-[2px] ml-1 inline-block select-none" width="14" height="14" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_navigateNext" /> </svg> </a> </div></div> <div class="bg-background-300 px-6 py-3"> <p class="text-xs text-copy-secondary md:text-base"> Kennen Sie schon unsere <a href="/plus-artikel/?tpcc=news-layer_markenportale" class="text-copy-accent-negative hover:underline dark:underline">PLUS-Inhalte</a>?<br /> <a href="/plus/?tpcc=news-layer_markenportale" class="text-copy-accent-negative hover:underline dark:underline"> Jetzt <span class="whitespace-nowrap"> Abendblatt <svg class="align-middle w-[1em] h-[1em] text-[1em] fill-brand inline-block select-none" aria-hidden="true" role="img" style="undefined"> <use xlink:href="#icon_plus" /> </svg> </span> testen </a> </p></div> </div> </div> </div> </div> <div data-module-id="BasecampReInitModule"></div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10