CINXE.COM
Titelbilder und Heftarchive 2008 - Harvard Business manager
<!doctype html><html lang="de"> <head> <title> Titelbilder und Heftarchive 2008 - Harvard Business manager </title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"> <meta name="MSSmartTagsPreventParsing" content="true"> <meta http-equiv="imagetoolbar" content="no"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="apple-itunes-app" content="app-id=992101844"> <link rel="manifest" href="https://www.manager-magazin.de/public/mmo/json/manifest.json"> <meta name="theme-color" content="#1b43a4" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#346BF1" media="(prefers-color-scheme: dark)"> <meta name="google-site-verification" content="G-1oEXHgc506bSRnYtnMq3r7nMxgT17vo6_1rGeytvY"> <meta name="notdm" content="true"> <meta name="robots" content="index, follow, noarchive, noodp"> <meta name="copyright" content="manager, Hamburg, Germany"> <meta name="email" content="mm_redaktion@manager-magazin.de"> <meta name="author" content="manager, Hamburg, Germany"> <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebPage","headline":"Titelbilder und Heftarchive 2008 - Harvard Business manager","name":"Titelbilder und Heftarchive 2008 - Harvard Business manager","publisher":{"@type":"Organization","logo":"https://cdn.prod.www.manager-magazin.de/public/mmo/images/logos/manager-h60.png","name":"manager magazin","sameAs":["https://www.facebook.com/managermagazin/","https://www.instagram.com/managermagazin/","https://twitter.com/manager_magazin","https://www.xing.com/news/pages/manager-magazin-93"]},"url":"https://www.manager-magazin.de/hbm/print/hm/index-2008.html"} </script> <link rel="preconnect" href="https://cdn.prod.www.manager-magazin.de"> <link rel="dns-prefetch" href="https://cdn.prod.www.manager-magazin.de"> <link rel="preconnect" href="https://sp-manager-magazin-de.manager-magazin.de"> <link rel="dns-prefetch" href="https://sp-manager-magazin-de.manager-magazin.de"> <link rel="canonical" href="https://www.manager-magazin.de/hbm/print/hm/index-2008.html"> <link rel="shortcut icon" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/favicon.ico" type="image/ico"> <link rel="apple-touch-icon" sizes="57x57" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/touch-icon72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/touch-icon76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/touch-icon114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/touch-icon120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/touch-icon144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/touch-icon152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.prod.www.manager-magazin.de/public/mmo/images/icons/touch-icon180.png"> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/mmo/generated/css/styles.7b17df658d41b598d198.css" as="style"> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/generated/js/commons.b454d5bf15dabb1746ae.js" as="script"> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/generated/js/header.1bdce7257b481e311515.js" as="script"> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/generated/js/vendors.18530ca5de3cfcaf7a0b.js" as="script"> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/generated/js/index.5ead78ff0557362eb566.js" as="script"> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/fonts/national-2-narrow-web-bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/fonts/national-2-web-regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/fonts/national-2-web-bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/fonts/freigtexprobook-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/fonts/freigtexprobookit-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/fonts/freigtexprobold-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://cdn.prod.www.manager-magazin.de/public/shared/fonts/freigtexproboldit-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="alternate" type="application/rss+xml" title="manager magazin RSS Schlagzeilen" href="https://www.manager-magazin.de/news/index.rss"> <style>html { --polygon-app-collapsible-header-height: 0px; --polygon-app-bottombar-height: 0px; --polygon-audioplayer-height: 0px; --polygon-featurebar-height: 0px; --polygon-headerbar-height: 0px; --polygon-max-headerbar-height: 0px; --polygon-navigation-height: 0px; --polygon-breakingnews-height: 0px; --polygon-block-title-height: 0px; --polygon-ad-sticky-offset: 0px; --polygon-smallest-viewport-height: 100vh; } @supports (height: 100svh) { html { --polygon-smallest-viewport-height: 100svh; } } [data-is-first-child-hidden]:first-child { display: none; } html.is-app { --polygon-app-bottombar-height: 53px; } html.is-app.has-bottom-sheet { --polygon-app-bottombar-height: 93px; } html.audio-player-open [data-audioplayer-height] { --polygon-audioplayer-height: 68px; } html:not(.is-app) [data-featurebar-height] { --polygon-featurebar-height: 60px; } html:not(.is-app) { --polygon-navigation-height: 56px; } html.has-breaking-news { --polygon-breakingnews-height: 52px; } [data-block-el*="title"] ~ DIV { --polygon-block-title-height: 50px; } html.is-app.is-android.article:not(.is-issue-context) { --polygon-app-collapsible-header-height: 53px; } [data-sticky-ad-offset] { top: calc(var(--polygon-headerbar-height, 0px) + var(--polygon-featurebar-height, 0px) + var(--polygon-block-title-height, 0px)); } html.overlay-open body { overflow: hidden !important; } html.is-logged-in [data-logged-in-hidden], html.is-logged-in [data-logged-in-hidden] + .border-separator { display: none; } html:not(.is-logged-in) [data-not-logged-in-hidden], html:not(.is-logged-in) [data-not-logged-in-hidden] + .border-separator { display: none; } html.is-mobile [data-mobile-hidden] { display: none; } html.is-tablet [data-tablet-hidden] { display: none; } html:not(.is-mobile) [data-not-mobile-hidden] { display: none; } html.is-app [data-app-hidden] { display: none; } html:not(.is-app) [data-not-app-hidden] { display: none; } html.is-unsupported-offline-issue [data-is-unsupported-offline-issue-hidden] { display: none; } html.is-unsupported-audio-playlist [data-is-unsupported-audio-playlist-hidden] { display: none; } html.is-unsupported-app-navigation [data-is-unsupported-app-navigation-hidden] { display: none; } html.is-app:not(.is-unsupported-app-navigation) [data-is-supported-app-navigation-hidden] { display: none; } html.is-unsupported-subscription-plans [data-is-unsupported-subscription-plans-hidden] { display: none; } html:not(.is-ios) [data-not-ios-hidden] { display: none; } html.is-ios [data-ios-hidden] { display: none; } html.is-android [data-android-hidden] { display: none; } html.is-app.is-ios [data-ios-app-hidden] { display: none; } html:not(.is-android) [data-not-android-hidden] { display: none; } html.is-app body>[id^="sp_message_container"] { overflow: visible !important; height: calc(100vh - 56px) !important; } html.is-app body>[id^="sp_message_container"]::after { content: ""; position: absolute; width: 100%; height: 56px; background: rgb(0,0,0); opacity: 0.65; } [data-anchor-offset]::before { content: ""; display: block; margin-top: calc((var(--polygon-headerbar-height, 0px) + var(--polygon-featurebar-height, 0px)) * -1); height: calc(var(--polygon-headerbar-height, 0px) + var(--polygon-featurebar-height, 0px)); } html.is-app { -webkit-tap-highlight-color: transparent; } html:not(.is-issue-context) [data-not-issue-context-hidden] { display: none; } html.is-issue-context [data-issue-context-hidden] { display: none; } html.is-app.article.is-issue-context [data-app-article-issue-context-hidden] { display: none; } html.hide-conditional [data-contains-flags*="conditional"] [data-flag-name*="conditional"], html.hide-conditional [data-conditional-only] { display: none; } html.has-breaking-news [data-has-breaking-news-hidden] { display: none; } html.has-paid-access [data-has-paid-access-hidden] { display: none; } html.has-noads-access [data-has-noads-access-hidden] { display: none; } html:not(.has-paid-access) [data-has-no-paid-access-hidden] { display: none; } html:not(.is-gift-article) [data-not-gift-article-hidden] { display: none; } html:not(.has-first-paint-overlay) [data-not-first-paint-overlay-hidden] { display: none; } a > svg:first-of-type:last-of-type { pointer-events: none; } html [data-area^="block>topic"] [data-is-inside-topic-block-hidden] { display: none; } [data-not-loaded-w-full]:not(.loaded) { width: 100%; } [data-not-loaded-hidden]:not(.loaded) { display: none; } [data-peer].loaded ~ [data-peer-loaded-hidden] { display: none; } [data-peer]:not(.loaded) ~ [data-peer-not-loaded-hidden] { display: none; } [x-cloak] { display: none !important; } @media (max-width: 719px) { html.audio-player-open [data-audioplayer-height] { --polygon-audioplayer-height: 60px; } html:not(.is-app) [data-featurebar-height] { --polygon-featurebar-height: 53px; } html:not(.is-app) { --polygon-navigation-height: 88px; } html.has-breaking-news { --polygon-breakingnews-height: 40px; } .sm\:sticky [data-advertisement] .teads-inread, .RichText .sm\:sticky .teads-inread, .sm\:sticky [data-advertisement] .ob-smartfeed-wrapper, .RichText .sm\:sticky .ob-smartfeed-wrapper { margin-bottom: 0px !important; } } @media (min-width: 720px) and (max-width: 1019px) { html:not(.is-app) { --polygon-navigation-height: 112px; } html.has-breaking-news { --polygon-breakingnews-height: 52px; } } html:not(.no-header) [data-headerbar-height], html:not(.no-header) [data-sticky-ad-offset], html:not(.no-header) [data-anchor-offset] { --polygon-headerbar-height: 95px; --polygon-max-headerbar-height: 119px; } html:not(.no-header).is-headerbar-collapsed [data-headerbar-height], html:not(.no-header).is-headerbar-collapsed [data-sticky-ad-offset], html:not(.no-header).is-headerbar-collapsed [data-anchor-offset] { --polygon-headerbar-height: 50px; } html:not(.Mmplus):not(.is-gift-article):not(.has-metered-access) [data-has-mmplus-visible]:not([data-has-hbmplus-visible]), html:not(.Hbmplus):not(.is-gift-article):not(.has-metered-access) [data-has-hbmplus-visible]:not([data-has-mmplus-visible]), html:not(.Mmplus):not(.Hbmplus):not(.is-gift-article):not(.has-metered-access) [data-has-mmplus-visible][data-has-hbmplus-visible] { display: none; } html.Mmplus [data-has-mmplus-hidden], html.Hbmplus [data-has-hbmplus-hidden] { display: none; } @media (max-width: 719px) { html:not(.no-header) [data-headerbar-height], html:not(.no-header).is-headerbar-collapsed [data-headerbar-height], html:not(.no-header) [data-sticky-ad-offset], html:not(.no-header).is-headerbar-collapsed [data-sticky-ad-offset], html:not(.no-header) [data-anchor-offset], html:not(.no-header).is-headerbar-collapsed [data-anchor-offset] { --polygon-headerbar-height: 58px; --polygon-max-headerbar-height: 75px; } } /* Special styling for migrated stock links, inspired by lastgen MM */ body .RichText--iconLinks p a[data-link-flag="stock-migrated"], body .RichText--iconLinks ol > li a[data-link-flag="stock-migrated"], body .RichText--iconLinks ul > li a[data-link-flag="stock-migrated"] { background-image: url("/public/mmo/images/icons/svgs/Stocks-Flag-L.svg"); background-position-y: .375rem; background-repeat: no-repeat; border-bottom: none; display: inline-block; text-indent: -2000rem; width: 1rem; }.media-button.color-spon {background-color: #e64415;}.media-button.color-spon:hover {background-color: #c12b00;}.media-button.color-spon:focus {background-color: #811d00;}@media (prefers-color-scheme: dark) {.media-button.color-spon {background-color: #D03D12;}.media-button.color-spon:hover {background-color: #c12b00;}.media-button.color-spon:focus {background-color: #811d00;}}.media-button.color-elf {background-color: #3C8771;}.media-button.color-elf:hover {background-color: #2F6A59;}.media-button.color-elf:focus {background-color: #234E41;}@media (prefers-color-scheme: dark) {.media-button.color-elf {background-color: #449869;}.media-button.color-elf:hover {background-color: #2F6A59;}.media-button.color-elf:focus {background-color: #234E41;}}.iqdnoad { display: none !important; }</style> <link rel="stylesheet" href="https://cdn.prod.www.manager-magazin.de/public/mmo/generated/css/styles.7b17df658d41b598d198.css"> <script type="application/settings+json">{"general":{"breakpoints":{"lg":{"min":1020},"md":{"max":1019,"min":720},"sm":{"max":719}},"cacheControl":{"breakingnews":{"sessionStorageMaxAge":900}},"consent":{"disabled":false,"globallyDisabled":false,"minUpdatedAt":1626213600,"utiqDisabled":false},"cookieDomains":["www.manager-magazin.de",".www.manager-magazin.de",".manager-magazin.de","abo.manager-magazin.de"],"disableAdobeLaunch":false,"disableBookmarks":false,"disableBreakingnews":false,"disableSourcepoint":false,"domain":"mmo","noAds":true,"noContentAds":false,"secondLevelDomain":"manager-magazin","subscriptions":{"metered":"","noads":"Mmpur","paid":["Hbmplus"]},"text":{"authorDetailsSuffix":{"removeWhitespaceBeforeCharacters":[",",".",":",";"]}},"topLevelDomain":"de","urls":{"assetsBasePath":"https://cdn.prod.www.manager-magazin.de","backofficeBaseUrl":"https://gruppenkonto.spiegel.de","base":"https://www.manager-magazin.de","offers":{"Hbmplus":"https://abo.manager-magazin.de/de/c/microsites/managerplus/probemonat9?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html","Mmplus":"https://abo.manager-magazin.de/de/c/microsites/managerplus/probemonat9?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html","Mmpur":"https://abo.manager-magazin.de/de/c/microsites/pur/abo?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html","abo":"https://abo.manager-magazin.de/de/c/premium?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html","header":"https://abo.manager-magazin.de/?requestAccessToken=true\u0026sara_icid=dirl_upd_lbOBvX27SMBW0fOpeU8VgMCMu32U2t\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html","magazin":"http://heft.manager-magazin.de/","noads":"https://abo.manager-magazin.de/de/c/microsites/pur/abo?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html","paid":"https://abo.manager-magazin.de/de/c/premium?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html","print":"https://abo.spiegel.de/de/c/amazon_spon/"},"pages":{"adfreeOffer":"https://www.manager-magazin.de/adfree-offer","affiliateLinksFAQ":"https://www.spiegel.de/extra/affiliate-links-auf-spiegel-online-fragen-und-antworten-a-1245589.html","agb":"https://www.manager-magazin.de/agb","articleGiftInformations":"https://www.manager-magazin.de/artikel-verschenken","datenschutz":"https://www.manager-magazin.de/datenschutz","impressum":"https://www.manager-magazin.de/impressum","kontakt":"https://www.manager-magazin.de/kontakt","nutzungsbedingungen":"https://www.manager-magazin.de/nutzungsbedingungen","problemeMitCookies":"https://www.manager-magazin.de/probleme-mit-cookies","services":"https://www.manager-magazin.de/services","sponsoredSiteInfo":"https://www.manager-magazin.de/sponsored-site-info","webstoriesBaseUrl":"https://cdn.prod.www.manager-magazin.de/stories/"},"search":"https://www.manager-magazin.de/suche/","user":{"account":"https://gruppenkonto.spiegel.de/manager/meinkonto/uebersicht.html","login":"https://gruppenkonto.spiegel.de/manager/authenticate?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html","logout":"https://gruppenkonto.spiegel.de/manager/abmelden.html?targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2F","register":"https://gruppenkonto.spiegel.de/manager/registrieren.html?requestAccessToken=true\u0026targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html"}},"warden":{"baseUrl":"https://prod.warden.spiegel.de/","enabled":true}} ,"app":{"disabledLinks":{},"minOSVersions":{"android":{"general":{"build":0,"major":5,"minor":0},"nativeAudioPlayer":{"build":0,"major":5,"minor":0}},"ios":{"general":{"build":0,"major":13,"minor":0},"nativeAudioPlayer":{"build":0,"major":13,"minor":0}}},"minVersions":{"android":{"appNavigation":146,"audioPlaylist":125,"consent":0,"formattedPrice":156,"general":0,"nativeAudioPlayer":0,"offlineIssue":118,"subscriptionPlans":154},"ios":{"appNavigation":67,"audioPlaylist":49,"consent":0,"general":0,"nativeAudioPlayer":0,"offlineIssue":43,"subscriptionPlans":0}},"pageContext":{"bottomSheet":{"isEnabled":true},"collection":"","documentId":"","headerTitle":"Harvard","isAudioEnabled":false,"isAudioPlaylistEnabled":false,"isBookmarkEnabled":false,"isCommentsEnabled":false,"isGiftArticleEnabled":false,"isLogoEnabled":true,"isOfflineLibraryEnabled":true,"isSharingEnabled":false,"isTocEnabled":false,"push":{"isPushBarEnabled":false,"name":"","subscription":""},"route":"issues","socialMediaTitle":"","url":"https://www.manager-magazin.de/hbm/print/hm/index-2008.html"},"products":{"android":{"Hbmplus":[{"basePlanId":"p1m","id":"manager_combined_monthly_pdf_2","isSubscription":true,"minVersion":0,"plan":"default"},{"basePlanId":"manager-combined-yearly-pdf-2","id":"manager_combined_monthly_pdf_2","isSubscription":true,"minVersion":0,"plan":"annual"}],"Mmplus":[{"basePlanId":"p1m","id":"manager_combined_monthly_pdf_2","isSubscription":true,"minVersion":0,"plan":"default"},{"basePlanId":"manager-combined-yearly-pdf-2","id":"manager_combined_monthly_pdf_2","isSubscription":true,"minVersion":0,"plan":"annual"}],"Mmpur":[{"basePlanId":"p1m","id":"manager_no_ads_monthly","isSubscription":true,"minVersion":0,"plan":"default"}]},"ios":{"Hbmplus":[{"id":"MMComboMonthly","isSubscription":true,"minVersion":0,"plan":"default"},{"id":"MMComboMonthlyIVW","isSubscription":true,"minVersion":44,"plan":"default"},{"id":"MMComboYearlyIVW","isSubscription":true,"minVersion":0,"plan":"annual"}],"Mmplus":[{"id":"MMComboMonthly","isSubscription":true,"minVersion":0,"plan":"default"},{"id":"MMComboMonthlyIVW","isSubscription":true,"minVersion":44,"plan":"default"},{"id":"MMComboYearlyIVW","isSubscription":true,"minVersion":0,"plan":"annual"}],"Mmpur":[{"id":"MMPurMonthly","isSubscription":true,"minVersion":0,"plan":"default"}]}},"storeUrl":{"android":"https://play.google.com/store/apps/details?id=de.spiegel.android.app.mmo","ios":"https://apps.apple.com/de/app/manager-magazin-de/id992101844"}} ,"page":{"attributes":{"channel_slug":"","is_consent_required":true,"magazine":"2008/HM","subchannel_slug":""},"category":{"route":"issues"},"info":{"canonical_url":"https://www.manager-magazin.de/hbm/print/hm/index-2008.html","domain":"mmo","language":"de","title":"Titelbilder und Heftarchive 2008 - Harvard Business manager"}} ,"video":{} ,"issue":{} ,"thirdparty":"eyJkZXBvdCI6eyJhcGlVcmwiOiJodHRwczovL3d3dy5tYW5hZ2VyLW1hZ2F6aW4uZGUvc2VydmljZXMvZGVwb3QvYXBpL3YxIn0sImdpZnQiOnsiYXBpVXJsIjoiaHR0cHM6Ly93d3cubWFuYWdlci1tYWdhemluLmRlL2dpZnQifSwianNTb3VyY2VzIjp7ImFsbGVzcGx1cyI6Imh0dHBzOi8vYXBwLmFsbGVzLnBsdXMvYm9vdHN0cmFwLmpzIiwiZ29vZ2xlSW1hVmFuc0FkYXB0ZXIiOiJodHRwczovL3N0YXRpYy5hZHNhZmVwcm90ZWN0ZWQuY29tL3ZhbnMtYWRhcHRlci1nb29nbGUtaW1hLmpzIiwiaGFtbWVyanMiOiJodHRwczovL2Nkbi5wcm9kLnd3dy5tYW5hZ2VyLW1hZ2F6aW4uZGUvcHVibGljL3NoYXJlZC9nZW5lcmF0ZWQvM3JkcGFydHkvanMvaGFtbWVyLjg1MzQyMTQ3ZmJhNTcwMzBlMDQwLmpzIiwibG9nb3JhLWRlYmF0IjoiaHR0cHM6Ly9jZG4ubG9nb3JhLmNvbS9kZWJhdC5qcyIsInNvdXJjZXBvaW50X2RlZmF1bHQiOiJodHRwczovL3NwLW1hbmFnZXItbWFnYXppbi1kZS5tYW5hZ2VyLW1hZ2F6aW4uZGUvdW5pZmllZC93cmFwcGVyTWVzc2FnaW5nV2l0aG91dERldGVjdGlvbi5qcyIsInNvdXJjZXBvaW50X25vYWRzIjoiaHR0cHM6Ly9zcC1tYW5hZ2VyLW1hZ2F6aW4tZGUubWFuYWdlci1tYWdhemluLmRlL3VuaWZpZWQvd3JhcHBlck1lc3NhZ2luZ1dpdGhvdXREZXRlY3Rpb24uanMiLCJ0d2VldG5hY2wiOiJodHRwczovL2Nkbi5wcm9kLnd3dy5tYW5hZ2VyLW1hZ2F6aW4uZGUvcHVibGljL3NoYXJlZC9nZW5lcmF0ZWQvM3JkcGFydHkvanMvbmFjbC1mYXN0Lm1pbi5jMjViZDA0YjU0OTMwZDIyMzg3ZC5qcyJ9LCJqd3BsYXllciI6eyJhcGlVcmwiOiJodHRwczovL3ZjZG4wMy5zcGllZ2VsLmRlIn0sIm9tbnkiOnsiYXBpVXJsIjoiaHR0cHM6Ly9vbW55LmZtL2FwaSIsIm9yZ0lkIjoiNWFjMWU5NTAtNDVjNy00ZWI3LTg3YzAtYWEwZjAxODQ0MWI4IiwicHJvZ3JhbXMiOnsiMDA4ZjAwNGItMDU1ZS00ZTBjLTlmZDAtYWJjMDAwZmZiMDRhIjp7Im5hbWUiOiJTYXNjaGEgTG9ibyIsInBsYXlsaXN0SWQiOiIzYjkzYmMzZi01MmNiLTRhM2ItOTFlZi1hYmMwMDBmZmIwNTMifSwiMGQxNTZiMGMtMjgxOC00NWJkLWE0MjMtYWJjMDAxMGVlMWVkIjp7Im5hbWUiOiJUZWFtLUEgLSBkZXIgZWhybGljaGUgRsO8aHJ1bmdzcG9kY2FzdCIsInBsYXlsaXN0SWQiOiJiOGEzNjUzMy01OGQ1LTQ3MDQtYjI1MC1hYmMwMDEwZWUxZjcifSwiMGVhNTU5YTMtNTY0OC00YTkwLWJlY2MtYWRiZjAwYjg2MDVlIjp7Im5hbWUiOiJJbnNpZGUgQXVzdHJpYSIsInBsYXlsaXN0SWQiOiIyMmJkYWJkNS0wMGE0LTQ4YTQtODYyMi1hZGJmMDBiYTQzMzYifSwiMzE3MDQ0YzMtN2I1Ni00ZDMzLWI0Y2YtYWJjMDAwZmZiMDdhIjp7Im5hbWUiOiJTUElFR0VMIExpdmUiLCJwbGF5bGlzdElkIjoiNmViYTgzOGQtZGNmOS00YjhjLWFhNWItYWJjMDAwZmZiMDdkIn0sIjM0ZmJkYjgzLTIyNjMtNDRiMy04OGEyLWFmMmMwMGRmYzY4YiI6eyJuYW1lIjoiQXVzdmVya2F1ZnQiLCJwbGF5bGlzdElkIjoiIn0sIjQ1NGYyN2EwLWYxYjEtNGQ3YS05OWJkLWFiYzAwMGZmYjAyZSI6eyJuYW1lIjoiQWNodCBNaWxsaWFyZGVuIiwicGxheWxpc3RJZCI6IjllZGM4YTgzLWUxOTEtNGJjNy04NTc1LWFiYzAwMGZmYjAzMiJ9LCI0YWNiNzllNi01NTU2LTRiMmQtODUzZS1hZDNjMDBlMmRkYjgiOnsibmFtZSI6IlNQSUVHRUwgR2VzY2hpY2h0ZSIsInBsYXlsaXN0SWQiOiI3YWEzZmY5Mi1hMzUzLTQyMTYtOWViOS1hZDQyMDBkM2Y5MWEifSwiNWYwMDg3MzItMGU2ZC00MWFkLWFiNWMtYWQzYzAwZTYyZmY3Ijp7Im5hbWUiOiJTUElFR0VMIENvYWNoaW5nIiwicGxheWxpc3RJZCI6IjhkZTBkODVmLTIwYTAtNDNkMi05OWUyLWFlNTIwMGI1MzAwNyJ9LCI2OGVkZGQ4Yi1lMDIyLTQxYWItOTcxNy1hZDNjMDBlODZiZDQiOnsibmFtZSI6IkVpbmZhY2ggbWVociB3aXNzZW4iLCJwbGF5bGlzdElkIjoiYTgzYzg5YWItODJmNC00MzI5LWE0YWYtYWU1MTAwZTcwYzNiIn0sIjY5N2ZmNTdkLWUxNmEtNDhkNi05YWIxLWIwYTcwMGZjOGRjZiI6eyJuYW1lIjoiQXVnc3RlaW4gRWluaHVuZGVydCIsInBsYXlsaXN0SWQiOiIifSwiNmI3ZjQ2M2UtNzExYy00ZDJmLThjNGEtYWM0YjAwYzI0YjJhIjp7Im5hbWUiOiJHYW1lIENoYW5nZXIiLCJwbGF5bGlzdElkIjoiOTlhMGI2MGMtMjVmZi00NjkwLWI1MTgtYWM0YjAwYzRlMmUzIn0sIjcxMDhiZWM0LTdjMDMtNGQ0YS04MTQ3LWFkZmQwMGM4ODJjNCI6eyJuYW1lIjoiSW0gVmVyaMO2ciIsInBsYXlsaXN0SWQiOiI3OTUzMjJjOS0wYmMxLTQ2NzMtYTM3YS1hZGZkMDBjYmY0NzYifSwiNzgwMjZlZDQtYTUzNi00ZjllLWI3NDEtYjEyZDAwYzgzZGM3Ijp7Im5hbWUiOiJOREEiLCJwbGF5bGlzdElkIjoiM2ZkNTNlYzAtYWUxNy00MjY0LThkZGMtYjEyZDAwYzllOWMyIn0sIjdlMDBjMGZlLTdmYTEtNDBkZS1iZjgzLWFhMjQwMGRjZjhiMCI6eyJuYW1lIjoibWFuYWdlciBtYWdhemluIC0gRGVyIFBvZGNhc3QiLCJwbGF5bGlzdElkIjoiNDk3OGE2MzgtYTRmYS00ODVjLTg3MWEtYWEyNDAwZTFhMjU0In0sIjdmMGNjZjBlLTVlNTktNDZiZS05OWRhLWFkZmQwMGNkODk3YiI6eyJuYW1lIjoiRGVyIFRhZyIsInBsYXlsaXN0SWQiOiI1ODAxMDA0OC1lNTk0LTQ4MzMtYmEwNC1hZGZkMDBjZTNhMTMifSwiN2YyMDlkZDYtOTE4YS00YWM3LTllN2UtYWVmNjAwZGFjN2M1Ijp7Im5hbWUiOiJFaW4gcsOkdHNlbGhhZnRlciBQYXRpZW50IiwicGxheWxpc3RJZCI6IiJ9LCI3ZmQ0NmEwNy1mNzNmLTRmYWMtYmY1Yy1hYmMwMDBmZmIwNmIiOnsibmFtZSI6IlVuZCB3YXMgbWFjaHN0IGR1PyIsInBsYXlsaXN0SWQiOiIxZTg5MTRjMi1kYjAwLTQ1NGMtOTk5Ny1hYmMwMDBmZmIwNmYifSwiODEwYTlmNGQtNmUwMS00NmNmLWFlM2ItYWQ4ZDAwOWFhYjhkIjp7Im5hbWUiOiJXbyB3YXJzdCBEdT8iLCJwbGF5bGlzdElkIjoiIn0sIjg5NWE5ZjBiLTZkODctNGQyMC1hYWJhLWFiYzAwMGZmYjA4NyI6eyJuYW1lIjoiU21hcnRlciBsZWJlbiIsInBsYXlsaXN0SWQiOiI5MTNlYTdmYy1lMGM2LTRiYTgtODM2MC1hYmMwMDBmZmIwOGMifSwiOGNhNGNhM2ItODQxOS00ZGI1LWEzNzEtYWNiZTAxMTU2MDk0Ijp7Im5hbWUiOiJQb2RjYXN0IEvDvG5zdGxpY2hlIEludGVsbGlnZW56IiwicGxheWxpc3RJZCI6Ijg4MDY4YmI5LWViZWYtNGJmNC04MjA1LWFjYmUwMTFjMTczZSJ9LCJhNTdhYzM0ZS1iOWYyLTRlMjMtYTA1OS1hZTIwMDBhMGE5OWUiOnsibmFtZSI6IkRldXRzY2hsYW5kcyBkaWdpdGFsZSBIb2ZmbnVuZ3N0csOkZ2VyIiwicGxheWxpc3RJZCI6ImI1NDkxMTUyLTUzY2EtNDcyYi1iZjllLWFlMjAwMGEzNDQ5ZCJ9LCJhN2I3N2ExYi0wYzBlLTQwZTgtYWJkMC1hYmU0MDEyYzE5YmQiOnsibmFtZSI6IkRhcyBCZXN0ZSB6dW0gSMO2cmVuIiwicGxheUJ1dHRvbkxhYmVsIjoiQXJ0aWtlbCBhbmjDtnJlbiIsInBsYXlsaXN0SWQiOiIiLCJyZXBsYXlCdXR0b25MYWJlbCI6IkFydGlrZWwgZXJuZXV0IGFuaMO2cmVuIn0sImFmZTUxMWQ4LWU2ODktNDU5Yy05ODI1LWFiOTgwMDkxOTNjYiI6eyJuYW1lIjoiREVSIFNQSUVHRUwiLCJwbGF5QnV0dG9uTGFiZWwiOiJBcnRpa2VsIGFuaMO2cmVuIiwicGxheWxpc3RJZCI6IiIsInJlcGxheUJ1dHRvbkxhYmVsIjoiQXJ0aWtlbCBlcm5ldXQgYW5ow7ZyZW4ifSwiYmIxN2NhMjctNTFmNC00MzQ5LWJjMWUtYWJjMDAxMDJjOTc1Ijp7Im5hbWUiOiJTUElFR0VMIExhZ2UiLCJwbGF5bGlzdElkIjoiNGMxOGUwNzItMjRkMi00ZDYwLTlhNDItYWJjMDAxMDJjOTdlIn0sImMwZDllY2QyLTgxNzUtNDA5Mi04MmI2LWFiYzAwMGZmYjA0MCI6eyJuYW1lIjoiTmV0enRlaWwiLCJwbGF5bGlzdElkIjoiZTAxOGI4ZjMtYWYzYi00ZGI1LWFmMjctYWJjMDAwZmZiMDQwIn0sImNlOWI3OTRhLTFkZWUtNGYyZC1hOGJlLWFkM2MwMGVlZTI3ZCI6eyJuYW1lIjoiS2xpbWFiZXJpY2h0IiwicGxheWxpc3RJZCI6IjQyMjI5NDJiLTdlOWItNGVlMi1iOWU4LWFkM2MwMGYxZjAxOSJ9LCJkMDQxZjhmMC1jYWM5LTQxNTAtYWFiZi1hYmMwMDBmZmIwMTIiOnsibmFtZSI6IlN0aW1tZW5mYW5nIiwicGxheWxpc3RJZCI6Ijk0YTIyYjU2LTdjODktNDViZi04ZTg0LWFiYzAwMGZmYjAxNiJ9LCJkOWJlOTcyYi1mNjQ3LTQzZjItYTNiMi1hZmExMDBjNDFmNGEiOnsibmFtZSI6Ik1vcmVubysxIiwicGxheWxpc3RJZCI6IjQ1ZjA5MDI3LWI5MmYtNDE5My04YzA2LWFmYTEwMGU3ODE3YiJ9LCJkZThhZjhiYS1jZWVmLTQyOWEtYTBiNC1hYmFmMDBiMjhhY2MiOnsibmFtZSI6IkRyZWkgVsOkdGVyIiwicGxheWxpc3RJZCI6IjZhNGMxNzhjLTRiZGYtNDY3ZS04YjA4LWFiYWYwMGIyOGFkMSJ9LCJkZjY4MzA2Zi05M2I4LTQ2OGMtOTQ3MC1iMGY5MDBhZTI4ZTkiOnsibmFtZSI6IjExRlJFVU5ERSIsInBsYXlCdXR0b25MYWJlbCI6IkFydGlrZWwgYW5ow7ZyZW4iLCJwbGF5bGlzdElkIjoiIiwicmVwbGF5QnV0dG9uTGFiZWwiOiJBcnRpa2VsIGVybmV1dCBhbmjDtnJlbiJ9LCJlNDVmNzM5Yy1jMjVjLTQ3YjktOTUyOS1iMTcwMDA5MzNhNWMiOnsibmFtZSI6IlNob3J0Y3V0IiwicGxheWxpc3RJZCI6IjdkZGYwMThkLWEyZjUtNDdmNC04MjE2LWIxNzAwMDk1ZTRmYyJ9LCJlZGUzZWZiNy1iMjQxLTRlMTItYTg1Zi1hYzM3MDBhMTg2YTMiOnsibmFtZSI6IlNhZ2VuLCB3YXMgaXN0LiBEZXIgU1BJRUdFTC1Qb2RjYXN0IiwicGxheWxpc3RJZCI6IiJ9LCJmOWQzNzYzNy0wNjVhLTRjNTUtYTIxMi1hY2RkMDBjNGEyZjAiOnsibmFtZSI6IlNQSUVHRUwgRGFpbHkiLCJwbGF5bGlzdElkIjoiIn0sImZmZTI2YTdiLTU2OGItNDE1My04MGFiLWFmYWYwMGQyZjdjNCI6eyJuYW1lIjoiU3BpdHplbmdlc3Byw6RjaCIsInBsYXlsaXN0SWQiOiI4YTJkMjNlYS0wMzFlLTQzNDgtYTlkYi1hZmFmMDBkODk2MzcifX19LCJyZWNvIjp7ImFwaVVybCI6Imh0dHBzOi8vcHJvZC5yZWNvLnNwaWVnZWwuZGUifSwic2l0ZXNlYXJjaCI6eyJhcGlVcmwiOiJodHRwczovL3d3dy5tYW5hZ2VyLW1hZ2F6aW4uZGUvc2VydmljZXMvc2l0ZXNlYXJjaCJ9LCJzb3VyY2Vwb2ludCI6eyJkZWZhdWx0Ijp7ImFjY291bnRJZCI6MzMxLCJiYXNlRW5kcG9pbnQiOiJodHRwczovL3NwLW1hbmFnZXItbWFnYXppbi1kZS5tYW5hZ2VyLW1hZ2F6aW4uZGUiLCJjYW1wYWlnbkVudiI6InByb2QiLCJwcml2YWN5TWFuYWdlcklkIjo4NjY4NDAsInByb3BlcnR5SHJlZiI6Imh0dHBzOi8vbWFuYWdlci1tYWdhemluLWFkcyIsInByb3BlcnR5SWQiOjMxNjE2LCJwdXJwb3NlSWRzIjp7InJlY29tbWVuZGF0aW9ucyI6IjY1NWYxYWI0NzEyOWEwMDU5NWYzMWE2NSIsInRoaXJkcGFydHkiOiI2NTVmMWFiNDcxMjlhMDA1OTVmMzFhNWUifSwic2l0ZUlkIjozMTYxNn0sIm5vYWRzIjp7ImFjY291bnRJZCI6MzMxLCJiYXNlRW5kcG9pbnQiOiJodHRwczovL3NwLW1hbmFnZXItbWFnYXppbi1kZS5tYW5hZ2VyLW1hZ2F6aW4uZGUiLCJjYW1wYWlnbkVudiI6InByb2QiLCJwcml2YWN5TWFuYWdlcklkIjo4NDA0MDMsInByb3BlcnR5SHJlZiI6Imh0dHA6Ly9tYW5hZ2VyLW1hZ2F6aW4tbm9hZHMiLCJwcm9wZXJ0eUlkIjozMTgzNywicHVycG9zZUlkcyI6eyJyZWNvbW1lbmRhdGlvbnMiOiI2NGJmOWNjNmI0YTY3YzA1MzVmNjYyMWYiLCJ0aGlyZHBhcnR5IjoiNjRiZjljYzZiNGE2N2MwNTM1ZjY2MjBjIn0sInNpdGVJZCI6MzE4Mzd9fX0=","translations":{"bookmarkButton":{"labelAdd":"Zur Merkliste hinzufügen","labelDelete":"Aus Merkliste entfernen"},"confirmationLayer":{"deleteAllBookmarks":{"cancelButtonLabel":"Abbrechen","confirmButtonLabel":"Artikel entfernen","description":"Möchten Sie wirklich alle Artikel aus Ihrer Merkliste löschen? Diese Aktion kann nicht rückgängig gemacht werden.","headline":"Alle Artikel entfernen?"}},"loginLayer":{"bookmarks":{"text":"Speichern Sie Ihre Lieblingsartikel in der persönlichen Merkliste, um sie später zu lesen und einfach wiederzufinden.","title":"Artikel-Merkliste"},"history":{"text":"Finden Sie Ihre zehn zuletzt gelesenen Artikel schnell und unkompliziert wieder.","title":"Gelesene Artikel"},"newsletter":{"text":"Melden Sie sich in Ihrem persönlichen manager-Konto an, um Ihre Newsletter zu verwalten.","title":"Newsletter"},"offlinelibrary":{"text":"Speichern Sie Magazin-Ausgaben in Ihrer Offline-Bibliothek. Lesen Sie das manager magazin und den Harvard Business manager jederzeit – auch offline und als PDF.","title":"Gespeicherte Magazine"},"playlist":{"text":"Speichern Sie Ihre Audioinhalte in Ihrer Playlist, um sie später zu hören oder offline abzuspielen. Zusätzlich können Sie Ihre Playlist über alle Geräte mit der manager-App synchronisieren, auf denen Sie mit Ihrem Konto angemeldet sind.","title":"Audio-Playlist"}},"notification":{"addBookmarkFailure":{"description":"Beim Speichern des Artikels ist ein Fehler aufgetreten. \u003ca href=\"#\" data-notification-el=\"trigger\"\u003eErneut versuchen\u003c/a\u003e","headline":"Fehler"},"addBookmarkSuccess":{"description":"Ihr Artikel wurde gespeichert. \u003ca href=\"https://www.manager-magazin.de/fuermich/merkliste\"\u003eZur Merkliste\u003c/a\u003e","headline":"Zur Merkliste hinzugefügt"},"addDocumentAudioToPlaylistFailure":{"description":"Clip konnte nicht zur Playlist hinzugefügt werden. Bitte versuchen Sie es erneut oder starten Sie die App neu.","headline":"Fehler beim Hinzufügen zur Playlist"},"copyGiftArticleLinkFailure":{"description":"Beim Kopieren des Artikel-Links ist ein Fehler aufgetreten. \u003ca href=\"#\" data-notification-el=\"trigger\"\u003eErneut versuchen\u003c/a\u003e","headline":"Fehler"},"copyGiftArticleLinkSuccess":{"description":"Der Artikel-Link wurde erfolgreich in Ihrer Zwischenablage gespeichert.","headline":"Link kopiert"},"deleteAllBookmarksFailure":{"description":"Beim Löschen der Artikel ist ein Fehler aufgetreten. \u003ca href=\"#\" data-notification-el=\"trigger\"\u003eErneut versuchen\u003c/a\u003e","headline":"Fehler"},"deleteAllBookmarksSuccess":{"description":"Ihre Artikel wurden aus der Merkliste gelöscht.","headline":"Aus Merkliste entfernt"},"deleteBookmarkFailure":{"description":"Beim Löschen des Artikels ist ein Fehler aufgetreten. \u003ca href=\"#\" data-notification-el=\"trigger\"\u003eErneut versuchen\u003c/a\u003e","headline":"Fehler"},"deleteBookmarkSuccess":{"description":"Ihr Artikel wurde aus der \u003ca href=\"https://www.manager-magazin.de/fuermich/merkliste\"\u003eMerkliste\u003c/a\u003e gelöscht.","headline":"Aus Merkliste entfernt"},"deleteCookiesSuccess":{"headline":"Cookies wurden erfolgreich gelöscht"},"rejectConsentFailure":{"description":"Leider konnten wir Ihre Zustimmung nicht widerrufen. Bitte versuchen Sie es über die Einstellungen.","headline":"Fehler beim Widerruf Ihrer Zustimmung"},"rejectConsentSuccess":{"headline":"Zustimmung erfolgreich widerrufen"}}} }</script> <script>"use strict";function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}!function(){var t=function(){var t,e,o=[],n=window,r=n;for(;r;){try{if(r.frames.__tcfapiLocator){t=r;break}}catch(t){}if(r===n.top)break;r=r.parent}t||(!function t(){var e=n.document,o=!!n.frames.__tcfapiLocator;if(!o)if(e.body){var r=e.createElement("iframe");r.style.cssText="display:none",r.name="__tcfapiLocator",e.body.appendChild(r)}else setTimeout(t,5);return!o}(),n.__tcfapi=function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(!n.length)return o;"setGdprApplies"===n[0]?n.length>3&&2===parseInt(n[1],10)&&"boolean"==typeof n[3]&&(e=n[3],"function"==typeof n[2]&&n[2]("set",!0)):"ping"===n[0]?"function"==typeof n[2]&&n[2]({gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"}):o.push(n)},n.addEventListener("message",(function(t){var e="string"==typeof t.data,o={};if(e)try{o=JSON.parse(t.data)}catch(t){}else o=t.data;var n="object"===_typeof(o)&&null!==o?o.__tcfapiCall:null;n&&window.__tcfapi(n.command,n.version,(function(o,r){var a={__tcfapiReturn:{returnValue:o,success:r,callId:n.callId}};t&&t.source&&t.source.postMessage&&t.source.postMessage(e?JSON.stringify(a):a,"*")}),n.parameter)}),!1))};"undefined"!=typeof module?module.exports=t:t()}();</script> <script>var isSystemSupported = (function() {var crawlerUserAgents = ['APIs-Google','Mediapartners-Google','AdsBot-Google-Mobile','AdsBot-Google','Googlebot-Image','Googlebot-News','Googlebot-Video','Googlebot\\/','AdsBot-Google-Mobile-Apps','Google (\\+https:\\/\\/developers.google.com\\/+\\/web\\/snippet\\/)','Google-AMPHTML','Facebot','facebookexternalhit','Twitterbot','PocketParser','bingbot','msnbot','msnbot-media','AdldxBot','BingPreview\\/','DuckDuckBot','Pinterest','Pinterestbot','ToutiaoSpider','upday.com','XING-contenttabreceiver','xing.com','Qwant-News','qwant.com','Qwantify','Yahoo! Slurp','FlipboardProxy','YandexBot','Feedly','LinkedInBot','Applebot','NextCloud','ia_archiver','outbrain','Sogou','exabot','Baiduspider','Baidu-YunGuanCe','ScopeContentAG-HTTP-Client www.thescope.com\\/0.1','archive.org_bot','Chrome-Lighthouse','Panoo',];var crawlerRegex = RegExp(crawlerUserAgents.join('|'));var isCrawler = crawlerRegex.test(window.navigator.userAgent);if (isCrawler) {return true;}if (!window.CSS || !window.CSS.supports('color', 'var(--primary)')) {return false;}try {new Function('const obj = {}; obj?.foo;');} catch(error) {return false;}var isAndroid = /Android/i.test(window.navigator.userAgent);if (isAndroid) {var isOSSupported = true;var version = {major: undefined,minor: undefined,build: undefined,};var ua = navigator.userAgent.toLowerCase();var match = ua.match(/android\s(\d+).?(\d+)?.?(\d+)?/);if (match) {version.major = match[1] ? parseInt(match[1], 10) : undefined;version.minor = match[2] ? parseInt(match[2], 10) : undefined;version.build = match[3] ? parseInt(match[3], 10) : undefined;}var minVersion = {major: 7,minor: 1,build: 1,};isOSSupported = version.major >= minVersion.major;if (version.major === minVersion.major) {isOSSupported = version.minor >= minVersion.minor;}if (version.major === minVersion.major && version.minor === minVersion.minor) {isOSSupported = version.build >= minVersion.build;}if (!isOSSupported && typeof version.major !== 'undefined') {var xhr = new XMLHttpRequest();try {xhr.open('GET', 'https://cdn.prod.www.manager-magazin.de/ping', false);xhr.send();return true;} catch(error) {return false;}}}return true;})();if (!isSystemSupported) {window.location.replace('https://www.manager-magazin.de/system-update');}</script> <script src="https://cdn.prod.www.manager-magazin.de/public/shared/generated/js/commons.b454d5bf15dabb1746ae.js"></script> <script src="https://cdn.prod.www.manager-magazin.de/public/shared/generated/js/header.1bdce7257b481e311515.js"></script> <script>!function(e,a,n,t){if (a) return;var i=e.head;if(i){var o=e.createElement("style");o.id="alloy-prehiding",o.innerText=n,i.appendChild(o),setTimeout(function(){o.parentNode&&o.parentNode.removeChild(o)},t)}}(document, document.location.href.indexOf("adobe_authoring_enabled") !== -1, "[data-target-hide] { opacity: 0 !important }", 1000);</script> </head> <body class="bg-shade-lightest dark:bg-black text-black dark:text-shade-lightest relative min-w-sm leading-normal static antialiased lining-nums lg:overflow-x-hidden lg:overflow-y-scroll" data-area="issues"> <div data-headerbar-height class="flex justify-end relative" style="top: var(--polygon-max-headerbar-height, 0);"> <span class="relative w-full relative"> <a href="#Inhalt" title="Zum Inhalt springen" class="absolute inline-block rounded z-overlay bg-white dark:bg-dm-shade-darkest font-bold font-sansUI text-primary-darker dark:text-shade-lightest text-s sm:mr-8 md:mr-24 lg:mr-24 sm:mt-8 md:mt-12 lg:mt-12 right-0 p-0 border-0 h-px w-px overflow-hidden pointer-events-none opacity-none focus:px-12 focus:py-8 focus:h-auto focus:w-auto focus:overflow-auto focus:pointer-events-auto focus:opacity-full"> Zum Inhalt springen </a> </span> </div> <div class="relative z-max" x-data="{ showPartnerBar: true }" x-show="showPartnerBar" x-subscribe.overlay_handler_active_overlay_changed="showPartnerBar = !($payload[0] && $payload[0].expandHeader)" data-app-hidden> <div class="bg-primary-base dark:bg-dm-primary-base top-0 w-full z-10 pointer-events-auto"> <div class="bg-primary-base dark:bg-dm-primary-base md:overflow-hidden lg:overflow-hidden"> <div class="lg:max-w-lg mx-auto"> <div class="font-sans relative flex lg:h-32 md:h-32 sm:h-24 lg:px-32 md:px-24 sm:px-16 overflow-hidden shrink-0" x-data x-swiper="{freeMode: true,roundLengths: true,slidesPerView: 'auto',watchOverflow: false}"> <div class="polygon-swiper-button-prev hidden absolute bottom-0 left-0 top-0 z-10"> <span class="flex items-center h-full"> <span class="bg-gradient-to-r from-primary-base dark:from-dm-primary-base w-24 h-full"></span> </span> </div> <div class="polygon-swiper-button-next absolute bottom-0 right-0 top-0 z-10"> <span class="flex items-center h-full"> <span class="bg-gradient-to-l from-primary-base dark:from-dm-primary-base w-24 h-full"></span> </span> </div> <div class="polygon-swiper w-full flex items-center"> <ul class="polygon-swiper-wrapper font-sansUI text-xs flex items-center h-full"> <li class="polygon-swiper-slide shrink-0"> <span class="inline-block text-white dark:text-shade-lightest opacity-distinct pb-px mr-24">Partner von</span> <a href="https://www.manager-magazin.de/" class="border-b border-transparent hover:border-white focus:border-white opacity-distinct inline-block text-white dark:text-shade-lightest font-bold tracking-wide mr-24" target="_self" title="manager magazin"> manager magazin </a> <a href="https://manage-forward.de" class="border-b border-transparent hover:border-white focus:border-white opacity-distinct inline-block text-white dark:text-shade-lightest font-bold tracking-wide" target="_blank" title="manage forward"> manage forward </a> </li> </ul> </div> </div> </div> </div> </div> </div> <header role="banner" class="sticky top-0 -mt-8 z-30 pointer-events-none"> <div data-app-hidden> <div class="bg-primary-base dark:bg-dm-primary-base h-8 relative z-20 shadow-primary-t"></div> <div class="relative z-10 -mb-8" data-area="header-bar"> <div class="flex items-center bg-white dark:bg-dm-shade-darkest top-0 w-full z-10 pointer-events-auto border-separator-b h-[87px] sm:h-full transition-height duration-200 ease-linear" id="header-bar" x-data="{isInTopArea: true,isInOverlay: false,get isCollapsed() {return !this.isInTopArea && !this.isInOverlay;},}" x-init="isInTopArea = typeof $store.isInTopArea === 'undefined' || $store.isInTopArea;" x-subscribe.toparea_enter="isInTopArea = true" x-subscribe.toparea_leave="isInTopArea = false" x-subscribe.overlay_handler_active_overlay_changed="isInOverlay = !!$payload[0] && $payload[0].expandHeader" x-effect="document.documentElement.classList.toggle('is-headerbar-collapsed', isCollapsed)" :class="{'lg:shadow lg:h-44 md:shadow md:h-44 iqdsticky': isCollapsed,}"> <div class="bg-white dark:bg-dm-shade-darkest md:overflow-hidden lg:overflow-hidden lg:pt-px md:pt-px sm:py-px w-full"> <div class="mx-auto flex items-center transition-height duration-200 ease-linear lg:max-w-lg lg:px-32 md:px-24 sm:pb-12 sm:pl-16 sm:pr-12 sm:pt-12 sm:h-48" :class="{'lg:h-32 md:h-32 lg:mb-2 md:mb-2': isCollapsed,}"> <span class="flex flex-auto justify-between items-center md:order-1 lg:order-1 overflow-hidden transition-transform duration-300 ease-out origin-left-center" :class="{'lg:translate-x-40 lg:scale-75 md:translate-x-40 md:scale-75': isCollapsed,}"> <span class="text-black dark:text-shade-lightest shrink-0"> <a href="https://www.manager-magazin.de/hbm/" target="_self" title="Harvard Business manager" aria-label="Harvard Business manager"> <span class="hidden">Harvard Business manager</span> <span class="block leading-none -mb-px lg:hidden md:hidden"><svg id="mmo-hbm-mobile" class="fill-current text-primary-base dark:text-dm-primary-base" width="197" height="26" viewBox="0 0 197 26" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="text-black dark:text-white fill-current" d="M12.912 17.415V5.945h2.715v4.534h3.436V5.945h2.696v11.47h-2.696v-4.67h-3.436v4.673h-2.715v-.003zm16.899-2.335c0 .377.188.533.448.533.152 0 .273-.05.394-.138l.085 1.716c-.345.224-.842.376-1.357.376-.668 0-1.254-.255-1.596-.703a1.85 1.85 0 01-.29-.55c-.292.77-1.152 1.236-2.147 1.236-1.492 0-2.473-.945-2.473-2.491 0-1.787 1.375-2.729 3.468-2.729.31 0 .686.036.927.085v-1.012c0-.551-.241-.928-.788-.928-.583 0-.86.43-.86 1.201l-2.388-.358c.103-1.663 1.34-2.765 3.365-2.765 2.181 0 3.212.995 3.212 2.818v3.71zm-2.544-1.304a1.954 1.954 0 00-.498-.053c-.891 0-1.389.377-1.389 1.133 0 .6.327.963.86.963.55 0 1.03-.359 1.03-1.218v-.825h-.003zm9.462-2.387c-.224-.103-.533-.153-.874-.153-.977 0-1.649.653-1.649 1.94v4.242h-2.644v-8.69h2.232l.291 1.854c.274-1.375 1.304-2.2 2.765-1.976l-.121 2.783zm4.807 2.831l1.443-5.496h2.523l-2.73 8.687H40.18L37.45 8.724h2.68l1.374 5.496h.032zm10.887.86c0 .377.188.533.448.533.152 0 .273-.05.394-.138l.085 1.716c-.344.224-.842.376-1.357.376-.668 0-1.254-.255-1.595-.703a1.85 1.85 0 01-.292-.55c-.291.77-1.15 1.236-2.146 1.236-1.492 0-2.473-.945-2.473-2.491 0-1.787 1.375-2.729 3.468-2.729.31 0 .686.036.928.085v-1.012c0-.551-.242-.928-.79-.928-.582 0-.86.43-.86 1.201l-2.387-.358c.103-1.667 1.34-2.765 3.365-2.765 2.182 0 3.212.995 3.212 2.818v3.71zm-2.54-1.304a1.954 1.954 0 00-.498-.053c-.892 0-1.39.377-1.39 1.133 0 .6.328.963.86.963.551 0 1.031-.359 1.031-1.218v-.825h-.004zm9.461-2.387c-.223-.103-.532-.153-.874-.153-.977 0-1.648.653-1.648 1.94v4.242h-2.644v-8.69h2.232l.29 1.854c.274-1.375 1.305-2.2 2.765-1.976l-.12 2.783zm6.076 4.48c-.309 1.098-1.15 1.716-2.302 1.716-1.787 0-3.056-1.648-3.056-4.413 0-2.885 1.219-4.619 3.141-4.619 1.08 0 1.82.515 2.096 1.286v-4.7h2.644v12.276h-2.25l-.273-1.546zm-.12-3.692c0-1.08-.551-1.648-1.201-1.648-.875 0-1.34.892-1.34 2.576 0 1.545.48 2.42 1.304 2.42.686 0 1.236-.619 1.236-1.788v-1.56zm13.395-.6c1.39.242 2.213 1.219 2.213 2.679 0 1.872-1.183 3.159-3.759 3.159h-4.363V5.945h4.31c2.25 0 3.45 1.151 3.45 3.024 0 1.442-.757 2.334-1.855 2.576v.032h.004zm-3.315-.789h1.183c.927 0 1.357-.448 1.357-1.39 0-.94-.412-1.392-1.34-1.392h-1.2v2.782zm0 4.584h1.389c.995 0 1.425-.48 1.425-1.407 0-.91-.448-1.408-1.425-1.408h-1.39v2.815zm11.317.497c-.327 1.098-1.17 1.716-2.37 1.716-1.376 0-2.42-.91-2.42-2.611V8.727h2.643v5.547c0 .739.274 1.2.91 1.2s1.116-.515 1.116-1.684V8.727h2.643v8.688h-2.231l-.291-1.546zm5.614-1.183c.067.686.532 1.133 1.183 1.133.6 0 .977-.273.977-.77 0-1.408-4.122-.619-4.122-3.692 0-1.77 1.443-2.8 3.28-2.8 1.904 0 3.055.98 3.212 2.508l-2.182.274c-.035-.619-.377-1.048-1.013-1.048-.55 0-.891.291-.891.774 0 1.39 4.171.583 4.171 3.727 0 1.788-1.425 2.8-3.436 2.8-1.82 0-3.14-.891-3.365-2.473l2.186-.433zm6.97-6.819c-.824 0-1.527-.533-1.527-1.424 0-.892.703-1.443 1.528-1.443.824 0 1.528.55 1.528 1.443 0 .891-.704 1.424-1.528 1.424zm1.322.86v8.688H97.96V8.727h2.643zm4.001 1.596c.345-1.134 1.272-1.77 2.456-1.77 1.442 0 2.419.927 2.419 2.612v6.25h-2.643v-5.493c0-.722-.26-1.184-.928-1.184-.653 0-1.183.48-1.183 1.667v5.013h-2.643v-8.69h2.231l.291 1.595zm10.852 4.104l2.181.618c-.394 1.666-1.716 2.54-3.347 2.54-2.352 0-3.812-1.666-3.812-4.466 0-2.764 1.407-4.57 3.862-4.57 2.285 0 3.365 1.685 3.365 3.778 0 .376-.05.842-.121 1.236H113c.018 1.34.498 2.079 1.322 2.079.618.003.981-.44 1.134-1.215zm-.171-2.182c.018-.139.018-.256.018-.395 0-.756-.292-1.424-1.013-1.424-.757 0-1.201.739-1.272 1.819h2.267zm5.269 2.44c.068.687.533 1.134 1.184 1.134.6 0 .977-.273.977-.77 0-1.408-4.122-.619-4.122-3.692 0-1.77 1.443-2.8 3.28-2.8 1.904 0 3.055.98 3.212 2.508l-2.182.274c-.036-.619-.377-1.048-1.013-1.048-.55 0-.892.291-.892.774 0 1.39 4.172.583 4.172 3.727 0 1.788-1.425 2.8-3.436 2.8-1.819 0-3.141-.891-3.365-2.473l2.185-.433zm7.437 0c.068.687.533 1.134 1.183 1.134.601 0 .977-.273.977-.77 0-1.408-4.121-.619-4.121-3.692 0-1.77 1.442-2.8 3.279-2.8 1.905 0 3.056.98 3.212 2.508l-2.181.274c-.036-.619-.377-1.048-1.013-1.048-.551 0-.892.291-.892.774 0 1.39 4.172.583 4.172 3.727 0 1.788-1.425 2.8-3.436 2.8-1.82 0-3.141-.891-3.365-2.473l2.185-.433zm18.476-6.132c1.443 0 2.388.892 2.388 2.558v6.304h-2.643v-5.493c0-.722-.224-1.184-.892-1.184-.601 0-1.098.462-1.098 1.649v5.031h-2.644v-5.496c0-.722-.241-1.184-.909-1.184-.601 0-1.098.462-1.098 1.649v5.031h-2.644v-8.69h2.232l.291 1.595c.309-1.134 1.236-1.77 2.352-1.77 1.151 0 1.976.654 2.267 1.716.355-1.044 1.265-1.716 2.398-1.716zm10.301 6.527c0 .377.188.533.448.533.156 0 .273-.05.394-.138l.085 1.716c-.344.224-.842.376-1.357.376-.668 0-1.254-.255-1.595-.703a1.858 1.858 0 01-.292-.55c-.291.77-1.151 1.236-2.146 1.236-1.492 0-2.473-.945-2.473-2.491 0-1.787 1.375-2.729 3.468-2.729.309 0 .686.036.927.085v-1.012c0-.551-.241-.928-.788-.928-.583 0-.86.43-.86 1.201l-2.388-.358c.103-1.667 1.34-2.765 3.365-2.765 2.181 0 3.212.995 3.212 2.818v3.71zm-2.541-1.304a1.948 1.948 0 00-.497-.053c-.892 0-1.393.377-1.393 1.133 0 .6.327.963.86.963.551 0 1.03-.359 1.03-1.218v-.825zm6.815-3.453c.345-1.134 1.272-1.77 2.456-1.77 1.442 0 2.419.927 2.419 2.612v6.25h-2.643v-5.493c0-.722-.256-1.184-.928-1.184-.653 0-1.183.48-1.183 1.667v5.013h-2.643v-8.69h2.231l.291 1.595zm12.777 4.757c0 .377.189.533.448.533.156 0 .274-.05.394-.138l.086 1.716c-.345.224-.842.376-1.358.376-.668 0-1.254-.255-1.595-.703a1.833 1.833 0 01-.291-.55c-.292.77-1.151 1.236-2.146 1.236-1.493 0-2.473-.945-2.473-2.491 0-1.787 1.375-2.729 3.468-2.729.309 0 .685.036.927.085v-1.012c0-.551-.242-.928-.789-.928-.583 0-.86.43-.86 1.201l-2.387-.358c.103-1.667 1.339-2.765 3.364-2.765 2.182 0 3.212.995 3.212 2.818v3.71zm-2.544-1.304a1.948 1.948 0 00-.497-.053c-.892 0-1.393.377-1.393 1.133 0 .6.327.963.86.963.551 0 1.03-.359 1.03-1.218v-.825zm7.437 6.954c-1.94 0-3.727-.583-3.727-2.061 0-.892.703-1.46 1.698-1.595-.668-.207-1.169-.74-1.169-1.546 0-.824.618-1.425 1.407-1.667-.892-.48-1.46-1.29-1.46-2.405 0-1.855 1.442-2.903 3.503-2.903.757 0 1.443.156 1.994.448.241-.327.358-.807.394-1.39l2.061.654c-.085.825-.721 1.407-1.393 1.613.327.448.497.978.497 1.582 0 1.854-1.545 2.867-3.553 2.867-.394 0-.771-.036-1.115-.12a.517.517 0 00-.31.479c0 .309.242.412.601.412h1.904c2.129 0 3.195.945 3.195 2.508.007 2.16-2.125 3.124-4.527 3.124zm.139-1.649c1.254 0 2.096-.327 2.096-.995 0-.43-.345-.654-.977-.654h-1.958c-.551 0-.91.256-.91.722-.003.618.683.927 1.749.927zm.135-6.321c.618 0 .945-.48.945-1.322 0-.86-.327-1.304-.945-1.304-.636 0-.977.462-.977 1.304 0 .825.341 1.322.977 1.322zm9.408 1.667l2.182.618c-.394 1.666-1.716 2.54-3.347 2.54-2.352 0-3.813-1.666-3.813-4.466 0-2.764 1.407-4.57 3.863-4.57 2.284 0 3.364 1.685 3.364 3.778 0 .376-.049.842-.12 1.236h-4.584c.018 1.34.498 2.079 1.322 2.079.618.003.981-.44 1.133-1.215zm-.17-2.182c.018-.139.018-.256.018-.395 0-.756-.292-1.424-1.013-1.424-.757 0-1.201.739-1.272 1.819h2.267zm8.655-.856c-.224-.103-.533-.153-.874-.153-.981 0-1.649.653-1.649 1.94v4.242h-2.643v-8.69h2.231l.292 1.854c.273-1.375 1.304-2.2 2.764-1.976l-.121 2.783z"/> <path class="dark:text-white fill-current" d="M0 5.958v3.744c0 5.168 4.323 7.57 4.364 7.6l.222.127.221-.127c.04-.03 4.364-2.432 4.364-7.602V5.957H0v.001zm6.3 8.85a8.526 8.526 0 01-1.716 1.529 8.57 8.57 0 01-1.716-1.53C1.888 13.684.924 12.005.923 9.702h7.325c-.003 2.303-.964 3.982-1.948 5.105z"/> </svg> </span> <span class="block leading-none -mb-px sm:hidden"><svg id="mmo-hbm-tablet-desktop" class="fill-current text-primary-base dark:text-dm-primary-base" width="402" height="33" viewBox="0 0 402 33" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="text-black dark:text-white fill-current" d="M26.278 26.005V2.663h5.524v9.227h6.993V2.663h5.488v23.342h-5.488v-9.501h-6.993v9.508h-5.524v-.007zm34.39-4.75c0 .766.384 1.084.912 1.084.31 0 .556-.101.802-.282l.174 3.493c-.702.455-1.714.766-2.762.766-1.36 0-2.553-.52-3.247-1.431a3.767 3.767 0 01-.593-1.121c-.593 1.569-2.343 2.516-4.368 2.516-3.037 0-5.032-1.923-5.032-5.069 0-3.637 2.798-5.553 7.057-5.553.63 0 1.396.072 1.887.173v-2.06c0-1.122-.491-1.888-1.605-1.888-1.186 0-1.75.875-1.75 2.444l-4.86-.73c.21-3.384 2.727-5.626 6.849-5.626 4.44 0 6.537 2.025 6.537 5.734v7.55zM55.492 18.6c-.246-.073-.63-.109-1.012-.109-1.815 0-2.828.767-2.828 2.307 0 1.222.666 1.96 1.75 1.96 1.121 0 2.097-.73 2.097-2.48V18.6h-.007zm19.256-4.86c-.455-.21-1.084-.31-1.778-.31-1.99 0-3.356 1.33-3.356 3.948v8.633h-5.38V8.325h4.541l.593 3.775c.557-2.798 2.654-4.476 5.626-4.02l-.246 5.661zm9.784 5.764l2.936-11.187H92.6l-5.554 17.68H81.77l-5.554-17.68h5.452l2.799 11.187h.065zm22.156 1.75c0 .766.383 1.084.911 1.084.311 0 .557-.101.803-.282l.173 3.493c-.701.455-1.714.766-2.762.766-1.36 0-2.553-.52-3.247-1.431a3.778 3.778 0 01-.593-1.121c-.593 1.569-2.343 2.516-4.367 2.516-3.037 0-5.033-1.923-5.033-5.069 0-3.637 2.798-5.553 7.057-5.553.629 0 1.396.072 1.888.173v-2.06c0-1.122-.492-1.888-1.606-1.888-1.186 0-1.75.875-1.75 2.444l-4.859-.73c.21-3.392 2.726-5.626 6.848-5.626 4.44 0 6.537 2.025 6.537 5.734v7.55zm-5.17-2.654c-.246-.073-.629-.109-1.013-.109-1.815 0-2.827.767-2.827 2.307 0 1.222.665 1.96 1.75 1.96 1.121 0 2.097-.73 2.097-2.48V18.6h-.007zm19.256-4.86c-.456-.21-1.085-.31-1.779-.31-1.988 0-3.355 1.33-3.355 3.948v8.633h-5.38V8.325h4.541l.593 3.775c.557-2.798 2.654-4.476 5.626-4.02l-.246 5.661zm12.365 9.119c-.629 2.234-2.343 3.492-4.686 3.492-3.637 0-6.218-3.355-6.218-8.98 0-5.872 2.48-9.4 6.392-9.4 2.198-.001 3.702 1.048 4.266 2.617V1.022h5.38v24.983h-4.577l-.557-3.145zm-.246-7.513c0-2.198-1.121-3.355-2.444-3.355-1.779 0-2.726 1.814-2.726 5.242 0 3.145.976 4.924 2.654 4.924 1.395 0 2.516-1.258 2.516-3.637v-3.174zm27.261-1.222c2.827.491 4.505 2.48 4.505 5.452 0 3.81-2.408 6.428-7.65 6.428h-8.88V2.663h8.771c4.577 0 7.022 2.343 7.022 6.154 0 2.936-1.541 4.75-3.775 5.243v.065h.007zm-6.746-1.606h2.408c1.887 0 2.762-.91 2.762-2.827 0-1.916-.839-2.835-2.726-2.835h-2.444v5.662zm0 9.328h2.827c2.025 0 2.9-.976 2.9-2.863 0-1.851-.912-2.864-2.9-2.864h-2.827v5.727zm23.03 1.013c-.665 2.234-2.379 3.492-4.823 3.492-2.798 0-4.924-1.85-4.924-5.314V8.325h5.38v11.288c0 1.504.557 2.444 1.851 2.444s2.271-1.048 2.271-3.427V8.325h5.38v17.68h-4.542l-.593-3.145zm11.426-2.408c.137 1.395 1.084 2.306 2.407 2.306 1.223 0 1.989-.556 1.989-1.569 0-2.863-8.388-1.258-8.388-7.513 0-3.6 2.936-5.698 6.674-5.698 3.876 0 6.219 1.996 6.537 5.105l-4.44.557c-.072-1.258-.766-2.133-2.061-2.133-1.12 0-1.815.593-1.815 1.576 0 2.828 8.49 1.186 8.49 7.586 0 3.637-2.9 5.698-6.993 5.698-3.702 0-6.392-1.815-6.848-5.033l4.448-.882zM202.05 6.575c-1.678 0-3.11-1.084-3.11-2.9 0-1.814 1.432-2.935 3.11-2.935 1.677 0 3.109 1.12 3.109 2.936 0 1.815-1.432 2.9-3.109 2.9zm2.69 1.75v17.68h-5.38V8.325h5.38zm8.142 3.247c.701-2.307 2.589-3.6 4.997-3.6 2.935-.001 4.924 1.886 4.924 5.314v12.72h-5.38v-11.18c0-1.468-.528-2.408-1.887-2.408-1.331 0-2.408.976-2.408 3.392v10.202h-5.38V8.325h4.541l.593 3.247zm22.084 8.352l4.439 1.258c-.802 3.392-3.492 5.17-6.811 5.17-4.787 0-7.759-3.391-7.759-9.09 0-5.625 2.863-9.298 7.86-9.298 4.65 0 6.848 3.427 6.848 7.686 0 .767-.101 1.714-.246 2.517h-9.328c.036 2.726 1.012 4.23 2.69 4.23 1.258.007 1.996-.897 2.307-2.473zm-.348-4.44c.037-.282.037-.52.037-.803 0-1.54-.593-2.9-2.061-2.9-1.54 0-2.444 1.505-2.589 3.703h4.613zm10.724 4.968c.138 1.395 1.085 2.306 2.408 2.306 1.222 0 1.989-.556 1.989-1.569 0-2.863-8.388-1.258-8.388-7.513 0-3.6 2.935-5.698 6.674-5.698 3.876 0 6.219 1.996 6.537 5.105l-4.44.557c-.072-1.258-.767-2.133-2.061-2.133-1.121 0-1.815.593-1.815 1.576 0 2.828 8.489 1.186 8.489 7.586 0 3.637-2.899 5.698-6.992 5.698-3.703 0-6.392-1.815-6.848-5.033l4.447-.882zm15.135 0c.137 1.395 1.084 2.306 2.408 2.306 1.222 0 1.988-.556 1.988-1.569 0-2.863-8.388-1.258-8.388-7.513 0-3.6 2.936-5.698 6.674-5.698 3.876 0 6.219 1.996 6.537 5.105l-4.44.557c-.072-1.258-.766-2.133-2.06-2.133-1.121 0-1.815.593-1.815 1.576 0 2.828 8.489 1.186 8.489 7.586 0 3.637-2.9 5.698-6.993 5.698-3.702 0-6.392-1.815-6.847-5.033l4.447-.882zM298.078 7.97c2.936 0 4.859 1.815 4.859 5.206v12.828h-5.38V14.826c0-1.468-.455-2.408-1.815-2.408-1.222 0-2.234.94-2.234 3.355v10.24h-5.38V14.825c0-1.468-.492-2.408-1.851-2.408-1.222 0-2.234.94-2.234 3.355v10.24h-5.38V8.325h4.541l.593 3.247c.629-2.307 2.516-3.6 4.787-3.6 2.343-.001 4.02 1.33 4.613 3.492.723-2.126 2.574-3.493 4.881-3.493zm20.963 13.284c0 .766.383 1.084.911 1.084.318 0 .557-.101.803-.282l.173 3.493c-.701.455-1.714.766-2.762.766-1.359 0-2.553-.52-3.247-1.431a3.778 3.778 0 01-.593-1.121c-.593 1.569-2.343 2.516-4.367 2.516-3.037 0-5.033-1.923-5.033-5.069 0-3.637 2.798-5.553 7.057-5.553.63 0 1.396.072 1.888.173v-2.06c0-1.122-.492-1.888-1.606-1.888-1.185 0-1.749.875-1.749 2.444l-4.86-.73c.21-3.392 2.726-5.626 6.848-5.626 4.44 0 6.537 2.025 6.537 5.734v7.55zm-5.17-2.654c-.246-.073-.629-.109-1.013-.109-1.815 0-2.834.767-2.834 2.307 0 1.222.665 1.96 1.75 1.96 1.121 0 2.097-.73 2.097-2.48V18.6zm13.869-7.029c.701-2.307 2.589-3.6 4.997-3.6 2.935-.001 4.924 1.886 4.924 5.314v12.72h-5.38v-11.18c0-1.468-.521-2.408-1.887-2.408-1.331 0-2.408.976-2.408 3.392v10.202h-5.38V8.325h4.541l.593 3.247zm26.003 9.683c0 .766.383 1.084.911 1.084.318 0 .557-.101.802-.282l.174 3.493c-.701.455-1.714.766-2.762.766-1.36 0-2.553-.52-3.247-1.431a3.755 3.755 0 01-.593-1.121c-.593 1.569-2.343 2.516-4.368 2.516-3.037 0-5.032-1.923-5.032-5.069 0-3.637 2.798-5.553 7.057-5.553.629 0 1.396.072 1.887.173v-2.06c0-1.122-.491-1.888-1.605-1.888-1.186 0-1.75.875-1.75 2.444l-4.859-.73c.21-3.392 2.726-5.626 6.848-5.626 4.44 0 6.537 2.025 6.537 5.734v7.55zm-5.178-2.654c-.246-.073-.629-.109-1.012-.109-1.815 0-2.835.767-2.835 2.307 0 1.222.666 1.96 1.75 1.96 1.121 0 2.097-.73 2.097-2.48V18.6zM363.7 32.75c-3.948 0-7.586-1.185-7.586-4.193 0-1.815 1.432-2.972 3.457-3.247-1.36-.42-2.379-1.504-2.379-3.145 0-1.678 1.258-2.9 2.863-3.392-1.815-.976-2.972-2.625-2.972-4.895 0-3.775 2.936-5.908 7.13-5.908 1.54 0 2.936.318 4.057.911.492-.665.73-1.641.803-2.827l4.194 1.33c-.174 1.678-1.468 2.864-2.835 3.283.665.911 1.012 1.989 1.012 3.218 0 3.775-3.145 5.835-7.231 5.835-.802 0-1.569-.072-2.27-.245-.42.21-.629.556-.629.976 0 .629.491.839 1.222.839h3.875c4.332 0 6.501 1.923 6.501 5.105.015 4.396-4.324 6.356-9.212 6.356zm.282-3.354c2.552 0 4.266-.666 4.266-2.025 0-.875-.701-1.33-1.988-1.33h-3.985c-1.12 0-1.851.52-1.851 1.467-.007 1.258 1.389 1.888 3.558 1.888zm.275-12.864c1.258 0 1.923-.977 1.923-2.69 0-1.75-.665-2.654-1.923-2.654-1.295 0-1.989.94-1.989 2.654 0 1.677.694 2.69 1.989 2.69zm19.147 3.391l4.44 1.258c-.802 3.392-3.492 5.17-6.811 5.17-4.787 0-7.759-3.391-7.759-9.09 0-5.625 2.863-9.298 7.86-9.298 4.649 0 6.848 3.427 6.848 7.686 0 .767-.102 1.714-.246 2.517h-9.328c.036 2.726 1.012 4.23 2.69 4.23 1.258.007 1.995-.897 2.306-2.473zm-.347-4.44c.037-.282.036-.52.036-.803 0-1.54-.592-2.9-2.06-2.9-1.541 0-2.444 1.505-2.589 3.703h4.613zm17.615-1.743c-.455-.21-1.085-.31-1.779-.31-1.995 0-3.355 1.33-3.355 3.948v8.633h-5.38V8.325h4.541l.593 3.775c.557-2.798 2.654-4.476 5.626-4.02l-.246 5.661z"/> <path class="dark:text-white fill-current" d="M18.653 2.687H0l.007 7.606c0 10.51 8.792 15.393 8.872 15.45l.448.26.455-.26c.08-.057 8.878-4.824 8.878-15.45V2.687h-.007zm-5.837 17.986c-.99 1.149-1.994 2-2.738 2.557-.296.238-.556.412-.751.55-.701-.463-2.081-1.482-3.49-3.107-1.994-2.283-3.951-5.7-3.959-10.38h14.897c-.007 4.68-1.972 8.097-3.96 10.38z"/> </svg> </span> </a> </span> </span> <div class="flex items-center justify-end flex-auto md:order-2 lg:order-2 transition-fade duration-300 ease-out" :class="{'lg:invisible lg:opacity-none md:invisible md:opacity-none': isCollapsed,}"> <a href="https://abo.manager-magazin.de/?requestAccessToken=true&sara_icid=dirl_upd_lbOBvX27SMBW0fOpeU8VgMCMu32U2t&targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html" title="Abonnement" class="font-bold inline-block text-primary-base dark:text-dm-primary-base font-sansUI py-12 text-s sm:mr-24" target="_blank"> <span class="sm:hidden border-b border-primary-lighter hover:border-primary-base dark:hover:border-dm-primary-base">Abonnement</span> <span class="lg:hidden md:hidden border-b border-primary-lighter hover:border-primary-base dark:hover:border-dm-primary-base">Abo</span> </a> <a href="https://gruppenkonto.spiegel.de/manager/authenticate?requestAccessToken=true&targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html" class="sm:hidden font-bold inline-block disabled:cursor-not-allowed font-sansUI ml-24 px-16 py-12 text-s rounded text-white dark:text-shade-lightest bg-primary-base dark:bg-dm-primary-base hover:bg-primary-dark focus:bg-primary-darker disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light" data-sara-link="gruppenkonto" title="Jetzt anmelden" data-logged-in-hidden> <span class="flex"> <span class="relative bottom-px">Anmelden</span> <span class="flex leading-none items-center ml-8"><svg id="mmo-chevron-right-f-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-right-f-2e1b08f6-9bb0-4230-8506-2ed456eafd43"> <g id="s-chevron-right-2e1b08f6-9bb0-4230-8506-2ed456eafd43"> <path id="vector-2e1b08f6-9bb0-4230-8506-2ed456eafd43" d="M4.333 2.667L7.667 6 4.333 9.333" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </svg> </span> </span> </a> <a href="https://www.manager-magazin.de/fuermich/" class="sm:hidden ml-24 bg-primary-base dark:bg-dm-primary-base h-40 inline-flex items-center justify-center rounded-circle w-40 md:hidden sm:hidden text-white dark:text-shade-lightest hover:bg-primary-dark focus:bg-primary-darker disabled:bg-shade-lighter dark:disabled:bg-shade-darker" data-not-logged-in-hidden title="Abmelden"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="stroke-current" d="M8.05 8.5C8.05 6.29213 9.79213 4.55 12 4.55C14.2079 4.55 15.95 6.29213 15.95 8.5C15.95 10.7079 14.2079 12.45 12 12.45C9.79213 12.45 8.05 10.7079 8.05 8.5Z" stroke-width="1.1"/> <mask id="a-f71bc934-3729-4b1d-a649-4eacd9040c05" fill="white"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16.1H16C18.1539 16.1 19.9 17.8461 19.9 20H21C21 17.2386 18.7614 15 16 15H8C5.23858 15 3 17.2386 3 20H4.1C4.1 17.8461 5.84609 16.1 8 16.1Z"/> </mask> <path class="fill-current" mask="url(#a-f71bc934-3729-4b1d-a649-4eacd9040c05)" d="M19.9 20H18.6V21.3H19.9V20ZM21 20V21.3H22.3V20H21ZM3 20H1.7V21.3H3V20ZM4.1 20V21.3H5.4V20H4.1ZM16 14.8H8V17.4H16V14.8ZM21.2 20C21.2 17.1281 18.8719 14.8 16 14.8V17.4C17.4359 17.4 18.6 18.5641 18.6 20H21.2ZM19.9 21.3H21V18.7H19.9V21.3ZM16 16.3C18.0435 16.3 19.7 17.9565 19.7 20H22.3C22.3 16.5206 19.4794 13.7 16 13.7V16.3ZM16 13.7H8V16.3H16V13.7ZM4.3 20C4.3 17.9565 5.95655 16.3 8 16.3V13.7C4.52061 13.7 1.7 16.5206 1.7 20H4.3ZM3 21.3H4.1V18.7H3V21.3ZM8 14.8C5.12812 14.8 2.8 17.1281 2.8 20H5.4C5.4 18.5641 6.56406 17.4 8 17.4V14.8Z"/> </svg> </a> </div> <button class="text-black dark:text-shade-lightest leading-none outline-focus transition-fade duration-300 ease-out lg:absolute lg:h-full lg:top-0 lg:invisible lg:opacity-none lg:-ml-4 md:absolute md:h-full md:top-0 md:invisible md:opacity-none md:-ml-4" @click="setTimeout(() => $publish('OPEN_MENU_DRAWER'), 0)" data-sara-click-el="button" :class="{'lg:opacity-none lg:invisible md:opacity-none md:invisible': !isCollapsed,}"> <span class="sr-only">Menü öffnen</span><svg id="mmo-menu-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-menu-a525f220-de35-4247-8f62-e465f28e0224" stroke-width="1.3" stroke-linecap="round"> <path id="line-a525f220-de35-4247-8f62-e465f28e0224" d="M19.35 6.65H4.65"/> <path id="line_2-a525f220-de35-4247-8f62-e465f28e0224" d="M19.35 11.65H4.65"/> <path id="line_3-a525f220-de35-4247-8f62-e465f28e0224" d="M19.35 16.65H4.65"/> </g> </svg> </button> </div> </div> </div> <div class="absolute left-0 right-0 pointer-events-auto" data-notification-el="container" data-notification-position="default"></div> </div> </div> </header> <nav role="navigation" class="z-10 mt-8"> <div data-app-hidden> <div class="w-full border-b border-shade-lighter dark:border-black bg-white dark:bg-dm-shade-darkest shadow" data-area="tab-bar"> <ul class="flex items-center justify-around lg:hidden md:h-56 sm:h-48 mx-auto"> <li data-target-hide> <a href="https://www.manager-magazin.de/" target="_self" title="Startseite" aria-label="Startseite" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M21 19.54h.5V9.533c0-1.348-.383-2.45-1.122-3.218-.741-.768-1.782-1.139-2.974-1.14a4.241 4.241 0 00-3.599 1.888c-.694-1.178-1.908-1.884-3.45-1.884-1.349 0-2.554.556-3.327 1.58l-.166-.915-.074-.411H2.5v14.109h4.989v-8.09c0-.832.176-1.332.387-1.611a.91.91 0 01.77-.375c.375 0 .55.12.655.272.13.186.217.508.217 1.013v8.79h4.99V11.454c0-.833.176-1.332.387-1.612a.91.91 0 01.77-.375c.373 0 .538.119.637.266.126.185.209.509.209 1.019v8.789H21z" class="stroke-current"/> </svg> <span class="hidden">Startseite</span> </a> </li> <li data-target-hide> <a href="https://www.manager-magazin.de/hbm/" target="_self" title="HBm" aria-label="HBm" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M5 3v5.87c0 8.11 6.596 11.88 6.664 11.93l.331.2.34-.2C12.395 20.75 19 16.98 19 8.87V3H5zm9.622 13.88a13.373 13.373 0 01-2.617 2.4 13.095 13.095 0 01-2.617-2.4C7.89 15.12 6.42 12.48 6.41 8.87h11.188c-.01 3.62-1.479 6.25-2.977 8.01zm2.967-9.47H6.411V4.45h11.188l-.01 2.96z" class="fill-current"/> </svg> <span class="hidden">HBm</span> </a> </li> <li data-target-hide> <a href="https://www.manager-magazin.de/magazine" target="_self" title="Magazine" aria-label="Magazine" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.342 1.031L4.345 5.024l-.009.003A.483.483 0 004 5.525V22.5a.5.5 0 00.5.5h15a.5.5 0 00.5-.5v-17a.5.5 0 00-.5-.5H17V1.506a.5.5 0 00-.658-.475zM16 2.2L7.585 5H16V2.2zM5 22V6h14v16H5z"/> <path d="M15 10c1.211 0 2 .748 2 2.144v5.281h-2.216V12.82c0-.604-.187-.991-.748-.991-.503 0-.92.388-.92 1.38v4.217h-2.217V12.82c0-.604-.201-.991-.762-.991-.505 0-.92.388-.92 1.38v4.217H7v-7.282h1.872l.243 1.34c.259-.95 1.036-1.482 1.971-1.482.964 0 1.652.551 1.9 1.439A2.079 2.079 0 0115 10.001z"/> </svg> <span class="hidden">Magazine</span> </a> </li> <li data-target-hide> <a href="https://www.manager-magazin.de/audio/" target="_self" title="Audio" aria-label="Audio" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M20.001 12.371c0-4.623-3.582-8.371-8-8.371s-8 3.748-8 8.371" class="stroke-current" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.106 15.911v4.606a4.605 4.605 0 110-9.211v4.605zm9.789 0v4.606a4.605 4.605 0 100-9.211v4.605z" class="stroke-current" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="hidden">Audio</span> </a> </li> <li data-target-hide> <a href="https://www.manager-magazin.de/fuermich/" target="_self" title="Für mich" aria-label="Für mich" class="inline-flex md:p-12 sm:p-8 text-black dark:text-shade-lightest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path class="stroke-current" d="M8.05 8.5C8.05 6.29213 9.79213 4.55 12 4.55C14.2079 4.55 15.95 6.29213 15.95 8.5C15.95 10.7079 14.2079 12.45 12 12.45C9.79213 12.45 8.05 10.7079 8.05 8.5Z" stroke-width="1.1"/> <mask id="a-99e09e03-8a42-4f26-b305-e70c189607c1" fill="white"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16.1H16C18.1539 16.1 19.9 17.8461 19.9 20H21C21 17.2386 18.7614 15 16 15H8C5.23858 15 3 17.2386 3 20H4.1C4.1 17.8461 5.84609 16.1 8 16.1Z"/> </mask> <path class="fill-current" mask="url(#a-99e09e03-8a42-4f26-b305-e70c189607c1)" d="M19.9 20H18.6V21.3H19.9V20ZM21 20V21.3H22.3V20H21ZM3 20H1.7V21.3H3V20ZM4.1 20V21.3H5.4V20H4.1ZM16 14.8H8V17.4H16V14.8ZM21.2 20C21.2 17.1281 18.8719 14.8 16 14.8V17.4C17.4359 17.4 18.6 18.5641 18.6 20H21.2ZM19.9 21.3H21V18.7H19.9V21.3ZM16 16.3C18.0435 16.3 19.7 17.9565 19.7 20H22.3C22.3 16.5206 19.4794 13.7 16 13.7V16.3ZM16 13.7H8V16.3H16V13.7ZM4.3 20C4.3 17.9565 5.95655 16.3 8 16.3V13.7C4.52061 13.7 1.7 16.5206 1.7 20H4.3ZM3 21.3H4.1V18.7H3V21.3ZM8 14.8C5.12812 14.8 2.8 17.1281 2.8 20H5.4C5.4 18.5641 6.56406 17.4 8 17.4V14.8Z"/> </svg> <span class="hidden">Für mich</span> </a> </li> </ul> </div> </div> <span class="sm:hidden" data-app-hidden x-data x-intersect:enter.margin.-48px.0.0.0="$store.isInTopArea = true; $publish('TOPAREA_ENTER');" x-intersect:leave.margin.-48px.0.0.0="$store.isInTopArea = false; $publish('TOPAREA_LEAVE');" x-init="Alpine.store('isInTopArea', true)"></span> <div class="z-10 relative bg-white dark:bg-dm-shade-darkest w-full shadow font-sans" x-data x-init="document.fonts.ready.then(() => $swiper.update())" x-swiper="{freeMode: true,roundLengths: false,slidesPerView: 'auto',watchOverflow: true,}" @swiper-init="const activeIndex = $swiper.slides.findIndex((slide) => slide.dataset.itemActive);$swiper.slideTo(activeIndex - 1, 500, false);" data-area="nav-bar" data-app-hidden x-lazyload> <div class="bg-white dark:bg-dm-shade-darkest"> <div class="lg:max-w-lg mx-auto font-sansUI flex items-center lg:h-56 md:h-56 sm:h-40 lg:pl-12 lg:pr-16 md:pl-4 md:pr-8"> <div class="h-full sm:hidden" data-app-hidden> <button class="flex items-center h-full text-black dark:text-shade-lightest text-black dark:text-shade-lightest leading-none text-s px-16 outline-focus" @click="$publish('OPEN_MENU_DRAWER')" data-sara-click-el="button"> <span><svg width="24" height="24"><use xlink:href="#mmo-menu-l"/></svg> </span> <span class="ml-8 leading-18 border-b border-transparent">Menü</span> </button> </div> <div class="sm:hidden h-full lg:py-16 md:py-16 sm:py-8" data-app-hidden> <div class="border-separator-r w-px h-full"></div> </div> <div class="polygon-swiper-button-prev relative lg:h-56 md:h-56 sm:h-40 focus:outline-none hidden select-none"> <div class="z-10 absolute left-0 bottom-0 lg:h-56 md:h-56 sm:h-40"> <div class="flex items-center"> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest w-48 py-18 text-center cursor-pointer"><svg id="mmo-chevron-left-f-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-left-f-efceb07b-7434-4eda-bea4-4ec0784ff9cc"> <g id="s-chevron-right-f-efceb07b-7434-4eda-bea4-4ec0784ff9cc"> <g id="s-chevron-right-efceb07b-7434-4eda-bea4-4ec0784ff9cc"> <path id="vector-efceb07b-7434-4eda-bea4-4ec0784ff9cc" d="M7.667 9.333L4.333 6l3.334-3.333" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </g> </svg> </span> <span class="bg-gradient-to-r from-white dark:from-dm-shade-darkest w-24 lg:h-56 md:h-56 sm:h-40"></span> </div> </div> </div> <nav role="navigation" class="polygon-swiper relative overflow-hidden h-full bottom-negative flex grow"> <ul class="polygon-swiper-wrapper flex items-center lg:h-56 md:h-56 sm:h-40 relative bottom-px leading-18"> <li class="polygon-swiper-slide flex items-end h-full relative"> <a href="https://www.manager-magazin.de/schlagzeilen/" target="_self" title="Schlagzeilen" class="hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s px-16 h-full"> <span class="border-b whitespace-nowrap border-inherit"> Schlagzeilen </span> </a> </li> <li class="border-separator-r w-px h-24 pr-2"></li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.manager-magazin.de/plus/" target="_self" title="manager+" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full pl-16 px-8"> <span class="border-b whitespace-nowrap border-inherit"> manager+ </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.manager-magazin.de/magazine" target="_self" title="Magazine" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-8"> <span class="border-b whitespace-nowrap border-inherit"> Magazine </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.manager-magazin.de/unternehmen/" target="_self" title="Unternehmen" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-8"> <span class="border-b whitespace-nowrap border-inherit"> Unternehmen </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.manager-magazin.de/politik/" target="_self" title="Politik" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-8"> <span class="border-b whitespace-nowrap border-inherit"> Politik </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.manager-magazin.de/karriere/" target="_self" title="Job & Karriere" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-8"> <span class="border-b whitespace-nowrap border-inherit"> Job & Karriere </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.manager-magazin.de/hbm/" target="_self" title="Harvard Business manager" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-8"> <span class="border-b whitespace-nowrap border-inherit"> Harvard Business manager </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.manager-magazin.de/finanzen/" target="_self" title="Finanzen" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-8"> <span class="border-b whitespace-nowrap border-inherit"> Finanzen </span> </a> </li> <li class="polygon-swiper-slide flex items-center h-full"> <a href="https://www.manager-magazin.de/lifestyle/" target="_self" title="Lifestyle" class="focus:border-black dark:focus:border-white hover:border-shade-light border-transparent inline-flex items-center text-black dark:text-shade-lightest text-s h-full px-8 pl-8 px-16"> <span class="border-b whitespace-nowrap border-inherit"> Lifestyle </span> </a> </li> </ul> </nav> <div class="polygon-swiper-button-next relative lg:h-56 md:h-56 sm:h-40 focus:outline-none select-none hidden"> <div class="z-10 absolute right-0 bottom-0 lg:h-56 md:h-56 sm:h-40"> <div class="flex items-center"> <span class="bg-gradient-to-l from-white dark:from-dm-shade-darkest w-24 lg:h-56 md:h-56 sm:h-40"></span> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest w-48 text-center cursor-pointer py-20 leading-none"><svg id="mmo-chevron-right-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-right-a656e936-c028-4411-ad9e-1f848c4385d0"> <path id="vector-a656e936-c028-4411-ad9e-1f848c4385d0" d="M6 4l4 4-4 4" stroke-linecap="round"/> </g> </svg> </span> </div> </div> </div> <div class="sm:hidden h-full lg:py-16 md:py-16 sm:py-8" data-app-hidden> <div class="border-separator-r w-px h-full"></div> </div> <div class="relative sm:hidden flex-none transition-all duration-300 ease-in-out w-56 h-40" data-app-hidden x-data="{isOpen: false,open() {this.isOpen = true;$focus($refs.input);setTimeout(() => $swiper.update(), 300);},close() {this.isOpen = false;setTimeout(() => $swiper.update(), 300);}}" @keyup.escape="if (!$event.defaultPrevented) {$event.preventDefault();close();$focus($refs.toggle);}" @mousedown.outside="close()" :class="{'lg:w-4/12': isOpen,'md:w-5/12': isOpen,}"> <form action="https://www.manager-magazin.de/suche/" role="search" x-show="isOpen" x-transition.duration.300ms.opacity x-cloak> <div class="inline-flex flex-col ml-16 pr-20 w-full"> <div class="group relative flex flex-col"> <input id="search-input-field" name="suchbegriff" placeholder="Seite durchsuchen ..." x-ref="input" class="peer appearance-none rounded placeholder-shade-base dark:disabled:placeholder-shade-dark outline-focus disabled:cursor-not-allowed pl-12 pr-48 h-40 font-sansUI leading-normal text-black dark:text-shade-lightest text-s bg-white dark:bg-shade-darkest dark:disabled:bg-dm-shade-darkest read-only:bg-shade-lightest dark:read-only:bg-black border border-shade-base hover:border-black disabled:border-shade-lighter read-only:border-shade-lighter dark:read-only:border-shade-dark dark:border-shade-light dark:hover:border-shade-lightest dark:disabled:border-shade-dark autofill:transition-colors autofill:duration-max"> <span class="absolute top-0 bottom-0 right-0 pr-12 pointer-events-none flex items-center text-shade-darker dark:text-shade-lightest group-hover:text-shade-darkest dark:group-hover:text-shade-lightest peer-disabled:text-shade-base dark:peer-disabled:text-shade-dark" data-input-el="icon"><svg id="mmo-search-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-search-2c8ba003-0529-41da-b7cf-5ecc41e5430f"> <g id="group-2c8ba003-0529-41da-b7cf-5ecc41e5430f" stroke-width="1.3"> <circle id="ellipse-2c8ba003-0529-41da-b7cf-5ecc41e5430f" cx="10" cy="11" r="5.35"/> <path id="vector-2c8ba003-0529-41da-b7cf-5ecc41e5430f" d="M14 15l4.5 4.5" stroke-linecap="round"/> </g> </g> </svg> </span> </div> </div> <button class="absolute top-0 right-4 bottom-0 w-48" title="Suche starten" data-sara-click-el="button" x-show="isOpen"> <span class="sr-only">Suche starten</span> </button> </form> <button class="absolute top-0 bottom-0 right-0 focus-outline flex items-center text-black dark:text-shade-lightest text-s px-16" data-sara-click-el="button" x-ref="toggle" x-show="!isOpen" x-transition.duration.300ms.opacity @click="open()"> <span class="sr-only">Suche öffnen</span><svg width="24" height="24"><use xlink:href="#mmo-search-l"/></svg> </button> </div> </div> </div> </div> <div class="hidden"><svg id="mmo-chevron-right-f-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-right-f-a0eb7dee-a54c-4979-9cc7-63f4e0b2150c"> <g id="m-chevron-right-a0eb7dee-a54c-4979-9cc7-63f4e0b2150c"> <path id="vector-a0eb7dee-a54c-4979-9cc7-63f4e0b2150c" d="M6 4l4 4-4 4" stroke-width="1.8" stroke-linecap="round"/> </g> </g> </svg> </div> <section aria-label="Eilmeldungen" class="hidden relative z-20" data-breakingnews> <div class="absolute z-0 top-8 right-0 bottom-0 left-0 shadow"></div> <ul class="relative z-10 bg-attention" data-area="breaking-bar" data-breakingnews-el="list"></ul> <template id="prototype-breaking-news-default"> <li class="w-full"> <div class="sm:max-w-sm md:max-w-md md:mx-auto sm:mx-auto"> <a data-proto-href="__proto_url__" title="__proto_headline__" class="text-black flex font-sansUI items-center justify-between lg:max-w-lg lg:px-32 lg:py-16 md:max-w-md md:px-24 md:py-16 mx-auto sm:max-w-sm sm:px-16 sm:py-12"> <span class="lg:text-base md:text-base sm:text-s font-bold"> <span class="uppercase pr-4">EILMELDUNG</span> — <span class="pl-4">__proto_headline__</span> </span> <span class="leading-none sm:hidden shrink-0 ml-8" aria-hidden="true"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> <span class="leading-none lg:hidden md:hidden shrink-0 ml-8" aria-hidden="true"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </a> </div> </li> </template> <template id="prototype-breaking-news-textonly"> <li class="w-full"> <div class="sm:max-w-sm md:max-w-md md:mx-auto sm:mx-auto"> <span class="text-black flex font-sansUI items-center justify-between lg:max-w-lg lg:px-32 lg:py-16 md:max-w-md md:px-24 md:py-16 mx-auto sm:max-w-sm sm:px-16 sm:py-12"> <span class="lg:text-base md:text-base sm:text-s font-bold"> <span class="uppercase pr-4">EILMELDUNG</span> — <span class="pl-4">__proto_headline__</span> </span> </span> </div> </li> </template> </section> </nav> <script>if (typeof(Event) === 'function') {window.dispatchEvent(new Event('POLYGON_DOM_HEADER_READY'));}</script> <div class="relative sm:bg-shade-lightest sm:dark:bg-black md:bg-shade-lightest md:dark:bg-black"> <div class="relative z-20 w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg"> <div class="lg:h-8 md:h-8 sm:h-4"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden" data-placement="pos_header" data-device="desktop" data-advertisement="pos_header desktop pos_header:desktop lg md sm"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden" data-placement="pos_header" data-device="mobile" data-advertisement="pos_header mobile pos_header:mobile lg md sm"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden lg:advertisement-filled:py-8 md:advertisement-filled:py-8 sm:advertisement-filled:py-4" data-placement="pos_1" data-device="desktop" data-advertisement="pos_1 desktop pos_1:desktop lg md sm"></div> <div class="relative lg:pt-8 md:pt-8 sm:pt-4 lg:px-6 lg:bg-shade-lightest lg:dark:bg-black"> <main id="Inhalt" class="z-20 relative"> <div class="z-10 relative w-full bg-white dark:bg-dm-shade-darkest shadow"> <div class="relative lg:mx-16 md:mx-24"> <div class="polygon-swiper lg:h-56 md:h-56 sm:h-40 overflow-hidden" data-area="nav-bar-body" x-data x-swiper="{freeMode: true,roundLengths: true,slidesPerView: 'auto',watchOverflow: false}" x-lazyload> <div class="polygon-swiper-button-prev hidden absolute bottom-0 left-0 top-0 z-10 select-none"> <span class="flex items-center h-full"> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest cursor-pointer py-20 leading-none pr-16"><svg id="mmo-chevron-left-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-left-0ac73132-6d49-4903-91ef-cf7cd785062d"> <g id="m-chevron-right-0ac73132-6d49-4903-91ef-cf7cd785062d"> <path id="vector-0ac73132-6d49-4903-91ef-cf7cd785062d" d="M10 12L6 8l4-4" stroke-linecap="round"/> </g> </g> </svg> </span> <span class="bg-gradient-to-r from-white dark:from-dm-shade-darkest w-24 h-full"></span> </span> </div> <div class="polygon-swiper-button-next absolute bottom-0 right-0 top-0 z-10 select-none"> <span class="flex items-center h-full"> <span class="bg-gradient-to-l from-white dark:from-dm-shade-darkest w-24 h-full"></span> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest cursor-pointer py-20 leading-none pl-16"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-m"/></svg> </span> </span> </div> <ul class="polygon-swiper-wrapper font-sansUI lg:text-base md:text-base sm:text-s flex items-center h-full"> <li class="polygon-swiper-slide shrink-0 mr-16 lg:pl-8 sm:ml-16"> <a href="https://www.manager-magazin.de/magazine" target="_self" title="Alle Magazine" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> Alle Magazine </a> </li> <li class="border-separator-r w-px h-24 pr-2 mr-16"></li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.manager-magazin.de/print/mm/index-2024.html" target="_self" title="manager magazin" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> manager magazin </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2025.html" target="_self" title="Harvard Business manager" class="border-b border-black dark:border-white hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> Harvard Business manager </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0"> <a href="https://www.manager-magazin.de/print/mmrd/index-2024.html" target="_self" title="manager magazin Reichstenheft" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> manager magazin Reichstenheft </a> </li> <li class="polygon-swiper-slide mr-24 shrink-0 sm:pr-16"> <a href="https://www.manager-magazin.de/hbm/print/hmsp/index-2025.html" target="_self" title="Harvard Business manager Spezial" class="border-b border-transparent hover:border-shade-light focus:border-black dark:focus:border-white inline-block text-black dark:text-shade-lightest font-sansUI font-normal text-s"> Harvard Business manager Spezial </a> </li> </ul> </div> </div> </div> <div class="lg:mb-16 md:mb-16 sm:mb-8"></div> <div class="bg-white dark:bg-dm-shade-darkest shadow rounded"> <div class="lg:px-24 md:px-24 sm:px-16 lg:pt-40 md:pt-40 sm:pt-32 pb-24"> <h1 class="font-brandUI font-extrabold lg:text-5xl md:text-5xl sm:text-3xl leading-tight">Harvard Business manager Archiv</h1> </div> <div class="border-separator-b h-px lg:mx-24 md:mx-24 sm:mx-16"></div> <div class="relative lg:mx-16 md:mx-24"> <div class="polygon-swiper lg:h-64 md:h-64 sm:h-56 overflow-hidden font-sans" data-area="index-bar" x-data x-swiper="{freeMode: true,roundLengths: true,slidesPerView: 'auto',watchOverflow: false}" x-lazyload> <div class="polygon-swiper-button-prev hidden absolute bottom-0 left-0 top-0 z-10 select-none"> <span class="flex items-center h-full"> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest cursor-pointer py-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-left-m"/></svg> </span> <span class="bg-gradient-to-r from-white dark:from-dm-shade-darkest w-24 h-full"></span> </span> </div> <div class="polygon-swiper-button-next absolute bottom-0 right-0 top-0 z-10 select-none"> <span class="flex items-center h-full"> <span class="bg-gradient-to-l from-white dark:from-dm-shade-darkest w-24 h-full"></span> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest cursor-pointer py-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-m"/></svg> </span> </span> </div> <ul class="polygon-swiper-wrapper flex items-center font-sansUI lg:text-base md:text-base sm:text-s h-full"> <li class="polygon-swiper-slide shrink-0 lg:ml-8 mr-4 sm:ml-16"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2025.html" target="_self" title="2025" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2025 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2024.html" target="_self" title="2024" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2024 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2023.html" target="_self" title="2023" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2023 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2022.html" target="_self" title="2022" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2022 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2021.html" target="_self" title="2021" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2021 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2020.html" target="_self" title="2020" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2020 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2019.html" target="_self" title="2019" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2019 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2018.html" target="_self" title="2018" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2018 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2017.html" target="_self" title="2017" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2017 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2016.html" target="_self" title="2016" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2016 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2015.html" target="_self" title="2015" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2015 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2014.html" target="_self" title="2014" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2014 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2013.html" target="_self" title="2013" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2013 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2012.html" target="_self" title="2012" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2012 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2011.html" target="_self" title="2011" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2011 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2010.html" target="_self" title="2010" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2010 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2009.html" target="_self" title="2009" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2009 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4" data-item-active="true"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008.html" target="_self" title="2008" class="block text-black dark:text-shade-lightest border border-black dark:border-white hover:border-shade-light rounded py-4 px-8 mr-px"> 2008 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2007.html" target="_self" title="2007" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2007 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2006.html" target="_self" title="2006" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2006 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2005.html" target="_self" title="2005" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2005 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2004.html" target="_self" title="2004" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2004 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2003.html" target="_self" title="2003" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2003 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2002.html" target="_self" title="2002" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2002 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2001.html" target="_self" title="2001" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2001 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2000.html" target="_self" title="2000" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2000 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1999.html" target="_self" title="1999" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1999 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1998.html" target="_self" title="1998" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1998 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1997.html" target="_self" title="1997" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1997 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1996.html" target="_self" title="1996" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1996 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1995.html" target="_self" title="1995" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1995 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1994.html" target="_self" title="1994" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1994 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1993.html" target="_self" title="1993" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1993 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1992.html" target="_self" title="1992" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1992 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1991.html" target="_self" title="1991" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1991 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1990.html" target="_self" title="1990" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1990 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1989.html" target="_self" title="1989" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1989 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1988.html" target="_self" title="1988" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1988 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1987.html" target="_self" title="1987" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1987 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1986.html" target="_self" title="1986" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1986 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1985.html" target="_self" title="1985" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1985 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1984.html" target="_self" title="1984" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1984 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1983.html" target="_self" title="1983" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1983 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1982.html" target="_self" title="1982" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1982 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1981.html" target="_self" title="1981" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1981 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1980.html" target="_self" title="1980" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1980 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1979.html" target="_self" title="1979" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1979 </a> </li> </ul> </div> </div> </div> <div class="lg:mb-16 md:mb-16 sm:mb-8"></div> <div class="bg-white dark:bg-dm-shade-darkest shadow rounded"> <div class="flex flex-wrap lg:pb-28 md:pb-28 sm:pb-24 lg:pt-20 md:pt-20"> <article aria-label="Erfolgsfaktor Marketing" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-12.html" target="_self" title="Erfolgsfaktor Marketing"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/12/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/12/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 12/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Erfolgsfaktor Marketing <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Erfahrung" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-11.html" target="_self" title="Erfahrung"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/11/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/11/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 11/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Erfahrung <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Informationstechnik" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-10.html" target="_self" title="Informationstechnik"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/10/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/10/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 10/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Informationstechnik <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Motivation" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-9.html" target="_self" title="Motivation"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/9/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/9/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 9/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Motivation <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Der perfekte Chef" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-8.html" target="_self" title="Der perfekte Chef"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/8/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/8/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 8/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Der perfekte Chef <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Kreativität" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-7.html" target="_self" title="Kreativität"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/7/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/7/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 7/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Kreativität <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Change-Management" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-6.html" target="_self" title="Change-Management"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/6/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/6/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 6/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Change-Management <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Strategie und Führung im 21. Jahrhundert" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-5.html" target="_self" title="Strategie und Führung im 21. Jahrhundert"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/5/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/5/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 5/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Strategie und Führung im 21. Jahrhundert <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="100 Jahre Harvard Business School" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-4.html" target="_self" title="100 Jahre Harvard Business School"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/4/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/4/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 4/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> 100 Jahre Harvard Business School <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Personal" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-3.html" target="_self" title="Personal"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/3/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/3/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 3/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Personal <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Die 10 besten Management Ideen" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-2.html" target="_self" title="Die 10 besten Management Ideen"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/2/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/2/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 2/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Die 10 besten Management Ideen <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <article aria-label="Teamwork" class="lg:w-3/12 md:w-4/12 sm:w-6/12 lg:px-24 md:px-24 sm:px-16 lg:py-20 md:py-20 sm:py-16"> <div class="block text-black dark:text-shade-lightest h-full"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008-1.html" target="_self" title="Teamwork"> <div class="block lg:mb-16 md:mb-16 sm:mb-8"> <figure> <img class="lazyload rounded border border-shade-lighter" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/1/260" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 343' width='260' height='343' %3E%3C/svg%3E" width="260" height="343" x-data="{ show : true }" x-show="show" @load="show = true" @error="if (!show) return; show = false; $el.src = 'https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/2008/1/100';"> </figure> </div> <header> <span class="block text-primary-base dark:text-dm-primary-base font-sansUI font-bold text-s mb-2"> 1/2008 </span> <h2 class="flex font-sansUI font-bold leading-normal lg:text-base md:text-base sm:text-s"> <span class="relative"> Teamwork <span class="ml-4 inline-flex align-middle leading-none relative bottom-px"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </h2> </header> </a> </div> </article> <div class="lg:py-28 md:py-28 sm:py-24 lg:px-24 md:px-24 sm:px-16 w-full"> <div class="bg-sec2-lightest dark:bg-sec2-darker rounded"> <div class="lg:mx-24 md:mx-24 sm:mx-16 pt-24 lg:pb-32 md:pb-32 sm:pb-24"> <div class="font-brandUI font-extrabold text-xl leading-tight pb-16"> <span>Aktuelle Magazine</span> </div> <div class="border-separator-b h-px mb-24"></div> <div class="relative font-sansUI" x-data x-swiper="{roundLengths: true,slidesPerView: 'auto',watchOverflow: false,}" x-lazyload> <div class="polygon-swiper-button-prev absolute top-0 bottom-0 left-0 z-10 flex items-stretch focus:outline-none select-none"> <span class="md:hidden sm:hidden bg-sec2-lightest dark:bg-sec2-darker text-center pr-8 -ml-8 cursor-pointer pt-80"><svg id="mmo-chevron-left-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-chevron-left-5cd8d243-a20e-43f7-aa8d-9df9b13b7af3"> <g id="l-chevron-right-5cd8d243-a20e-43f7-aa8d-9df9b13b7af3"> <path id="vector-5cd8d243-a20e-43f7-aa8d-9df9b13b7af3" d="M15 6l-6 6 6 6" stroke-width="1.3" stroke-linecap="round"/> </g> </g> </svg> </span> <span class="bg-gradient-to-r from-sec2-lightest dark:from-sec2-darker w-24"></span> </div> <div class="polygon-swiper grow overflow-hidden"> <ul class="polygon-swiper-wrapper flex flex-nowrap relative font-sansUI text-s font-bold text-center"> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.manager-magazin.de/print/mm/" target="https://www.manager-magazin.de/_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="manager magazin" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/mm/-1/-1/136" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" width="136" height="179" alt="Cover: manager magazin" data-not-loaded-w-full> </span> <span class="block text-center mt-8">manager magazin</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.manager-magazin.de/print/mmrd/" target="https://www.manager-magazin.de/_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="Die reichsten Deutschen" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/mmrd/-1/-1/136" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" width="136" height="179" alt="Cover: Die reichsten Deutschen" data-not-loaded-w-full> </span> <span class="block text-center mt-8">Die reichsten Deutschen</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.manager-magazin.de/hbm/print/hm/" target="https://www.manager-magazin.de/_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="HBm" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/-1/-1/136" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" width="136" height="179" alt="Cover: HBm" data-not-loaded-w-full> </span> <span class="block text-center mt-8">HBm</span> </a> </li> <li class="polygon-swiper-slide shrink-0 sm:mr-16 md:mr-24 lg:mr-24"> <a href="https://www.manager-magazin.de/hbm/print/hmsp/" target="https://www.manager-magazin.de/_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="HBm Spezial" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hmsp/-1/-1/136" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" width="136" height="179" alt="Cover: HBm Spezial" data-not-loaded-w-full> </span> <span class="block text-center mt-8">HBm Spezial</span> </a> </li> <li class="polygon-swiper-slide shrink-0"> <a href="https://www.manager-magazin.de/hbm/print/hme/" target="https://www.manager-magazin.de/_self" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="HBm Edition" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hme/-1/-1/136" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" width="136" height="179" alt="Cover: HBm Edition" data-not-loaded-w-full> </span> <span class="block text-center mt-8">HBm Edition</span> </a> </li> </ul> </div> <div class="polygon-swiper-button-next absolute top-0 right-0 bottom-0 z-10 flex items-stretch focus:outline-none select-none"> <span class="bg-gradient-to-l from-sec2-lightest dark:from-sec2-darker w-24"></span> <span class="md:hidden sm:hidden bg-sec2-lightest dark:bg-sec2-darker text-center pl-8 -mr-8 cursor-pointer pt-80"><svg id="mmo-chevron-right-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-chevron-right-176d243d-567b-4a99-a596-d733dc2d3eda"> <path id="vector-176d243d-567b-4a99-a596-d733dc2d3eda" d="M9 6l6 6-6 6" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> </span> </div> </div> </div> </div> </div> </div> </div> <div class="mb-8"></div> <div class="bg-white dark:bg-dm-shade-darkest shadow rounded"> <div class="relative lg:mx-16 md:mx-24"> <div class="polygon-swiper lg:h-64 md:h-64 sm:h-56 overflow-hidden font-sans" data-area="index-bar" x-data x-swiper="{freeMode: true,roundLengths: true,slidesPerView: 'auto',watchOverflow: false}" x-lazyload> <div class="polygon-swiper-button-prev hidden absolute bottom-0 left-0 top-0 z-10 select-none"> <span class="flex items-center h-full"> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest cursor-pointer py-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-left-m"/></svg> </span> <span class="bg-gradient-to-r from-white dark:from-dm-shade-darkest w-24 h-full"></span> </span> </div> <div class="polygon-swiper-button-next absolute bottom-0 right-0 top-0 z-10 select-none"> <span class="flex items-center h-full"> <span class="bg-gradient-to-l from-white dark:from-dm-shade-darkest w-24 h-full"></span> <span class="md:hidden sm:hidden bg-white dark:bg-dm-shade-darkest cursor-pointer py-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-m"/></svg> </span> </span> </div> <ul class="polygon-swiper-wrapper flex items-center font-sansUI lg:text-base md:text-base sm:text-s h-full"> <li class="polygon-swiper-slide shrink-0 lg:ml-8 mr-4 sm:ml-16"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2025.html" target="_self" title="2025" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2025 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2024.html" target="_self" title="2024" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2024 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2023.html" target="_self" title="2023" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2023 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2022.html" target="_self" title="2022" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2022 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2021.html" target="_self" title="2021" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2021 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2020.html" target="_self" title="2020" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2020 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2019.html" target="_self" title="2019" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2019 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2018.html" target="_self" title="2018" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2018 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2017.html" target="_self" title="2017" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2017 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2016.html" target="_self" title="2016" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2016 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2015.html" target="_self" title="2015" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2015 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2014.html" target="_self" title="2014" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2014 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2013.html" target="_self" title="2013" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2013 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2012.html" target="_self" title="2012" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2012 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2011.html" target="_self" title="2011" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2011 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2010.html" target="_self" title="2010" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2010 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2009.html" target="_self" title="2009" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2009 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4" data-item-active="true"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2008.html" target="_self" title="2008" class="block text-black dark:text-shade-lightest border border-black dark:border-white hover:border-shade-light rounded py-4 px-8 mr-px"> 2008 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2007.html" target="_self" title="2007" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2007 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2006.html" target="_self" title="2006" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2006 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2005.html" target="_self" title="2005" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2005 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2004.html" target="_self" title="2004" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2004 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2003.html" target="_self" title="2003" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2003 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2002.html" target="_self" title="2002" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2002 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2001.html" target="_self" title="2001" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2001 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2000.html" target="_self" title="2000" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 2000 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1999.html" target="_self" title="1999" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1999 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1998.html" target="_self" title="1998" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1998 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1997.html" target="_self" title="1997" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1997 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1996.html" target="_self" title="1996" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1996 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1995.html" target="_self" title="1995" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1995 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1994.html" target="_self" title="1994" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1994 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1993.html" target="_self" title="1993" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1993 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1992.html" target="_self" title="1992" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1992 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1991.html" target="_self" title="1991" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1991 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1990.html" target="_self" title="1990" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1990 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1989.html" target="_self" title="1989" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1989 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1988.html" target="_self" title="1988" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1988 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1987.html" target="_self" title="1987" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1987 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1986.html" target="_self" title="1986" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1986 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1985.html" target="_self" title="1985" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1985 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1984.html" target="_self" title="1984" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1984 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1983.html" target="_self" title="1983" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1983 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1982.html" target="_self" title="1982" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1982 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1981.html" target="_self" title="1981" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1981 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1980.html" target="_self" title="1980" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1980 </a> </li> <li class="polygon-swiper-slide shrink-0 mx-4"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-1979.html" target="_self" title="1979" class="block text-black dark:text-shade-lightest border border-transparent hover:border-shade-light rounded py-4 px-8 mr-px"> 1979 </a> </li> </ul> </div> </div> </div> </main> </div> </div> </div> <div class="sm:bg-shade-lightest sm:dark:bg-black md:bg-shade-lightest md:dark:bg-black"> <div class="relative z-10 lg:bg-shade-lightest lg:dark:bg-black dark:text-shade-lightest w-full lg:px-6 mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg"> <div class="lg:h-8 md:h-8 sm:h-4"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden relative z-10 lg:advertisement-filled:py-8 md:advertisement-filled:py-8 sm:advertisement-filled:py-4" data-placement="pos_footer" data-device="desktop" data-advertisement="pos_footer desktop pos_footer:desktop lg md sm"></div> <div class="iqdcontainer md:advertisement-filled:overflow-hidden sm:advertisement-filled:overflow-hidden relative z-10 lg:advertisement-filled:py-8 md:advertisement-filled:py-8 sm:advertisement-filled:py-4" data-placement="pos_footer" data-device="mobile" data-advertisement="pos_footer mobile pos_footer:mobile lg md sm" data-cls="352"></div> <div class="lg:h-8 md:h-8 sm:h-4"></div> <footer class="relative z-10" data-area="footer"> <div class="z-10 relative"> <div class="shadow lg:rounded bg-shade-darkest lg:py-32 md:py-32 sm:pt-24 sm:pb-4"> <div class="lg:px-24 md:px-24 sm:px-16 lg:mb-24 md:mb-24 sm:mb-16"> <div class="text-white dark:text-shade-lightest font-sansUI font-bold text-base lg:mb-32 md:mb-32 sm:mb-24"> Serviceangebote von manager-Partnern </div> </div> <div x-data data-area="vouchers" class="sm:overflow-hidden" data-app-article-issue-context-hidden> <div class="lg:px-24 md:px-24 sm:px-16 lg:mb-24 md:mb-24 sm:mb-16"> <div class="flex items-center lg:mb-24 md:mb-24 sm:mb-16"> <div class="text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight"> Gutscheine </div> <div class="grow border-separator-light h-px ml-8 mt-2"></div> </div> </div> <div class="lg:px-24 md:px-24 sm:px-16 mb-16" x-show="!$store.User.hasNoAdsAccess" x-cloak> <span class="font-sansUI text-xs text-shade-light dark:text-shade-dark uppercase tracking-wider"> Anzeige </span> </div> <div class="lg:px-24 md:px-24 sm:px-16" x-show="!$store.User.hasNoAdsAccess" x-cloak> <div class="flex flex-wrap"> <div class="lg:w-6/12 md:w-6/12 mb-16 lg:pr-8 md:pr-8"> <a href="https://gutscheine.spiegel.de/tink" target="_self" title="tink Gutscheine"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/668693f356e05.jpeg?fit=crop&w=472&h=88&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 88' width='472' height='88' %3E%3C/svg%3E" width="472" height="88" title alt> <div class="absolute rounded bg-gradient-to-t from-black top-0 bottom-0 left-0 right-0"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex align-items justify-between pr-120 overflow-hidden"> <span class="pb-16 pl-16 self-end font-sansUI text-base font-bold text-white dark:text-shade-lightest leading-normal"> tink Gutscheine </span> <div class="absolute right-0 bottom-0 mx-16 mb-16 bg-white p-8 shrink-0 rounded"> <img class="lazyload rounded" data-src="https://cdn-assets-widget-production.imgix.net/uploads/provider/618bdfdd255e0.png?fit=crop&w=78&h=39&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 39' width='78' height='39' %3E%3C/svg%3E" width="78" height="39" title alt="tink"> </div> </div> </div> </a> </div> <div class="lg:w-6/12 md:w-6/12 mb-16 lg:pl-8 md:pl-8"> <a href="https://gutscheine.spiegel.de/xxxl-shop?code=55763&utm_source=spiegel&utm_medium=widget_footer" target="_self" title="10€ Rabatt für alle"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/674d9989efee1.jpeg?fit=crop&w=472&h=88&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 88' width='472' height='88' %3E%3C/svg%3E" width="472" height="88" title alt> <div class="absolute rounded bg-gradient-to-t from-black top-0 bottom-0 left-0 right-0"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex align-items justify-between pr-120 overflow-hidden"> <span class="pb-16 pl-16 self-end font-sansUI text-base font-bold text-white dark:text-shade-lightest leading-normal"> 10€ Rabatt für alle </span> <div class="absolute right-0 bottom-0 mx-16 mb-16 bg-white p-8 shrink-0 rounded"> <img class="lazyload rounded" data-src="https://cdn-assets-widget-production.imgix.net/uploads/provider/5fcf966e87183.png?fit=crop&w=78&h=39&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 39' width='78' height='39' %3E%3C/svg%3E" width="78" height="39" title alt="XXXLutz"> </div> </div> </div> </a> </div> <div class="lg:w-6/12 md:w-6/12 mb-16 lg:pr-8 md:pr-8"> <a href="https://gutscheine.spiegel.de/tui-cruises?code=57131&utm_source=spiegel&utm_medium=widget_footer" target="_self" title="Starke Rabatte"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/674d9a93969aa.jpeg?fit=crop&w=472&h=88&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 88' width='472' height='88' %3E%3C/svg%3E" width="472" height="88" title alt> <div class="absolute rounded bg-gradient-to-t from-black top-0 bottom-0 left-0 right-0"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex align-items justify-between pr-120 overflow-hidden"> <span class="pb-16 pl-16 self-end font-sansUI text-base font-bold text-white dark:text-shade-lightest leading-normal"> Starke Rabatte </span> <div class="absolute right-0 bottom-0 mx-16 mb-16 bg-white p-8 shrink-0 rounded"> <img class="lazyload rounded" data-src="https://cdn-assets-widget-production.imgix.net/uploads/provider/66f2bc6f1f4a7.png?fit=crop&w=78&h=39&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 39' width='78' height='39' %3E%3C/svg%3E" width="78" height="39" title alt="TUI Cruises"> </div> </div> </div> </a> </div> <div class="lg:w-6/12 md:w-6/12 mb-16 lg:pl-8 md:pl-8"> <a href="https://gutscheine.spiegel.de/media-markt?code=55750&utm_source=spiegel&utm_medium=widget_footer" target="_self" title="Bis zu 40% Rabatt"> <div class="relative overflow-hidden"> <img class="lazyload h-88 rounded object-none" data-src="https://cdn-assets-widget-production.imgix.net/uploads/syndication/6756ba4f1af9e.jpeg?fit=crop&w=472&h=88&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 88' width='472' height='88' %3E%3C/svg%3E" width="472" height="88" title alt> <div class="absolute rounded bg-gradient-to-t from-black top-0 bottom-0 left-0 right-0"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex align-items justify-between pr-120 overflow-hidden"> <span class="pb-16 pl-16 self-end font-sansUI text-base font-bold text-white dark:text-shade-lightest leading-normal"> Bis zu 40% Rabatt </span> <div class="absolute right-0 bottom-0 mx-16 mb-16 bg-white p-8 shrink-0 rounded"> <img class="lazyload rounded" data-src="https://cdn-assets-widget-production.imgix.net/uploads/provider/654b5daca07ac.png?fit=crop&w=78&h=39&lossless=true&q=100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 39' width='78' height='39' %3E%3C/svg%3E" width="78" height="39" title alt="MediaMarkt"> </div> </div> </div> </a> </div> </div> </div> <div class="lg:px-24 md:px-24 sm:px-16 lg:mb-24 md:mb-24 sm:mb-16 text-right"> <a href="https://gutscheine.spiegel.de/exklusiv" target="_self" title="Top Gutscheine" class="border-b border-shade-light w-full text-white dark:text-shade-lightest hover:border-white focus:border-transparent font-sansUI font-normal text-s mr-16"> Top Gutscheine </a> <a href="https://gutscheine.spiegel.de/alle-shops" target="_self" title="Alle Shops" class="border-b border-shade-light w-full text-white dark:text-shade-lightest hover:border-white focus:border-transparent font-sansUI font-normal text-s"> Alle Shops </a> </div> </div> <nav role="navigation" data-area="services" data-app-article-issue-context-hidden> <div class="flex sm:flex-col lg:mb-40 md:mb-40 sm:mx-16"> <div class="lg:w-4/12 md:w-4/12 lg:px-24 md:px-24"> <section x-data="{ expanded: $store.MediaQuery.breakpoint !== 'sm' }" x-subscribe.media_query_breakpoint_changed="expanded = $store.MediaQuery.breakpoint !== 'sm'" x-lazyload> <h3 class="flex sm:flex-col-reverse lg:items-center md:items-center lg:mb-24 md:mb-24 lg:pointer-events-none md:pointer-events-none"> <button class="sm:flex sm:justify-between text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight sm:pt-18 sm:pb-16 outline-focus" @click="expanded = !expanded" :aria-expanded="expanded" role="button"> Job <span class="pr-8 lg:hidden md:hidden" x-show="expanded"><svg id="mmo-chevron-up-f-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-up-f-6e1b86be-7889-47f1-9206-2f645f971b37"> <g id="s-chevron-right-f-6e1b86be-7889-47f1-9206-2f645f971b37"> <g id="s-chevron-right-6e1b86be-7889-47f1-9206-2f645f971b37"> <path id="vector-6e1b86be-7889-47f1-9206-2f645f971b37" d="M2.667 7.667L6 4.333l3.333 3.334" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </g> </svg> </span> <span class="pr-8 lg:hidden md:hidden" x-show="!expanded" x-cloak><svg id="mmo-chevron-down-f-s" class="stroke-current" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="s-chevron-down-f-79bb591f-9013-41ee-a198-34a3f86037e1"> <g id="s-chevron-right-f-79bb591f-9013-41ee-a198-34a3f86037e1"> <g id="s-chevron-right-79bb591f-9013-41ee-a198-34a3f86037e1"> <path id="vector-79bb591f-9013-41ee-a198-34a3f86037e1" d="M9.333 4.333L6 7.667 2.667 4.333" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </g> </svg> </span> </button> <div class="grow border-separator-light h-px lg:ml-8 md:ml-8 lg:mt-2 md:mt-2"></div> </h3> <div class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded"> <ul class="sm:mb-24 font-sansUI font-normal sm:mt-8"> <li> <a href="https://www.manager-magazin.de/finanzen/artikel/brutto-netto-rechner-was-vom-lohn-nach-steuern-uebrig-bleibt-a-932958.html" target="_self" title="Brutto-Netto-Rechner" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Brutto-Netto-Rechner</a> </li> <li> <a href="https://www.spiegel.de/wirtschaft/service/kurzarbeitergeld-rechner-so-viel-geld-gibt-es-in-der-kurzarbeit-a-8d856701-4951-4e34-a500-c3ac8ffcc717" target="_blank" title="Kurzarbeitergeld-Rechner" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Kurzarbeitergeld-Rechner</a> </li> </ul> </div> </section> </div> <div class="lg:w-4/12 md:w-4/12 lg:px-24 md:px-24"> <section x-data="{ expanded: $store.MediaQuery.breakpoint !== 'sm' }" x-subscribe.media_query_breakpoint_changed="expanded = $store.MediaQuery.breakpoint !== 'sm'" x-lazyload> <h3 class="flex sm:flex-col-reverse lg:items-center md:items-center lg:mb-24 md:mb-24 lg:pointer-events-none md:pointer-events-none"> <button class="sm:flex sm:justify-between text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight sm:pt-18 sm:pb-16 outline-focus" @click="expanded = !expanded" :aria-expanded="expanded" role="button"> Finanzen <span class="pr-8 lg:hidden md:hidden" x-show="expanded"><svg width="12" height="12"><use xlink:href="#mmo-chevron-up-f-s"/></svg> </span> <span class="pr-8 lg:hidden md:hidden" x-show="!expanded" x-cloak><svg width="12" height="12"><use xlink:href="#mmo-chevron-down-f-s"/></svg> </span> </button> <div class="grow border-separator-light h-px lg:ml-8 md:ml-8 lg:mt-2 md:mt-2"></div> </h3> <div class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded"> <ul class="sm:mb-24 font-sansUI font-normal sm:mt-8"> <li> <a href="https://boersen.manager-magazin.de" target="_self" title="Börse" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Börse</a> </li> <li> <a href="https://www.manager-magazin.de/extra/artikel/bestseller-wirtschaftsbuecher-a-880229.html" target="_self" title="Wirtschaftsbücher" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Wirtschaftsbücher</a> </li> <li> <a href="https://www.spiegel.de/wirtschaft/service/versicherung-check-fuer-haftpflicht-hausrat-berufsunfaehigkeit-a-960380.html" target="_blank" title="Versicherungen" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Versicherungen</a> </li> </ul> </div> </section> </div> <div class="lg:w-4/12 md:w-4/12 lg:px-24 md:px-24"> <section x-data="{ expanded: $store.MediaQuery.breakpoint !== 'sm' }" x-subscribe.media_query_breakpoint_changed="expanded = $store.MediaQuery.breakpoint !== 'sm'" x-lazyload> <h3 class="flex sm:flex-col-reverse lg:items-center md:items-center lg:mb-24 md:mb-24 lg:pointer-events-none md:pointer-events-none"> <button class="sm:flex sm:justify-between text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight sm:pt-18 sm:pb-16 outline-focus" @click="expanded = !expanded" :aria-expanded="expanded" role="button"> Freizeit <span class="pr-8 lg:hidden md:hidden" x-show="expanded"><svg width="12" height="12"><use xlink:href="#mmo-chevron-up-f-s"/></svg> </span> <span class="pr-8 lg:hidden md:hidden" x-show="!expanded" x-cloak><svg width="12" height="12"><use xlink:href="#mmo-chevron-down-f-s"/></svg> </span> </button> <div class="grow border-separator-light h-px lg:ml-8 md:ml-8 lg:mt-2 md:mt-2"></div> </h3> <div class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded"> <ul class="sm:mb-24 font-sansUI font-normal sm:mt-8"> <li> <a href="https://www.amazon.de/stores/page/9A033B74-B98E-4CE4-BB30-C47BD542801B?tag=managermagazin-+21" target="_blank" title="Bücher bestellen" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Bücher bestellen</a> </li> <li> <a href="https://www.spiegel.de/lebenundlernen/schule/ferien-schulferien-und-feiertage-a-193925.html" target="_blank" title="Ferientermine" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Ferientermine</a> </li> <li> <a href="https://gutscheine.spiegel.de/" target="_blank" title="Gutscheine" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Gutscheine</a> </li> <li> <a href="https://spiele.spiegel.de/" target="_blank" title="Spiele" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">Spiele</a> </li> </ul> </div> </section> </div> </div> <div class="flex sm:flex-col lg:mb-56 md:mb-32 sm:mx-16"> <div class="w-full lg:px-24 md:px-24"> <section x-data="{ expanded: $store.MediaQuery.breakpoint !== 'sm' }" x-subscribe.media_query_breakpoint_changed="expanded = $store.MediaQuery.breakpoint !== 'sm'" x-lazyload> <h3 class="flex sm:flex-col-reverse lg:items-center md:items-center lg:mb-24 md:mb-24 lg:pointer-events-none md:pointer-events-none"> <button class="sm:flex sm:justify-between text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight sm:pt-18 sm:pb-16 outline-focus" @click="expanded = !expanded" :aria-expanded="expanded" role="button"> Inhaltepartner <span class="pr-8 lg:hidden md:hidden" x-show="expanded"><svg width="12" height="12"><use xlink:href="#mmo-chevron-up-f-s"/></svg> </span> <span class="pr-8 lg:hidden md:hidden" x-show="!expanded" x-cloak><svg width="12" height="12"><use xlink:href="#mmo-chevron-down-f-s"/></svg> </span> </button> <div class="grow border-separator-light h-px lg:ml-8 md:ml-8 lg:mt-2 md:mt-2"></div> </h3> <div class="flex overflow-hidden sm:flex-col" x-show="expanded" :aria-hidden="!expanded"> <div class="lg:w-4/12 md:w-4/12"> <ul class="font-sansUI font-normal sm:mt-8"> <li> <a href="https://www.spiegel.de" target="_blank" title="DER SPIEGEL" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">DER SPIEGEL</a> </li> <li> <a href="https://www.economist.com/" target="_blank" title="The Economist" class="block text-shade-light hover:text-shade-lightest focus:text-white text-s sm:pb-8 outline-focus">The Economist</a> </li> </ul> </div> </div> </section> </div> </nav> <div class="bg-black lg:py-40 md:py-32 sm:py-24 sm:mt-8" data-area="magazine-slider" data-app-article-issue-context-hidden> <div class="text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight lg:text-center md:text-center sm:text-left"> <div class="text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight lg:text-center md:text-center sm:px-16"> Alle Magazine der manager-Gruppe </div> <div class="relative lg:mx-24 md:mx-24 sm:mx-16 font-sansUI lg:mt-32 md:mt-32 sm:mt-24" x-data x-swiper="{roundLengths: true,slidesPerView: 'auto',watchOverflow: false,}" x-lazyload> <div class="polygon-swiper-button-prev absolute top-0 bottom-0 left-0 z-10 flex items-stretch focus:outline-none select-none"> <span class="md:hidden sm:hidden bg-black text-center pr-8 -ml-8 cursor-pointer pt-80"><svg width="24" height="24"><use xlink:href="#mmo-chevron-left-l"/></svg> </span> <span class="bg-gradient-to-r from-black w-24"></span> </div> <div class="polygon-swiper grow overflow-hidden"> <ul class="polygon-swiper-wrapper flex flex-nowrap relative font-sansUI text-s font-bold text-center"> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.manager-magazin.de/print/mm/index-2024.html" target="_blank" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="manager magazin" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/mm/-1/-1/136" data-srcset="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/mm/-1/-1/136 1x, https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/mm/-1/-1/272 2x" width="136" height="179" alt="Cover: manager magazin"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">manager magazin</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.manager-magazin.de/print/mmrd/index-2024.html" target="_blank" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="Die reichsten Deutschen" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/mmrd/-1/-1/136" data-srcset="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/mmrd/-1/-1/136 1x, https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/mmrd/-1/-1/272 2x" width="136" height="179" alt="Cover: Die reichsten Deutschen"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">Die reichsten Deutschen</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2024.html" target="_blank" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="HBm" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/-1/-1/136" data-srcset="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/-1/-1/136 1x, https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hm/-1/-1/272 2x" width="136" height="179" alt="Cover: HBm"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">HBm</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.manager-magazin.de/hbm/print/hmsp/index-2024.html" target="_blank" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="HBm Spezial" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hmsp/-1/-1/136" data-srcset="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hmsp/-1/-1/136 1x, https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hmsp/-1/-1/272 2x" width="136" height="179" alt="Cover: HBm Spezial"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">HBm Spezial</span> </a> </li> <li class="polygon-swiper-slide shrink-0 leading-normal sm:mr-16 md:mr-32 lg:mr-32"> <a href="https://www.manager-magazin.de/hbm/print/hme/index-2021.html" target="_blank" class="block min-h-full text-black dark:text-shade-lightest lg:w-136 md:w-136 sm:w-120" title="HBm Edition" style="outline-offset: -3px;"> <span class="block lg:h-180 md:h-180 sm:h-160 mb-8"> <img class="block lazyload lg:max-h-180 md:max-h-180 sm:max-h-160 mx-auto" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 179' width='136' height='179' %3E%3C/svg%3E" data-src="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hme/-1/-1/136" data-srcset="https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hme/-1/-1/136 1x, https://cdn.heft.manager-magazin.de/EpubDelivery/image/title/hme/-1/-1/272 2x" width="136" height="179" alt="Cover: HBm Edition"> </span> <span class="focus:text-shade-base hover:text-shade-lighter text-white dark:text-shade-lightest">HBm Edition</span> </a> </li> </ul> </div> <div class="polygon-swiper-button-next absolute top-0 right-0 bottom-0 z-10 flex items-stretch focus:outline-none select-none"> <span class="bg-gradient-to-l from-black w-24"></span> <span class="md:hidden sm:hidden bg-black text-center pl-8 -mr-8 cursor-pointer pt-80"><svg width="24" height="24"><use xlink:href="#mmo-chevron-right-l"/></svg> </span> </div> </div> </div> </div> <nav role="navigation" class="lg:pt-40 md:pt-32 sm:pt-32 lg:px-24 md:px-24 sm:px-16" data-area="spiegel-group" data-app-article-issue-context-hidden> <h2 class="text-white dark:text-shade-lightest font-brandUI font-extrabold text-l leading-tight md:text-center lg:text-center mb-16"> manager-Gruppe </h2> <ul class="font-normal font-sansUI lg:text-center md:text-center"> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/abo" target="_blank" title="Abo mm" class="text-shade-light text-s hover:text-shade-lightest focus:text-white" data-app-hidden>Abo mm</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://abo.manager-magazin.de/de/c/hbm?b=HBOHNAVABO&utm_campaign=navigationsleiste&utm_content=HBOHNAVABO&utm_medium=text&utm_source=hbmo" target="_blank" title="Abo HBm" class="text-shade-light text-s hover:text-shade-lightest focus:text-white" data-app-hidden>Abo HBm</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://gruppenkonto.spiegel.de/manager/kuendigung.html" target="_blank" title="Abo kündigen" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">Abo kündigen</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.amazon.de/stores/page/9A033B74-B98E-4CE4-BB30-C47BD542801B?tag=managermagazin-21" target="_blank" title="Shop" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">Shop</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.spiegel.de" target="_blank" title="SPIEGEL" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">SPIEGEL</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.buchreport.de/" target="_blank" title="buchreport" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">buchreport</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://spiegel.media/" target="_blank" title="Werbung" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">Werbung</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://www.spiegelgruppe.de/karriere/stellenboerse-in-der-spiegel-gruppe" target="_blank" title="Jobs" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">Jobs</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://akademie.spiegel.de/" target="_blank" title="SPIEGEL Akademie" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">SPIEGEL Akademie</a> </li> <li class="inline-block pr-8 sm:pr-16 sm:pb-18"> <a href="https://ed.spiegel.de/" target="_blank" title="SPIEGEL Ed" class="text-shade-light text-s hover:text-shade-lightest focus:text-white">SPIEGEL Ed</a> </li> </ul> </nav> <div class="border-separator-light h-px my-24 lg:mx-24 md:mx-24 sm:mx-16" data-app-article-issue-context-hidden data-is-first-child-hidden></div> <nav role="navigation" class="lg:px-24 md:px-24 sm:px-16" data-area="more-links"> <ul class="lg:text-center md:text-center font-sansUI font-normal"> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/impressum" target="_self" title="Impressum" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Impressum</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/datenschutz" target="_self" title="Datenschutz" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Datenschutz</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.spiegel.de/nutzungsbedingungen" target="_self" title="Nutzungsbedingungen" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Nutzungsbedingungen</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/teilnahmebedingungen" target="_self" title="Teilnahmebedingungen" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Teilnahmebedingungen</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="#sp_privacy_manager" target="_self" title="Cookies & Tracking" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Cookies & Tracking</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/ueber-uns/" target="_self" title="Über uns" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Über uns</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/kontakt" target="_self" title="Kontakt" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Kontakt</a> </li> <li class="inline-block pr-16 sm:pb-18"> <a href="https://www.manager-magazin.de/hilfe/" target="_self" title="Hilfe" class="text-s text-shade-light hover:text-shade-lightest focus:text-white">Hilfe</a> </li> </ul> <ul class="flex lg:justify-center md:justify-center sm:justify-start lg:text-center md:text-center sm:flex-wrap lg:mt-12 md:mt-12" data-app-article-issue-context-hidden> <li class="lg:px-12 md:px-12 sm:pr-24 sm:pb-18"> <a href="https://www.linkedin.com/company/manager-magazin/" target="_blank" title="mm auf LinkedIn" class="flex items-center text-s font-sansUI font-normal text-shade-light hover:text-shade-lightest focus:text-white"><svg id="mmo-linkedin-l" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M5.617 7.603a1.927 1.927 0 100-3.853 1.927 1.927 0 000 3.853zM3.942 9.584h3.32V20.25h-3.32V9.584zM9.877 9.584h3.312v1.282h.026c1.397-2.586 7.095-2.622 7.095 2.63v6.754h-3.326v-5.599c0-1.753-.59-2.403-1.8-2.403-1.268 0-1.994.794-1.994 2.403v5.6H9.877V9.583z"/> </svg> <span class="ml-8 text-left">mm auf LinkedIn</span> </a> </li> <li class="lg:px-12 md:px-12 sm:pr-24 sm:pb-18"> <a href="https://www.xing.com/news/pages/manager-magazin-93" target="_blank" title="mm auf Xing" class="flex items-center text-s font-sansUI font-normal text-shade-light hover:text-shade-lightest focus:text-white"><svg id="mmo-xing-l" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M5.508 6.862c-.148 0-.272.052-.335.153-.064.105-.054.24.014.377l1.658 2.87c.003.006.003.009 0 .014L4.24 14.874c-.068.136-.065.272 0 .377.062.1.173.167.32.167h2.453c.366 0 .543-.248.668-.474l2.648-4.682-1.686-2.94c-.122-.217-.307-.46-.683-.46H5.508zM17.021 3.498c-.366 0-.525.23-.657.467l-5.457 9.677 3.485 6.393c.122.217.31.467.685.467h2.45c.147 0 .263-.056.325-.157.065-.104.064-.243-.005-.378L14.39 13.65a.014.014 0 010-.016l5.43-9.601c.068-.136.07-.274.005-.379-.063-.1-.179-.156-.326-.156H17.02z"/> </svg> <span class="ml-8 text-left">mm auf Xing</span> </a> </li> <li class="lg:px-12 md:px-12 sm:pr-24 sm:pb-18"> <a href="https://www.linkedin.com/company/harvard-business-manager/" target="_blank" title="HBm auf LinkedIn" class="flex items-center text-s font-sansUI font-normal text-shade-light hover:text-shade-lightest focus:text-white"><svg width="24" height="24"><use xlink:href="#mmo-linkedin-l"/></svg> <span class="ml-8 text-left">HBm auf LinkedIn</span> </a> </li> <li class="lg:px-12 md:px-12 sm:pr-24 sm:pb-18"> <a href="https://www.manager-magazin.de/ueber-uns/bei-diesen-diensten-koennen-sie-manager-magazin-und-harvard-business-manager-folgen-a-cda8b4b5-befb-49f9-93e8-f4a27db7479d" target="_self" title="Wo Sie uns noch folgen können" class="flex items-center text-s font-sansUI font-normal text-shade-light hover:text-shade-lightest focus:text-white"><svg id="mmo-website-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <circle cx="12" cy="11.984" r="8.65" class="stroke-current" stroke-width=".7"/> <path class="stroke-current" stroke-width=".7" d="M3 11.634h18M12.069 2.984v18M17.05 11.984c0 2.433-.592 4.619-1.532 6.184-.943 1.573-2.198 2.466-3.518 2.466-1.32 0-2.575-.893-3.518-2.466-.94-1.565-1.532-3.75-1.532-6.184 0-2.432.592-4.618 1.532-6.184C9.425 4.228 10.68 3.334 12 3.334c1.32 0 2.575.894 3.518 2.466.94 1.566 1.532 3.752 1.532 6.184z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.163 17.434c-1.644-1.295-4.24-2.13-7.163-2.13-2.922 0-5.52.835-7.163 2.13.141.185.29.365.445.54a7.03 7.03 0 01.714-.489C7.5 16.584 9.62 16.003 12 16.003c2.38 0 4.501.58 6.004 1.482.26.156.498.32.714.488.155-.174.304-.354.445-.54zM12 7.684c-2.38 0-4.501-.58-6.004-1.481-.2-.12-.388-.245-.562-.374-.16.17-.314.348-.46.53C6.624 7.594 9.158 8.384 12 8.384c2.842 0 5.377-.79 7.026-2.025-.146-.182-.3-.36-.46-.53a7.227 7.227 0 01-.562.374C16.5 7.104 14.38 7.684 12 7.684z" class="fill-current"/> </svg> <span class="ml-8 text-left"> Wo Sie uns noch folgen können </span> </a> </li> </ul> </nav> <div style="height: var(--polygon-app-bottombar-height, 0px)"></div> </div> </div> </footer> </div> </div> <script>if (typeof(Event) === 'function') {window.dispatchEvent(new Event('POLYGON_DOM_FOOTER_READY'));}</script> <div data-area="menu-drawer" x-cloak x-app-ignore aria-hidden="true" :aria-hidden="!isOpen" x-data="{isOpen: false,lastActiveElement: null,initialX: null,initialY: null,onTouchStart: (event) => {$data.initialX = event.touches[0].clientX;$data.initialY = event.touches[0].clientY;},onTouchMove: (event) => {if ($data.initialX === null || $data.initialY === null) {return;}const currentX = event.touches[0].clientX;const currentY = event.touches[0].clientY;const diffX = $data.initialX - currentX;const diffY = $data.initialY - currentY;const tolerance = 5;const yTolerance = (diffY > -Math.abs(tolerance)) && (diffY < Math.abs(tolerance));if (Math.abs(diffX) > Math.abs(diffY)) {$data.isOpen = !(diffX > 0 && yTolerance);}$data.initialX = null;$data.initialY = null;},}" x-subscribe.open_menu_drawer="isOpen = true;" @keyup.escape="if (!$event.defaultPrevented && isOpen) { $event.preventDefault(); isOpen = false; }" @touchstart.passive="onTouchStart($event)" @touchmove.passive="onTouchMove($event)"> <div class="z-overlay w-full h-full top-0 left-0 bg-shade-darkest dark:bg-shade-darker opacity-slight" :class="isOpen ? 'fixed' : ''" @click="isOpen = false"> </div> <div class="fixed h-screen left-0 top-0 w-12 z-max" @touchstart.passive="onTouchStart($event)" @touchmove.passive="onTouchMove($event)"> </div> <nav role="navigation" class="h-full bg-white dark:bg-dm-shade-darkest scrolling-touch py-24 fixed z-overlay top-0 left-0 overflow-y-scroll overflow-x-hidden lg:w-320 md:w-320 sm:w-10/12 sm:max-w-320 shadow" x-show="isOpen" x-transition:enter="transition-transform duration-300" x-transition:enter-start="-translate-x-320" x-transition:leave="transition-transform duration-300" x-transition:leave-end="-translate-x-320"> <a class="absolute opacity-none pointer-events-none" aria-hidden="true" tabindex="-1" x-effect="if (isOpen) { lastActiveElement = document.activeElement; $focus(); } else if (lastActiveElement) { $focus(lastActiveElement) }" role="none"></a> <ul> <li class="mb-24 mx-16" data-logged-in-hidden="true" data-app-hidden> <a href="https://gruppenkonto.spiegel.de/manager/authenticate?requestAccessToken=true&targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html" class="w-full leading-normal font-bold bg-primary-base dark:bg-dm-primary-base inline-block hover:bg-primary-dark focus:bg-primary-darker disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed text-white dark:text-shade-lightest font-sansUI rounded px-24 py-12 text-base rounded" title="Anmelden" target="_self" data-sara-link="gruppenkonto"> <span class="flex justify-between"> <span class="leading-20 py-2">Anmelden</span> <span class="flex items-center ml-12 py-2"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </a> </li> <li class="mb-24 mx-16" data-app-hidden> <a href="https://abo.manager-magazin.de/?requestAccessToken=true&sara_icid=dirl_upd_lbOBvX27SMBW0fOpeU8VgMCMu32U2t&targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html" class="w-full leading-normal font-bold bg-white dark:bg-dm-shade-darkest inline-block text-base text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-black dark:hover:border-white focus:bg-shade-lightest dark:focus:bg-black focus:border-black dark:focus:border-white disabled:bg-white dark:disabled:bg-dm-shade-darkest disabled:text-shade-base disabled:cursor-not-allowed disabled:border-shade-lighter font-sansUI pl-24 pr-20 py-12 text-base rounded" title="Abonnement" target="_blank"> <span class="flex justify-between"> <span class="leading-20">Abonnement</span> <span class="flex items-center ml-12 py-2"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </a> </li> <li class="mb-32 mx-16"> <form action="https://www.manager-magazin.de/suche/" role="search" class="relative"> <div class="inline-flex flex-col w-full"> <div class="group relative flex flex-col"> <input id="search-menu-field" name="suchbegriff" placeholder="Seite durchsuchen ..." x-ref="input" class="peer appearance-none rounded placeholder-shade-base dark:disabled:placeholder-shade-dark outline-focus disabled:cursor-not-allowed pl-12 pr-48 py-12 font-sansUI leading-normal text-black dark:text-shade-lightest text-base bg-white dark:bg-shade-darkest dark:disabled:bg-dm-shade-darkest read-only:bg-shade-lightest dark:read-only:bg-black border border-shade-base hover:border-black disabled:border-shade-lighter read-only:border-shade-lighter dark:read-only:border-shade-dark dark:border-shade-light dark:hover:border-shade-lightest dark:disabled:border-shade-dark autofill:transition-colors autofill:duration-max"> <span class="absolute top-0 bottom-0 right-0 pr-12 pointer-events-none flex items-center text-shade-darker dark:text-shade-lightest group-hover:text-shade-darkest dark:group-hover:text-shade-lightest peer-disabled:text-shade-base dark:peer-disabled:text-shade-dark" data-input-el="icon"><svg width="24" height="24"><use xlink:href="#mmo-search-l"/></svg> </span> </div> </div> <button class="absolute top-0 right-0 bottom-0 w-48" title="Suche starten" data-sara-click-el="button"> <span class="sr-only">Suche starten</span> </button> </form> </li> <li> <a href="https://www.manager-magazin.de/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Startseite"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Startseite</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/schlagzeilen/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Schlagzeilen"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Schlagzeilen</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/newsletter" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Newsletter"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Newsletter</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li class="mb-16 mt-32"> <a href="https://www.manager-magazin.de/plus/" class="bg-primary-base dark:bg-dm-primary-base focus:bg-primary-darker font-bold font-sansUI hover:bg-primary-dark inline-block leading-normal py-16 pl-16 pr-20 text-base text-white dark:text-shade-lightest w-full" target="_self" title="manager+"> <span class="flex justify-between"> <span class="relative bottom-px">manager+</span> <span class="flex leading-none items-center ml-12"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </a> </li> <li class="mb-16 mt-32"> <a href="https://www.manager-magazin.de/magazine" class="bg-primary-base dark:bg-dm-primary-base focus:bg-primary-darker font-bold font-sansUI hover:bg-primary-dark inline-block leading-normal py-16 pl-16 pr-20 text-base text-white dark:text-shade-lightest w-full" target="_self" title="Magazine"> <span class="flex justify-between"> <span class="relative bottom-px">Magazine</span> <span class="flex leading-none items-center ml-12"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </span> </a> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.manager-magazin.de/unternehmen/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Unternehmen" target="_self"> <span class="block font-sansUI font-bold py-16">Unternehmen</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg id="mmo-chevron-up-f-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-up-f-717370a1-280f-4517-ac37-21aa2a3f89c0"> <g id="m-chevron-right-f-717370a1-280f-4517-ac37-21aa2a3f89c0"> <g id="m-chevron-right-717370a1-280f-4517-ac37-21aa2a3f89c0"> <path id="vector-717370a1-280f-4517-ac37-21aa2a3f89c0" d="M4 10l4-4 4 4" stroke-width="1.8" stroke-linecap="round"/> </g> </g> </g> </svg> </span> <span class="leading-none" x-show="!expanded"><svg id="mmo-chevron-down-f-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-chevron-down-f-ae414753-3909-4aea-9da0-77a66102f390"> <g id="m-chevron-right-f-ae414753-3909-4aea-9da0-77a66102f390"> <g id="m-chevron-right-ae414753-3909-4aea-9da0-77a66102f390"> <path id="vector-ae414753-3909-4aea-9da0-77a66102f390" d="M12 6l-4 4-4-4" stroke-width="1.8" stroke-linecap="round"/> </g> </g> </g> </svg> </span> </span> <span class="sr-only">Menü Unternehmen aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.manager-magazin.de/unternehmen/autoindustrie/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Autoindustrie"> <span class="block font-sansUI font-normal py-12 px-32">Autoindustrie</span> </a> </li> <li> <a href="https://www.manager-magazin.de/unternehmen/handel/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Handel"> <span class="block font-sansUI font-normal py-12 px-32">Handel</span> </a> </li> <li> <a href="https://www.manager-magazin.de/unternehmen/industrie/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Industrie"> <span class="block font-sansUI font-normal py-12 px-32">Industrie</span> </a> </li> <li> <a href="https://www.manager-magazin.de/unternehmen/banken/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Banken"> <span class="block font-sansUI font-normal py-12 px-32">Banken</span> </a> </li> <li> <a href="https://www.manager-magazin.de/unternehmen/energie/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Energie"> <span class="block font-sansUI font-normal py-12 px-32">Energie</span> </a> </li> <li> <a href="https://www.manager-magazin.de/unternehmen/pharma/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Pharma"> <span class="block font-sansUI font-normal py-12 px-32">Pharma</span> </a> </li> <li class="mb-20"> <a href="https://www.manager-magazin.de/unternehmen/tech/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Tech"> <span class="block font-sansUI font-normal py-12 px-32">Tech</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.manager-magazin.de/politik/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Politik" target="_self"> <span class="block font-sansUI font-bold py-16">Politik</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#mmo-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#mmo-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Politik aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.manager-magazin.de/politik/deutschland/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Deutschland"> <span class="block font-sansUI font-normal py-12 px-32">Deutschland</span> </a> </li> <li> <a href="https://www.manager-magazin.de/politik/weltwirtschaft/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Weltwirtschaft"> <span class="block font-sansUI font-normal py-12 px-32">Weltwirtschaft</span> </a> </li> <li class="mb-20"> <a href="https://www.manager-magazin.de/politik/europa/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Europa"> <span class="block font-sansUI font-normal py-12 px-32">Europa</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.manager-magazin.de/finanzen/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Finanzen" target="_self"> <span class="block font-sansUI font-bold py-16">Finanzen</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#mmo-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#mmo-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Finanzen aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://boersen.manager-magazin.de/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Börse"> <span class="block font-sansUI font-normal py-12 px-32">Börse</span> </a> </li> <li> <a href="https://www.manager-magazin.de/finanzen/geldanlage/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Geldanlage"> <span class="block font-sansUI font-normal py-12 px-32">Geldanlage</span> </a> </li> <li> <a href="https://www.manager-magazin.de/finanzen/immobilien/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Immobilien"> <span class="block font-sansUI font-normal py-12 px-32">Immobilien</span> </a> </li> <li class="mb-20"> <a href="https://www.manager-magazin.de/finanzen/versicherungen/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Versicherungen"> <span class="block font-sansUI font-normal py-12 px-32">Versicherungen</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.manager-magazin.de/lifestyle/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Lifestyle" target="_self"> <span class="block font-sansUI font-bold py-16">Lifestyle</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#mmo-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#mmo-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Lifestyle aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.manager-magazin.de/lifestyle/reise/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Reise"> <span class="block font-sansUI font-normal py-12 px-32">Reise</span> </a> </li> <li> <a href="https://www.manager-magazin.de/lifestyle/auto/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Auto"> <span class="block font-sansUI font-normal py-12 px-32">Auto</span> </a> </li> <li> <a href="https://www.manager-magazin.de/lifestyle/stil/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Stil"> <span class="block font-sansUI font-normal py-12 px-32">Stil</span> </a> </li> <li> <a href="https://www.manager-magazin.de/lifestyle/fitness/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Fitness"> <span class="block font-sansUI font-normal py-12 px-32">Fitness</span> </a> </li> <li> <a href="https://www.manager-magazin.de/lifestyle/leute/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Leute"> <span class="block font-sansUI font-normal py-12 px-32">Leute</span> </a> </li> <li> <a href="https://www.manager-magazin.de/lifestyle/mode/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Mode"> <span class="block font-sansUI font-normal py-12 px-32">Mode</span> </a> </li> <li class="mb-20"> <a href="https://www.manager-magazin.de/lifestyle/technik/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Technik"> <span class="block font-sansUI font-normal py-12 px-32">Technik</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.manager-magazin.de/hbm/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Harvard Business manager" target="_self"> <span class="block font-sansUI font-bold py-16">Harvard Business manager</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#mmo-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#mmo-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Harvard Business manager aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.manager-magazin.de/hbm/fuehrung/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Führung"> <span class="block font-sansUI font-normal py-12 px-32">Führung</span> </a> </li> <li> <a href="https://www.manager-magazin.de/hbm/strategie/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Strategie"> <span class="block font-sansUI font-normal py-12 px-32">Strategie</span> </a> </li> <li> <a href="https://www.manager-magazin.de/hbm/management/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Management"> <span class="block font-sansUI font-normal py-12 px-32">Management</span> </a> </li> <li> <a href="https://www.manager-magazin.de/hbm/marketing/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Marketing"> <span class="block font-sansUI font-normal py-12 px-32">Marketing</span> </a> </li> <li> <a href="https://www.manager-magazin.de/hbm/innovation/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Innovation"> <span class="block font-sansUI font-normal py-12 px-32">Innovation</span> </a> </li> <li> <a href="https://www.manager-magazin.de/hbm/digitalisierung/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Digitalisierung"> <span class="block font-sansUI font-normal py-12 px-32">Digitalisierung</span> </a> </li> <li class="mb-20"> <a href="https://www.manager-magazin.de/hbm/selbstmanagement/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Selbstmanagement"> <span class="block font-sansUI font-normal py-12 px-32">Selbstmanagement</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://www.manager-magazin.de/karriere/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Job & Karriere"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Job & Karriere</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/thema/digitalisierung/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Digitalisierung"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Digitalisierung</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/thema/personalien/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Personalien"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Personalien</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://boersen.manager-magazin.de" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Börse"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Börse</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/video/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Video"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Video</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/audio/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Audio"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Audio</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/thema/veranstaltungen/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Veranstaltungen"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Veranstaltungen</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li class="bg-shade-lightest dark:bg-black mt-16" x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="block border-separator-b h-px"></span> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://gutscheine.spiegel.de/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Gutscheine"> <span class="flex items-center justify-between"> <span class="block font-sansUI font-bold py-16">Gutscheine</span> <span class="block text-shade-dark dark:text-shade-light uppercase font-sansUI font-normal mr-16 text-xs">Verlagsangebot</span> </span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus" @click="expanded = !expanded"> <span class="flex items-center py-16 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#mmo-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#mmo-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Gutscheine aufklappen</span> </button> </span> <ul class="bg-shade-lightest dark:bg-black overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li class="pt-8"> <a href="https://gutscheine.spiegel.de/adidas-shop" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Adidas"> <span class="block font-sansUI font-normal py-12 px-32">Adidas</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/alternate" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Alternate"> <span class="block font-sansUI font-normal py-12 px-32">Alternate</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/amazon" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Amazon"> <span class="block font-sansUI font-normal py-12 px-32">Amazon</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/check24" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Check24"> <span class="block font-sansUI font-normal py-12 px-32">Check24</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/douglas" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Douglas"> <span class="block font-sansUI font-normal py-12 px-32">Douglas</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/expedia" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Expedia"> <span class="block font-sansUI font-normal py-12 px-32">Expedia</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/hm" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="H&M"> <span class="block font-sansUI font-normal py-12 px-32">H&M</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/lidl" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Lidl"> <span class="block font-sansUI font-normal py-12 px-32">Lidl</span> </a> </li> <li> <a href="https://gutscheine.spiegel.de/lieferando" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Lieferando"> <span class="block font-sansUI font-normal py-12 px-32">Lieferando</span> </a> </li> <li class="pb-20"> <a href="https://gutscheine.spiegel.de/otto" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Otto"> <span class="block font-sansUI font-normal py-12 px-32">Otto</span> </a> </li> </ul> </li> <li class="bg-shade-lightest dark:bg-black mb-16" x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="block border-separator-b h-px"></span> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://streaming-guide.spiegel.de/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Streaming Guide"> <span class="flex items-center justify-between"> <span class="block font-sansUI font-bold py-16">Streaming Guide</span> <span class="block text-shade-dark dark:text-shade-light uppercase font-sansUI font-normal mr-16 text-xs">Verlagsangebot</span> </span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus" @click="expanded = !expanded"> <span class="flex items-center py-16 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#mmo-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#mmo-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Streaming Guide aufklappen</span> </button> </span> <ul class="bg-shade-lightest dark:bg-black overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li class="pt-8"> <a href="https://streaming-guide.spiegel.de/streamingdienste/amazon-prime-video/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Amazon Prime Video"> <span class="block font-sansUI font-normal py-12 px-32">Amazon Prime Video</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/apple-tv-plus/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Apple TV +"> <span class="block font-sansUI font-normal py-12 px-32">Apple TV +</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/disney-plus/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Disney+"> <span class="block font-sansUI font-normal py-12 px-32">Disney+</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/magenta-tv/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="MagentaTV"> <span class="block font-sansUI font-normal py-12 px-32">MagentaTV</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/netflix/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Netflix"> <span class="block font-sansUI font-normal py-12 px-32">Netflix</span> </a> </li> <li> <a href="https://streaming-guide.spiegel.de/streamingdienste/paramount-plus/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Paramount+"> <span class="block font-sansUI font-normal py-12 px-32">Paramount+</span> </a> </li> <li class="pb-20"> <a href="https://streaming-guide.spiegel.de/streamingdienste/wow/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="WOW"> <span class="block font-sansUI font-normal py-12 px-32">WOW</span> </a> </li> </ul> <span class="block border-separator-b h-px"></span> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: false }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.manager-magazin.de/print/mm/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Aktuelle Hefte" target="_self"> <span class="block font-sansUI font-bold py-16">Aktuelle Hefte</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded" x-cloak><svg width="16" height="16"><use xlink:href="#mmo-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded"><svg width="16" height="16"><use xlink:href="#mmo-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Aktuelle Hefte aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded" x-cloak> <li> <a href="https://www.manager-magazin.de/print/mm/index-2024-12.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="manager magazin"> <span class="block font-sansUI font-normal py-12 px-32">manager magazin</span> </a> </li> <li> <a href="https://www.manager-magazin.de/hbm/print/hm/index-2025-1.html" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="Harvard Business manager"> <span class="block font-sansUI font-normal py-12 px-32">Harvard Business manager</span> </a> </li> <li class="mb-20"> <a href="https://abo.manager-magazin.de/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_blank" title="Abo-Angebote"> <span class="block font-sansUI font-normal py-12 px-32">Abo-Angebote</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li x-data="{ expanded: true }" :aria-expanded="expanded" x-lazyload> <span class="flex justify-between items-center pl-16 cursor-pointer"> <a href="https://www.manager-magazin.de/print/mm/" class="grow text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" title="Heft-Archive" target="_self"> <span class="block font-sansUI font-bold py-16">Heft-Archive</span> </a> <span class="block border-separator-r h-24 w-px"></span> <button class="text-shade-light dark:text-shade-dark text-base outline-focus hover:text-primary-dark focus:text-primary-darker active:text-primary-darker" @click="expanded = !expanded"> <span class="flex items-center py-18 px-20 h-56 w-56"> <span class="leading-none" x-show="expanded"><svg width="16" height="16"><use xlink:href="#mmo-chevron-up-f-m"/></svg> </span> <span class="leading-none" x-show="!expanded" x-cloak><svg width="16" height="16"><use xlink:href="#mmo-chevron-down-f-m"/></svg> </span> </span> <span class="sr-only">Menü Heft-Archive aufklappen</span> </button> </span> <ul class="overflow-hidden" x-show="expanded" :aria-hidden="!expanded"> <li> <a href="https://www.manager-magazin.de/print/mm/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-black dark:text-shade-lightest" target="_self" title="manager magazin"> <span class="block font-sansUI font-normal py-12 px-32">manager magazin</span> </a> </li> <li class="mb-20"> <a href="https://www.manager-magazin.de/hbm/print/hm/" class="text-base hover:text-primary-dark focus:text-primary-darker active:text-primary-darker outline-focus text-primary-base dark:text-dm-primary-base" target="_self" title="Harvard Business manager"> <span class="block font-sansUI font-normal py-12 px-32">Harvard Business manager</span> </a> </li> </ul> </li> <li> <span class="block border-separator-b h-px"></span> </li> <li> <a href="https://www.manager-magazin.de/thema/abovorteile/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Vorteile mit manager+"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Vorteile mit manager+</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/thema/index-a/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Themen"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Themen</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/nachrichtenarchiv/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Nachrichtenarchiv"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Nachrichtenarchiv</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/extra/artikel/bestseller-wirtschaftsbuecher-a-880229.html" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Bestseller"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Bestseller</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://live.manager-magazin.de/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_blank" title="manager live"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">manager live</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/ueber-uns/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Über uns"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Über uns</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li> <a href="https://www.manager-magazin.de/hilfe/" class="group flex justify-between items-center pl-16 cursor-pointer text-base group-hover:text-primary-dark group-focus:text-primary-darker group-active:text-primary-darker text-black dark:text-shade-lightest" target="_self" title="Hilfe & Kontakt"> <span class="grow"> <span class="block font-sansUI font-bold py-16 group-active:text-primary-darker group-hover:text-primary-dark group-focus:text-primary-darker">Hilfe & Kontakt</span> </span> <span class="text-shade-light dark:text-shade-dark text-base group-hover:text-primary-dark group-active:text-primary-darker group-focus:text-primary-darker"> <span class="flex items-center py-18 px-20 leading-none"><svg width="16" height="16"><use xlink:href="#mmo-chevron-right-f-m"/></svg> </span> </span> </a> </li> <li class="my-16"> <span class="block border-separator-b h-px mx-16"></span> </li> <li class="pl-2"> <a href="https://www.linkedin.com/company/manager-magazin/" rel="nofollow" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_blank" title="mm auf LinkedIn"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#mmo-linkedin-l"/></svg> </span> <span class="block font-sansUI ml-16">mm auf LinkedIn</span> </span> </a> </li> <li class="pl-2"> <a href="https://www.xing.com/news/pages/manager-magazin-93" rel="nofollow" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_blank" title="mm auf Xing"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#mmo-xing-l"/></svg> </span> <span class="block font-sansUI ml-16">mm auf Xing</span> </span> </a> </li> <li class="pl-2"> <a href="https://www.linkedin.com/company/harvard-business-manager/" rel="nofollow" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_blank" title="HBm auf LinkedIn"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#mmo-linkedin-l"/></svg> </span> <span class="block font-sansUI ml-16">HBm auf LinkedIn</span> </span> </a> </li> <li class="pl-2"> <a href="https://www.xing.com/news/pages/harvard-business-manager-115" rel="nofollow" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_blank" title="HBm auf Xing"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#mmo-xing-l"/></svg> </span> <span class="block font-sansUI ml-16">HBm auf Xing</span> </span> </a> </li> <li class="pl-2"> <a href="https://www.manager-magazin.de/ueber-uns/bei-diesen-diensten-koennen-sie-manager-magazin-und-harvard-business-manager-folgen-a-cda8b4b5-befb-49f9-93e8-f4a27db7479d" class="text-black dark:text-shade-lightest text-base hover:text-primary-dark focus:text-primary-darker" target="_self" title="Wo Sie uns noch folgen können"> <span class="flex justify-start items-center py-16 pl-8 pr-16"> <span class="flex items-center"><svg width="24" height="24"><use xlink:href="#mmo-website-l"/></svg> </span> <span class="block font-sansUI ml-16"> Wo Sie uns noch folgen können </span> </span> </a> </li> </ul> </nav> </div> <template x-data="{isPlayerAttached: $store.WebAudio.isClipFromLocalStorage,onClipChanged() {this.isPlayerAttached = this.isPlayerAttached || !!$store.WebAudio.clip;}}" x-init="$watch('$store.WebAudio.clip', () => onClipChanged())" x-if="isPlayerAttached"> <div x-data="{isInitialized: false,isExpanded: false,get canOpen() {return this.isInitialized || $store.WebAudio.isClipFromLocalStorage;},get isOpen() {return !!$store.WebAudio.clip && this.canOpen;},}" x-init="$nextTick(() => isInitialized = true)" x-effect="document.documentElement.classList.toggle('audio-player-open', isOpen)" data-app-hidden data-area="audio-player"> <div class="fixed w-full bottom-0 sm:mb-8 md:mb-16 lg:mb-16 z-20 pointer-events-none" x-show="isOpen && !isExpanded" x-transition:enter="transition-transform duration-500 ease-out" x-transition:enter-start="translate-y-3/2" x-transition:leave="transition-transform duration-500 ease-out" x-transition:leave-end="translate-y-3/2"> <div class="justify-center"> <div class="relative z-20 w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg sm:px-16 md:px-16 lg:px-24"> <div class="pointer-events-auto"> <div class="shadow-lg rounded-pill bg-sec2-lightest dark:bg-sec2-darker w-full z-max relative cursor-pointer" @click="isExpanded = true; $focus($refs.audioPlayerCollapse)"> <div class="flex items-center pl-8"> <button class="shrink-0 mr-12 outline-focus" title="Audio Player maximieren" x-ref="audioPlayerExpand"> <div class="relative" aria-hidden="true" data-sara-component="{"name":"image","title":"","type":"media"}"> <img class="lazyload md:hidden lg:hidden rounded py-8" x-data="{onSrcChanged(newSrc) {if (newSrc) {$el.classList.remove('loaded');$el.classList.remove('entered');$el.removeAttribute('data-ll-status');$publish('LAZYLOADING_UPDATE');} else {$el.src = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='36' height='36' %3E%3C/svg%3E`;}}}" x-effect="onSrcChanged($store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : '')" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='36' height='36' %3E%3C/svg%3E" :data-src="$store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : ''" width="36" height="36" alt> </div> <div class="relative" aria-hidden="true" data-sara-component="{"name":"image","title":"","type":"media"}"> <img class="lazyload sm:hidden rounded py-8" x-data="{onSrcChanged(newSrc) {if (newSrc) {$el.classList.remove('loaded');$el.classList.remove('entered');$el.removeAttribute('data-ll-status');$publish('LAZYLOADING_UPDATE');} else {$el.src = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40' %3E%3C/svg%3E`;}}}" x-effect="onSrcChanged($store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : '')" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='40' height='40' %3E%3C/svg%3E" :data-src="$store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : ''" width="40" height="40" alt> </div> <span class="sr-only">Audio Player maximieren</span> </button> <div class="flex flex-col overflow-hidden font-sansUI sm:text-xs md:text-s lg:text-s text-left relative w-full py-8"> <div x-show="!$store.WebAudio.isRestored"> <div class="font-bold text-primary-base dark:text-dm-primary-base whitespace-nowrap" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.kicker : ''"></div> <div class="font-bold whitespace-nowrap" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.headline : ''"></div> </div> <div x-show="$store.WebAudio.isRestored"> <div class="font-bold whitespace-nowrap tracking-wide"> Die Wiedergabe wurde unterbrochen. </div> <button class="underline whitespace-nowrap" title="Wiedergabe fortsetzen" @click.stop="$publish('AUDIO_PLAYER_RESUME')"> Wiedergabe fortsetzen? </button> </div> <div class="absolute right-0 bottom-0 shrink-0 bg-gradient-to-l dark:from-sec2-darker from-sec2-lightest h-full w-16"></div> </div> <div class="flex items-center ml-18"> <button class="lg:px-12 md:px-12 sm:px-6 text-sec2-darker dark:text-shade-lightest hover:text-sec2-dark dark:hover:text-shade-lighter" :title="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'" x-show="!$store.WebAudio.isLoading" @click.stop="$store.WebAudio.isPlaying ? $publish('AUDIO_PLAYER_PAUSE') : $publish('AUDIO_PLAYER_RESUME')" data-sara-click-el="button"> <span x-show="!$store.WebAudio.isPlaying" class="flex h-48 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-play-f-99025187-a872-41cb-a4da-953951b67c04"> <g id="l-play-99025187-a872-41cb-a4da-953951b67c04"> <path id="vector-99025187-a872-41cb-a4da-953951b67c04" d="M6 5.763a.75.75 0 011.11-.658l11.433 6.237a.75.75 0 010 1.316L7.109 18.895A.75.75 0 016 18.237V5.763z" class="fill-current"/> </g> </g> </svg> </span> <span x-show="$store.WebAudio.isPlaying" class="flex h-48 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-pause-f-81ba3517-b0e3-4f4f-bab5-ddeaeca74b49"> <rect id="rectangle-81ba3517-b0e3-4f4f-bab5-ddeaeca74b49" x="7" y="4" width="3" height="16" rx="1.5" class="fill-current"/> <rect id="rectangle_2-81ba3517-b0e3-4f4f-bab5-ddeaeca74b49" x="14" y="4" width="3" height="16" rx="1.5" class="fill-current"/> </g> </svg> </span> <span class="sr-only" x-text="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'"></span> </button> <div class="flex h-48 items-center lg:px-12 md:px-12 sm:px-6" x-show="$store.WebAudio.isLoading"> <span class="rounded-circle w-20 h-20 m-2 border-2 border-shade-base dark:border-shade-light animate-spin" style="border-top-color:transparent;"></span> </div> <button class="flex h-48 items-center lg:px-12 md:px-12 sm:px-6 text-sec2-darker dark:text-shade-lightest hover:text-sec2-dark dark:hover:text-shade-lighter" title="Wiedergabe beenden" @click.stop="$publish('AUDIO_PLAYER_CLEAR')" data-sara-click-el="button"><svg class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-close-b59728db-2587-4935-beb0-5b24d10d4749"> <path id="vector-b59728db-2587-4935-beb0-5b24d10d4749" d="M18 18L6 6m12 0L6 18" stroke-width="1.3" stroke-linecap="round"/> </g> </svg> <span class="sr-only">Wiedergabe beenden</span> </button> </div> </div> <div class="absolute bottom-0 left-8 right-8"> <div class="absolute bottom-0 w-full bg-opacity-slight dark:bg-opacity-slight sm:h-2 md:h-4 lg:h-4 bg-sec2-darker dark:bg-sec2-lightest"></div> <div class="absolute bottom-0 left-0 right-0 sm:h-2 md:h-4 lg:h-4 max-w-full bg-sec2-darker dark:bg-sec2-lightest" :style="{ width: ($store.WebAudio.currentTime / $store.WebAudio.duration * 100) + '%' }"></div> </div> </div> </div> </div> </div> </div> <div class="fixed w-full bottom-0 sm:mb-8 md:mb-16 lg:mb-16 z-20 pointer-events-none" x-show="isOpen && isExpanded" x-transition:enter="transition-transform duration-500 ease-out" x-transition:enter-start="translate-y-3/2" x-transition:leave="transition-transform duration-500 ease-out" x-transition:leave-end="translate-y-3/2"> <div class="justify-center"> <div class="relative z-20 w-full mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg sm:px-16 md:px-16 lg:px-24"> <div class="pointer-events-auto"> <div class="shadow-lg rounded-pill bg-sec2-lightest dark:bg-sec2-darker lg:pb-16 md:pb-16 sm:pb-16 z-max"> <button class="text-right pt-16 pb-12 lg:pr-24 md:pr-24 sm:pr-16 w-full outline-focus text-sec2-darker dark:text-shade-lightest" title="Audio Player minimieren" @click="isExpanded = false; $focus($refs.audioPlayerExpand)" x-ref="audioPlayerCollapse"><svg class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-chevron-down-6f8f3001-dcb5-4a89-b6b9-55ad5603b3e3"> <g id="l-chevron-right-6f8f3001-dcb5-4a89-b6b9-55ad5603b3e3"> <path id="vector-6f8f3001-dcb5-4a89-b6b9-55ad5603b3e3" d="M18 9l-6 6-6-6" stroke-width="1.3" stroke-linecap="round"/> </g> </g> </svg> <span class="sr-only">Audio Player minimieren</span> </button> <div class="flex items-center justify-between mb-24 sm:flex-col lg:px-24 md:px-24 sm:px-16"> <div class="w-full flex items-center sm:mb-16"> <div class="shrink-0 mr-16"> <div class="relative" aria-hidden="true" data-sara-component="{"name":"image","title":"","type":"media"}"> <img class="lazyload rounded" x-data="{onSrcChanged(newSrc) {if (newSrc) {$el.classList.remove('loaded');$el.classList.remove('entered');$el.removeAttribute('data-ll-status');$publish('LAZYLOADING_UPDATE');} else {$el.src = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72' width='72' height='72' %3E%3C/svg%3E`;}}}" x-effect="onSrcChanged($store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : '')" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72' width='72' height='72' %3E%3C/svg%3E" :data-src="$store.WebAudio.clip ? $store.WebAudio.clip.posterUrl : ''" width="72" height="72" alt> </div> </div> <div class="flex flex-col font-bold font-sansUI"> <div class="text-s text-primary-base dark:text-dm-primary-base lg:mb-4 md:mb-4" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.kicker : ''" x-show="$store.WebAudio.clip && $store.WebAudio.clip.kicker"></div> <div class="text-base lg:mb-4 md:mb-4" x-text="$store.WebAudio.clip ? $store.WebAudio.clip.headline : ''"></div> <div class="text-s font-normal opacity-distinct sm:hidden" x-text="$store.WebAudio.chapter ? $store.WebAudio.chapter.title : ''" x-show="$store.WebAudio.chapter && $store.WebAudio.chapter.title"></div> </div> </div> <div class="flex shrink-0 items-center lg:justify-end md:justify-end sm:justify-between sm:w-full w-5/12"> <div class="sm:min-w-48 sm:w-full"> <button x-data="{playbackRates: [ 0.8, 0.9, 1, 1.1, 1.2, 1.5, 1.7, 2.0, 2.5 ],get nextPlaybackRate() {const index = this.playbackRates.findIndex((playbackRate) => playbackRate === $store.WebAudio.playbackRate);const nextIndex = (index + 1) % this.playbackRates.length;return this.playbackRates[nextIndex];}}" class="border font-bold font-sansUI h-24 px-6 rounded-oval text-xs border-sec2-darker dark:border-shade-lightest hover:border-sec2-dark dark:hover:border-shade-lighter text-sec2-darker dark:text-shade-lightest hover:text-sec2-dark dark:hover:text-shade-lighter" title="Wiedergabegeschwindigkeit ändern" @click="$publish('AUDIO_PLAYER_SET_PLAYBACK_RATE', nextPlaybackRate)" data-sara-click-el="button"> <span x-text="($store.WebAudio.playbackRate).toFixed(1) + 'x'"></span> <span class="sr-only">Wiedergabegeschwindigkeit ändern</span> </button> </div> <div class="flex shrink-0 items-stretch"> <button class="lg:px-12 md:px-12 sm:pr-12 lg:mx-12 md:mx-12 sm:mr-12 text-sec2-darker dark:text-shade-lightest hover:text-sec2-dark dark:hover:text-shade-lighter" title="15 Sekunden zurück" @click="$publish('AUDIO_PLAYER_SET_TIME', $store.WebAudio.currentTime - 15)" data-sara-click-el="button"><svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M5.65 3.5C11.8333 3.5 12.8167 3.5 19 3.5C24.2467 3.5 28.5 7.75329 28.5 13C28.5 18.2467 24.2467 22.5 19 22.5H15" class="stroke-current" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.64507 2.93557L4.75612 1.08839C5.24106 0.664074 6 1.00846 6 1.65283V5.34717C6 5.99154 5.24106 6.33593 4.75612 5.91161L2.64507 4.06443C2.30357 3.76562 2.30357 3.23438 2.64507 2.93557Z" class="fill-current"/> <path d="M10.1245 15.62V17H15.4165V15.62H13.7605V9.044H12.2725L10.0765 9.944L10.4845 11.156L12.0445 10.52V15.62H10.1245ZM16.309 13.508C16.597 13.46 17.449 13.424 18.001 13.424C19.441 13.424 20.137 13.736 20.137 14.66C20.137 15.452 19.693 15.86 18.901 15.86C18.073 15.86 17.689 15.476 17.773 14.684H16.045C15.781 16.364 16.633 17.156 18.757 17.156C20.917 17.156 21.901 16.124 21.901 14.528C21.901 12.788 20.797 12.14 18.685 12.14C18.433 12.14 18.157 12.152 17.905 12.164L18.037 10.544H21.349L21.481 9.044H16.597L16.309 13.508Z" class="fill-current"/> </svg> <span class="sr-only">15 Sekunden zurück</span> </button> <button class="shrink-0 w-48 h-48 rounded-circle px-12 bg-sec2-darker dark:bg-sec2-lightest hover:bg-sec2-dark dark:hover:bg-shade-lighter text-white dark:text-sec2-darker" :title="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'" :disabled="$store.WebAudio.isLoading" @click="$store.WebAudio.isPlaying ? $publish('AUDIO_PLAYER_PAUSE') : $publish('AUDIO_PLAYER_RESUME')" data-sara-click-el="button"> <span x-show="!$store.WebAudio.isPlaying && !$store.WebAudio.isLoading" class="flex items-center justify-around"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-play-f-f533a393-8f3a-47a9-afcc-9892251ef98d"> <g id="l-play-f533a393-8f3a-47a9-afcc-9892251ef98d"> <path id="vector-f533a393-8f3a-47a9-afcc-9892251ef98d" d="M6 5.763a.75.75 0 011.11-.658l11.433 6.237a.75.75 0 010 1.316L7.109 18.895A.75.75 0 016 18.237V5.763z" class="fill-current"/> </g> </g> </svg> </span> <span x-show="$store.WebAudio.isPlaying && !$store.WebAudio.isLoading" class="flex items-center justify-around"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-pause-f-fa5b6f14-16b6-421f-b4e9-c79ab620d358"> <rect id="rectangle-fa5b6f14-16b6-421f-b4e9-c79ab620d358" x="7" y="4" width="3" height="16" rx="1.5" class="fill-current"/> <rect id="rectangle_2-fa5b6f14-16b6-421f-b4e9-c79ab620d358" x="14" y="4" width="3" height="16" rx="1.5" class="fill-current"/> </g> </svg> </span> <span x-show="$store.WebAudio.isLoading" class="flex rounded-circle w-20 h-20 m-2 border-2 border-white dark:border-sec2-dark animate-spin" style="border-top-color:transparent;"></span> <span class="sr-only" x-text="$store.WebAudio.isPlaying ? 'Wiedergabe pausieren' : 'Wiedergabe starten'"></span> </button> <button class="lg:pr-12 pl-12 ml-12 text-sec2-darker dark:text-shade-lightest hover:text-sec2-dark dark:hover:text-shade-lighter" title="30 Sekunden vor" @click="$publish('AUDIO_PLAYER_SET_TIME', $store.WebAudio.currentTime + 30)" data-sara-click-el="button"><svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M26.35 3.5C20.1667 3.5 19.1833 3.5 13 3.5C7.75329 3.5 3.5 7.75329 3.5 13C3.5 18.2467 7.75329 22.5 13 22.5H17" class="stroke-current" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.3549 2.93557L27.2439 1.08839C26.7589 0.664074 26 1.00846 26 1.65283V5.34717C26 5.99154 26.7589 6.33593 27.2439 5.91161L29.3549 4.06443C29.6964 3.76562 29.6964 3.23438 29.3549 2.93557Z" class="fill-current"/> <path d="M11.9726 13.604C13.1366 13.604 13.4606 14.036 13.4606 14.732C13.4606 15.368 13.1006 15.86 12.1646 15.86C11.2766 15.86 10.8686 15.488 10.9406 14.672H9.20064C8.96064 16.376 9.83664 17.156 12.0686 17.156C14.2406 17.156 15.2246 16.184 15.2246 14.72C15.2246 13.532 14.5886 12.944 13.4966 12.8V12.776C14.3726 12.548 14.9846 11.888 14.9846 10.952C14.9846 9.716 14.2646 8.888 12.2246 8.888C10.3046 8.888 9.21264 9.68 9.28464 11.288H10.9886C10.9646 10.652 11.2526 10.172 12.1166 10.172C12.8606 10.172 13.2206 10.52 13.2206 11.204C13.2206 11.816 12.8726 12.26 11.9726 12.26H10.8806V13.604H11.9726ZM19.2417 17.156C21.1977 17.156 22.5057 15.968 22.5057 12.908C22.5057 9.98 21.4257 8.888 19.3737 8.888C17.4057 8.888 16.0977 10.064 16.0977 13.124C16.0977 16.052 17.1897 17.156 19.2417 17.156ZM19.2897 15.824C18.3657 15.824 17.8737 15.248 17.8737 13.04C17.8737 10.856 18.4017 10.22 19.3137 10.22C20.2377 10.22 20.7417 10.796 20.7417 12.992C20.7417 15.2 20.2017 15.824 19.2897 15.824Z" class="fill-current"/> </svg> <span class="sr-only">30 Sekunden vor</span> </button> <button x-data="{ lastVolume: $store.WebAudio.volume }" x-effect="this.lastVolume = $store.WebAudio.volume > 0 ? $store.WebAudio.volume : this.lastVolume" class="md:hidden sm:hidden px-12 text-sec2-darker dark:text-shade-lightest hover:text-sec2-dark dark:hover:text-shade-lighter" :title="$store.WebAudio.volume === 0 ? 'Stummschaltung aufheben' : 'Stummschalten'" @click="$store.WebAudio.volume = $store.WebAudio.volume === 0 ? this.lastVolume : 0" data-sara-click-el="button"> <span x-show="$store.WebAudio.volume !== 0"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M17 16C18.1956 15.2016 19 13.7092 19 12C19 10.2908 18.1956 8.79844 17 8" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> <path d="M15 13C15.2989 12.8004 15.5 12.4273 15.5 12C15.5 11.5727 15.2989 11.1996 15 11" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> <path d="M19 18.5C20.8569 17.2025 22.5 14.7775 22.5 12C22.5 9.2225 20.8569 6.79746 19 5.5" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> <path d="M2.65 8.75C2.65 8.69477 2.69477 8.65 2.75 8.65H5.73691C6.05481 8.65 6.36325 8.54181 6.61149 8.34322L11.2006 4.67191C11.2183 4.65773 11.2404 4.65 11.2631 4.65H12.25C12.3052 4.65 12.35 4.69477 12.35 4.75V19.25C12.35 19.3052 12.3052 19.35 12.25 19.35H11.2631C11.2404 19.35 11.2183 19.3423 11.2006 19.3281L6.61149 15.6568C6.36325 15.4582 6.05481 15.35 5.73691 15.35H2.75C2.69477 15.35 2.65 15.3052 2.65 15.25V8.75Z" class="stroke-current" stroke-width="1.3"/> </svg> <span class="sr-only">Stummschalten</span> </span> <span x-show="$store.WebAudio.volume === 0"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <path d="M2.65 8.75C2.65 8.69477 2.69477 8.65 2.75 8.65H5.73691C6.05481 8.65 6.36325 8.54181 6.61149 8.34322L11.2006 4.67191C11.2183 4.65773 11.2404 4.65 11.2631 4.65H12.25C12.3052 4.65 12.35 4.69477 12.35 4.75V19.25C12.35 19.3052 12.3052 19.35 12.25 19.35H11.2631C11.2404 19.35 11.2183 19.3423 11.2006 19.3281L6.61149 15.6568C6.36325 15.4582 6.05481 15.35 5.73691 15.35H2.75C2.69477 15.35 2.65 15.3052 2.65 15.25V8.75Z" class="stroke-current" stroke-width="1.3"/> <path d="M15.5 14.5L20.5 9.5" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> <path d="M20.5 14.5L15.5 9.5" class="stroke-current" stroke-width="1.3" stroke-linecap="round"/> </svg> <span class="sr-only">Stummschaltung aufheben</span> </span> </button> <div x-data="{ get progress() { return Math.min(($store.WebAudio.volume - 0) / 1 - 0, 1); } }" class="relative h-2 self-center bottom-px md:hidden sm:hidden w-64" :style="{ '--polygon-range-progress': progress }"> <input class="audio-player-range-thumb hover:cursor-pointer absolute w-full appearance-none h-2 bg-opacity-slight dark:bg-opacity-slight bg-no-repeat bg-gradient-to-r bg-sec2-darker dark:bg-sec2-lightest bg-sec2-darker dark:bg-shade-lighter from-sec2-darker dark:from-sec2-lightest to-sec2-darker dark:to-sec2-lightest" type="range" x-model="$store.WebAudio.volume" :min="0" :max="1" :step="0.01" style="background-size: calc(100% * var(--polygon-range-progress)) 100%;" title="Lautstärke"> <span class="absolute left-0 bottom-0 top-0 my-auto rounded-pill w-12 h-12 pointer-events-none bg-sec2-darker dark:bg-sec2-lightest" style="left: calc(100% * var(--polygon-range-progress) - var(--polygon-range-progress) * 8px);"></span> </div> </div> <div class="sm:min-w-48 sm:w-full"> </div> </div> </div> <div class="lg:px-24 md:px-24 sm:px-16"> <div x-data="{ get progress() { return Math.min(($store.WebAudio.currentTime - 0) / $store.WebAudio.duration - 0, 1); } }" class="relative h-2 w-full mb-12" :style="{ '--polygon-range-progress': progress }"> <input class="audio-player-range-thumb hover:cursor-pointer absolute w-full appearance-none h-2 bg-opacity-slight dark:bg-opacity-slight bg-no-repeat bg-gradient-to-r bg-sec2-darker dark:bg-sec2-lightest bg-sec2-darker dark:bg-shade-lighter from-sec2-darker dark:from-sec2-lightest to-sec2-darker dark:to-sec2-lightest" type="range" x-model="$store.WebAudio.currentTime" :min="0" :max="$store.WebAudio.duration" :step="1" style="background-size: calc(100% * var(--polygon-range-progress)) 100%;" title="Abspielposition" :disabled="$store.WebAudio.isLoading"> <template x-for="marker in $store.WebAudio.chapterPositions"><svg width="4" height="2" class="absolute text-sec2-lightest dark:text-sec2-darker" :style="{ 'left': `${ marker * 100 / $store.WebAudio.duration }%` }" role="img" aria-hidden="true" > <rect width="4" height="2" class="fill-current"/> </svg> </template> <span class="absolute left-0 bottom-0 top-0 my-auto rounded-pill w-12 h-12 pointer-events-none bg-sec2-darker dark:bg-sec2-lightest" style="left: calc(100% * var(--polygon-range-progress) - var(--polygon-range-progress) * 8px);"></span> </div> <div class="relative flex justify-between font-sansUI text-s text-sec2-darker dark:text-shade-lightest mb-12"> <div x-text="$dateUtils.formatTime($store.WebAudio.currentTime)"></div> <div class="absolute left-48 right-48 whitespace-nowrap overflow-hidden text-center text-black dark:text-shade-lightest opacity-distinct md:hidden lg:hidden" x-show="$store.WebAudio.chapter && $store.WebAudio.chapter.title"> <span x-text="$store.WebAudio.chapter ? $store.WebAudio.chapter.title : ''"></span> <div class="absolute top-0 right-0 w-32 h-full bg-gradient-to-l from-sec2-lightest dark:from-sec2-darker"></div> </div> <div x-text="$dateUtils.formatTime($store.WebAudio.duration)"></div> </div> </div> </div> </div> </div> </div> </div> </div> </template> <div class="fixed top-0 left-0 right-0 z-overlay" data-notification-el="container" data-notification-position="overlay"></div> <div x-data="{isOpen: false,returnFocusElement: null,preventScrolling: true,id: '796ec26d-2cbd-48a2-a774-7258f6abf976',open() {if (this.isOpen) {return;}this.isOpen = true;this.returnFocusElement = window.document.activeElement;$publish('OVERLAY_OPENED', this);},close() {if (!this.isOpen) {return;}this.isOpen = false;$focus(this.returnFocusElement);this.returnFocusElement = null;$publish('OVERLAY_CLOSED', this);}}" x-subscribe.user_capping_limit_exceeded="open()" x-subscribe.user_capping_limit_ok="close()" x-cloak> <template x-if="isOpen"> <div class="fixed left-0 top-0 h-full w-full z-overlay animate-fade-in"> <div class="bg-black opacity-distinct h-full w-full"></div> <div class="absolute top-0 bottom-0 left-0 right-0 flex items-center mx-auto sm:max-w-sm md:max-w-md lg:max-w-lg pointer-events-none lg:px-8" style="bottom: var(--polygon-app-bottombar-height, 0px)"> <div class="bg-white border border-shade-lighter dark:bg-dm-shade-darkest lg:mx-auto md:mx-auto sm:mx-16 lg:p-24 lg:w-8/12 md:p-24 md:w-10/12 rounded shadow sm:p-16 max-h-full overflow-x-hidden overflow-y-auto pointer-events-auto"> <div class="flex justify-between lg:mb-24 md:mb-24 sm:mb-16"> <div class="font-brandUI font-extrabold lg:text-2xl md:text-2xl sm:text-xl leading-tight lg:mr-24 md:mr-24 sm:mr-16 sm:pt-px"> Mehrfachnutzung erkannt </div> </div> <div class="mb-16"> <span class="block bg-transparent dark:bg-black"> <img aria-hidden="true" class="rounded" src="https://cdn.prod.www.manager-magazin.de/public/mmo/images/modal/user-capping_720.png" srcset="https://cdn.prod.www.manager-magazin.de/public/mmo/images/modal/user-capping_460.png 460w,https://cdn.prod.www.manager-magazin.de/public/mmo/images/modal/user-capping_920.png 920w,https://cdn.prod.www.manager-magazin.de/public/mmo/images/modal/user-capping_720.png 720w,https://cdn.prod.www.manager-magazin.de/public/mmo/images/modal/user-capping_1440.png 1440w" sizes="(max-width: 719px) 460px, 720px" width="720" height="327"> </span> </div> <div class="font-sansUI text-black dark:text-shade-lightest text-base lg:mb-24 md:mb-24 sm:mb-16"> <span class="block mb-8">Die gleichzeitige Nutzung von manager+-Inhalten ist auf ein Gerät beschränkt.</span> Sie können manager+ auf diesem Gerät weiterlesen oder sich abmelden, um Ihr Abo auf einem anderen Gerät zu nutzen. </div> <button class="inline-flex items-center leading-none font-bold bg-primary-base dark:bg-dm-primary-base border border-primary-base dark:border-dm-primary-base hover:border-primary-dark focus:border-primary-darker disabled:border-shade-lighter hover:bg-primary-dark focus:bg-primary-darker disabled:bg-shade-lighter dark:disabled:bg-shade-darker disabled:text-shade-dark dark:disabled:text-shade-light disabled:cursor-not-allowed text-white dark:text-shade-lightest font-sansUI pl-24 pr-20 py-12 text-s rounded mb-16 mr-24" title="Auf diesem Gerät weiterlesen" x-data @click="$publish('USER_CAPPING_ALLOW');" data-sara-click-el="button"> <span class="leading-20">Auf diesem Gerät weiterlesen</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </button> <a href="https://gruppenkonto.spiegel.de/manager/abmelden.html?targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html" class="inline-flex items-center leading-none font-bold bg-white dark:bg-dm-shade-darkest inline-block text-black dark:text-shade-lightest border border-shade-base dark:border-shade-light hover:border-black dark:hover:border-white focus:bg-shade-lightest dark:focus:bg-black focus:border-black dark:focus:border-white disabled:bg-white dark:disabled:bg-dm-shade-darkest disabled:text-shade-base disabled:cursor-not-allowed disabled:border-shade-lighter font-sansUI pl-24 pr-20 py-12 text-s rounded outline-focus mb-16" title="Dieses Gerät abmelden" x-data @click.prevent="$appUtils.isApp ? $appBridge.triggerLogout() : window.location.href = $el.href" data-sara-link="gruppenkonto" data-sara-click-el="button"> <span class="leading-20">Dieses Gerät abmelden</span> <span class="ml-8"><svg width="12" height="12"><use xlink:href="#mmo-chevron-right-f-s"/></svg> </span> </a> <div class="font-sansUI text-shade-dark dark:text-shade-light text-s"> Sie möchten manager+ auf mehreren Geräten zeitgleich nutzen? <a href="https://abo.manager-magazin.de/de/c/business?requestAccessToken=true&sara_icid=disp_own_QGTeYeMlUeO2CBZCj57cy49PVSw5dr&targetUrl=https%3A%2F%2Fwww.manager-magazin.de%2Fhbm%2Fprint%2Fhm%2Findex-2008.html" title="Zu unseren Angeboten" target="_self" class="border-b border-shade-light text-black dark:text-shade-lightest hover:border-black dark:hover:border-white focus:border-transparent font-normal font-sansUI text-s leading-normal"> Zu unseren Angeboten </a> </div> </div> </div> </template> </div> <script defer x-data="{init() {if (window.adobe && window.adobe.target) {this.$publish('ADOBELAUNCH_SOURCE_READY');} else {$el.src = '//assets.adobedtm.com/cc10f7b4369d/4305cd3ecce2/launch-65e985eba0c9.min.js';}},}" @load="$publish('ADOBELAUNCH_SOURCE_READY')"></script> <script>window.AdPositions = window.AdPositions || [];window.AdPositions.push({"id":"pos_header","sitetype":"desktop"});window.AdPositions.push({"id":"pos_header","sitetype":"mobile"});window.AdPositions.push({"id":"pos_1","sitetype":"desktop"});window.AdPositions.push({"id":"pos_footer","sitetype":"desktop"});window.AdPositions.push({"cls":352,"id":"pos_footer","sitetype":"mobile"});</script> <script>var IQDComplete = {init: function () {return true;}};</script> <script defer src="https://cdn.prod.www.manager-magazin.de/public/shared/generated/js/vendors.18530ca5de3cfcaf7a0b.js"></script> <script defer src="https://cdn.prod.www.manager-magazin.de/public/shared/generated/js/index.5ead78ff0557362eb566.js"></script> <div class="hidden" data-el="footerSvgs"><svg id="mmo-checkbox-f-l" class="stroke-current" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-checkbox-f-d9085b61-1218-4e1d-bebc-ce7097ae691b"> <g id="l-checkbox-f_2-d9085b61-1218-4e1d-bebc-ce7097ae691b"> <path id="check-d9085b61-1218-4e1d-bebc-ce7097ae691b" d="M17 7l-7 9-3-4" stroke-width="2.2" stroke-linecap="round"/> </g> </g> </svg><svg id="mmo-warning-f-l" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="l-warning-f-67522ddb-83a8-43c4-a921-d0539274573b"> <path id="rectangle-3-67522ddb-83a8-43c4-a921-d0539274573b" d="M10.345 6.633A1.5 1.5 0 0111.84 5h.322a1.5 1.5 0 011.494 1.633l-.566 6.37a1.093 1.093 0 01-2.178 0l-.566-6.37z" class="fill-current"/> <circle id="ellipse-3-67522ddb-83a8-43c4-a921-d0539274573b" cx="12" cy="17.5" r="1.5" class="fill-current"/> </g> </svg><svg id="mmo-close-m" class="stroke-current" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true"> <g id="m-close-1368fd8f-5aa4-4a83-b4a9-2af4af75be6d"> <path id="vector-1368fd8f-5aa4-4a83-b4a9-2af4af75be6d" d="M12 12L4 4m8 0l-8 8" stroke-linecap="round"/> </g> </svg> </div> <template id="prototype-notification-failure"> <div class="hidden bg-sec2-darker transition-opacity duration-100"> <div class="mx-auto lg:max-w-lg flex py-16 lg:px-24 md:px-24 sm:px-16"> <div class="flex items-center lg:ml-8 lg:mr-24 md:mr-24 sm:mr-16"> <span class="h-32 w-32 rounded-circle border border-white inline-flex items-center justify-center text-white dark:text-shade-lightest"><svg width="24" height="24"><use xlink:href="#mmo-warning-f-l"/></svg> </span> </div> <div class="grow flex flex-col justify-center font-sansUI text-white dark:text-shade-lightest lg:mr-24 md:mr-24 sm:mr-16"> <div class="text-base font-bold" data-notification-el="headline"> __proto_headline__ </div> <div class="text-s mt-4 RichTextSystem RichTextSystem--inverted" data-notification-el="description"> __proto_description__ </div> </div> <div class="flex flex-col lg:mr-4"> <button class="text-white dark:text-shade-lightest block leading-none outline-focus" data-notification-el="closeIcon" data-sara-click-el="button"><svg width="16" height="16"><use xlink:href="#mmo-close-m"/></svg> <span class="sr-only">Hinweis schließen</span> </button> </div> </div> </div> </template> <template id="prototype-notification-success"> <div class="hidden bg-sec2-darker transition-opacity duration-100"> <div class="mx-auto lg:max-w-lg flex py-16 lg:px-24 md:px-24 sm:px-16"> <div class="flex items-center lg:ml-8 lg:mr-24 md:mr-24 sm:mr-16"> <span class="h-32 w-32 rounded-circle border border-white inline-flex items-center justify-center text-white dark:text-shade-lightest"><svg width="24" height="24"><use xlink:href="#mmo-checkbox-f-l"/></svg> </span> </div> <div class="grow flex flex-col justify-center font-sansUI text-white dark:text-shade-lightest lg:mr-24 md:mr-24 sm:mr-16"> <div class="text-base font-bold" data-notification-el="headline"> __proto_headline__ </div> <div class="text-s mt-4 RichTextSystem RichTextSystem--inverted" data-notification-el="description"> __proto_description__ </div> </div> <div class="flex flex-col lg:mr-4"> <button class="text-white dark:text-shade-lightest block leading-none outline-focus" data-notification-el="closeIcon" data-sara-click-el="button"><svg width="16" height="16"><use xlink:href="#mmo-close-m"/></svg> <span class="sr-only">Hinweis schließen</span> </button> </div> </div> </div> </template> <script>if (typeof(Event) === 'function') {window.dispatchEvent(new Event('POLYGON_DOM_READY'));}</script> </body> </html>