hr.de | Der Hessische Rundfunk

<!DOCTYPE html> <html class="no-js no-js-burgerMenu preload noMicroInteraction" data-theme="hr" lang="de"> <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>hr.de | Der Hessische Rundfunk</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="2024-11-25T12:40+0100" /> <meta name="date" content="2017-01-27T11:46+0100" /> <meta name="description" content="Offizielle Internetseite des Hessischen Rundfunks (hr): Der hr ist Teil der ARD und die öffentlich-rechtliche Landesrundfunkanstalt in und für Hessen." /> <link rel="canonical" href="https://www.hr.de/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/index.html" /> <meta property="og:title" content="Startseite " /> <meta property="og:description" content="Offizielle Internetseite des Hessischen Rundfunks (hr): Der hr ist Teil der ARD und die öffentlich-rechtliche Landesrundfunkanstalt in und für Hessen." /> <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="Startseite " /> <meta property="twitter:description" content="Offizielle Internetseite des Hessischen Rundfunks (hr): Der hr ist Teil der ARD und die öffentlich-rechtliche Landesrundfunkanstalt in und für Hessen." /> <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/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.4.0/index.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr.de/assets_4.4.0/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.4.0" sizes="32x32"> <link rel="icon" href="https://www.hr.de/favicon.min.svg?v=4.4.0" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.hr.de/favicon.png?v=4.4.0"> <link href="https://www.hr.de/assets_4.4.0/js/vendor/modernizr.cust.js" rel="preload" as="script"> <link href="https://www.hr.de/assets_4.4.0/js/index.js" rel="preload" as="script"> <link href="https://www.hr.de/assets_4.4.0/js/alpine.js" rel="preload" as="script"> <link href="https://www.hr.de/assets_4.4.0/js/hr-scriptload.js" rel="preload" as="script"> <link href="https://www.hr.de/assets_4.4.0/js/hrQueryOld.js" rel="preload" as="script"> <script src="https://www.hr.de/assets_4.4.0/js/vendor/piano-analytics.js"></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.4.0/js/polyfill/ie11CustomProperties.js"><\/script>')</script> <link href="https://www.hr.de/assets_4.4.0/fonts/RobotoCondensed-Bold.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.4.0/fonts/DINPro-Bold.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.4.0/fonts/RobotoCondensed.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.4.0/fonts/DINPro.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.4.0/fonts/Merriweather-Italic.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="https://www.hr.de/assets_4.4.0/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.4.0/js/alpine.js'></script>  <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.4.0/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hr.de/assets_4.4.0/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hr.de/assets_4.4.0/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hr.de/assets_4.4.0/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hr.de/assets_4.4.0/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hr.de/assets_4.4.0/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.4.0/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hr.de/assets_4.4.0/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hr.de/assets_4.4.0/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hr.de/assets_4.4.0/js/'})}),"async")}))}),"async"); </script>  <link href="https://www.hr.de/index.rss" title="Alle Beiträge 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.4.0/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.4.0/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 src="https://www.hr.de/assets_4.4.0/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 src="https://www.hr.de/assets_4.4.0/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-9172-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.4.0/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-3113-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.4.0/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--9283" 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--9283" 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--9283" aria-controls="suggestionlist--9283" > <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--9283" 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.4.0/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(/"/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 " :class="$store.burgeropen ? 'rotate-45' : '-mt-2'"></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" :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_9283)" 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_9283)" :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.4.0/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_9283)" :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.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_9283" @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="-currentSection lg:justify-center link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full font-bold" 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.4.0/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.4.0/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/transparenz---fragen-und-antworten-zum-hessischen-rundfunk--v2,transparenz-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"}]}' > Transparenz </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/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.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </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/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><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.4.0/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 "Weil Hessen mehr verbindet" </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 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.4.0/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.4.0/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/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.4.0/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.4.0/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/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::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.4.0/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.4.0/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.4.0/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.4.0/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"}]}' > Alle Podcast-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/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--6344" 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--6344" 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--6344" aria-controls="suggestionlist--6344" > <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--6344" 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.4.0/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(/"/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.4.0/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"}'> <h1 class="sr-only">Startseite </h1> <header class="page__header flex flex-col"> </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"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">Aktuelles</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 md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 flex-col" x-data="{ avStart: false }" > <figure class="relative basis-full w-full md:basis-2/3-gap-6 ar-16-9" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr.de/unternehmen/backstage-und-meldungen/archiv-backstage-geschichten/orangetheworld-100~_t-1732371300718_v-16to9__medium.jpg" alt="Logo der Aktion "Orange the world": ein orangefarbener Handabdruck mit Stopp-Geste, dazu die Schrift "Stoppt Gewalt gegen frauen""> </noscript> <img sizes="(max-width: 47.938em) 100vw, (min-width: min-width: 48em) and (max-width: 1037px) 66vw, 620px" loading="auto" fetchpriority="high" srcset="https://www.hr.de/unternehmen/backstage-und-meldungen/archiv-backstage-geschichten/orangetheworld-100~_t-1732371300718_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/backstage-und-meldungen/archiv-backstage-geschichten/orangetheworld-100~_t-1732371300718_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/backstage-und-meldungen/archiv-backstage-geschichten/orangetheworld-100~_t-1732371300718_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/backstage-und-meldungen/archiv-backstage-geschichten/orangetheworld-100~_t-1732371300718_v-16to9.jpg 960w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Logo der Aktion "Orange the world": ein orangefarbener Handabdruck mit Stopp-Geste, dazu die Schrift "Stoppt Gewalt gegen frauen"" class="w-full"> </div> </figure> <div class=" basis-full w-full md:basis-1/3-gap-6"> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/unternehmen/backstage-und-meldungen/archiv-backstage-geschichten/hr-engagiert-sich-bei-orange-the-world-gewalt-gegen-frauen-stoppen-v1,orangetheworld_2024_baenke-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>"Orange the world"</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-4xl'>hr unterstützt UN-Aktion: Gewalt gegen Frauen stoppen</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>"Stopp! Kein Platz für Gewalt gegen Frauen und Mädchen!" So steht es auf den orangefarbenen Bänken vor dem Funkhaus sowie in der Goldhalle und vor der hr-Kantine. Der hr beteiligt sich seit dem 25. November an der weltweiten UN-Aktion "Orange the world" gegen Gewalt gegen Frauen und Mädchen. Mit den Bänken verbindet sich ein Appell an Gäste und Mitarbeitende: Nehmt Platz. Schaut genau hin, solidarisiert euch mit den Opfern und sagt "Stopp!“ Denn: Es passiert jeden Tag und überall. Vielleicht auch im eigenen Umfeld.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Von Nicole Kohse-Stumpf</span> <span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 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/unternehmen/backstage-und-meldungen/ard-kinderradionacht-2024-keyvisiual-100~_t-1732529536953_v-16to9__medium.jpg" alt="Zwei Kinder mit Schutzhelmen klettern eine Strickleiter hoch, die zu einer Höhle mit Fledermäusen und Spinnennetzen führt"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr.de/unternehmen/backstage-und-meldungen/ard-kinderradionacht-2024-keyvisiual-100~_t-1732529536953_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/backstage-und-meldungen/ard-kinderradionacht-2024-keyvisiual-100~_t-1732529536953_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/backstage-und-meldungen/ard-kinderradionacht-2024-keyvisiual-100~_t-1732529536953_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/backstage-und-meldungen/ard-kinderradionacht-2024-keyvisiual-100~_t-1732529536953_v-16to9.jpg 960w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Zwei Kinder mit Schutzhelmen klettern eine Strickleiter hoch, die zu einer Höhle mit Fledermäusen und Spinnennetzen führt" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://kinder.wdr.de/radio/kinderradionacht/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::kinderradionacht_2024_-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Jetzt unverbindlich anmelden!</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>"Grölen in Höhlen" - die ARD Kinderradionacht</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Am Freitag, 29. November, ist es wieder soweit: hr2-kultur und weitere ARD-Wellen senden die ARD Kinderradionacht. Los geht es um 20.05 Uhr und wach bleiben ist bis 1 Uhr nachts erlaubt. Dieses Jahr steht alles unter dem Motto "Grölen in Höhlen".</span> <a href="https://kinder.wdr.de/radio/kinderradionacht/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::kinderradionacht_2024_-100 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">kinder.wdr.de<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 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.hr2.de/programm/hr-sinfonieorchester-212~_t-1721907465199_v-16to9__medium.jpg" alt="Das hr-Sinfonieorchester"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr2.de/programm/hr-sinfonieorchester-212~_t-1721907465199_v-16to9__small.jpg 320w, https://www.hr2.de/programm/hr-sinfonieorchester-212~_t-1721907465199_v-16to9__medium.jpg 480w, https://www.hr2.de/programm/hr-sinfonieorchester-212~_t-1721907465199_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/programm/hr-sinfonieorchester-212~_t-1721907465199_v-16to9.jpg 960w, https://www.hr2.de/programm/hr-sinfonieorchester-212~_t-1721907465199_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Das hr-Sinfonieorchester" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2024/youtube-channel-des-hr-sinfonieorchesters-knackt-die-halbe-million--v1,you-tube-channel-des-hr-sinfonieorchesters-knackt-die-halbe-million-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> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>YouTube-Channel des hr-Sinfonieorchesters knackt die halbe Million </span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Der YouTube-Channel des hr-Sinfonieorchesters Frankfurt hat die Zahl von 500.000 Abonnentinnen und Abonnenten erreicht. Er ist der erfolgreichste nichtkommerzielle Klassikkanal auf YouTube! </span> </div> </div> </div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 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/programme-und-veranstaltungen/2024/014hrf-2024-fastnacht-collage-heilmann-winter-hartnagel-keil-100~_t-1731051001340_v-16to9__medium.jpg" alt="Collage: Die Gastgeberinnen und Gastgeber der hr-Fastnachtssendungen (von links): Axel Heilmann („Hessen lacht zur Fassenacht), Elke Winter („Rosa Wölkchen“) und Michaela Hartnagel-Keil („Die hessische Weiberfastnacht“)."> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2024/014hrf-2024-fastnacht-collage-heilmann-winter-hartnagel-keil-100~_t-1731051001340_v-16to9__small.jpg 320w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/014hrf-2024-fastnacht-collage-heilmann-winter-hartnagel-keil-100~_t-1731051001340_v-16to9__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/014hrf-2024-fastnacht-collage-heilmann-winter-hartnagel-keil-100~_t-1731051001340_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/014hrf-2024-fastnacht-collage-heilmann-winter-hartnagel-keil-100~_t-1731051001340_v-16to9.jpg 960w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/014hrf-2024-fastnacht-collage-heilmann-winter-hartnagel-keil-100~_t-1731051001340_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Collage: Die Gastgeberinnen und Gastgeber der hr-Fastnachtssendungen (von links): Axel Heilmann („Hessen lacht zur Fassenacht), Elke Winter („Rosa Wölkchen“) und Michaela Hartnagel-Keil („Die hessische Weiberfastnacht“)." class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2024/zwei-naerrische-debuets-in-der-neuen-hr-fastnachts-session--ticketvorverkauf-startet-am-11-november--v1,zwei-naerrische-debuets-in-der-neuen-hr-fastnachts-session-ticketvorverkauf-startet-am-11-november-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> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Zwei närrische Debüts in der neuen hr-Fastnachts-Session – Ticketvorverkauf seit 11. November</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Der Ticketvorverkauf für die hr-Fastnachtssendungen läuft. Zwei neue Gesichter haben dabei ihre Premiere: Axel Heilmann wird als Präsident die Sitzung "Hessen lacht zu Fassenacht" leiten, die "Rosa Wölkchen"-Sitzung wird zum ersten Mal von Elke Winter präsentiert. </span> </div> </div> </div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 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/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__medium.jpg" alt="Bildmarke SD-Abschaltung 2"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9.jpg 960w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Bildmarke SD-Abschaltung 2" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/services/empfang-und-verbreitungswege/startklar-alles-wichtige-zur-sd-abschaltung-auf-einem-blick-v1,alles-wichtige-zur-sd-abschaltung-auf-einem-blick100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Jetzt auf HD wechseln</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Alles Wichtige zur SD-Abschaltung auf einen Blick</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Am 7. Januar 2025 stellt die ARD die Verbreitung ihrer TV-Programme in Standard Definition (SD) über Satellit ein. Ab dann werden alle Fernsehprogramme der ARD nur noch in gestochen scharfem HD ausgestrahlt. Wer bisher noch in SD schaut, hat jetzt drei Monate Zeit, um auf die hochauflösende Übertragung umzusteigen. Antworten auf alle Fragen zur Umstellung gibt es in unserem ausführlichen FAQ.</span> </div> </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">Der Hessische Rundfunk</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-6 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/unternehmen/chronik/1990-1995/hr-haupteingang-100~_t-1505305876114_v-16to9__medium.jpg" alt="Der hr"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr.de/unternehmen/chronik/1990-1995/hr-haupteingang-100~_t-1505305876114_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/chronik/1990-1995/hr-haupteingang-100~_t-1505305876114_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/chronik/1990-1995/hr-haupteingang-100~_t-1505305876114_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/chronik/1990-1995/hr-haupteingang-100~_t-1505305876114_v-16to9.jpg 960w, https://www.hr.de/unternehmen/chronik/1990-1995/hr-haupteingang-100~_t-1505305876114_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Der hr" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/unternehmen/transparenz---fragen-und-antworten-zum-hessischen-rundfunk--v2,transparenz-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Mehr Transparenz</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Fragen zum hr</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Was verdient der Intendant? Wer kontrolliert die Ausgaben bei Einladungen? In der Folge der Vorgänge beim rbb erreichten auch uns viele Fragen. Transparenz ist uns wichtig. Hier finden Sie Antworten zu Themen wie Vergütung, Aufsicht und Compliance.</span> </div> </div> </div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 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/unternehmen/portrait/alternativ-aufmacher-100~_t-1492524909823_v-16to9__medium.jpg" alt="Der Hessische Rundfunk"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr.de/unternehmen/portrait/alternativ-aufmacher-100~_t-1492524909823_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/portrait/alternativ-aufmacher-100~_t-1492524909823_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/portrait/alternativ-aufmacher-100~_t-1492524909823_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/portrait/alternativ-aufmacher-100~_t-1492524909823_v-16to9.jpg 960w, https://www.hr.de/unternehmen/portrait/alternativ-aufmacher-100~_t-1492524909823_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Der Hessische Rundfunk" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/unternehmen/portrait/portraet-der-hessische-rundfunk-v1,portrait-unternehmen-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Wer wir sind</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Der Hessische Rundfunk</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Der Hessische Rundfunk ist seit 75 Jahren die öffentlich-rechtliche Landesrundfunkanstalt in und für Hessen. Der hr ist Gründungsmitglied der ARD. Hauptsitz des hr ist das Frankfurter "Funkhaus am Dornbusch".</span> </div> </div> </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/unternehmen/zahlen-und-fakten/der-hr-in-zahlen-100~_t-1492101438766_v-16to9__medium.png" alt="Der hr in Zahlen"> </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/unternehmen/zahlen-und-fakten/der-hr-in-zahlen-100~_t-1492101438766_v-16to9__small.png 320w, https://www.hr.de/unternehmen/zahlen-und-fakten/der-hr-in-zahlen-100~_t-1492101438766_v-16to9__medium.png 480w, https://www.hr.de/unternehmen/zahlen-und-fakten/der-hr-in-zahlen-100~_t-1492101438766_v-16to9__medium__extended.png 640w, https://www.hr.de/unternehmen/zahlen-und-fakten/der-hr-in-zahlen-100~_t-1492101438766_v-16to9.png 960w, https://www.hr.de/unternehmen/zahlen-und-fakten/der-hr-in-zahlen-100~_t-1492101438766_v-16to9__retina.png 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Der hr in Zahlen" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/unternehmen/zahlen-und-fakten/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='pt-px block text-base text-toplineColor font-heading'>Der hr in Zahlen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Zahlen und Fakten</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Wofür verwenden wir Ihr Geld? Wie nutzen die Hess*innen Fernsehen, Radio und Internet? Hier gibt es neben dem aktuellen Jahresbericht viele Antworten und Informationen zum hr.</span> </div> </div> </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/unternehmen/standorte/studio-fulda-106~_t-1501143618547_v-16to9__medium.jpg" alt="Das hr-Studio Fulda"> </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/unternehmen/standorte/studio-fulda-106~_t-1501143618547_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/standorte/studio-fulda-106~_t-1501143618547_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/standorte/studio-fulda-106~_t-1501143618547_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/standorte/studio-fulda-106~_t-1501143618547_v-16to9.jpg 960w, https://www.hr.de/unternehmen/standorte/studio-fulda-106~_t-1501143618547_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Das hr-Studio Fulda" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/unternehmen/backstage-und-meldungen/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='pt-px block text-base text-toplineColor font-heading'>Backstage und Meldungen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Hinter den Kulissen</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Wie arbeitet der Hessische Rundfunk? Was passiert hinter den Kulissen? Hier gibt es Informationen, Backstage-Geschichten aus dem Funkhaus und mehr. </span> </div> </div> </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/services/hr-ticketcenter/ticketcenter-im-hr-100~_t-1653382258969_v-16to9__medium.jpg" alt="hr-Ticketcenter"> </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/services/hr-ticketcenter/ticketcenter-im-hr-100~_t-1653382258969_v-16to9__small.jpg 320w, https://www.hr.de/services/hr-ticketcenter/ticketcenter-im-hr-100~_t-1653382258969_v-16to9__medium.jpg 480w, https://www.hr.de/services/hr-ticketcenter/ticketcenter-im-hr-100~_t-1653382258969_v-16to9__medium__extended.jpg 640w, https://www.hr.de/services/hr-ticketcenter/ticketcenter-im-hr-100~_t-1653382258969_v-16to9.jpg 960w, https://www.hr.de/services/hr-ticketcenter/ticketcenter-im-hr-100~_t-1653382258969_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr-Ticketcenter" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/services/hr-ticketcenter/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='pt-px block text-base text-toplineColor font-heading'>Veranstaltungen in ganz Hessen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>hr-Ticketcenter</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Wer eine der zahlreichen Veranstaltungen des Hessischen Rundfunks live erleben will, ist beim hr-Ticketcenter herzlich willkommen. Hier gibt es Tickets, Abonnements und Beratung vor Ort.</span> </div> </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/kontakt/hzs-aufmacher-100~_t-1491223771872_v-1to1__xsmall.jpg 260w, https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_v-1to1__small.jpg 380w, https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_v-1to1__medium.jpg 480w, https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_v-1to1.jpg 720w, https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_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/kontakt/hzs-aufmacher-100~_t-1491223771872_v-16to9__small.jpg 320w, https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_v-16to9__medium.jpg 480w, https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_v-16to9__medium__extended.jpg 640w, https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_v-16to9.jpg 960w, https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Mitarbeiter des Hörer- und Zuschauerservice"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/kontakt/hzs-aufmacher-100~_t-1491223771872_v-16to9__medium.jpg" alt="Mitarbeiter des Hörer- und Zuschauerservice"> </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/kontakt/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='pt-px block text-base text-toplineColor font-heading'>Ihre Ansprechpartner*innen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Kontaktieren Sie uns</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Sie haben Fragen, Anregungen oder möchten ein Thema vorschlagen? Hier finden Sie alle wichtigen Ansprechpartner*innen beim hr. Vom Hörer- und Zuschauerservice über die Programme bis hin zu den Kolleg*innen der Pressestelle.</span> </div> </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">hr-Angebote für Sie</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-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-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="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-1to1__xsmall.jpg 260w, https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-1to1__small.jpg 380w, https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-1to1__medium.jpg 480w, https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-1to1.jpg 720w, https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-16to9__small.jpg 320w, https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-16to9__medium.jpg 480w, https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-16to9__medium__extended.jpg 640w, https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-16to9.jpg 960w, https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Apps-Handy"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/services/podcasts/apps-handy-100~_t-1600325260819_v-16to9__medium.jpg" alt="Apps-Handy"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":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/services/podcasts/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='pt-px block text-base text-toplineColor font-heading'>Jederzeit das Beste hören</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>hr-Podcasts</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden '>Wer seine Lieblingsrubriken und -sendungen aus den Radioprogrammen des hr überall und unabhängig von der Sendezeit hören will, kann sie als Podcast abonnieren.</span> </div> </div> </div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-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="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-1to1__xsmall.png 260w, https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-1to1__small.png 380w, https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-1to1__medium.png 480w, https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-1to1.png 720w, https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-1to1__large.png 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-16to9__small.png 320w, https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-16to9__medium.png 480w, https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-16to9__medium__extended.png 640w, https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-16to9.png 960w, https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-16to9__retina.png 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="ARD Mediathek"> </picture> <noscript> <img class="w-full" src="https://www.hr-fernsehen.de/sendungen-a-z/ard-mediathek-logo-100~_t-1679929208918_v-16to9__medium.png" alt="ARD Mediathek"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.ardmediathek.de/hr/" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-mediathek-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Sendungen und Filme streamen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>ARD Mediathek</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden '>Alle Beiträge aus der ARD finden Sie in der ARD-Mediathek, darunter auch Angebote aus dem hr-fernsehen und "Tatorte", die vom hr produziert wurden.</span> <a href="https://www.ardmediathek.de/hr/" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-mediathek-100 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">Zur ARD-Mediathek<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-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="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/audiothek-102~_t-1704451449317_v-1to1__xsmall.jpg 260w, https://www.hr.de/audiothek-102~_t-1704451449317_v-1to1__small.jpg 380w, https://www.hr.de/audiothek-102~_t-1704451449317_v-1to1__medium.jpg 480w, https://www.hr.de/audiothek-102~_t-1704451449317_v-1to1.jpg 720w, https://www.hr.de/audiothek-102~_t-1704451449317_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/audiothek-102~_t-1704451449317_v-16to9__small.jpg 320w, https://www.hr.de/audiothek-102~_t-1704451449317_v-16to9__medium.jpg 480w, https://www.hr.de/audiothek-102~_t-1704451449317_v-16to9__medium__extended.jpg 640w, https://www.hr.de/audiothek-102~_t-1704451449317_v-16to9.jpg 960w, https://www.hr.de/audiothek-102~_t-1704451449317_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Die ARD Audiothek auf einem Smartphone"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/audiothek-102~_t-1704451449317_v-16to9__medium.jpg" alt="Die ARD Audiothek auf einem Smartphone"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.ardaudiothek.de/sender/hr/" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-audiothek-app-104 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Doku, Hörspiel, Comedy</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>ARD Audiothek</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden '>Sie wollen die hr INFO-Podcasts 'Cybercrime' oder 'Verurteilt!' auf einen Klick? Dann ist die ARD Audiothek die beste Wahl. Hören Sie, was Sie wollen, wann Sie es wollen.</span> <a href="https://www.ardaudiothek.de/sender/hr/" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-audiothek-app-104 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">Jetzt herunterladen!<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-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="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-1to1__xsmall.jpg 260w, https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-1to1__small.jpg 380w, https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-1to1__medium.jpg 480w, https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-1to1.jpg 720w, https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-16to9__small.jpg 320w, https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-16to9__medium.jpg 480w, https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-16to9.jpg 960w, https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Platzhalterbild PM hr allgemein"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/platzhalterbild-pm-hr-allgemein-100~_t-1601390320703_v-16to9__medium.jpg" alt="Platzhalterbild PM hr allgemein"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":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/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::presse-hr-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Aktuelle Meldungen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Pressemeldungen</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden '>Hier finden Sie alle Pressemeldungen, Fotos und Logos zum Download und die Kontaktmöglichkeiten zur Pressestelle des Hessischen Rundfunks.</span> <a href="https://www.hr.de/presse/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::presse-hr-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" > <span class="hover:underline decoration-1 font-copy">www.hr.de<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </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/bildungsbox/banner-bildungsbox-100~_t-1623925093798_v-1to1__xsmall.jpg 260w, https://www.hr.de/bildungsbox/banner-bildungsbox-100~_t-1623925093798_v-1to1__small.jpg 380w, https://www.hr.de/bildungsbox/banner-bildungsbox-100~_t-1623925093798_v-1to1__medium.jpg 480w"> <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/bildungsbox/banner-bildungsbox-100~_t-1623925093798_v-16to9__small.jpg 320w, https://www.hr.de/bildungsbox/banner-bildungsbox-100~_t-1623925093798_v-16to9__medium.jpg 480w, https://www.hr.de/bildungsbox/banner-bildungsbox-100~_t-1623925093798_v-16to9__medium__extended.jpg 640w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Grafik"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/bildungsbox/banner-bildungsbox-100~_t-1623925093798_v-16to9__medium.jpg" alt="Grafik"> </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/bildungsbox/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='pt-px block text-base text-toplineColor font-heading'>Wissen und Medienkompetenz</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Bildungsangebote</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Bildungsangebote des Hessischen Rundfunks für Schulen und Lehrkräfte zum Thema Medien und digitale Kompetenz.</span> </div> </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">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 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/sd_abschaltung_bildmarke-100~_t-1729598821296_v-1to1__xsmall.jpg 260w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-1to1__small.jpg 380w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-1to1__medium.jpg 480w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-1to1.jpg 720w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_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/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9.jpg 960w, https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Bildmarke SD-Abschaltung 2"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/unternehmen/sd_abschaltung_bildmarke-100~_t-1729598821296_v-16to9__medium.jpg" alt="Bildmarke SD-Abschaltung 2"> </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/services/empfang-und-verbreitungswege/startklar-alles-wichtige-zur-sd-abschaltung-auf-einem-blick-v1,alles-wichtige-zur-sd-abschaltung-auf-einem-blick100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>FAQ</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Startklar? Alles Wichtige zur SD-Abschaltung auf einen Blick</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-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="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1__xsmall.jpg 260w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1__small.jpg 380w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1__medium.jpg 480w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1.jpg 720w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9.jpg 960w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Satelitenschüsseln"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__medium.jpg" alt="Satelitenschüsseln"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":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/services/empfang-und-verbreitungswege/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-lg'>Empfang und Verbreitungswege</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-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="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-1to1__xsmall.jpg 260w, https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-1to1__small.jpg 380w, https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-1to1__medium.jpg 480w, https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-1to1.jpg 720w, https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-16to9__small.jpg 320w, https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-16to9__medium.jpg 480w, https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-16to9__medium__extended.jpg 640w, https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-16to9.jpg 960w, https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Frauenhand hält Fernbedienung"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-100~_t-1625743025115_v-16to9__medium.jpg" alt="Frauenhand hält Fernbedienung"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":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/services/empfang-und-verbreitungswege/dvb-t2-hd/sendersuchlauf-so-funktionierts-v1,unterseite-zu-dvb-t-zwei-sendersuchlauf-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>So funktioniert es</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Sendersuchlauf</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-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="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1__xsmall.jpg 260w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1__small.jpg 380w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1__medium.jpg 480w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1.jpg 720w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9.jpg 960w, https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Satelitenschüsseln"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/unternehmen/rolle-innerhalb-der-ard/ard-einrichtungen-im-hr/sternpunktteaser-16-100~_t-1694709326705_v-16to9__medium.jpg" alt="Satelitenschüsseln"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":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/services/empfang-und-verbreitungswege/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='pt-px block text-base text-toplineColor font-heading'>hr-Programme empfangen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Empfang und Verbreitungswege</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden '>Auf welchen Frequenzen der hr seine Programme verbreitet, erfahren Sie hier.</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-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="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-1to1__xsmall.jpg 260w, https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-1to1__small.jpg 380w, https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-1to1__medium.jpg 480w, https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-1to1.jpg 720w, https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-16to9__small.jpg 320w, https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-16to9__medium.jpg 480w, https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-16to9__medium__extended.jpg 640w, https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-16to9.jpg 960w, https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Sechs Smartphones mit App-Ansicht"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/app/neue-radio-apps-alle-100~_t-1696528100518_v-16to9__medium.jpg" alt="Sechs Smartphones mit App-Ansicht"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":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/app/faq-hr-radio-apps-v1,faq-radio-apps-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Meistgestellte Fragen und Antworten</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>FAQ zu unseren Radio-Apps</span> </h3> </a> </header> </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 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/services/empfang-und-verbreitungswege/kontakt-sendertechnik-100~_t-1493024102825_v-16to9__medium.jpg" alt="Kontakt zur Sendertechnik"> </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/services/empfang-und-verbreitungswege/kontakt-sendertechnik-100~_t-1493024102825_v-16to9__small.jpg 320w, https://www.hr.de/services/empfang-und-verbreitungswege/kontakt-sendertechnik-100~_t-1493024102825_v-16to9__medium.jpg 480w, https://www.hr.de/services/empfang-und-verbreitungswege/kontakt-sendertechnik-100~_t-1493024102825_v-16to9__medium__extended.jpg 640w, https://www.hr.de/services/empfang-und-verbreitungswege/kontakt-sendertechnik-100~_t-1493024102825_v-16to9.jpg 960w, https://www.hr.de/services/empfang-und-verbreitungswege/kontakt-sendertechnik-100~_t-1493024102825_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Kontakt zur Sendertechnik" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/services/empfang-und-verbreitungswege/wir-sind-fuer-sie-da-,empfang-kontakt-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'>Wir sind für Sie da</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Störungen oder Empfangsprobleme?</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 '>Haben Sie Empfangsprobleme beim Radio hören oder Fernsehen? Liegt eine Störung vor? Oder haben Sie einfach nur eine Frage zur Technik oder Programmverbreitung? Hier helfen wir Ihnen weiter. </span> </div> </div> </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/unternehmen/struktur/florian_hager-106~_t-1646050194752_v-16to9__medium.jpg" alt="Florian Hager"> </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/unternehmen/struktur/florian_hager-106~_t-1646050194752_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/struktur/florian_hager-106~_t-1646050194752_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/struktur/florian_hager-106~_t-1646050194752_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/struktur/florian_hager-106~_t-1646050194752_v-16to9.jpg 960w, https://www.hr.de/unternehmen/struktur/florian_hager-106~_t-1646050194752_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Florian Hager" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/unternehmen/korrekturen/index.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'>In eigener Sache</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Korrekturen</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 '>Der hr sieht sich in einer besonderen Verpflichtung gegenüber seinem Publikum und legt Wert auf Offenheit und Transparenz. Deshalb veröffentlichen wir hier technische Pannen und faktische Fehler in Hörfunk, Fernsehen und Internet.</span> </div> </div> </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/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__medium.jpg" alt="hr-Sendemast beim Hessischen Rundfunk in Frankfurt am Main im Abendlicht"> </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/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9.jpg 960w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr-Sendemast beim Hessischen Rundfunk in Frankfurt am Main im Abendlicht" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr.de/services/empfang-und-verbreitungswege/wartungsarbeiten-an-unseren-sendeanlagen-v33,stoerung-104.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'>Empfang gestört? Hier finden Sie Hilfe! </span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Wartungsarbeiten an unseren Sendeanlagen</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 '>Um für Sie weiterhin einen guten Fernseh- und Radioempfang gewährleisten zu können, finden von Zeit zu Zeit Arbeiten an unseren Sendeanlagen statt. Dadurch kann es leider zeitweise zu Empfangsproblemen kommen. Ob gerade Arbeiten durchgeführt werden, erfahren Sie hier.</span> </div> </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="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-6 "> <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 ">Aktuellste Pressemeldungen</span> </h2> <div class="flex flex-col"> <div class="pb-3 relative"> <div class="ar-16-9"> <noscript> <img class="w-full" src="https://www.hr.de/presse/unternehmen/2024/067hr-drei-neue-dabplus-sender-100~_t-1732782932939_v-16to9__medium.jpg" alt="067hr Drei neue DAB+ Sender_Collage 16zu9"> </noscript> <img sizes="(min-width:48rem) 460px,(min-width: 40rem) calc(100vw - 4rem), calc(100vw - 2.5rem)" loading="lazy" data-srcset="https://www.hr.de/presse/unternehmen/2024/067hr-drei-neue-dabplus-sender-100~_t-1732782932939_v-16to9__small.jpg 320w, https://www.hr.de/presse/unternehmen/2024/067hr-drei-neue-dabplus-sender-100~_t-1732782932939_v-16to9__medium.jpg 480w, https://www.hr.de/presse/unternehmen/2024/067hr-drei-neue-dabplus-sender-100~_t-1732782932939_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/unternehmen/2024/067hr-drei-neue-dabplus-sender-100~_t-1732782932939_v-16to9.jpg 960w, https://www.hr.de/presse/unternehmen/2024/067hr-drei-neue-dabplus-sender-100~_t-1732782932939_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="067hr Drei neue DAB+ Sender_Collage 16zu9" class="w-full"></div> <div class="mx-5 mt-3"> <a href="https://www.hr.de/presse/unternehmen/2024/drei-neue-dab-sender-fuer-ost-und-mittelhessen-v1,drei-neue-dab-plus-sender-fuer-ost-und-mittelhessen100.html" class="ds-link js-load block group ds-teaser-focus " > <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> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Drei neue DAB+ Sender für Ost-und Mittelhessen</span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-28T09:35+0100">28.11.24, 09:35 Uhr</time> <span class="mx-px last-of-type:hidden">|</span> </p> </div> </div> <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/programme-und-veranstaltungen/2024/immanuel-wilkins-zu-gast-bei-der-hr-bigband-v1,immanuel-wilkins-zu-gast-bei-der-hr-bigband-100.html" class="ds-link js-load block group " > <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> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Immanuel Wilkins zu Gast bei der hr-Bigband</span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-18T16:22+0100">18.11.24, 16:22 Uhr</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2024/youtube-channel-des-hr-sinfonieorchesters-knackt-die-halbe-million--v1,you-tube-channel-des-hr-sinfonieorchesters-knackt-die-halbe-million-100.html" class="ds-link js-load block group " > <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> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>YouTube-Channel des hr-Sinfonieorchesters knackt die halbe Million </span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-18T12:00+0100">18.11.24, 12:00 Uhr</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2024/ard-reihe-raus-aufs-land-mit-folgen-aus-treysa-v1,raus-aufs-land-136.html" class="ds-link js-load block group " > <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> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>ARD-Reihe „Raus aufs Land“ mit Folgen aus Treysa</span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-18T10:10+0100">18.11.24, 10:10 Uhr</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/presse/programme-und-veranstaltungen/2024/hr-bigband-erneut-fuer-grammy-nominiert-v2,hr-bigband-erneut-fuer-grammy-nominiert-100.html" class="ds-link js-load block group " > <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> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>hr-Bigband erneut für Grammy nominiert</span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-14T16:39+0100">14.11.24, 16:39 Uhr</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/presse/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'>weitere Meldungen im Pressebereich</span> </h3> </a> </li></ul></div> </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-6 "> <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 ">Stellenangebote</span> </h2> <div class="flex flex-col"> <div class="pb-5"> <div class="ar-16-9"> <noscript> <img class="w-full" src="https://www.hr.de/karriere/alle-angebote/ausbildung-bbig/ausbildung-kaufleute-bueromanagement100~_t-1492765398586_v-16to9__medium.jpg" alt="Ausbilderin zeigt Auszubildender Papiere im Büro"> </noscript> <img sizes="(min-width:48rem) 460px,(min-width: 40rem) calc(100vw - 4rem), calc(100vw - 2.5rem)" loading="lazy" data-srcset="https://www.hr.de/karriere/alle-angebote/ausbildung-bbig/ausbildung-kaufleute-bueromanagement100~_t-1492765398586_v-16to9__small.jpg 320w, https://www.hr.de/karriere/alle-angebote/ausbildung-bbig/ausbildung-kaufleute-bueromanagement100~_t-1492765398586_v-16to9__medium.jpg 480w, https://www.hr.de/karriere/alle-angebote/ausbildung-bbig/ausbildung-kaufleute-bueromanagement100~_t-1492765398586_v-16to9__medium__extended.jpg 640w, https://www.hr.de/karriere/alle-angebote/ausbildung-bbig/ausbildung-kaufleute-bueromanagement100~_t-1492765398586_v-16to9.jpg 960w, https://www.hr.de/karriere/alle-angebote/ausbildung-bbig/ausbildung-kaufleute-bueromanagement100~_t-1492765398586_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Ausbilderin zeigt Auszubildender Papiere im Büro" class="w-full"></div> </div> <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/karriere/alle-angebote/direkteinstieg/teamleiterin-hrbetriebliche-altersversorgung-v1,personalservice-106.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'>Teamleiter*in HR/Betriebliche Altersversorgung</span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-21T15:43+0100">21.11.24</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/karriere/alle-angebote/freie-mitarbeit/crossmedialer-reporterin-mit-schwerpunkt-social-media-im-studio-kassel--v7,tv-reporter-redakteur-freie-mitarbeit-112.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'>Crossmediale*r Reporter*in mit Schwerpunkt Social-Media im Studio Kassel </span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-20T15:57+0100">20.11.24</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/karriere/alle-angebote/direkteinstieg/assistentin-medienproduktion-v13,assistenzmedienprod-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'>Assistent*in Medienproduktion</span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-19T16:41+0100">19.11.24</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/karriere/alle-angebote/praktikum/crossmediales-praktikum-im-programmbereich-hesseninformation-v12,ausschreibung-praktikum-pressestelle-106.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'>Crossmediales Praktikum im Programmbereich Hesseninformation</span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-18T14:36+0100">18.11.24</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/karriere/alle-angebote/schuelerpraktikum/schulpraktika-v70,ausbildung_schulpraktikum-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'>Schulpraktika</span> </h3> </a> <p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <time datetime="2024-11-17T06:55+0100">17.11.24</time> <span class="mx-px last-of-type:hidden">|</span> </p> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hr.de/karriere/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'>zur Übersicht: Karriere im hr</span> </h3> </a> </li></ul></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/services/social-media-mood-100~_t-1704448999875_v-1to1__xsmall.jpg 260w, https://www.hr.de/services/social-media-mood-100~_t-1704448999875_v-1to1__small.jpg 380w, https://www.hr.de/services/social-media-mood-100~_t-1704448999875_v-1to1__medium.jpg 480w, https://www.hr.de/services/social-media-mood-100~_t-1704448999875_v-1to1.jpg 720w, https://www.hr.de/services/social-media-mood-100~_t-1704448999875_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/services/social-media-mood-100~_t-1704448999875_v-16to9__small.jpg 320w, https://www.hr.de/services/social-media-mood-100~_t-1704448999875_v-16to9__medium.jpg 480w, https://www.hr.de/services/social-media-mood-100~_t-1704448999875_v-16to9__medium__extended.jpg 640w, https://www.hr.de/services/social-media-mood-100~_t-1704448999875_v-16to9.jpg 960w, https://www.hr.de/services/social-media-mood-100~_t-1704448999875_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Social Media-Icons"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/services/social-media-mood-100~_t-1704448999875_v-16to9__medium.jpg" alt="Social Media-Icons"> </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/services/social-media/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link_social_media_kanaele_hr-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" > <h2 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Die Social Media-Kanäle des Hessischen Rundfunks</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Der hr auf Twitter, Facebook, LinkedIn & Co.</span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Alle Social-Media-Auftritte des hr werden direkt in den jeweiligen Redaktionen betreut: Posts, Tweets, Youtube-Videos – all das stammt direkt von dort. Hier gibt es einen Überblick über alle Social-Media-Kanäle des hr. </span> <a href="https://www.hr.de/services/social-media/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link_social_media_kanaele_hr-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" > <span class="hover:underline decoration-1 font-copy">www.hr.de<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </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">Rundfunkbeitrag</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 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/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-1to1__xsmall.jpg 260w, https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-1to1__small.jpg 380w, https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-1to1__medium.jpg 480w, https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-1to1.jpg 720w, https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_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/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-16to9__small.jpg 320w, https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-16to9__medium.jpg 480w, https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-16to9__medium__extended.jpg 640w, https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-16to9.jpg 960w, https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Collagee von Meediathek und Radiolgos des hessischen Rundfunks"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/dafuer-verwenden-wir-ihr-geld-100~_t-1705324616987_v-16to9__medium.jpg" alt="Collagee von Meediathek und Radiolgos 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/unternehmen/zahlen-und-fakten/der-rundfunkbeitrag-wofuer-verwenden-wir-ihr-geld--v1,rundfunkbeitrag100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Rundfunkbeitrag</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Wofür verwenden wir Ihr Geld? </span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Vielfalt und Qualität für alle – das ist die Aufgabe der Angebote des öffentlich-rechtlichen Rundfunks im Hörfunk, Fernsehen und Internet. Der Rundfunkbeitrag finanziert dabei das Programm auf Basis eines solidarischen Modells. Hier erfahren Sie, wofür wir Ihr Geld verwenden. </span> </div> </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/logo_rundfunkbeitrag_2021_-100~_t-1626858993306_v-1to1__xsmall.png 260w"> <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/logo_rundfunkbeitrag_2021_-100~_t-1626858993306_v-16to9__small.png 320w, https://www.hr.de/unternehmen/logo_rundfunkbeitrag_2021_-100~_t-1626858993306_v-16to9__medium.png 480w, https://www.hr.de/unternehmen/logo_rundfunkbeitrag_2021_-100~_t-1626858993306_v-16to9__medium__extended.png 640w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Logo Rundfunkbeitrag 2021"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/unternehmen/logo_rundfunkbeitrag_2021_-100~_t-1626858993306_v-16to9__medium.png" alt="Logo Rundfunkbeitrag 2021"> </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.br.de/sogehtmedien/ard-und-zdf/rundfunkbeitrag/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::rundfunkbeitragleichterklaert-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Medienkompetenz für Jugendliche</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Was bekomme ich für den Rundfunkbeitrag?</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Warum gibt es den Rundfunkbeitrag, wofür wird er verwendet und was bekomme ich dafür? Das Portal "so geht MEDIEN", die Medienkompetenz-Initiative von ARD, ZDF und Deutschlandradio, erklärt dies einfach und verständlich - für Jugendliche und alle, die auch noch Fragen dazu haben.</span> <a href="https://www.br.de/sogehtmedien/ard-und-zdf/rundfunkbeitrag/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::rundfunkbeitragleichterklaert-100 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">www.br.de<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </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">Werbung und Lizenzen</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 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.hr3.de/shows/dab-plus-114~_t-1630483265676_v-1to1__xsmall.jpg 260w, https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_v-1to1__small.jpg 380w, https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_v-1to1__medium.jpg 480w, https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_v-1to1.jpg 720w, https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_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.hr3.de/shows/dab-plus-114~_t-1630483265676_v-16to9__small.jpg 320w, https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_v-16to9__medium.jpg 480w, https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_v-16to9__medium__extended.jpg 640w, https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_v-16to9.jpg 960w, https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="DAB+ Radio"> </picture> <noscript> <img class="w-full" src="https://www.hr3.de/shows/dab-plus-114~_t-1630483265676_v-16to9__medium.jpg" alt="DAB+ Radio"> </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-werbung.de/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr-werbung-102 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>hr werbung</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Ihre Werbung im Hessischen Rundfunk</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Ob mit Werbung in einer unserer Hörfunkwellen, Sponsoring im hr-fernsehen oder Anzeigen in unseren Printpublikationen – profitieren Sie mit Ihrem Unternehmen von der Aufmerksamkeit, die unsere Hörer*innen und Zuschauer*innen den hr-Produkten entgegenbringen.</span> <a href="https://www.hr-werbung.de/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr-werbung-102 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">mehr auf hr-werbung.de<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </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">Zu allen hr-Marken</h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" ><div id="9918" x-data="{ contentNavDropdownIsOpen: false}" class="js-contentNavWrapper col-span-full flex gap-y-3 gap-x-4 js-load flex-col" > <nav class="w-full px-5 sm:px-0 teaser-size-100" :class="contentNavDropdownIsOpen ? 'h-10' : ''" id="dropdown--9810" @click.outside ="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest')" role="navigation" aria-labelledby="dropdown__label--9810"> <span id="dropdown__label--9810" class="hidden">Unternavigation</span> <button class="content-nav-dropdown_dropdown -isMixed ds-link-inset relative flex w-full h-10 mb-0 overflow-hidden bg-white border md:mx-0 border-content-nav whitespace-nowrap text-content-nav fill-content-nav" @click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen; $dispatch('hr:global:resetinputAutoSuggest');" @resize.window="if(window.innerWidth > 767){contentNavDropdownIsOpen = false}; $dispatch('hr:global:resetinputAutoSuggest')" > <span class="self-center w-full px-2 pt-1 text-base leading-4 text-left">Marke auswählen</span> <div class="flex self-center w-auto h-full border-l border-content-nav"> <span :class="{'hidden' : contentNavDropdownIsOpen}" class="flex self-center px-3 py-3" ><svg class="sb-icon h-4 w-4 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg></span> <span :class="{'hidden' : !contentNavDropdownIsOpen}" class="flex self-center hidden px-3 py-3" ><svg class="sb-icon h-4 w-4 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg></span> </div> </button> <div :class="{'-isClosed' : !contentNavDropdownIsOpen, '-isOpen' : contentNavDropdownIsOpen}" aria-haspopup="true" class="content-nav-dropdown_content -isMixed md:h-auto md:overflow-visible relative -isClosed" > <div class="flex flex-col w-full mt-0 relative" > <ul class="flex bg-transparent flex-wrap md:!px-0 last:border-b-0" > <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hessenschau.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hessenschau-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hessenschau.de-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hessenschau.de<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr1.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr1-110 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hr1-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hr1<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr2.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr2-104 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hr2-kultur-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hr2-kultur<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr3.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr3-108 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hr3-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hr3<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr4.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr4-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hr4-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hr4<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-inforadio.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr-inforadio-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hr-iNFO-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hr-iNFO<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.you-fm.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::you-fm-104 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::YOU FM-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">YOU FM<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr-fernsehen-102 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hr-fernsehen-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hr-fernsehen<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-sinfonieorchester.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr-sinfonieorchester-112 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hr-sinfonieorchester-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hr-sinfonieorchester<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-bigband.de/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hr-bigband-112 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::hr-bigband-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">hr-bigband<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li></ul> </div> </div> </nav></div></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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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--6941" 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--6941" 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--6941" aria-controls="suggestionlist--6941" > <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--6941" 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.4.0/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(/"/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.4.0/base/icons/icons/svgmap.min.svg#linkedin-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://twitter.com/hrPresse" 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 Pressestelle X" > <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.4.0/base/icons/icons/svgmap.min.svg#x-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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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.4.0/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 src="https://www.hr.de/assets_4.4.0/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 src="https://www.hr.de/assets_4.4.0/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" > © 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.4.0/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"> if (undefined !== window.pa) { window.pa.setConfigurations({ site: 580405, collectDomain: 'https://logs1187.xiti.com' }) 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 } var pageDisplayConfig = { 'page': "hr", 'site_level2_id': 1, 'hr_first_publication_date': "2017-01-27T11:46:38+01:00", 'hr_modification_date_timestamp': "2024-11-25T12:40:55+01:00", 'hr_sophora_id': "hr-startseite-100", 'hr_document_type': "hr-nt:index" , 'display_mode': displayMode } if (isPianoTrackingAllowed()) { window.pa.sendEvent('page.display', pageDisplayConfig) } } </script></div> <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" : "WebSite", "@context" : "https://schema.org/", "potentialAction" : { "@type" : "SearchAction", "@context" : "https://schema.org/", "query-input" : "required name=search_term_string", "target" : "https://www.hr.de/suche/index.nc.html?query={search_term_string}" }, "url" : "https://www.hr.de/" } </script> </body> </html>

CINXE.COM

hr.de | Der Hessische Rundfunk