CINXE.COM

Presse | hr.de

<!DOCTYPE html> <html class="no-js no-js-burgerMenu preload noMicroInteraction" data-theme="hr" lang="de"> <head> <!-- hrcms-delivery 4.9.3 --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Presse | hr.de</title> <meta name="application-name" content="hr.de" /> <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" /> <meta name="author" content="hr.de, Frankfurt, Germany"/> <meta name="publisher" content="hr.de" /> <meta name="language" content="Deutsch" /> <meta http-equiv="Content-Security-Policy" content="img-src * data: blob: android-webview-video-poster:;"> <meta name="robots" content="follow, noarchive, index, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="last-modified" content="2025-02-20T10:32+0100" /> <meta name="date" content="2024-02-22T08:20+0100" /> <link rel="canonical" href="https://www.hr.de/presse/index.html" /> <meta property="og:site_name" content="hr.de" /> <meta property="og:locale" content="de_DE" /> <meta property="og:url" content="https://www.hr.de/presse/index.html" /> <meta property="og:title" content="Pressebereich" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://www.hr.de/back-ud-100~_t-1492792130685_v-16to9__retina.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:height" content="540" /> <meta property="og:image:width" content="960" /> <meta property="article:publisher" content="https://www.facebook.com/hessischerrundfunk/?fref=ts" /> <meta property="fb:page_id" content="1847087475603097" /> <meta property="fb:pages" content="1847087475603097" /> <meta property="twitter:title" content="Pressebereich" /> <meta property="twitter:image" content="https://www.hr.de/back-ud-100~_t-1492792130685_v-16to9__retina.jpg" /> <meta property="twitter:image:alt" content="Unternehmensdarstellung" /> <meta property="twitter:url" content="https://www.hr.de/presse/index.html" /> <meta property="twitter:site" content="@hrPresse" /> <meta property="twitter:site:id" content="2240866274" /> <meta property="twitter:domain" content="https://www.hr.de/" /> <meta property="twitter:creator" content="@hrPresse" /> <meta property="twitter:creator:id" content="2240866274" /> <meta property="twitter:card" content="summary_large_image" /> <link href="https://www.hr.de/assets_4.9.3/index.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr.de/assets_4.9.3/index.css" rel="stylesheet" type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="msapplication-tap-highlight" content="no"/> <link rel="icon" href="https://www.hr.de/favicon.ico?v=4.9.3" sizes="32x32"> <link rel="icon" href="https://www.hr.de/favicon.min.svg?v=4.9.3" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.hr.de/favicon.png?v=4.9.3"> <link href="https://www.hr.de/assets_4.9.3/js/vendor/modernizr.cust.js" rel="preload" as="script"> <link href="https://www.hr.de/assets_4.9.3/js/index.js" rel="preload" as="script"> <link href="https://www.hr.de/assets_4.9.3/js/alpine.js" rel="preload" as="script"> <link href="https://www.hr.de/assets_4.9.3/js/vendor/piano-analytics.js" rel="preload" as="script"> <script>'function' != typeof self.queueMicrotask && (self.queueMicrotask = function (e) { Promise.resolve().then(e).catch(e => setTimeout(() => { throw e })) })</script> <script>window.MSInputMethodContext && document.documentMode && document.write('<script src="https://www.hr.de/assets_4.9.3/js/polyfill/ie11CustomProperties.js"><\/script>')</script> <link href="https://www.hr.de/assets_4.9.3/fonts/RobotoCondensed-Bold.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.9.3/fonts/DINPro-Bold.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.9.3/fonts/RobotoCondensed.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.9.3/fonts/DINPro.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.9.3/fonts/RobotoSlabbed.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="https://www.hr.de/assets_4.9.3/base/icons/logo/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="//www.hr.gl-systemhaus.de" rel="dns-prefetch"> <link href="https://logs.xiti.com" rel="dns-prefetch"> <script defer src="https://www.hr.de/assets_4.9.3/js/vendor/piano-analytics.js"></script> <script defer src='https://www.hr.de/assets_4.9.3/js/alpine.js'></script> <!--[if lt IE 9]> <script src='https://www.hr.de/assets_4.9.3/js/polyfill/es5-shim.js'></script> <script src='https://www.hr.de/assets_4.9.3/js/polyfill/selectivizr.js'></script> <script src='https://www.hr.de/assets_4.9.3/js/polyfill/respond.js'></script> <script src='https://www.hr.de/assets_4.9.3/js/polyfill/svg4everybody_legacy.js'></script> <script>svg4everybody();</script> <![endif]--><!--[if lte IE 9]> <script src='https://www.hr.de/assets_4.9.3/js/polyfill/html5shiv.js'></script> <script src='https://www.hr.de/assets_4.9.3/js/polyfill/classList.js'></script> <![endif]--> <script> var HrcmsConfig = { 'isProduction': true, 'isATITest': false, 'isDSGVOTest': false, } function loadDelayedImages(){setTimeout((function(){var t,e=document.images,s=[],a=function(t){void 0!==window.picturefill&&window.picturefill({reevaluate:!0,elements:t})};for(i=0;i<e.length;++i)(t=e[i].dataset?e[i].dataset.srcset:e[i].getAttribute("data-srcset"))&&(0===e[i].getBoundingClientRect().top?s.push(e[i]):e[i].setAttribute("srcset",t));a(e),setTimeout((function(){var t;for(i=0;i<s.length;++i)t=s[i].dataset?s[i].dataset.srcset:s[i].getAttribute("data-srcset"),s[i].setAttribute("srcset",t);a(s)}),900)}),0)} var domready=function(){var e,o=[],r=document,s=r.documentElement.doScroll,t="DOMContentLoaded",n=(s?/^loaded|^c/:/^loaded|^i|^c/).test(r.readyState);return n||r.addEventListener(t,e=function(){for(r.removeEventListener(t,e),n=1;e=o.shift();)e()}),function(e){n?setTimeout(e,0):o.push(e)}}(),aload=function(e,o,r){var s=document,t="script",n=s.createElement(t),i=s.getElementsByTagName(t)[0];o&&n.addEventListener("load",(function(e){o(null,e)}),!1),r&&(n.async=!!r),n.src=e,i.parentNode.insertBefore(n,i)},FeatureBoxMicrointeraction=function(e){var o=!1;return{init:function(){(o=0==e.document.referrer.length||-1==e.document.referrer.indexOf(e.location.host))&&function(){var e,o,r=document.getElementById("featureBox");if(r){e=r.getElementsByClassName("js-toggleButton");for(var s=0;s<e.length;s++)e[s].classList.add("-isOpen");for(o=r.getElementsByClassName("js-toggleContent"),s=0;s<o.length;s++)o[s].classList.add("-isOpen")}}()},isActive:function(){return o}}}(window);domready((function(){setTimeout(loadDelayedImages,200),setTimeout((function(){document.getElementsByTagName("html")[0].classList.remove("preload")}),250),FeatureBoxMicrointeraction.init()})),aload('https://www.hr.de/assets_4.9.3/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hr.de/assets_4.9.3/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hr.de/assets_4.9.3/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hr.de/assets_4.9.3/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hr.de/assets_4.9.3/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hr.de/assets_4.9.3/js/polyfill/nwxforms.js',(function(){domready((function(){nwxforms(window)}))}),"async"),Modernizr.nodeListForEach||(NodeList.prototype.forEach=function(e,o){o=o||window;for(var r=0;r<this.length;r++)e.call(o,this[r],r,this)}),Modernizr.on("sizes",(function(e){Modernizr.picture&&e||aload('https://www.hr.de/assets_4.9.3/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hr.de/assets_4.9.3/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hr.de/assets_4.9.3/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hr.de/assets_4.9.3/js/'})}),"async")}))}),"async"); </script> <!--[if lte IE 9]> <link href='https://www.hr.de/assets_4.9.3/library_ie9.css' rel='stylesheet' type='text/css'> <![endif]--> <link href="https://www.hr.de/presse/index.rss" title="Presse RSS-Feed - hr.de" rel="alternate" type="application/rss+xml"> </head> <body x-data :class="$store.navIsVisible && $store.subNavIsVisible ? '-navIsVisible -subnavIsVisible' : $store.navIsVisible ? '-navIsVisible' : '-navIsHidden'" > <div class="js-pageSwap"> <div class="js-load" data-hr-piano-tracking="{}"></div> <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init=""> <header class="print:hidden relative z-110 lg:h-auto md:h-header-md h-header-sm"> <div x-data id="headerWrapper" x-ref="headerWrapper" @resize.window="resetNav()" :class="shouldBrandNavBeHidden() ? '-mt-[33px] md:-mt-[33px]' : '' " class=" flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full "> <div id="anchorNavWrapper" class="sr-only"> <nav id="sprungmarken" aria-labelledby="anchorNavHeadline"> <span id="anchorNavHeadline">Sprungmarken</span> <ul> <li><a href="#brandNavWrapper" >Übersicht der Marken des HR anspringen</a></li> <li><a href="#serviceNavWrapper">Servicenavigation anspringen</a></li> <li><a href="#sectionNavWrapper">Bereichsnavigation anspringen</a></li> <li><a href="#content">Inhalt anspringen</a></li> </ul> </nav> </div> <div id="brandNavWrapper" class="box-content relative grid order-1 w-full h-8 bg-white border-b sb-brand-navigation grid-page border-brandnavigation-border-color z-130"> <div class="grid-cols-12 px-5 lg:px-10 col-full sm:col-main"> <div x-data="slider()" x-init="initialize($refs.scrollContainer_0)" class="relative w-full" ax-load x-ignore > <template x-if="isScrollable && $screen('xs')"> <div> <button style="background-image: linear-gradient(90deg, var(--color-brandnavigation-bg) 50%, transparent);" class="absolute left-0 z-10 flex items-center justify-start w-10 h-full text-primary disabled:hidden" @click="prev($refs.scrollContainer_0)" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" > <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <button style="background-image: linear-gradient(270deg, var(--color-brandnavigation-bg) 50%, transparent);" class="bg-gradient-to-l absolute right-0 z-10 flex items-center justify-end w-10 h-full text-primary disabled:hidden group from-[--color-brandnavigation-bg]" @click="next($refs.scrollContainer_0)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true"> <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_0" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> <nav class="flex w-full text-xs list-none text-grey-scorpion"> <span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span> <ul class="flex pr-3 md:px-0 flex-nowrap lg:mr-0"> <li class="sb-brand-navigation-item h-8 -ml-3 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="hessenschau.DE" href="https://www.hessenschau.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hessenschau-Link geklickt"}]}'>hessenschau</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR1" href="https://www.hr1.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr1-Link geklickt"}]}'>hr1</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR2" href="https://www.hr2.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr2-kultur-Link geklickt"}]}'>hr2-kultur</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR3" href="https://www.hr3.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr3-Link geklickt"}]}'>hr3</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR4" href="https://www.hr4.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr4-Link geklickt"}]}'>hr4</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-info" href="https://www.hr-inforadio.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr INFO-Link geklickt"}]}'>hr INFO</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="you-fm" href="https://www.you-fm.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::YOU FM-Link geklickt"}]}'>YOU FM</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-fernsehen" href="https://www.hr-fernsehen.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr-fernsehen-Link geklickt"}]}'>hr-fernsehen</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-Sinfonieorchester" href="https://www.hr-sinfonieorchester.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr-Sinfonieorchester-Link geklickt"}]}'>hr-Sinfonieorchester</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-Bigband" href="https://www.hr-bigband.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr-Bigband-Link geklickt"}]}'>hr-Bigband</a> </li> <li class="sb-brand-navigation-item h-8 h-10 md:h-8 font-bold text-brandnav-pseudo cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 relative md:flex-row js-load w-max flex justify-center -currentBrand " aria-label="Der HR" href="https://www.hr.de/index.html" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::Der hr-Link geklickt"}]}'>Der hr</a> </li> </ul> </nav> </div> </div> </div> </div> <div id="serviceNavWrapper" :class="shouldServiceNavBeHidden() ? '-mt-40' : ''" class="relative grid grid-page order-2 w-full transition-[margin-top] duration-200 ease-in-out border-b border-servicenavigation-border-color bg-navigation-bg z-120"> <div id="serviceNavMainContainer" class="flex w-full h-10 pl-5 pr-3 md:h-12 lg:h-16 z-110 md:pr-0 lg:px-10 col-full sm:col-main"> <span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span> <div id="serviceLogoWrapper" class="flex items-center order-1 w-full bg-navigation-bg md:h-12 lg:h-16 md:w-1/2 md:max-w-1/2 lg:w-1/4 lg:max-w-1/4"> <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" href=https://www.hr.de/index.html title="Startseite hr . d e"> <div class="relative flex h-10 brand-logo-size md:hidden" > <img width="152" height="150" src="https://www.hr.de/assets_4.9.3/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr.de"> </div> <div class="md:flex hidden justify-start w-auto brand-logo-size md:brand-logo-size-md lg:brand-logo-size-lg h-12 lg:h-[3.875rem] " > <img width="300" height="66" src="https://www.hr.de/assets_4.9.3/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr.de"> </div> </a> <script> percent = 0 </script> </div> <div id="serviceItemsWrapper" class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-navigation-bg md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0"> <div id="serviceList" @click.outside="$store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen && !$store.burgeropen)" x-ref="serviceList" :class="shouldServiceIconsBeHidden() ? 'delay-300 duration-500 -mt-40 -z-40' : 'delay-0 duration-0 mt-0 z-130'" class="absolute transition-[margin-top] ease-in left-0 flex justify-center flex-initial w-full h-10 max-w-full align-top ease-in border-b border-navigation-border-color sb-service-list md:z-100 md:h-12 top-[41px] bg-navigation-bg md:border-0 md:top-auto md:w-auto md:left-auto md:static md:justify-end md:flex md:flex-auto lg:h-16 lg:pl-0 lg:pr-4 lg:w-3/4 " > <ul class="flex justify-around w-full h-full -itemCount- lg:w-auto lg:justify-end lg:pt-1"> <li class="sb-service-navigation-item -veranstaltungen flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-navigation-icons border-navigation-border-color"> <a href="https://www.hr.de/veranstaltungen/index.html" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-2122-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Veranstaltungen-Link geklickt"}]}'> <div class="w-7 md:w-8 h-7 md:h-8" > <svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#hrcalendar-ds"></use> </svg> <span class="sr-only lg:hidden">Veranstaltungen</span> </div> <div :class="{'text-primary fill-current': dropped,'text-navigation-icons fill-white': !dropped}" class="relative flex-row items-center justify-center hidden pt-px text-navigation-icons lg:flex z-120"> <div class="flex" > <span class="flex text-xs leading-4 whitespace-nowrap"> Veranstaltungen </span> </div> </div> </a> </li> <li class="sb-service-navigation-item -kontakt flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-navigation-icons border-navigation-border-color"> <a href="https://www.hr.de/kontakt/index.html" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-6722-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Kontakt-Link geklickt"}]}'> <div class="w-7 md:w-8 h-7 md:h-8" > <svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg> <span class="sr-only lg:hidden">Kontakt</span> </div> <div :class="{'text-primary fill-current': dropped,'text-navigation-icons fill-white': !dropped}" class="relative flex-row items-center justify-center hidden pt-px text-navigation-icons lg:flex z-120"> <div class="flex" > <span class="flex text-xs leading-4 whitespace-nowrap"> Kontakt </span> </div> </div> </a> </li> </ul> </div> <div x-cloak class="flex items-center h-8 sb-quick-search-button md:h-full md:border-r md:border-l border-navigation-border-color lg:border-none" :class="$store.searchFieldOpen == true ? 'bg-white mt-2 rounded-t md:mt-0 md:rounded-none' : 'bg-navigation-bg'" > <button @click="$store.searchFieldOpen = ! $store.searchFieldOpen; dropped = false; $store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen)" @click.debounce.100ms="$dispatch('burger-close'); $dispatch('search-mobile-click'); $dispatch('close-servicemenu');" class="h-full cursor-pointer text-navigation-text md:px-4 lg:hidden" x-effect="$el.setAttribute('id', 'flyout-' + $store.searchID.current + '-1');$el.setAttribute('aria-owns', 'flyout-' + $store.searchID.current + '-2');$el.setAttribute('aria-controls', 'flyout-' + $store.searchID.current + '-2');$el.setAttribute('aria-expanded', $store.searchFieldOpen == true);$el.setAttribute('aria-label', $store.searchFieldOpen == true ? 'Suche schließen' : 'Suche öffnen')" > <svg x-show="$store.searchFieldOpen == false" class="h-5 fill-current text-navigation-text w-9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" role="presentation" x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == true)" > <path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path> </svg> <svg x-show="$store.searchFieldOpen == true" class="h-6 fill-current w-9 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == false)" > <path d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path> </svg> </button> </div> <div class="hidden lg:flex"> <form x-data="searchSuggest()" role="search" action="https://www.hr.de/suche/index.nc.html" method="get" class="relative flex w-full border rounded ui-test-quick-search-form lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end" > <div class="flex lg:h-10 w-full" id="search-content" @click.away="active=false; cursorIndex=-1" @keydown.arrow-down="moveDownList()" @keydown.arrow-up="moveUpList()" > <label for="searchInput--1659" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Suchen' class="ui-test-quick-search w-full px-2 py-2 placeholder-search-header-text text-search-header-text text-base leading-4 placeholder-opacity-100 rounded-l appearance-none lg:top-10 placeholder-text-xs focus:outline-none" type="text" id="searchInput--1659" autocomplete="off" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" aria-owns="suggestionlist--1659" aria-controls="suggestionlist--1659" > <div class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" x-show="query.length > 1 && active && suggestions.length" x-cloak x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <ul role="listbox" id="suggestionlist--1659" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr.de/suche/index.nc.html?query=' + suggestion" x-bind:class="{'py-1.5 px-2 link-focus-inset text-base flex w-full text-secondary rounded hover:bg-primary hover:text-white': true, 'bg-primary text-white':index==cursorIndex }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/&quot;/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> <div id="burgerWrapper" class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden"> <div x-data="burger()" class="flex items-center justify-center h-full fill-current sb-burger"> <nav class="h-10 tablet:h-12"> <button class="relative w-10 h-10 text-navigation-text tablet:w-18 tablet:h-12 focus:outline-none bg-brand" @burger-close.window="burgerClose()" @click="burgerClick()" aria-owns="sectionNav" aria-controls="sectionNav" x-effect="$el.setAttribute('aria-expanded', $store.burgeropen);$el.setAttribute('aria-label', $store.burgeropen ? 'Navigation schließen' : 'Navigation öffnen')" > <span class="sr-only md:hidden">Open main menu</span> <div class="absolute block w-6 -mt-px transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2"> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current -mt-2" :class="{'rotate-45': $store.burgeropen, '-mt-2': ! $store.burgeropen }"></span> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current" :class="{'opacity-0': $store.burgeropen } "></span> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current mt-2" :class="{'-rotate-45': $store.burgeropen, 'mt-2': ! $store.burgeropen }"></span> </div> </button> </nav> </div> <script> var burger = () => { return { burgerClose(){ this.$store.burgeropen = false this.$dispatch('toggle-sectionnav', false); }, burgerClick(){ this.$store.serviceNavIsOpen = false this.$store.burgeropen = !this.$store.burgeropen this.$dispatch('toggle-sectionnav', this.$store.burgeropen); // Todo: not doing anything! can be removed? // this.percent > 50 ? this.removeYtranslate() : null; this.toggleScrolling(!this.$store.burgeropen) }, removeYtranslate(){ // Todo: not doing anything! can be removed? //this.$refs.serviceList.classList.remove('-mt-40'); //this.$refs.sectionnavigation.classList.remove('-mt-40') } } } </script> </div> </div> </div> </div> <div id="sectionNavWrapper" x-ref="sectionnavigation" @toggle-sectionnav.window="toggleSectionNav" :class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''" class="lg:grid lg:grid-page justify-center order-3 w-full overflow-hidden duration-200 lg:border-navigation-border-color [border-image-source:var(--border-navigation-border-image)] [border-image-slice:1] lg:border-b-navigation-border-width lg:duration-0 tablet:absolute tablet:top-20 tablet:w-[calc(50%-0.75rem)] tablet:ml-[calc(50%+0.75rem)] max-h-0 lg:overflow-visible md:mt-0 lg:max-h-full lg:h-auto bg-navigation-bg z-100 print:hidden " > <div id="sectionNav" class="w-full px-0 mt-10 sb-section-navigation md:mt-0 lg:grid-cols-12 lg:px-10 lg:col-main " x-effect="$el.setAttribute('aria-expanded', $store.burgeropen || $screen('lg')); $el.setAttribute('aria-hidden', ! ($store.burgeropen || $screen('lg')))" > <div x-data="slider()" x-init="initialize($refs.scrollContainer_1659)" class="relative w-full" ax-load x-ignore > <template x-if="isScrollable && $screen('lg')"> <div> <button style="background-image: linear-gradient(90deg, var(--color-navigation-bg) 50%, transparent);" class="absolute left-0 z-10 flex items-center justify-start w-10 h-full text-navigation-icons disabled:hidden" @click="prev($refs.scrollContainer_1659)" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" > <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <button style="background-image: linear-gradient(270deg, var(--color-navigation-bg) 50%, transparent);" class="bg-gradient-to-l absolute right-0 z-10 flex items-center justify-end w-10 h-full text-navigation-icons disabled:hidden group from-[--color-navigation-bg]" @click="next($refs.scrollContainer_1659)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true"> <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_1659" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> <div class="flex w-full"> <span id="sectionNavHeadline" class="hidden">Bereichsnavigation</span> <ul class="flex flex-col items-center w-full text-left list-none text-navigation-icons lg:flex-row lg:h-auto lg:mt-1"> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr.de/index.html" class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" aria-label="Startseite der hr" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Start-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Start<span class="sr-only">der hr</span> </a> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr.de/unternehmen/index.html" id="button-0-1" @click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()" @resize.window="dropped=false; correctFlyoutPos()" :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'" class="js-dropdown-in-desktop js-noStateManager link-focus-inset js-load pl-5 pr-8 lg:pl-4 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Unternehmen-Toggle-Link geklickt"}]}' > Unternehmen<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex"> <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </a> <button @click.debounce.100ms="toggle()" id="button-0-1" class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Unternehmen-Toggle-Link geklickt"}]}'> <span class="hidden">Unternehmen</span> <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''"> <svg class="sb-icon w-4 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </button> <div x-cloak x-data="flyoutHandler" x-ref="0" id="flyout-0" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-0-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="hidden lg:flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> <a href="https://www.hr.de/unternehmen/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Unternehmen::Übersicht Unternehmen-Link geklickt"}]}' > Übersicht Unternehmen </a> </div> </div> <div class="lg:flex lg:flex-row -columnCount--2 lg:divide-x lg:divide-gray-200 "> <ul class="md:w-1/1 lg:w-1/2 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/portrait/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Porträt </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/backstage-und-meldungen/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Backstage und Meldungen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/diversity/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Diversity </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/dialog/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Dialog </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/struktur/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Struktur </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr-rundfunkrat.de/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr-rundfunkrat-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > hr-Rundfunkrat<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/struktur/der-verwaltungsrat-v1,verwaltungsrat-100.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Verwaltungsrat </a> </li></ul> <ul class="md:w-1/1 lg:w-1/2 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/standorte/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Standorte </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/rechtliche-grundlagen/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Rechtliche Grundlagen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/zahlen-und-fakten/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Zahlen und Fakten </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Rolle innerhalb der ARD </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/korrekturen/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Korrekturen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/chronik/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Chronik </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr-werbung.de/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr-werbung-102 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > hr werbung GmbH<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/unternehmen/weil-hessen-mehr-verbindet/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Unternehmen-Link geklickt"}]}' > Initiative &quot;Weil Hessen mehr verbindet&quot; </a> </li></ul> </div> </div> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr.de/presse/index.html" id="button-0-1" @click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()" @resize.window="dropped=false; correctFlyoutPos()" :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'" class="js-dropdown-in-desktop js-noStateManager -currentSection lg:justify-center !font-bold link-focus-inset js-load pl-5 pr-8 lg:pl-4 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Presse-Toggle-Link geklickt"}]}' > Presse<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex"> <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </a> <button @click.debounce.100ms="toggle()" id="button-0-1" class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Presse-Toggle-Link geklickt"}]}'> <span class="hidden">Presse</span> <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''"> <svg class="sb-icon w-4 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </button> <div x-data="flyoutHandler" x-ref="0" id="flyout-0" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-0-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="hidden lg:flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> <a href="https://www.hr.de/presse/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Presse::Übersicht Presse-Link geklickt"}]}' > Übersicht Presse </a> </div> </div> <div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> <ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Presse-Link geklickt"}]}' > Programme und Veranstaltungen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/presse/unternehmen/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Presse-Link geklickt"}]}' > Unternehmen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/presse/fotos-und-logos/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Presse-Link geklickt"}]}' > Fotos </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/presse/kontakt/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Presse-Link geklickt"}]}' > Kontakt </a> </li></ul> </div> </div> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr.de/karriere/index.html" id="button-0-1" @click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()" @resize.window="dropped=false; correctFlyoutPos()" :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'" class="js-dropdown-in-desktop js-noStateManager link-focus-inset js-load pl-5 pr-8 lg:pl-4 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Karriere-Toggle-Link geklickt"}]}' > Karriere<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex"> <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </a> <button @click.debounce.100ms="toggle()" id="button-0-1" class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Karriere-Toggle-Link geklickt"}]}'> <span class="hidden">Karriere</span> <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''"> <svg class="sb-icon w-4 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </button> <div x-cloak x-data="flyoutHandler" x-ref="0" id="flyout-0" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-0-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="hidden lg:flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> <a href="https://www.hr.de/karriere/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Karriere::Übersicht Karriere-Link geklickt"}]}' > Übersicht Karriere </a> </div> </div> <div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> <ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/karriere/alle-angebote/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Karriere-Link geklickt"}]}' > Alle Angebote </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/karriere/arbeiten-im-hr/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Karriere-Link geklickt"}]}' > Arbeiten im hr </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/karriere/ausbildung-im-hr/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Karriere-Link geklickt"}]}' > Ausbildung im hr </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/karriere/kontaktformular/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Karriere-Link geklickt"}]}' > Kontakt </a> </li></ul> </div> </div> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr.de/engagement/index.html" id="button-0-1" @click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()" @resize.window="dropped=false; correctFlyoutPos()" :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'" class="js-dropdown-in-desktop js-noStateManager link-focus-inset js-load pl-5 pr-8 lg:pl-4 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Engagement-Toggle-Link geklickt"}]}' > Engagement<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex"> <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </a> <button @click.debounce.100ms="toggle()" id="button-0-1" class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Engagement-Toggle-Link geklickt"}]}'> <span class="hidden">Engagement</span> <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''"> <svg class="sb-icon w-4 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </button> <div x-cloak x-data="flyoutHandler" x-ref="0" id="flyout-0" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-0-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="hidden lg:flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> <a href="https://www.hr.de/engagement/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Engagement::Übersicht Engagement-Link geklickt"}]}' > Übersicht Engagement </a> </div> </div> <div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> <ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/engagement/kultur/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Engagement-Link geklickt"}]}' > Kultur </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/engagement/kinder-und-jugendliche/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Engagement-Link geklickt"}]}' > Kinder und Jugendliche </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/engagement/medien/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Engagement-Link geklickt"}]}' > Medien </a> </li></ul> </div> </div> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr.de/services/index.html" id="button-0-1" @click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()" @resize.window="dropped=false; correctFlyoutPos()" :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'" class="js-dropdown-in-desktop js-noStateManager link-focus-inset js-load pl-5 pr-8 lg:pl-4 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Service-Toggle-Link geklickt"}]}' > Service<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex"> <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </a> <button @click.debounce.100ms="toggle()" id="button-0-1" class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Service-Toggle-Link geklickt"}]}'> <span class="hidden">Service</span> <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''"> <svg class="sb-icon w-4 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </button> <div x-cloak x-data="flyoutHandler" x-ref="0" id="flyout-0" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-0-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="hidden lg:flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> <a href="https://www.hr.de/services/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Service::Übersicht Service-Link geklickt"}]}' > Übersicht Service </a> </div> </div> <div class="lg:flex lg:flex-row -columnCount--2 lg:divide-x lg:divide-gray-200 "> <ul class="md:w-1/1 lg:w-1/2 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/empfang-und-verbreitungswege/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Empfang und Verbreitungswege </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/besuch/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Ihr Besuch im hr </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/veranstaltungen/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Alle hr-Veranstaltungen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/hr-ticketcenter/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > hr-Ticketcenter </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/fuehrungen-im-hr/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Führungen im hr </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/apps/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Apps </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/social-media/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Social Media </a> </li></ul> <ul class="md:w-1/1 lg:w-1/2 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/podcasts/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Podcasts und Radio-Livestreams </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/beitragscenter/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Beitragsservice </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/hzs/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Hörer- und Zuschauerservice </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/archiv-und-mitschnitte/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Archiv und Mitschnitte </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/auftragsvergabe/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Auftragsvergabe </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/fuer-produktionsfirmen/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Für Produktionsfirmen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/services/barrierefreiheit/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Barrierefreiheit im hr </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr.de/kontakt/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Service-Link geklickt"}]}' > Kontakt </a> </li></ul> </div> </div> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr.de/bildungsbox/index.html" class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::BildungsBox-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > BildungsBox </a> </li> </ul> </div> </div> </div> </div> </div> <div x-cloak :class="shouldServiceNavBeHidden() ? 'hidden -mt-40' : ''" x-effect="$el.setAttribute('id', 'flyout-' + $store.searchID.current + '-2');$el.setAttribute('aria-expanded', $store.searchFieldOpen);$el.setAttribute('aria-hidden', !$store.searchFieldOpen);$el.setAttribute('aria-labelledby', 'flyout-' + $store.searchID.current + '-1')" x-show="$store.searchFieldOpen" class="sb-quick-search-flyout flex tablet:w-half-screen tablet:ml-half-screen justify-end order-4 w-full max-w-full p-2 px-5 py-3.5 bg-white drop-shadow-md md:mt-0 z-120 lg:hidden print:hidden" @search-close.window="$store.searchFieldOpen = false" @click.outside="$store.searchFieldOpen = false; $dispatch('search-mobile-click-outside'); dropped = false; toggleScrolling(!$store.serviceNavIsOpensearchFieldOpen && !$store.burgeropen)" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-y-90" x-transition:enter-end="opacity-100 transform scale-y-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-y-100" x-transition:leave-end="opacity-0 transform scale-y-90"> <form x-data="searchSuggest()" role="search" action="https://www.hr.de/suche/index.nc.html" method="get" class="relative flex w-full border rounded ui-test-quick-search-form lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end" > <div class="flex lg:h-10 w-full" id="search-content" @click.away="active=false; cursorIndex=-1" @keydown.arrow-down="moveDownList()" @keydown.arrow-up="moveUpList()" > <label for="searchInput--8181" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Suchen' class="ui-test-quick-search w-full px-2 py-2 placeholder-search-header-text text-search-header-text text-base leading-4 placeholder-opacity-100 rounded-l appearance-none lg:top-10 placeholder-text-xs focus:outline-none" type="text" id="searchInput--8181" autocomplete="off" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" aria-owns="suggestionlist--8181" aria-controls="suggestionlist--8181" > <div class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" x-show="query.length > 1 && active && suggestions.length" x-cloak x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <ul role="listbox" id="suggestionlist--8181" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr.de/suche/index.nc.html?query=' + suggestion" x-bind:class="{'py-1.5 px-2 link-focus-inset text-base flex w-full text-secondary rounded hover:bg-primary hover:text-white': true, 'bg-primary text-white':index==cursorIndex }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/&quot;/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> </div> </header> <div class="justify-center hidden w-full scale-50 brand-logo_print print:flex"> <img loading="lazy" alt="Startseite hr . d e" src="https://www.hr.de/assets_4.9.3/base/icons/rsslogo/brandlogo--rss.jpg" /> </div> <div x-ref="myOverlay"> <div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-100 lg:hidden opacity-70"></div> </div> </div> <main onclick="void(0)" role="main" id="content" class="contentBody js-main js-load z-0 contentBody__backgroundImage" data-hr-init-service-worker='{"swUrl":"https://www.hr.de/sw.js"}'> <header class="page__header flex flex-col"> <div class="grid grid-page print:hidden order-1 z-10"> <div class="col-full sm:col-main bg-white py-3"> <nav id="breadcrumb-nav" class="print:hidden px-5 lg:px-10 inline-block bg-white rounded-r" role="navigation" aria-label="Sie sind hier: " > <ul> <li class="inline"> <a href="https://www.hr.de/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline"> <span>hr.de</span> </a> <span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </li> <li class="inline"> <h1 class="inline"> <a href="https://www.hr.de/presse/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline">Presse</a> </h1> </li> </ul> </nav> </div> </div> <div class="grid grid-page w-full order-2"> <div role="banner" class="grid col-full sm:col-main relative px-4 md:px-5 lg:px-10 bg-white dark:bg-black"> <div class="relative pb-4 border-b border-gray-boulder"> <h2> <span class="block mt-2 text-4xl sm480:text-5xl font-title text-text dark:text-text-dark"> Aktuelle Pressemeldungen </span> </h2> </div> </div> </div> </header> <div class="grid grid-page"> <div class="grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14"> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-16to9__medium.jpg" alt="Geschäftsführer Henning Strauss in der Doku „Billion Dollar Workwear – Die Engelbert Strauss Story"> </noscript> <img sizes="(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw" loading="auto" fetchpriority="high" srcset="https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-16to9__small.jpg 320w, https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-16to9__medium.jpg 480w, https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-16to9.jpg 960w, https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Geschäftsführer Henning Strauss in der Doku „Billion Dollar Workwear – Die Engelbert Strauss Story" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/hr-doku-billion-dollar-workwear--die-engelbert-strauss-story-neu-in-der-ard-mediathek-v1,hr-doku-billion-dollar-workwear-die-engelbert-strauss-story-neu-in-der-ard-mediathek-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-5xl'>hr-Doku „Billion Dollar Workwear – Die Engelbert Strauss Story“ neu in der ARD Mediathek</span> </h2> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Wie konnte aus einem ehemaligen Besenhändler aus dem hessischen Biebergemünd das milliardenschwere, global agierende Unternehmen Strauss werden? Und wie verändern die beiden geschäftsführenden Strauss-Brüder nicht nur ihre Marke, sondern die gesamte Region? Diesen Fragen geht der Hessische Rundfunk (hr) in der Doku „Billion Dollar Workwear – Die Engelbert Strauss Story“ nach, die ab Montag, 24. Februar, in der ARD Mediathek bereitsteht. </span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-02-20T10:32+0100">20.02.25, 10:32 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-1to1__small.jpg 380w, https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-1to1__medium.jpg 480w, https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-1to1.jpg 720w, https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-16to9__small.jpg 320w, https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-16to9__medium.jpg 480w, https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-16to9.jpg 960w, https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Die Band „Afterhour Eierbagge&quot;."> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-16to9__medium.jpg" alt="Die Band „Afterhour Eierbagge&quot;."> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/fastnacht--die-fuenfte-jahreszeit-im-hr-fernsehen-und-in-der-ard-mediathek-v1,fastnacht-im-hr-102.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Fastnacht – die fünfte Jahreszeit im hr-fernsehen und in der ARD Mediathek</span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Die närrische Saison nimmt Fahrt auf: Mit fünf großen Fastnachtsshows bringt der Hessische Rundfunk die bekanntesten Künstlerinnen und Künstler der Szene auf die Bühne und feiert gemeinsam mit allen Närrinnen und Narren. Der größte hessische Fastnachtsumzug wird zudem live aus Frankfurt im hr-fernsehen übertragen und auf dem YouTube-Kanal des hr gestreamt.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-02-14T10:51+0100">14.02.25, 10:51 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-1to1__xsmall.jpg 260w, https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-1to1__small.jpg 380w, https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-1to1__medium.jpg 480w, https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-1to1.jpg 720w, https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-16to9.jpg 960w, https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Das Logo des Hessischen Rundfunks."> </picture> <noscript> <img class="w-full" src="https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-16to9__medium.jpg" alt="Das Logo des Hessischen Rundfunks."> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/unternehmen/2025/hallo-hessen-unabhaengige-untersuchung-sieht-kein-fehlverhalten-unserer-moderatorin-v1,ergebnisse-untersuchung-hallo-hessen-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h2 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Stellungnahme des hr </span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Unabhängige Untersuchung sieht kein Fehlverhalten unserer Moderatorin  </span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Der Hessische Rundfunk (hr) und Selma Üsük sahen sich in den letzten Tagen und Wochen massiven öffentlichen Vorverurteilungen ausgesetzt. Ausgangspunkt war ein LinkedIn-Post von Prof. Dr. Haya Schulmann. Darin warf Prof. Dr. Haya Schulmann der Moderatorin der Sendung “Hallo Hessen” vom 28. Januar 2025 vor, sie in einem Vorgespräch zur Sendung antisemitisch und rassistisch beleidigt zu haben. </span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-02-13T12:51+0100">13.02.25, 12:51 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-1to1__small.jpg 380w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-1to1__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-1to1.jpg 720w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-16to9__small.jpg 320w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-16to9__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-16to9.jpg 960w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Andris Poga"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-16to9__medium.jpg" alt="Andris Poga"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/andris-poga-ersetzt-nathalie-stutzmann-in-der-grossen-reihe-v1,hr-so-poga-ersetzt-stutzmann-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>hr-Sinfonieorchester: Andris Poga ersetzt Nathalie Stutzmann in der Großen Reihe </span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Die Dirigentin Nathalie Stutzmann und der Solist Matthias Goerne müssen ihre Mitwirkung in den Konzerten des hr-Sinfonieorchesters in der kommenden Woche leider absagen. Stattdessen wird Andris Poga die beiden Konzerte in der Alten Oper Frankfurt sowie das Gastkonzert in Aschaffenburg dirigieren, Samuel Hasselhorn übernimmt den Gesangspart. Das Programm am Donnerstag, 20., Freitag, 21. Februar und Samstag, 22. Februar, bleibt von den Besetzungsänderungen unberührt.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-02-11T18:22+0100">11.02.25, 18:22 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-1to1__small.jpg 380w, https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-1to1__medium.jpg 480w, https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-1to1.jpg 720w, https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-16to9__small.jpg 320w, https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-16to9__medium.jpg 480w, https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-16to9.jpg 960w, https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="In der ARD Audiothek: „Das Imperium Heidi Klum – Catwalk zur Macht“"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-16to9__medium.jpg" alt="In der ARD Audiothek: „Das Imperium Heidi Klum – Catwalk zur Macht“"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/neuer-hr-podcast-das-imperium-heidi-klum--catwalk-zur-macht-v1,neuer-hr-podcast-das-imperium-heidi-klum-catwalk-zur-macht-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Neuer hr-Podcast „Das Imperium Heidi Klum – Catwalk zur Macht“</span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Wie hat es der heutige Megastar Heidi Klum geschafft, vom Mädchen aus Bergisch Gladbach zum Boss eines einflussreichen Wirtschaftsimperiums aufzusteigen? Diese Geschichte erzählt der fünfteilige hr-Podcast „Das Imperium Heidi Klum – Catwalk zur Macht“. Am Mittwoch, 12. Februar, erscheinen die ersten beiden Folgen in der ARD Audiothek. </span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-02-10T11:17+0100">10.02.25, 11:17 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-1to1__small.jpg 380w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-1to1__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-1to1.jpg 720w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-16to9__small.jpg 320w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-16to9__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-16to9.jpg 960w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Susanne Fröhlich"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-16to9__medium.jpg" alt="Susanne Fröhlich"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/das-ausgehspiel-mit-susanne-froehlich-ist-wieder-da-v1,das-ausgehspiel-mit-susanne-froehlich-ist-wieder-da100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Das Ausgehspiel mit Susanne Fröhlich ist wieder da</span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Die meisten Radiofans ins Hessen trifft es in Herz und Ohr: „Das Ausgehspiel - Wer mit wem?“ ist wieder da! Abends allein zuhause sitzen und sich langweilen – das macht keinen Spaß. Echte Menschen im wahren Leben kennenlernen, das wäre mal was, so wie früher! Der Hessische Rundfunk (hr), genauer gesagt hr1, macht das möglich. Am Freitag, 14. Februar, von 19 bis 24 Uhr, gibt es eine Zeitreise zurück ins vorige Jahrtausend: „Das Ausgehspiel - Wer mit wem?“ – früher bei hr3 angesiedelt – feiert ein Comeback. </span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-02-05T14:04+0100">05.02.25, 14:04 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-1to1__small.jpg 380w, https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-1to1__medium.jpg 480w, https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-1to1.jpg 720w, https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-16to9__small.jpg 320w, https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-16to9__medium.jpg 480w, https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-16to9.jpg 960w, https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Basti Red und Heike Borufka - die Hosts des Podcast &quot;Verurteilt! – Der Gerichtspodcast&quot;."> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-16to9__medium.jpg" alt="Basti Red und Heike Borufka - die Hosts des Podcast &quot;Verurteilt! – Der Gerichtspodcast&quot;."> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/verurteilt--der-gerichtspodcast-des-hr-in-der-ard-audiothek--zwoelf-neue-faelle-ab-dem-5-februar--v1,verurteilt-der-gerichtspodcast-des-hr-in-der-audiothek-zwoelf-neue-faelle-ab-dem-5-februar-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>„Verurteilt! – Der Gerichtspodcast“ des hr in der ARD Audiothek – Zwölf neue Fälle ab dem 5. Februar </span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Crime-Fans können sich auf neue Folgen des hr-Formats „Verurteilt! - Der Gerichtspodcast“ in der ARD Audiothek freuen. Ab Mittwoch, 5. Februar, sprechen Gerichtsreporterin Heike Borufka und YouTuber Basti Red über Kriminalfälle und vermitteln Einblicke hinter die Kulissen der deutschen Justiz - mit einer Mischung aus Fachwissen und Humor.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-02-05T10:00+0100">05.02.25, 10:00 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-1to1__small.jpg 380w, https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-1to1__medium.jpg 480w, https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-1to1.jpg 720w, https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-16to9__small.jpg 320w, https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-16to9__medium.jpg 480w, https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-16to9.jpg 960w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Martin Fröst"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-16to9__medium.jpg" alt="Martin Fröst"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/hr-sinfonieorchester-praesentiert-die-afro-american-symphony---v1,hr-sinfonieorchester-praesentiert-die-afro-american-symphony-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>hr-Sinfonieorchester präsentiert die „Afro-American Symphony“   </span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Ein ungewöhnliches und mitreißendes Programm steht beim nächsten Konzert der Großen Reihe des hr-Sinfonieorchesters an: am Donnerstag, 6., und Freitag, 7. Februar, wird das Orchester unter der Leitung von Riccardo Minasi die selten zu erlebende „Afro-American Symphony“ von William Grant Still auf die Bühne der Alten Oper Frankfurt bringen und zudem eines der beeindruckendsten Klarinettenkonzerte mit Solist Martin Fröst präsentieren. </span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-01-30T12:42+0100">30.01.25, 12:42 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-1to1__small.jpg 380w, https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-1to1__medium.jpg 480w, https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-1to1.jpg 720w, https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-16to9__small.jpg 320w, https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-16to9__medium.jpg 480w, https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-16to9.jpg 960w, https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=" Nils Wogram"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-16to9__medium.jpg" alt=" Nils Wogram"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/hommage-an-albert-mangelsdorff-mit-der-hr-bigband--v1,hommage-an-albert-mangelsdorff-mit-der-hr-bigband-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Hommage an Albert Mangelsdorff mit der hr-Bigband </span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Die hr-Bigband zieht den Hut vor Albert Mangelsdorff. Ein halbes Jahrhundert lang galt der weltberühmte Posaunist als wichtigster Botschafter des „Jazz made in Germany”. Die hr-Bigband zeigt mit Solist Nils Wogram am Donnerstag, 6. Februar, im Theater Rüsselsheim und am Freitag, 7. Februar, im Aschaffenburger Stadttheater, dass Mangelsdorffs künstlerisches Vermächtnis über seinen Tod vor 20 Jahren hinaus weiterlebt. In Rüsselsheim lädt hr INFO zudem zu einem Pre-Concert-Talk ein.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-01-29T10:30+0100">29.01.25, 10:30 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-1to1__small.jpg 380w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-1to1__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-1to1.jpg 720w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-16to9__small.jpg 320w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-16to9__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-16to9.jpg 960w, https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Die Moderatorinnen Kristin Gesang (li.) und Ute Wellstein"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-16to9__medium.jpg" alt="Die Moderatorinnen Kristin Gesang (li.) und Ute Wellstein"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2025/hr-wahlmobil-in-fritzlar-baunatal-frankfurt-hoechst-und-giessen-v1,hr-wahlmobil-in-fritzlar-baunatal-frankfurt-hoechst-und-giessen-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelPm' > Pressemitteilung </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>hr-Wahlmobil in Fritzlar, Baunatal, Frankfurt-Höchst und Gießen </span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Das Wahlmobil des Hessischen Rundfunks tourt vor der Bundestagswahl durch Hessen und sammelt Fragen der Wählerinnen und Wähler an die hessischen Politikerinnen und Politiker ein. </span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2025-01-27T14:26+0100">27.01.25, 14:26 Uhr</time><span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">Weitere Meldungen &amp; Service</h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr.de/presse/archiv_pm/der-hr/2020/haupteingang-100~_t-1583515454069_v-16to9__medium.jpg" alt="Der Haupteingang des Hessischen Rundfunks in Frankfurt"> </noscript> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr.de/presse/archiv_pm/der-hr/2020/haupteingang-100~_t-1583515454069_v-16to9__small.jpg 320w, https://www.hr.de/presse/archiv_pm/der-hr/2020/haupteingang-100~_t-1583515454069_v-16to9__medium.jpg 480w, https://www.hr.de/presse/archiv_pm/der-hr/2020/haupteingang-100~_t-1583515454069_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/archiv_pm/der-hr/2020/haupteingang-100~_t-1583515454069_v-16to9.jpg 960w, https://www.hr.de/presse/archiv_pm/der-hr/2020/haupteingang-100~_t-1583515454069_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Der Haupteingang des Hessischen Rundfunks in Frankfurt" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/presse/unternehmen/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Alle Pressemitteilungen zum Unternehmen</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr.de/presse/archiv_pm/fernsehen/hr-fernsehen/2019/hessenschau-sommertour100~_t-1563283394473_v-16to9__medium.jpg" alt="Moderator Andreas Hieke auf der hessenschau-Sommertour"> </noscript> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr.de/presse/archiv_pm/fernsehen/hr-fernsehen/2019/hessenschau-sommertour100~_t-1563283394473_v-16to9__small.jpg 320w, https://www.hr.de/presse/archiv_pm/fernsehen/hr-fernsehen/2019/hessenschau-sommertour100~_t-1563283394473_v-16to9__medium.jpg 480w, https://www.hr.de/presse/archiv_pm/fernsehen/hr-fernsehen/2019/hessenschau-sommertour100~_t-1563283394473_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/archiv_pm/fernsehen/hr-fernsehen/2019/hessenschau-sommertour100~_t-1563283394473_v-16to9.jpg 960w, https://www.hr.de/presse/archiv_pm/fernsehen/hr-fernsehen/2019/hessenschau-sommertour100~_t-1563283394473_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Moderator Andreas Hieke auf der hessenschau-Sommertour" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Alle Pressemitteilungen zu Programmen &amp; Veranstaltungen</span> </h3> </a> </header> </div></article> <article class="ui-test-teaser-cluster mx-5 sm:mx-0 col-span-12 grid bg-highlight-1 rounded-tl-hr rounded-br-hr md:col-span-4 "> <div class=""> <h2 class="flex items-center px-5 py-5 text-clusterTeaserHeadline"> <span class="overflow-anywhere hyphens-auto text-2xl border-clusterTeaserHeadline font-titleCluster ">Auf einen Klick</span> </h2> <div class="flex flex-col"> <ul class="ui-test-teaser-cluster__list mx-5 divide-y divide-white divide-solid border-t border-white"> <li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/presse/kontakt/index.html" class="ds-link js-load block group " > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Kontakt</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/presse/fotos-und-logos/index.html" class="ds-link js-load block group " > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Fotos</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/presse/archiv_pm/radio/programmvorschau-radio,hr-presse-radio-programmvorschau-100.html" class="ds-link js-load block group " > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Programmvorschau Radio</span> </h3> </a> </li></ul></div> </div></article> </div> </section> </div> </div> <div class="h-8" x-data="{ isVisible: false }"> <div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }"> <div class="flex justify-between h-0 col-full sm:col-main" :class="{ 'bg-white h-8': $store.footerIsVisible }" x-show="!$store.sharingIsVisible && isVisible" x-transition:enter="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first" x-transition:enter-start="opacity-0 translate-y-8" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-12" @scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )" > <button @click="window.scrollTo({top: 0, behavior: 'smooth'})" :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'" class="inline-flex items-center font-heading border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 ml-auto z-100 p-2 h-max mr-5 hover:scale-105 [@media(min-width:1170px)]:-mr-14" aria-label='Zum Seitenanfang springen' > <svg class="sb-icon w-5 h-5 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </div> </div> <div class="grid h-8 grid-page" :class="{ 'hidden': $store.footerIsVisible }"><div class="flex justify-end h-8 bg-white col-full sm:col-main"></div></div> </div> </main> <footer class="relative grid justify-center w-full text-base border-t grid-page ui-test-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" > <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div> <div class="col-full sm:col-main md:px-10"> <span class="hidden">Footer Navigation</span> <div class="flex flex-wrap justify-start list-none"><div class="flex w-full md:w-1/2 md:first:pr-4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8"> <div @click="dropped = !dropped" class="flex justify-between w-full px-5 py-2 border-b border-footer-heading md:px-0 md:py-0 lg:m-0"> <span class="flex justify-start text-lg font-bold text-footer-heading " title="hr.de" onclick="">hr.de </span> <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/index.html" class="ds-link js-load flex hover:underline " > Start<span class="sr-only">der hr</span></a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/unternehmen/index.html" class="ds-link js-load flex hover:underline " > Unternehmen</a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/presse/index.html" class="ds-link js-load flex hover:underline " > Presse</a> </li> </ul> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/karriere/index.html" class="ds-link js-load flex hover:underline " > Karriere</a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/engagement/index.html" class="ds-link js-load flex hover:underline " > Engagement</a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/services/index.html" class="ds-link js-load flex hover:underline " > Service</a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/bildungsbox/index.html" class="ds-link js-load flex hover:underline " > BildungsBox</a> </li> </ul> </div> </nav></div> <div class="flex w-full md:w-1/4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8"> <div @click="dropped = !dropped" class="flex justify-between w-full px-5 py-2 border-b border-footer-heading md:px-0 md:py-0 lg:m-0"> <span class="flex justify-start text-lg font-bold text-footer-heading " title="Service" onclick="">Service </span> <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/karriere/alle-angebote/index.html" class="ds-link js-load flex hover:underline " > Stellenangebote</a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6"> <a href="https://www.hr-ticketcenter.de/" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > Ticketcenter <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr-werbung.de/index.html" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > hr-werbung <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr-rundfunkrat.de/index.html" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > Rundfunkrat <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> </ul> </div> </nav></div> <div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0"> <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading"> <div class="relative mx-auto "> <div class="flex px-5 pt-4 md:pt-0 md:px-0"> <form x-data="searchSuggest()" role="search" action="https://www.hr.de/suche/index.nc.html" method="get" class="relative flex w-full border rounded ui-test-quick-search-form lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end" > <div class="flex flex-col-reverse h-10 gap-y-1 w-full" id="search-content" @click.away="active=false; cursorIndex=-1" @keydown.arrow-down="moveDownList()" @keydown.arrow-up="moveUpList()" > <label for="searchInput--249" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Suchen' class="ui-test-quick-search w-full px-2 h-10 py-3 placeholder-search-footer-text text-search-footer-text text-base leading-4 placeholder-opacity-100 rounded-l appearance-none lg:top-10 placeholder-text-xs focus:outline-none" type="text" id="searchInput--249" autocomplete="off" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" aria-owns="suggestionlist--249" aria-controls="suggestionlist--249" > <div class="absolute left-0 w-auto min-w-full z-100 bottom-11" x-show="query.length > 1 && active && suggestions.length" x-cloak x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <ul role="listbox" id="suggestionlist--249" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr.de/suche/index.nc.html?query=' + suggestion" x-bind:class="{'py-1.5 px-2 link-focus-inset text-base flex w-full text-secondary rounded hover:bg-primary hover:text-white': true, 'bg-primary text-white':index==cursorIndex }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-current bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/&quot;/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> </div> </div> <nav class="block pb-0 mx-auto md:mx-0" aria-labelledby="c-footer_social_media_title" > <span id="c-footer_social_media_title" class="hidden">Social Media</span> <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4"> <li class="flex pr-2 last:pr-0"> <a href="https://de.linkedin.com/company/hessischer-rundfunk" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hr.de Linkedin" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#linkedin-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.facebook.com/hessischerrundfunk" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hr.de Facebook" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#facebook-ds"></use> </svg> </a> </li> </ul> <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4"> <li class="flex pr-2 last:pr-0"> <a href="https://www.hr.de/rss/index.html" class="ds-link js-load text-footer-text " title="hr.de RSS-Feed" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#rss-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hr.de/kontakt/index.html" class="ds-link js-load text-footer-text " title="Zum Kontaktformular" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg> </a> </li> </ul> </nav> <div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'> <button id="globalSettingsButton" class="ds-button inline-flex items-center font-heading border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95 p-2 min-w-10 justify-center js-data-policy-settings-button " type="submit" data-piano-tracking='{"label":"Footer","secondLevelId":1}' data-a11y-dialog-show="datapolicy-settings-dialog" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current w-5 h-5 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#settings"></use> </svg> <span class='ds-button-label text-base '>Einstellungen</span> </button> </div> <div id="datapolicy-settings-dialog" aria-labelledby="datapolicy-settings-title" aria-hidden="true" class="fixed inset-0 flex justify-center overflow-y-scroll aria-hidden:hidden z-300"> <div class="fixed w-full h-full top-0 left-0 right-0 bottom-0 bg-black/[0.5] js-data-policy-settings-overlay" data-a11y-dialog-hide> </div> <div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6"> <div class="flex w-full px-6 bg-primary z-100"> <span class="flex justify-start w-full py-4"> <span class="pr-4 -ml-1 fill-white"> <svg class="sb-icon h-7 w-7 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#settings"></use> </svg></span> <span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span> <button type="button" aria-label="Close dialog" class="text-white bg-transparent fill-current link-focus-white js-data-policy-settings-close-button" data-a11y-dialog-hide> <svg class="sb-icon h-6 w-6 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#close"></use> </svg> </button> </span> </div> <div class="bg-[#d8e9f6] p-6 "> <span id="datapolicy-settings-title" class="block text-lg text-black font-headingSerif">Erhebung von Nutzungszahlen</span> <p class="mt-4 text-black"> Zur Optimierung des Online-Angebots verwendet der Hessische Rundfunk Zählpixel, die eine statistische Analyse Ihres Surfverhaltens auf unseren Webseiten ermöglichen. Hier können Sie der Erfassung und Übermittlung der Daten widersprechen. <a class="block mt-2 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.hr.de/datenschutz/index.html" title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz </a> </p> </div> <div class="bg-[#e3e3e3] py-2.5 px-6"> <span class="text-lg text-black font-headingSerif">Statistische Messverfahren</span> </div> <ul class=""> <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> <span class="text-base text-black">AGF <a class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.agf.de/" title="AGF">(https://www.agf.de/)<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg></a></span> <div class="flex w-fit"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="agf" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="agf"> <span class="sr-only">agf aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> <span class="text-base text-black">AT Internet <a class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.atinternet.com/de/" title="AT Internet">(https://www.atinternet.com/de/)<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg></a></span> <div class="flex w-fit"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="ati" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ati"> <span class="sr-only">at internet aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> </ul> <div class="bg-[#d8e9f6] p-6"> <span class="block text-lg text-black font-headingSerif ">Externe Inhalte</span> <p class="mt-4 text-base text-black"> Hier können Sie festlegen, ob externe Inhalte (Text, Bild, Video…) ohne erneute Zustimmung angezeigt werden sollen. Bei Aktivierung stellt Ihr Browser beim Abruf der Inhalte eine Verbindung mit dem Anbieter her. Bei Deaktivierung wird Ihre Zustimmung auf der betreffenden Seite erneut eingeholt. <a class="block mt-2 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.hr.de/datenschutz/index.html" title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz </a> </p> </div> <div class="bg-[#e3e3e3] py-2.5 px-6"> <span class="block pb-2 text-lg text-black font-headingSerif">Externe Anbieter</span> <div class="flex justify-between"> <span class="inline-flex text-base text-black js-providerTitle">x</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox-all" type="checkbox" id="all" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="all"> <span class="sr-only">alle aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </div> </div> <ul> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Mediathek (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_mediathek" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_mediathek"> <span class="sr-only">ard_mediathek aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert"> <span class="sr-only">arte_concert aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert 2.0</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert_new" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert_new"> <span class="sr-only">arte_concert_new aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Datawrapper (Datengrafik)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="datawrapper_cdn" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="datawrapper_cdn"> <span class="sr-only">datawrapper_cdn aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Esri (Notfallkarte)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="esri" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="esri"> <span class="sr-only">esri aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Flourish (Datengrafik)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="flourish" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="flourish"> <span class="sr-only">flourish aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Giphy (animiertes GIF)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="giphy" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="giphy"> <span class="sr-only">giphy aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Facebook</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="facebook-post" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="facebook-post"> <span class="sr-only">facebook-post aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Instagram</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="instagram" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="instagram"> <span class="sr-only">instagram aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">X</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="twitter-post" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="twitter-post"> <span class="sr-only">twitter-post aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Vimeo (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="vimeo" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="vimeo"> <span class="sr-only">vimeo aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube"> <span class="sr-only">youtube aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube 360 (360° Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube360" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube360"> <span class="sr-only">youtube360 aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> </ul> </div> </div> </div> <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0"> <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" href=https://www.hr.de/index.html title="Startseite hr . d e"> <div class="relative flex h-10 md:hidden" > <img width="152" height="150" src="https://www.hr.de/assets_4.9.3/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr.de"> </div> <div class="md:flex hidden justify-start w-auto h-10 lg:h-12 " > <img width="300" height="66" src="https://www.hr.de/assets_4.9.3/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr.de"> </div> </a> <script> percent = 0 </script> </div> <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-0 md:flex-row "> <div class="flex flex-col self-center text-sm md:self-end w-fit md:flex-row"> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/index.html" class="ds-link js-load flex whitespace-nowrap hover:underline " title="Hessischer Rundfunk" > &copy; Hessischer Rundfunk </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.ard.de/" class="ds-link js-load flex whitespace-nowrap hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="ARD.de" > ARD.de <span class="inline-flex"> <svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/datenschutz/index.html" class="ds-link js-load flex whitespace-nowrap hover:underline " title="Datenschutz" > Datenschutz</a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/impressum/index.html" class="ds-link js-load flex whitespace-nowrap hover:underline " title="Impressum" > Impressum</a> </div> </div> </div> </div> </div> </footer> <script type="text/javascript"> var pianoWasInit = false var pageDisplayConfig = {} const isInWebAppiOS = (window.navigator.standalone === true) const isInWebAppChrome = (window.matchMedia('(display-mode: standalone)').matches) const displayMode = isInWebAppiOS ? 'pwa-ios' : isInWebAppChrome ? 'pwa' : 'browser-tab' const getCookie = (cookieName) => { let cookieString = RegExp('' + cookieName + '[^;]+').exec(document.cookie) return unescape(!!cookieString ? cookieString.toString().replace(/^[^=]+./, '') : '') } const getJSONCookie = (cookieName) => { let cookie try { cookie = JSON.parse(getCookie(cookieName)) } catch (e) { } return cookie } const isPianoTrackingAllowed = () => { const cookie = getJSONCookie('hrSettings') console.log('undefined === cookie || cookie[\'ati\'] === true', undefined === cookie || cookie['ati'] === true) return undefined === cookie || cookie['ati'] === true } function initPiano() { if (!pianoWasInit) { if (undefined !== window.pa) { console.log("Piano Script run:", performance.now()); window.pa.setConfigurations({ site: 580405, collectDomain: 'https://logs1187.xiti.com' }) pageDisplayConfig = { 'page': "presse", 'site_level2_id': 3, 'hr_first_publication_date': "2024-02-22T08:20:29+01:00", 'hr_modification_date_timestamp': "2024-06-03T14:27:22+02:00", 'hr_sophora_id': "presse-122", 'hr_document_type': "hr-nt:index" , 'display_mode': displayMode } if (isPianoTrackingAllowed()) { window.pa.sendEvent('page.display', pageDisplayConfig) } pianoWasInit = true; } } } initPiano(); addEventListener("pianoAnalyticsIsLoaded", initPiano); addEventListener("DOMContentLoaded", initPiano); </script></div> <script type="application/ld+json"> { "@type" : "BreadcrumbList", "@context" : "https://schema.org/", "itemListElement" : [ { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@id" : "https://www.hr.de/index.html", "@type" : "Thing", "@context" : "https://schema.org/", "id" : "https://www.hr.de/index.html", "url" : "https://www.hr.de/index.html" }, "name" : "hr.de", "position" : 1 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@id" : "https://www.hr.de/presse/index.html", "@type" : "Thing", "@context" : "https://schema.org/", "id" : "https://www.hr.de/presse/index.html", "url" : "https://www.hr.de/presse/index.html" }, "name" : "Presse", "position" : 2 } ] } </script> <script type="application/ld+json"> { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" } </script> <script type="application/ld+json"> { "@type" : "CollectionPage", "@context" : "https://schema.org/", "datePublished" : "2024-02-22T08:20:29.594+01:00", "description" : "Übersichtsseite: Pressebereich", "dateModified" : "2025-02-20T10:32:08.002+01:00", "headline" : "Pressebereich", "url" : "https://www.hr.de/presse/index.html" } </script> <script type="application/ld+json"> { "@type" : "ItemList", "@context" : "https://schema.org/", "itemListElement" : [ { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-02-20T10:32:08.002+01:00", "image" : [ "https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-16to9__retina.jpg", "https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-4to3__retina.jpg", "https://www.hr.de/presse/unternehmen/2025/021hr-2025-ard-mediathek-billion-dollar-workwear-die-engelbert-strauss-story-100~_t-1739374732139_v-1to1__xlarge.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "hr-Doku „Billion Dollar Workwear – Die Engelbert Strauss Story“ neu in der ARD Mediathek", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/hr-doku-billion-dollar-workwear--die-engelbert-strauss-story-neu-in-der-ard-mediathek-v1,hr-doku-billion-dollar-workwear-die-engelbert-strauss-story-neu-in-der-ard-mediathek-100.html" }, "position" : 1 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-02-14T10:51:44.899+01:00", "image" : [ "https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-16to9__retina.jpg", "https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307_v-4to3__retina.jpg", "https://www.hr.de/presse/unternehmen/2025/afterhour-eierbagge-hessen-lacht-zur-fassenacht-2025-100~_t-1739445202307.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "Fastnacht – die fünfte Jahreszeit im hr-fernsehen und in der ARD Mediathek", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/fastnacht--die-fuenfte-jahreszeit-im-hr-fernsehen-und-in-der-ard-mediathek-v1,fastnacht-im-hr-102.html" }, "position" : 2 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-02-13T12:51:55.725+01:00", "image" : [ "https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-16to9__retina.jpg", "https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353_v-4to3__retina.jpg", "https://www.hr.de/unternehmen/hr-logo-102~_t-1704198385353.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "\"hallo hessen\": Unabhängige Untersuchung sieht kein Fehlverhalten unserer Moderatorin  ", "url" : "https://www.hr.de/presse/unternehmen/2025/hallo-hessen-unabhaengige-untersuchung-sieht-kein-fehlverhalten-unserer-moderatorin-v1,ergebnisse-untersuchung-hallo-hessen-100.html" }, "position" : 3 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-02-11T18:22:32.374+01:00", "image" : [ "https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-16to9__retina.jpg", "https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821_v-4to3__retina.jpg", "https://www.hr.de/presse/programme-und-veranstaltungen/2025/019hrso-2025-andris-poga-100~_t-1739283728821.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "Andris Poga ersetzt Nathalie Stutzmann in der Großen Reihe", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/andris-poga-ersetzt-nathalie-stutzmann-in-der-grossen-reihe-v1,hr-so-poga-ersetzt-stutzmann-100.html" }, "position" : 4 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-02-10T11:17:27.859+01:00", "image" : [ "https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-16to9__retina.jpg", "https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843_v-4to3__retina.jpg", "https://www.hr.de/presse/unternehmen/2025/017hr-2025-das-imperium-heidi-klum-keyvisual-100~_t-1738166544843.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "Neuer hr-Podcast „Das Imperium Heidi Klum – Catwalk zur Macht“", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/neuer-hr-podcast-das-imperium-heidi-klum--catwalk-zur-macht-v1,neuer-hr-podcast-das-imperium-heidi-klum-catwalk-zur-macht-100.html" }, "position" : 5 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-02-05T14:04:39.830+01:00", "image" : [ "https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-16to9__retina.jpg", "https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871_v-4to3__retina.jpg", "https://www.hr.de/presse/programme-und-veranstaltungen/2025/011hr1-2025-ausgehspiel-wer-mit-wem-104~_t-1738674844871.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "Das Ausgehspiel mit Susanne Fröhlich ist wieder da", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/das-ausgehspiel-mit-susanne-froehlich-ist-wieder-da-v1,das-ausgehspiel-mit-susanne-froehlich-ist-wieder-da100.html" }, "position" : 6 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-02-05T10:00:00.020+01:00", "image" : [ "https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-16to9__retina.jpg", "https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351_v-4to3__retina.jpg", "https://www.hr.de/presse/unternehmen/2025/012hr-2025-basti-red-heike-borufka-verurteilt-der-gerichtspodcast-100~_t-1738746209351.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "„Verurteilt! – Der Gerichtspodcast“ des hr in der ARD Audiothek – Zwölf neue Fälle ab dem 5. Februar ", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/verurteilt--der-gerichtspodcast-des-hr-in-der-ard-audiothek--zwoelf-neue-faelle-ab-dem-5-februar--v1,verurteilt-der-gerichtspodcast-des-hr-in-der-audiothek-zwoelf-neue-faelle-ab-dem-5-februar-100.html" }, "position" : 7 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-01-30T12:42:50.568+01:00", "image" : [ "https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-16to9.jpg", "https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842_v-4to3__retina.jpg", "https://www.hr.de/presse/fotos-und-logos/hr-sinfonieorchester/froest-martin-118~_t-1714054316842.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "hr-Sinfonieorchester präsentiert die „Afro-American Symphony“   ", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/hr-sinfonieorchester-praesentiert-die-afro-american-symphony---v1,hr-sinfonieorchester-praesentiert-die-afro-american-symphony-100.html" }, "position" : 8 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-01-29T10:30:54.484+01:00", "image" : [ "https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-16to9__retina.jpg", "https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863_v-4to3__retina.jpg", "https://www.hr.de/presse/archiv_pm/radio/hr2/2018/011-wogram-100~_t-1520007184863.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "Hommage an Albert Mangelsdorff mit der hr-Bigband ", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/hommage-an-albert-mangelsdorff-mit-der-hr-bigband--v1,hommage-an-albert-mangelsdorff-mit-der-hr-bigband-100.html" }, "position" : 9 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@type" : "NewsArticle", "@context" : "https://schema.org/", "datePublished" : "2025-01-27T14:26:15.355+01:00", "image" : [ "https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-16to9__retina.jpg", "https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964_v-4to3__retina.jpg", "https://www.hr.de/presse/programme-und-veranstaltungen/2025/010hrf-2025-wahlmobil-100~_t-1737985573964.jpg" ], "author" : [ { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "Redaktion hessenschau.de", "url" : "https://www.hr.de/redaktion/index.html" } ], "publisher" : { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr.de", "logo" : "https://www.hr.de/favicon-256.png", "url" : "https://www.hr.de/" }, "headline" : "hr-Wahlmobil in Fritzlar, Baunatal, Frankfurt-Höchst und Gießen ", "url" : "https://www.hr.de/presse/programme-und-veranstaltungen/2025/hr-wahlmobil-in-fritzlar-baunatal-frankfurt-hoechst-und-giessen-v1,hr-wahlmobil-in-fritzlar-baunatal-frankfurt-hoechst-und-giessen-100.html" }, "position" : 10 } ] } </script> </body> </html>

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