hr3.de | Zuhause in Hessen

<!DOCTYPE html> <html class="no-js no-js-burgerMenu preload noMicroInteraction" data-theme="hr3" lang="de"> <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>hr3.de | Zuhause in Hessen</title> <meta name="application-name" content="hr3.de" /> <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" /> <meta name="author" content="hr3.de, Frankfurt, Germany"/> <meta name="publisher" content="hr3.de" /> <meta name="language" content="Deutsch" /> <meta http-equiv="Content-Security-Policy" content="img-src * data: blob: android-webview-video-poster:;"> <meta name="robots" content="follow, noarchive, index, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="last-modified" content="2025-02-17T11:27+0100" /> <meta name="date" content="2017-04-19T14:35+0200" /> <meta name="description" content="hr3 bietet seinen Hörern ihre Lieblingshits und hält sie verlässlich mit aktuellen Themen aus Hessen und der Welt auf dem Laufenden." /> <link rel="canonical" href="https://www.hr3.de/index.html" /> <meta property="og:site_name" content="hr3.de" /> <meta property="og:locale" content="de_DE" /> <meta property="og:url" content="https://www.hr3.de/index.html" /> <meta property="og:title" content=" hr3.de - Zuhause in Hessen" /> <meta property="og:description" content="In Hessen starten die Hörer mit der "hr3 Morningshow" bestens informiert in den Tag. hr3 bietet seinen Hörern ihre Lieblingshits und hält sie mit Themen aus Hessen und der Welt auf dem Laufenden." /> <meta property="og:type" content="website" /> <meta property="article:publisher" content="https://www.facebook.com/hr3/?fref=ts" /> <meta property="fb:page_id" content="6025824653" /> <meta property="fb:pages" content="6025824653" /> <meta property="twitter:title" content=" hr3.de - Zuhause in Hessen" /> <meta property="twitter:description" content="In Hessen starten die Hörer mit der "hr3 Morningshow" bestens informiert in den Tag. hr3 bietet seinen Hörern ihre Lieblingshits und hält sie mit Themen aus Hessen und der Welt auf dem Laufenden." /> <meta property="twitter:url" content="https://www.hr3.de/index.html" /> <meta property="twitter:site" content="@hr3" /> <meta property="twitter:site:id" content="20732265" /> <meta property="twitter:domain" content="https://www.hr3.de/" /> <meta property="twitter:creator" content="" /> <meta property="twitter:creator:id" content="" /> <meta property="twitter:card" content="summary_large_image" /> <link href="https://www.hr3.de/assets_4.9.3/index.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr3.de/assets_4.9.3/index.css" rel="stylesheet" type="text/css"> <link href="https://www.hr3.de/assets_4.9.3/radioplayer.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.hr3.de/favicon.ico?v=4.9.3" sizes="32x32"> <link rel="icon" href="https://www.hr3.de/favicon.min.svg?v=4.9.3" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.hr3.de/favicon.png?v=4.9.3"> <link href="https://www.hr3.de/assets_4.9.3/vendor/hr-radio-player/styles.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr3.de/assets_4.9.3/js/vendor/modernizr.cust.js" rel="preload" as="script"> <link href="https://www.hr3.de/assets_4.9.3/js/index.js" rel="preload" as="script"> <link href="https://www.hr3.de/assets_4.9.3/js/alpine.js" rel="preload" as="script"> <link href="https://www.hr3.de/assets_4.9.3/js/vendor/piano-analytics.js" rel="preload" as="script"> <script>'function' != typeof self.queueMicrotask && (self.queueMicrotask = function (e) { Promise.resolve().then(e).catch(e => setTimeout(() => { throw e })) })</script> <script>window.MSInputMethodContext && document.documentMode && document.write('<script src="https://www.hr3.de/assets_4.9.3/js/polyfill/ie11CustomProperties.js"><\/script>')</script> <link href="https://www.hr3.de/assets_4.9.3/fonts/RobotoCondensed-Bold.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr3.de/assets_4.9.3/fonts/DINPro-Bold.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr3.de/assets_4.9.3/fonts/RobotoCondensed.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr3.de/assets_4.9.3/fonts/DINPro.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr3.de/assets_4.9.3/fonts/RobotoSlabbed.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="https://www.hr3.de/assets_4.9.3/base/icons/logo/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="//www.hr.gl-systemhaus.de" rel="dns-prefetch"> <link href="https://logs.xiti.com" rel="dns-prefetch"> <script defer src="https://www.hr3.de/assets_4.9.3/js/vendor/piano-analytics.js"></script> <script defer src='https://www.hr3.de/assets_4.9.3/js/alpine.js'></script>  <link id="styles" rel="stylesheet" href="https://www.hr3.de/assets_4.9.3/vendor/hr-radio-player/styles.css" type="text/css"/> <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.hr3.de/assets_4.9.3/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hr3.de/assets_4.9.3/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hr3.de/assets_4.9.3/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hr3.de/assets_4.9.3/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hr3.de/assets_4.9.3/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hr3.de/assets_4.9.3/js/polyfill/nwxforms.js',(function(){domready((function(){nwxforms(window)}))}),"async"),Modernizr.nodeListForEach||(NodeList.prototype.forEach=function(e,o){o=o||window;for(var r=0;r<this.length;r++)e.call(o,this[r],r,this)}),Modernizr.on("sizes",(function(e){Modernizr.picture&&e||aload('https://www.hr3.de/assets_4.9.3/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hr3.de/assets_4.9.3/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hr3.de/assets_4.9.3/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hr3.de/assets_4.9.3/js/'})}),"async")}))}),"async"); </script>  <link href="https://www.hr3.de/index.rss" title="Alle Beiträge RSS-Feed - hr3.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="#featureBox">Livestream Player 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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <button style="background-image: linear-gradient(270deg, var(--color-brandnavigation-bg) 50%, transparent);" class="bg-gradient-to-l absolute right-0 z-10 flex items-center justify-end w-10 h-full text-primary disabled:hidden group from-[--color-brandnavigation-bg]" @click="next($refs.scrollContainer_0)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true"> <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_0" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> <nav class="flex w-full text-xs list-none text-grey-scorpion"> <span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span> <ul class="flex pr-3 md:px-0 flex-nowrap lg:mr-0"> <li class="sb-brand-navigation-item h-8 -ml-3 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="hessenschau.DE" href="https://www.hessenschau.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hessenschau-Link geklickt"}]}'>hessenschau</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR1" href="https://www.hr1.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr1-Link geklickt"}]}'>hr1</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR2" href="https://www.hr2.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr2-kultur-Link geklickt"}]}'>hr2-kultur</a> </li> <li class="sb-brand-navigation-item h-8 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="HR3" href="https://www.hr3.de/index.html" 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 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="Der HR" href="https://www.hr.de/index.html" target="_blank" rel="noopener noreferrer" 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.hr3.de/index.html title="Startseite hr3 . d e"> <div class="relative flex h-10 brand-logo-size md:hidden" > <img width="152" height="150" src="https://www.hr3.de/assets_4.9.3/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr3.de"> </div> <div class="md:flex hidden justify-start w-auto brand-logo-size md:brand-logo-size-md lg:brand-logo-size-lg h-12 lg:h-[3.875rem] " > <img width="300" height="66" src="https://www.hr3.de/assets_4.9.3/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr3.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 -news 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.hr3.de/nachrichten/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-2778-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Nachrichten-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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#nachrichten-ds"></use> </svg> <span class="sr-only lg:hidden">Nachrichten</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"> Nachrichten </span> </div> </div> </a> </li> <li class="sb-service-navigation-item -traffic 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"> <button id="2037" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="2037" class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 hover:lg:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset " :class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''" aria-owns="flyout-2037" aria-controls="flyout-2037" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? 'Verkehr-Menü schließen' : 'Verkehr-Menü öffnen')" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Verkehr-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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#verkehr-ds"></use> </svg> <span class="sr-only lg:hidden">Verkehr</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"> Verkehr </span> <div class="flex lg:pl-1"> <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </div> </div> <div x-cloak x-data="flyoutHandler" x-ref="2037" id="flyout-2037" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md z-120 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-2037-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="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.hr3.de/verkehr/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "ServiceNavigation::Verkehr::Übersicht Verkehr-Link geklickt"}]}' > Übersicht Verkehr </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.hr3.de/verkehr/verkehrskameras/index.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Verkehrskameras </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.hr3.de/verkehr/blitzer/index.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Blitzer </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.hessenschau.de/verkehr/liste-aktueller-schulausfaelle-in-hessen-v390,schulausfall-hessen-aktuell-heute-liste-100.html" class="ds-link js-load link-focus 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::schulausfall-hessen-aktuell-heute-liste-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Schulausfälle<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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hessenschau.de/verkehr/flugplaene-frankfurt-im-hr-text-v1,flugplaene-frankfurt-parkhaus-belegung-100.html" class="ds-link js-load link-focus 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::flugplaene-frankfurt-parkhaus-belegung-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Flugpläne Frankfurt / Parkhausbelegung<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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr3.de/verkehr/staus-und-blitzer-melden-v1,stau-blitzer-melden-100.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Werden Sie hr-Staureporter! </a> </li></ul> </div> </div> </button> </li> <li class="sb-service-navigation-item -weather 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"> <button id="3310" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="3310" class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 hover:lg:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset " :class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''" aria-owns="flyout-3310" aria-controls="flyout-3310" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? 'Wetter-Menü schließen' : 'Wetter-Menü öffnen')" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Wetter-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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#wetter-ds"></use> </svg> <span class="sr-only lg:hidden">Wetter</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"> Wetter </span> <div class="flex lg:pl-1"> <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </div> </div> <div x-cloak x-data="flyoutHandler" x-ref="3310" id="flyout-3310" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md z-120 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-3310-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="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.hr3.de/wetter/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "ServiceNavigation::Wetter::Übersicht Wetter-Link geklickt"}]}' > Übersicht Wetter </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.hr3.de/wetter/unwetterwarnungen/index.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Wetter-Link geklickt"}]}' > Unwetterwarnungen </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.hr3.de/wetter/regenradar-hessen/index.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Wetter-Link geklickt"}]}' > Regenradar </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.hr3.de/wetter/wolkenfilm/index.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Wetter-Link geklickt"}]}' > Wolkenfilm </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.hr3.de/wetter/messwerte/index.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Wetter-Link geklickt"}]}' > Messwerte </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.hr3.de/wetter/wetterkameras/index.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Wetter-Link geklickt"}]}' > Wetterkameras </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.hr3.de/wetter/wetterinfos-im-hr-text-v1,biowetter-pollenflug-uv-werte-niederschlag-pegelstaende100.html" class="ds-link js-load link-focus 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":"ServiceNavigation::Wetter-Link geklickt"}]}' > mehr Wetter </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-fernsehen.de/sendungen-a-z/alle-wetter/online-thema/index.html" class="ds-link js-load link-focus 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::online-thema-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Thema des Tages<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.hr3.de/assets_4.9.3/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-fernsehen.de/sendungen-a-z/alle-wetter/kontakt/ihr-wetter-schnappschuss-fuer-alle-wetter,aktion100.html" class="ds-link js-load link-focus 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::aktion100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Foto einsenden<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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li></ul> </div> </div> </button> </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.hr3.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--3751" 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--3751" 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--3751" aria-controls="suggestionlist--3751" > <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--3751" 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.hr3.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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr3.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 -mt-2" :class="{'rotate-45': $store.burgeropen, '-mt-2': ! $store.burgeropen }"></span> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current" :class="{'opacity-0': $store.burgeropen } "></span> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current mt-2" :class="{'-rotate-45': $store.burgeropen, 'mt-2': ! $store.burgeropen }"></span> </div> </button> </nav> </div> <script> var burger = () => { return { burgerClose(){ this.$store.burgeropen = false this.$dispatch('toggle-sectionnav', false); }, burgerClick(){ this.$store.serviceNavIsOpen = false this.$store.burgeropen = !this.$store.burgeropen this.$dispatch('toggle-sectionnav', this.$store.burgeropen); // Todo: not doing anything! can be removed? // this.percent > 50 ? this.removeYtranslate() : null; this.toggleScrolling(!this.$store.burgeropen) }, removeYtranslate(){ // Todo: not doing anything! can be removed? //this.$refs.serviceList.classList.remove('-mt-40'); //this.$refs.sectionnavigation.classList.remove('-mt-40') } } } </script> </div> </div> </div> </div> <div id="sectionNavWrapper" x-ref="sectionnavigation" @toggle-sectionnav.window="toggleSectionNav" :class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''" class="lg:grid lg:grid-page justify-center order-3 w-full overflow-hidden duration-200 lg:border-navigation-border-color [border-image-source:var(--border-navigation-border-image)] [border-image-slice:1] lg:border-b-navigation-border-width lg:duration-0 tablet:absolute tablet:top-20 tablet:w-[calc(50%-0.75rem)] tablet:ml-[calc(50%+0.75rem)] max-h-0 lg:overflow-visible md:mt-0 lg:max-h-full lg:h-auto bg-navigation-bg z-100 print:hidden " > <div id="sectionNav" class="w-full px-0 mt-10 sb-section-navigation md:mt-0 lg:grid-cols-12 lg:px-10 lg:col-main " x-effect="$el.setAttribute('aria-expanded', $store.burgeropen || $screen('lg')); $el.setAttribute('aria-hidden', ! ($store.burgeropen || $screen('lg')))" > <div x-data="slider()" x-init="initialize($refs.scrollContainer_3751)" 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_3751)" :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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <button style="background-image: linear-gradient(270deg, var(--color-navigation-bg) 50%, transparent);" class="bg-gradient-to-l absolute right-0 z-10 flex items-center justify-end w-10 h-full text-navigation-icons disabled:hidden group from-[--color-navigation-bg]" @click="next($refs.scrollContainer_3751)" :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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_3751" @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.hr3.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 hr3" 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">hr3</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.hr3.de/aktionen/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::Aktionen-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Aktionen </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.hr3.de/events/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::Events-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Events </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.hr3.de/shows/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::Shows-Toggle-Link geklickt"}]}' > Shows<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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </a> <button @click.debounce.100ms="toggle()" id="button-0-1" class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Shows-Toggle-Link geklickt"}]}'> <span class="hidden">Shows</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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </button> <div x-cloak x-data="flyoutHandler" x-ref="0" id="flyout-0" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-0-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="hidden lg:flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> <a href="https://www.hr3.de/shows/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Shows::Übersicht Shows-Link geklickt"}]}' > Übersicht Shows </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.hr3.de/shows/die-hr3-morningshow/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::Shows-Link geklickt"}]}' > Die hr3 Morningshow </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.hr3.de/shows/hr3-der-schoene-nachmittag/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::Shows-Link geklickt"}]}' > Der hr3 Nachmittag </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.hr3.de/podcasts/sonntagstalk/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::Shows-Link geklickt"}]}' > Der Sonntagstalk </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.hr3.de/shows/programm/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::Shows-Link geklickt"}]}' > Programm </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.hr3.de/shows/moderatorinnen/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::Shows-Link geklickt"}]}' > Moderator*innen </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.hr3.de/service/die-hr3-webcam,hrdrei-webcams-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::Shows-Link geklickt"}]}' > Webcams </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.hr3.de/playlist/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::Playlist-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Playlist </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.hr3.de/kontakt/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::Kontakt-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Kontakt </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.hr3.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--5180" 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--5180" 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--5180" aria-controls="suggestionlist--5180" > <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--5180" 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.hr3.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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr3.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 hr3 . d e" src="https://www.hr3.de/assets_4.9.3/base/icons/rsslogo/brandlogo--rss.jpg" /> </div> <div x-ref="myOverlay"> <div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-100 lg:hidden opacity-70"></div> </div> </div> <main onclick="void(0)" role="main" id="content" class="contentBody js-main js-load z-0 contentBody__backgroundImage" data-hr-init-service-worker='{"swUrl":"https://www.hr3.de/sw.js"}'> <h1 class="sr-only"> hr3.de - Zuhause in Hessen</h1> <header class="page__header flex flex-col"> </header> <div class="relative grid grid-page"> <article class="col-full grid grid-page relative overflow-hidden before:content-[''] before:absolute before:h-5 before:shadow-stage before:z-10 before:-top-5 before:-left-2.5 before:-right-2.5 after:content-[''] after:absolute after:bottom-0 after:col-full after:w-full after:block after:h-5 after:bg-stagePrimary lg:after:relative"> <div class="relative col-full lg:col-main lg:px-10"> <div class="relative max-h-stage overflow-visible before:content-[''] before:block before:w-full before:pt-3/4 sm:before:pt-stage"> <div class="lg:absolute lg:h-full lg:w-full-hd lg:left-1/2 lg:top-0 lg:-ml-240"> <picture class=" w-full block"> <source media="all and (min-width: 1020px)" sizes="100vw" srcset="https://www.hr3.de/aktionen/immer-nie-gleich-neu-grafik-100~_t-1736850711117_v-1920to529.png 1920w"> <source media="all and (min-width: 650px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr3.de/aktionen/immer-nie-gleich-neu-grafik-100~_t-1736850711117_v-16to9.png 960w, https://www.hr3.de/aktionen/immer-nie-gleich-neu-grafik-100~_t-1736850711117_v-16to9__retina.png 1920w"> <source media="all and (max-width: 649px)" sizes="100vw" srcset="https://www.hr3.de/aktionen/immer-nie-gleich-neu-grafik-100~_t-1736850711117_v-4to3__small.png 320w, https://www.hr3.de/aktionen/immer-nie-gleich-neu-grafik-100~_t-1736850711117_v-4to3__medium.png 480w, https://www.hr3.de/aktionen/immer-nie-gleich-neu-grafik-100~_t-1736850711117_v-4to3.png 650w, https://www.hr3.de/aktionen/immer-nie-gleich-neu-grafik-100~_t-1736850711117_v-4to3__retina.png 1300w"> <img class="w-full w-full absolute inset-0" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Immer nie gleich Aktionsgrafik neu"> </picture> <noscript> <img class="w-full w-full absolute inset-0" src="https://www.hr3.de/aktionen/immer-nie-gleich-neu-grafik-100~_t-1736850711117_v-16to9.png" alt="Immer nie gleich Aktionsgrafik neu"> </noscript> </div> <div class="absolute left-2/4 right-auto bottom-15 lg:bottom-10 flex w-full px-5 sm:px-11.5 -translate-x-2/4 justify-start"> <div class="relative p-4 rounded-2xl bg-stageTextBox/85 max-w-xs sm:w-fit md:max-w-2/4 "> <a href="https://www.hr3.de/aktionen/erkennt-das-hitpaerchen-und-gewinnt-1000-euro-fuer-euer-zuhause-v1,immer-nie-gleich-100.html" class="ds-link js-load ds-teaser-focus before:rounded-2xl " > <header> <h2 class="text-stageText"> <span class='pt-px block text-base text-toplineColor !text-stageText font-heading'>Erkennt das Hitpärchen!</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-5xl text-stageText'>Gewinnt einen 1.000 Euro IKEA Gutschein!</span> </h2> </header> </a> </div> </div> </div> </div> </article> </div> <div class="grid grid-page"> <div class="grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14"> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 flex-col" x-data="{ avStart: false }" > <figure class="ui-test-video relative basis-full w-full md:basis-2/3-gap-6 ar-16-9" > <div x-show="avStart" x-cloak id="7151" class="ar-16-9 h-full z-20 js-load ui-test-video-ondemand-player" data-mediaplayer-tracking='{"playerLocation": "Teaser","playerSize": "" }' data-hr-mediaplayer-loader='{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"__small"},{"minWidth":320,"value":"__medium"},{"minWidth":480,"value":"__medium_extended"},{"minWidth":640,"value":""},{"minWidth":960,"value":"__retina"}]}},"web":{"baseUrl":"https://www.hr3.de/assets_4.9.3/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"7151","clipData":{"type":"content","title":"hr-fernsehen_hr3_\"Ich warte erstmal, bis Loi da reingebissen hat.\" _13.02.2025 00:00","program":"hr-fernsehen","length":"123","assetid":"985fbc825a41129bba5f75a49b8d6d40","nol_c2":"p2,Y","nol_c5":"p5,hr3","nol_c7":"p7,as/hr3/2025_02/250213163123_Loi-Schlonz_512x288-25p-500kbit.mp4","nol_c8":"p8,123","nol_c9":"p9,hr3_\"Ich warte erstmal, bis Loi da reingebissen hat.\" _13.02.2025 00:00","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N"},"enabled":true},"trackingPiano@all":{"isEnabled":true,"config":{"heartbeatDuration":{"0":5,"1":10,"5":60},"events":["av.speed","av.quality","av.error","av.volume"]},"avContent":{"av_content_id":"video-207202","av_content":"\"Ich warte erstmal, bis Loi da reingebissen hat.\" ","av_content_type":"Video","av_content_duration":123000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hr3","av_content_theme2":"die-hr3-morningshow","av_content_theme3":"schlonz-der-woche","hr_document_type":"hr-nt:video","site_level2_id":"5"}},"trackingSAND@all":{"mcdnType":"DNS","reporting":[{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-topic:publish"],"metrics":["RepSwitch","BufferLevel","Playback","Misc","LiveEdgeDelay","ErrorMetric","StartupTime"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null},{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-beacon:publish"],"metrics":["Beacon"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null}],"configuration":{"enableHeaderReporting":true,"payloadTypeEnums":["text/xml","text/json"],"payloadType":"text/json","defaults":{"metricInterval":15000,"reportingInterval":15000,"miscInterval":60000,"headInterval":30000,"errorTimeout":60000},"adaptiveInterval":{"init":60000,"metricInterval":30000,"reportingInterval":30000,"threshold":{"bufferLevelFactor":0.66,"liveEdgeDelayFactor":0.66,"memoryUsageFactor":0.66}},"customerID":"hr"},"SANDEnabled":true,"SANDDebug":true}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"deu","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hr3/2025_02/250213163123_Loi-Schlonz_,480x270-50p-700kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hr3/2025_02/250213163123_Loi-Schlonz_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hr3/2025_02/250213163123_Loi-Schlonz_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hr3/2025_02/250213163123_Loi-Schlonz_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hr3/2025_02/250213163123_Loi-Schlonz_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hr3/2025_02/250213163123_Loi-Schlonz_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":123,"images":[{"kind":"preview","url":"https://www.hr3.de/shows/die-hr3-morningshow/schlonz-der-woche/loi-energy-balls-100~_t-1739775000057_v-16to9{size}.png"}],"title":"\"Ich warte erstmal, bis Loi da reingebissen hat.\" ","synopsis":"Wie heißt es so schön? Geteiltes Leid, ist halbes Leid! Tobi zumindest ist heilfroh, dass er nicht als Erster in Tanjas unaussprechliche und selbstgemachte Energy Balls für den kleinen Hunger beißen muss. Denn Sängerin Loi ist zu Besuch – und mit ihr zusammen wird der Schlonz zum lyrischen Hochgenuss!"},"pluginData":{},"geoBlocked":false},"playerId":"7151","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr3.de/assets_4.9.3/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr3.de/assets_4.9.3/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"100"}'> </div> <div class="relative ar-16-9" x-show="!avStart" > <noscript> <img class="w-full" src="https://www.hr3.de/shows/die-hr3-morningshow/schlonz-der-woche/loi-energy-balls-100~_t-1739775000057_v-16to9__medium.png" alt="Loi probiert Tanjas Schlonz der Woche"> </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.hr3.de/shows/die-hr3-morningshow/schlonz-der-woche/loi-energy-balls-100~_t-1739775000057_v-16to9__small.png 320w, https://www.hr3.de/shows/die-hr3-morningshow/schlonz-der-woche/loi-energy-balls-100~_t-1739775000057_v-16to9__medium.png 480w, https://www.hr3.de/shows/die-hr3-morningshow/schlonz-der-woche/loi-energy-balls-100~_t-1739775000057_v-16to9__medium__extended.png 640w, https://www.hr3.de/shows/die-hr3-morningshow/schlonz-der-woche/loi-energy-balls-100~_t-1739775000057_v-16to9.png 960w, https://www.hr3.de/shows/die-hr3-morningshow/schlonz-der-woche/loi-energy-balls-100~_t-1739775000057_v-16to9__retina.png 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Loi probiert Tanjas Schlonz der Woche" class="w-full"> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button active:bg-button-inverted active:scale-95 bottom-0 right-0 js-mediaplayer__button ui-test-mediaplayer-trigger group rounded-full absolute m-2 md:m-3" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 7151})" > <svg class="sb-icon fill-white group-hover:text-white inline text-media-button group-hover:fill-media-button w-10 h-10 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</span> </button> </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.hr3.de/shows/die-hr3-morningshow/schlonz-der-woche/hr3-star-loi-singt-euch-tanjas-schlonz-rezept-v1,saengerin-loi-rezept-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'>"No Bake Karottenkuchen Energy Balls"</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-4xl'>hr3 Star Loi singt euch Tanjas Schlonz-Rezept!</span> </h2> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Wie heißt es so schön? Geteiltes Leid, ist halbes Leid! Tobi zumindest ist heilfroh, dass er nicht als Erster in Tanjas unaussprechliche und selbstgemachte Energy Balls für den kleinen Hunger beißen muss. Denn Sängerin Loi ist zu Besuch – und mit ihr zusammen wird der Schlonz zum lyrischen Hochgenuss!</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"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr3.de/shows/index.html">Aus unseren Shows</a></h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" ><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="ui-test-audio relative ar-16-9 w-full" > <div x-show="avStart" x-cloak id="2072" class="ar-16-9 h-full z-20 js-load ui-test-audio-ondemand-player" data-mediaplayer-tracking='{"playerLocation": "Teaser","playerSize": "" }' data-hr-mediaplayer-loader='{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"__small"},{"minWidth":320,"value":"__medium"},{"minWidth":480,"value":"__medium_extended"},{"minWidth":640,"value":""},{"minWidth":960,"value":"__retina"}]}},"web":{"baseUrl":"https://www.hr3.de/assets_4.9.3/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingPiano@all":{"isEnabled":true,"config":{"heartbeatDuration":{"0":5,"1":10,"5":60},"events":["av.speed","av.quality","av.error","av.volume"]},"avContent":{"av_content_id":"audio-103740","av_content":"Halsbandsittiche erobern Darmstadt und Südhessen","av_content_type":"Audio","av_content_duration":41000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:audio","site_level2_id":"7"}},"trackingSAND@all":{"mcdnType":"DNS","reporting":[{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-topic:publish"],"metrics":["RepSwitch","BufferLevel","Playback","Misc","LiveEdgeDelay","ErrorMetric","StartupTime"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null},{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-beacon:publish"],"metrics":["Beacon"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null}],"configuration":{"enableHeaderReporting":true,"payloadTypeEnums":["text/xml","text/json"],"payloadType":"text/json","defaults":{"metricInterval":15000,"reportingInterval":15000,"miscInterval":60000,"headInterval":30000,"errorTimeout":60000},"adaptiveInterval":{"init":60000,"metricInterval":30000,"reportingInterval":30000,"threshold":{"bufferLevelFactor":0.66,"liveEdgeDelayFactor":0.66,"memoryUsageFactor":0.66}},"customerID":"hr"},"SANDEnabled":true,"SANDDebug":true}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/hs/2025_02/250205163440_Halsbandsittiche_hsr.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":41,"images":[{"kind":"preview","url":"https://www.hessenschau.de/video-podcast/audio-default-hessenschau-100~_t-1721139527014_v-16to9{size}.jpg"}],"title":"Halsbandsittiche erobern Darmstadt und Südhessen"},"pluginData":{},"geoBlocked":false},"playerId":"2072","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr3.de/assets_4.9.3/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr3.de/assets_4.9.3/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"00"}'> </div> <div class="relative ar-16-9" x-show="!avStart" > <noscript> <img class="w-full" src="https://www.hessenschau.de/panorama/halsbandsittich-nabu-100~_t-1739204148030_v-16to9__medium.jpg" alt="Ein fliegender Halsbandsittich vor einem Baum. Er hat leuchtende, gelb-grüne Federn und einen schwarzen Rand an den Flügeln."> </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.hessenschau.de/panorama/halsbandsittich-nabu-100~_t-1739204148030_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/halsbandsittich-nabu-100~_t-1739204148030_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/halsbandsittich-nabu-100~_t-1739204148030_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/halsbandsittich-nabu-100~_t-1739204148030_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/halsbandsittich-nabu-100~_t-1739204148030_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Ein fliegender Halsbandsittich vor einem Baum. Er hat leuchtende, gelb-grüne Federn und einen schwarzen Rand an den Flügeln." class="w-full"> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button active:bg-button-inverted active:scale-95 bottom-0 right-0 js-mediaplayer__button ui-test-mediaplayer-trigger group rounded-full absolute m-4 md:m-3" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 2072})" > <svg class="sb-icon fill-white group-hover:text-white inline text-media-button group-hover:fill-media-button w-10 h-10 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</span> </button> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hessenschau.de/panorama/jetzt-auch-in-darmstadt-exotische-papageien-breiten-sich-in-hessen-weiter-aus-v1,papageien-in-darmstadt-und-suedhessen-100.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::papageien-in-darmstadt-und-suedhessen-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Halsbandsittiche in Südhessen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Jetzt auch in Darmstadt: Papageien breiten sich in Hessen weiter aus</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 '>Entlang des Rheins und Mains haben es sich die einst tropischen Halsbandsittiche schon seit vielen Jahren gemütlich gemacht. Jetzt erobern sie auch die Gebiete abseits der Flüsse.</span> <a href="https://www.hessenschau.de/panorama/jetzt-auch-in-darmstadt-exotische-papageien-breiten-sich-in-hessen-weiter-aus-v1,papageien-in-darmstadt-und-suedhessen-100.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::papageien-in-darmstadt-und-suedhessen-100 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">mehr auf hessenschau.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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Von Julian Moering</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-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.hessenschau.de/politik/bundestagswahl/wahl-o-mat-bt_1920x-100~_t-1738761943790_v-16to9__medium.jpg" alt="Gelbe Tafel mit der Aufschrift "Wahl-O-Mat zur Bundestagswahl 2025""> </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.hessenschau.de/politik/bundestagswahl/wahl-o-mat-bt_1920x-100~_t-1738761943790_v-16to9__small.jpg 320w, https://www.hessenschau.de/politik/bundestagswahl/wahl-o-mat-bt_1920x-100~_t-1738761943790_v-16to9__medium.jpg 480w, https://www.hessenschau.de/politik/bundestagswahl/wahl-o-mat-bt_1920x-100~_t-1738761943790_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/politik/bundestagswahl/wahl-o-mat-bt_1920x-100~_t-1738761943790_v-16to9.jpg 960w, https://www.hessenschau.de/politik/bundestagswahl/wahl-o-mat-bt_1920x-100~_t-1738761943790_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Gelbe Tafel mit der Aufschrift "Wahl-O-Mat zur Bundestagswahl 2025"" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hessenschau.de/politik/bundestagswahl/wahl-o-mat-fuer-die-bundestagswahl-2025-hier-den-test-machen-v4,btw25-wahlomat-102.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::btw25-wahlomat-102 geklickt"}]}' target="_blank" rel="noopener" > <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-labelInfografik' > Interaktiv </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Hier geht es zum Wahl-O-Mat für die Bundestagswahl 2025</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 23. Februar wird ein neuer Bundestag gewählt. Im Wahl-O-Mat lassen sich die Positionen der Parteien miteinander vergleichen. Hier können Sie das gleich tun.</span> <a href="https://www.hessenschau.de/politik/bundestagswahl/wahl-o-mat-fuer-die-bundestagswahl-2025-hier-den-test-machen-v4,btw25-wahlomat-102.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::btw25-wahlomat-102 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">mehr auf hessenschau.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.hr3.de/assets_4.9.3/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-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.hr3.de/aktionen/ikea-afterwork-100~_t-1739443907539_v-16to9__medium.jpg" alt="Tobi und Tanja im Ikea Hanau"> </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.hr3.de/aktionen/ikea-afterwork-100~_t-1739443907539_v-16to9__small.jpg 320w, https://www.hr3.de/aktionen/ikea-afterwork-100~_t-1739443907539_v-16to9__medium.jpg 480w, https://www.hr3.de/aktionen/ikea-afterwork-100~_t-1739443907539_v-16to9__medium__extended.jpg 640w, https://www.hr3.de/aktionen/ikea-afterwork-100~_t-1739443907539_v-16to9.jpg 960w, https://www.hr3.de/aktionen/ikea-afterwork-100~_t-1739443907539_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Tobi und Tanja im Ikea Hanau" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr3.de/aktionen/immer-nie-gleich-ikea-frankfurt-hanau100.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-labelMedia' > Bildergalerie </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 8 Bilder </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>hr3 After Work mit Tobi und Tanja bei IKEA Frankfurt und Hanau</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 '>Tobi und Tanja waren mit euch nach Feierabend bei IKEA Frankfurt und haben bei entspannten Beats, leckeren Drinks und frischen Hotdogs für Partylaune gesorgt. Außerdem gab es einen weiteren IKEA Gutschein zu gewinnen</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"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr3.de/podcasts/sonntagstalk/index.html">Der Sonntagstalk</a></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="ui-test-podcast 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 x-show="avStart" x-cloak id="2429" class="ar-16-9 h-full z-20 js-load ui-test-audio-ondemand-player" data-mediaplayer-tracking='{"playerLocation": "Teaser","playerSize": "" }' data-hr-mediaplayer-loader='{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"__small"},{"minWidth":320,"value":"__medium"},{"minWidth":480,"value":"__medium_extended"},{"minWidth":640,"value":""},{"minWidth":960,"value":"__retina"}]}},"web":{"baseUrl":"https://www.hr3.de/assets_4.9.3/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingPiano@all":{"isEnabled":true,"config":{"heartbeatDuration":{"0":5,"1":10,"5":60},"events":["av.speed","av.quality","av.error","av.volume"]},"avContent":{"av_content_id":"podcast-episode-138570","av_content":"Peggy Elfmann über alternde Eltern ","av_content_type":"Audio","av_content_duration":2496000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hr3","av_content_theme2":"sonntagstalk","av_content_theme3":null,"hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"14"}},"trackingSAND@all":{"mcdnType":"DNS","reporting":[{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-topic:publish"],"metrics":["RepSwitch","BufferLevel","Playback","Misc","LiveEdgeDelay","ErrorMetric","StartupTime"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null},{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-beacon:publish"],"metrics":["Beacon"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null}],"configuration":{"enableHeaderReporting":true,"payloadTypeEnums":["text/xml","text/json"],"payloadType":"text/json","defaults":{"metricInterval":15000,"reportingInterval":15000,"miscInterval":60000,"headInterval":30000,"errorTimeout":60000},"adaptiveInterval":{"init":60000,"metricInterval":30000,"reportingInterval":30000,"threshold":{"bufferLevelFactor":0.66,"liveEdgeDelayFactor":0.66,"memoryUsageFactor":0.66}},"customerID":"hr"},"SANDEnabled":true,"SANDDebug":true}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr3_baerbelschaefer/hr3_baerbelschaefer_20250214_103122604.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":2496,"images":[{"kind":"preview","url":"https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-16to9{size}.jpg"}],"title":"Peggy Elfmann über alternde Eltern ","synopsis":"Irgendwann müssen wir uns alle damit beschäftigen: Die eigenen Eltern werden alt. Und damit kommen völlig neue Fragen auf uns zu: Wo und wie können die Eltern wohnen? Wer kümmert sich, wenn Dinge nicht mehr so einfach laufen wie früher? Bedarf es einer Betreuung oder Pflege und wo findet man die? Und nicht zuletzt: Wie gelingt ein gutes Miteinander? Autorin Peggy Elfmann hat ihre demenzkranke Mutter gepflegt und spricht im Sonntagstalk mit Bärbel Schäfer über ihre Erfahrungen und Tipps."},"pluginData":{},"geoBlocked":false},"playerId":"2429","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr3.de/assets_4.9.3/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr3.de/assets_4.9.3/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"100"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <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/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-1to1__xsmall.jpg 260w, https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-1to1__small.jpg 380w, https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-1to1__medium.jpg 480w, https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-1to1.jpg 720w, https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_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/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-16to9__small.jpg 320w, https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-16to9__medium.jpg 480w, https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-16to9__medium__extended.jpg 640w, https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-16to9.jpg 960w, https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Peggy Elfmann zu Gast bei Bärbel Schäfer"> </picture> <noscript> <img class="w-full" src="https://www.hr3.de/shows/der-sonntagstalk-in-hr3/peggy-elfmann-100~_t-1738852391764_v-16to9__medium.jpg" alt="Peggy Elfmann zu Gast bei Bärbel Schäfer"> </noscript> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button active:bg-button-inverted active:scale-95 bottom-0 right-0 js-mediaplayer__button ui-test-mediaplayer-trigger group rounded-full absolute m-2 md:m-3" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 2429})" > <svg class="sb-icon fill-white group-hover:text-white inline text-media-button group-hover:fill-media-button w-10 h-10 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Podcast</span> </button> </div> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button hover:bg-button-inverted hover:border-button active:bg-button-inverted active:scale-95 absolute top-full right-0 py-3.5 px-3.5 text-blue-700 font-semibold z-20 md:hidden hover:bg-slate-300 " type="submit" title="Mediaplayer schließen" @click="avStart = false; $dispatch('player_closed',{playerId: 2429})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </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.hr3.de/podcasts/sonntagstalk/peggy-elfmann-ueber-alternde-eltern-,podcast-episode-138570.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-labelMedia' > Podcast </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 41:36 Min. </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Peggy Elfmann über alternde Eltern </span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Irgendwann müssen wir uns alle damit beschäftigen: Die eigenen Eltern werden alt. Und damit kommen völlig neue Fragen auf uns zu: Wo und wie können die Eltern wohnen? Wer kümmert sich, wenn Dinge nicht mehr so einfach laufen wie früher? Bedarf es einer Betreuung oder Pflege und wo findet man die? Und nicht zuletzt: Wie gelingt ein gutes Miteinander? Autorin Peggy Elfmann hat ihre demenzkranke Mutter gepflegt und spricht im Sonntagstalk mit Bärbel Schäfer über ihre Erfahrungen und Tipps.</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"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr3.de/events/index.html">Events</a></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-sinfonieorchester.de/konzerte/konzerte-24-25/music-discovery-project-192~_t-1714039607987_v-16to9__medium.jpg" alt="Music Discovery Project"> </noscript> <img sizes="(min-width: 48rem) 460px,min-width: 40rem) calc(100vw - 4rem), 100vw" loading="lazy" data-srcset="https://www.hr-sinfonieorchester.de/konzerte/konzerte-24-25/music-discovery-project-192~_t-1714039607987_v-16to9__small.jpg 320w, https://www.hr-sinfonieorchester.de/konzerte/konzerte-24-25/music-discovery-project-192~_t-1714039607987_v-16to9__medium.jpg 480w, https://www.hr-sinfonieorchester.de/konzerte/konzerte-24-25/music-discovery-project-192~_t-1714039607987_v-16to9__medium__extended.jpg 640w, https://www.hr-sinfonieorchester.de/konzerte/konzerte-24-25/music-discovery-project-192~_t-1714039607987_v-16to9.jpg 960w, https://www.hr-sinfonieorchester.de/konzerte/konzerte-24-25/music-discovery-project-192~_t-1714039607987_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Music Discovery Project" class="w-full"> <div class="absolute bg-gradient-to-t from-white bg-neutral-200 opacity-80 flex justify-center top-0 h-full"> <div class="flex flex-col items-center justify-center p-4"> <span class='text-2xl font-headingSerif font-bold'>21</span> <span class='text-sm font-headingSerif'>Mär</span> <span class='text-sm font-headingSerif'>+</span> <span class='text-2xl font-headingSerif font-bold'>22</span> <span class='text-sm font-headingSerif'>Mär</span> </div> </div> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr3.de/events/klassik-trifft-pop-in-frankfurt,music-discovery-project-194.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-labelEvent' > Konzert </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 21.03.25, 20:00 Uhr </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Music Discovery Project </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 '>Die Begegnung unterschiedlicher musikalischer Welten ist das Markenzeichen dieses Events, das jedes Jahr die Jahrhunderthalle füllt. Klassik trifft Pop, Orchester trifft Band. 2025 mit dem hr-Sinfonieorchester auf der Bühne: ClockClock.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> </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.hr3.de/events/fantas-fulda-102~_t-1738315710422_v-16to9__medium.jpg" alt="Die Band "Die Fantastischen Vier" vor untergehender Sonne"> </noscript> <img sizes="(min-width: 48rem) 460px,min-width: 40rem) calc(100vw - 4rem), 100vw" loading="lazy" data-srcset="https://www.hr3.de/events/fantas-fulda-102~_t-1738315710422_v-16to9__small.jpg 320w, https://www.hr3.de/events/fantas-fulda-102~_t-1738315710422_v-16to9__medium.jpg 480w, https://www.hr3.de/events/fantas-fulda-102~_t-1738315710422_v-16to9__medium__extended.jpg 640w, https://www.hr3.de/events/fantas-fulda-102~_t-1738315710422_v-16to9.jpg 960w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Die Band "Die Fantastischen Vier" vor untergehender Sonne" class="w-full"> <div class="absolute bg-gradient-to-t from-white bg-neutral-200 opacity-80 flex justify-center top-0 h-full"> <div class="flex flex-col items-center justify-center p-4"> <span class='text-sm font-headingSerif'>Fr.</span> <span class='text-2xl font-headingSerif font-bold'>5</span> <span class='text-sm font-headingSerif'>Jul</span> </div> </div> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr3.de/events/live-in-fulda,fantas-fulda-104.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-labelEvent' > Konzert </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 05.07.24, 19:30 Uhr </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Die Fantastischen Vier</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 '>Nach ihrer großen "Long Player Tour" Ende 2024 lassen Thomas D, And.Ypsilon, Michi Beck und Smudo nächsten Sommer ihre Ohrwürmer auf den Open-Air-Bühnen frei. Eine davon steht in Fulda. Auf der präsentiert hr3 das einzige Konzert der Fantas in Hessen.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> </p> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr3.de/verkehr/index.html">Verkehr</a></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.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-1to1__small.jpg 380w, https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-1to1__medium.jpg 480w, https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-1to1.jpg 720w, https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_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.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-16to9__small.jpg 320w, https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-16to9__medium.jpg 480w, https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-16to9.jpg 960w, https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="A661 bei Frankfurt in der Dämmerung"> </picture> <noscript> <img class="w-full" src="https://www.hessenschau.de/verkehr/verkehr-banner-100~_t-1590415780292_v-16to9__medium.jpg" alt="A661 bei Frankfurt in der Dämmerung"> </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.hr3.de/verkehr/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'>Übersicht</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Alle Staus und Verkehrsmeldungen im Überblick</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Wo aktuelle Staus oder andere Verkehrsstörungen auf Hessens Straßen sind, findet ihr in dieser Übersicht.</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">Wie hört ihr hr3?</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.hr3.de/voice/smart-speaker-genrebild-100~_t-1601647528533_v-16to9__medium.jpg" alt="So aktiviert ihr den hr3 Skill für Alexa und Google Home"> </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.hr3.de/voice/smart-speaker-genrebild-100~_t-1601647528533_v-16to9__small.jpg 320w, https://www.hr3.de/voice/smart-speaker-genrebild-100~_t-1601647528533_v-16to9__medium.jpg 480w, https://www.hr3.de/voice/smart-speaker-genrebild-100~_t-1601647528533_v-16to9__medium__extended.jpg 640w, https://www.hr3.de/voice/smart-speaker-genrebild-100~_t-1601647528533_v-16to9.jpg 960w, https://www.hr3.de/voice/smart-speaker-genrebild-100~_t-1601647528533_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="So aktiviert ihr den hr3 Skill für Alexa und Google Home" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr3.de/voice/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 neue hr3 Skill </span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>So hört ihr hr3 mit Alexa </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 '>Ihr habt die Speaker und hr3 ist smart: Ab sofort sind wir auch auf euren Sprachassistenten für euch da. Sagt Alexa einfach, welche Songs euch besonders gefallen oder welchen Podcast ihr hören möchtet – Tobi aus der hr3 Morningshow hilft euch weiter! </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.hr3.de/app/2020-radioapp-hr3-mood-104~_t-1696521071328_v-16to9__medium.jpg" alt="Die neue hr3-App auf einem Smartphone"> </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.hr3.de/app/2020-radioapp-hr3-mood-104~_t-1696521071328_v-16to9__small.jpg 320w, https://www.hr3.de/app/2020-radioapp-hr3-mood-104~_t-1696521071328_v-16to9__medium.jpg 480w, https://www.hr3.de/app/2020-radioapp-hr3-mood-104~_t-1696521071328_v-16to9__medium__extended.jpg 640w, https://www.hr3.de/app/2020-radioapp-hr3-mood-104~_t-1696521071328_v-16to9.jpg 960w, https://www.hr3.de/app/2020-radioapp-hr3-mood-104~_t-1696521071328_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Die neue hr3-App auf einem Smartphone" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr3.de/service/die-hr3-app-webradio-wetter-verkehr-und-news--v1,app-116.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'>Mit Playlist, News, Wetter und Verkehr</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Eure Lieblingshits für unterwegs in der hr3 App </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 '>hr3 hören ohne Radio oder PC? Die Verkehrsmeldungen immer aktuell abrufen oder eine Moderation nochmal hören? Kein Problem: mit der hr3 App für euer Smartphone – und den aktuellsten Nachrichten von tagesschau, hessenschau und sportschau.</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"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr3.de/service/index.html">hr3 erleben</a></h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr3.de/service/whatsapp-logo-108~_t-1585733093821_v-16to9__medium.png" alt="WhatsApp Logo"> </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.hr3.de/service/whatsapp-logo-108~_t-1585733093821_v-16to9__small.png 320w, https://www.hr3.de/service/whatsapp-logo-108~_t-1585733093821_v-16to9__medium.png 480w, https://www.hr3.de/service/whatsapp-logo-108~_t-1585733093821_v-16to9__medium__extended.png 640w, https://www.hr3.de/service/whatsapp-logo-108~_t-1585733093821_v-16to9.png 960w, https://www.hr3.de/service/whatsapp-logo-108~_t-1585733093821_v-16to9__retina.png 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="WhatsApp Logo" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://api.whatsapp.com/send/?phone=49691553333&text&app_absent=0" 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::whatsapp-desktop-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" > <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Meldet euch per WhatsApp: 069 155 3333</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr3.de/service/teaser-facebook-108~_t-1585129915154_v-16to9__medium.png" alt="Facebook-Logo"> </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.hr3.de/service/teaser-facebook-108~_t-1585129915154_v-16to9__small.png 320w, https://www.hr3.de/service/teaser-facebook-108~_t-1585129915154_v-16to9__medium.png 480w, https://www.hr3.de/service/teaser-facebook-108~_t-1585129915154_v-16to9__medium__extended.png 640w, https://www.hr3.de/service/teaser-facebook-108~_t-1585129915154_v-16to9.png 960w, https://www.hr3.de/service/teaser-facebook-108~_t-1585129915154_v-16to9__retina.png 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Facebook-Logo" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.facebook.com/hr3/?ref=aymt_homepage_panel&eid=ARCyYYTDgvI9aFUEDhI5XP_1uMB8KCFv-XWArTnMC-b_YmVfqMlnhUma1KpIEAph6m3ZkHJkoYOeQuzJ" 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::facebook-link-104 geklickt"}]}' target="_blank" rel="noopener noreferrer" > <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Diskutiert mit auf Facebook</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr3.de/service/instagram-logo-106~_t-1585129923361_v-16to9__medium.png" alt="Instagram Logo"> </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.hr3.de/service/instagram-logo-106~_t-1585129923361_v-16to9__small.png 320w, https://www.hr3.de/service/instagram-logo-106~_t-1585129923361_v-16to9__medium.png 480w, https://www.hr3.de/service/instagram-logo-106~_t-1585129923361_v-16to9__medium__extended.png 640w, https://www.hr3.de/service/instagram-logo-106~_t-1585129923361_v-16to9.png 960w, https://www.hr3.de/service/instagram-logo-106~_t-1585129923361_v-16to9__retina.png 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Instagram Logo" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.instagram.com/hr3/?hl=de" 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::instagram-link-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" > <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Blickt hinter die Kulissen auf Instagram</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"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr3.de/nachrichten/index.html">Weitere Nachrichten</a></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="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> <svg class="sb-icon fill-blue-congress-hex w-10 md:w-12 h-10 md:h-12 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/cluster-teaser/svgmap.min.svg#hessenschau_de"></use> </svg> </span> <span class="overflow-anywhere hyphens-auto text-2xl border-clusterTeaserHeadline font-titleCluster pl-3 ml-3 border-l-2 border-solid ">hessenschau.de</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.hessenschau.de/sport/fussball/eintracht-frankfurt/eintracht-mvs-100~_t-1739817215229_v-16to9__medium.jpg" alt="Vorstandssprecher Axel Hellmann (rechts) spricht bei der Mitgliederversammlung."> </noscript> <img sizes="(min-width:48rem) 460px,(min-width: 40rem) calc(100vw - 4rem), calc(100vw - 2.5rem)" loading="lazy" data-srcset="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/eintracht-mvs-100~_t-1739817215229_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/eintracht-mvs-100~_t-1739817215229_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/eintracht-mvs-100~_t-1739817215229_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/eintracht-mvs-100~_t-1739817215229_v-16to9.jpg 960w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/eintracht-mvs-100~_t-1739817215229_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Vorstandssprecher Axel Hellmann (rechts) spricht bei der Mitgliederversammlung." class="w-full"></div> <div class="mx-5 mt-3"> <a href="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/eintracht-mitglieder-stimmen-fuer-kapitalerhoehung-ein-paradigmenwechsel-v1,eintracht-mitgliederversammlung-kapitalerhoehung-100.html" class="ds-link js-load block group ds-teaser-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::eintracht-mitgliederversammlung-kapitalerhoehung-100 geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Eintracht-Mitglieder stimmen für Kapitalerhöhung: "Ein Paradigmenwechsel"</span> </h3> </a> </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.hessenschau.de/wirtschaft/verdi-warnstreiks-am-mittwoch-in-fuenf-landkreisen-und-wiesbaden-v2,warnstreiks-oeffentlicher-dienst-102.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::warnstreiks-oeffentlicher-dienst-102 geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Verdi-Warnstreiks am Mittwoch in fünf Landkreisen und Wiesbaden</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hessenschau.de/panorama/herbstein-nach-dem-400000-mark-fund-fragen-spekulationen-und-ein-ungeloestes-raetsel-v1,geldfund-herbstein-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::geldfund-herbstein-100 geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Herbstein nach dem 400.000-Mark-Fund: Fragen, Spekulationen und ein ungelöstes Rätsel</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hessenschau.de/politik/bundestagswahl/spd-spitzenkandidat-soeren-bartol-der-doppel-staatssekretaer-der-vom-sachlichen-wahlkampf-traeumt-v1,btw25-bartol-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::btw25-bartol-100 geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>SPD-Spitzenkandidat Sören Bartol: Der Doppel-Staatssekretär, der vom sachlichen Wahlkampf träumt</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> <svg class="sb-icon fill-blue-midnight w-40 lg:w-52 h-8 md:h-12 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/cluster-teaser/svgmap.min.svg#tagesschau_de"></use> </svg> </span> <span class="overflow-anywhere hyphens-auto text-2xl border-clusterTeaserHeadline font-titleCluster pl-3 ml-3 border-l-2 border-solid sr-only">Tagesschau</span> </h2> <div class="flex flex-col"> <div class="pb-3 relative"> <div class="ar-16-9"> <noscript> <img class="w-full" src="https://images.tagesschau.de/image/36de2b88-d6a7-44ee-aadd-9f71379d4643/AAABlRZZdm4/AAABkZLk4K0/16x9-768/wahlarena-162.jpg" alt="Menschen schauen auf einen Fernsehbildschirm auf dem die Wahlarena zu sehen ist."> </noscript> <img sizes="(min-width:48rem) 460px,(min-width: 40rem) calc(100vw - 4rem), calc(100vw - 2.5rem)" loading="lazy" data-srcset="https://images.tagesschau.de/image/36de2b88-d6a7-44ee-aadd-9f71379d4643/AAABlRZZdm4/AAABkZLjwNU/16x9-384/wahlarena-162.jpg 384w, https://images.tagesschau.de/image/36de2b88-d6a7-44ee-aadd-9f71379d4643/AAABlRZZdm4/AAABkZLk4K0/16x9-768/wahlarena-162.jpg 768w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Menschen schauen auf einen Fernsehbildschirm auf dem die Wahlarena zu sehen ist." class="w-full"></div> <div class="mx-5 mt-3"> <a href="https://www.tagesschau.de/inland/bundestagswahl/wahlarena-bundestagswahl-100.html" class="ds-link js-load block group ds-teaser-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>ARD-Wahlarena: Wie sich die Kandidaten geschlagen haben</span> </h3> </a> </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.tagesschau.de/newsticker/liveblog-bundestagswahl-montag-104.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Bundestagswahl-Liveblog: ++ Habeck: Digitalisierung "nirgends angekommen" ++</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.tagesschau.de/inland/bundestagswahl/ard-wahlarena-102.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>ARD-Wahlarena: Bürger befragen die vier Kanzlerkandidaten</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.tagesschau.de/inland/bundestagswahl/parteien/wahlkampf-linke-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Wahlkampf: Wie die Linke es aus der Bedeutungslosigkeit schaffte</span> </h3> </a> </li></ul></div> </div></article> </div> </section> </div> </div> <div class="h-8" x-data="{ isVisible: false }"> <div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }"> <div class="flex justify-between h-0 col-full sm:col-main" :class="{ 'bg-white h-8': $store.footerIsVisible }" x-show="!$store.sharingIsVisible && isVisible" x-transition:enter="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first" x-transition:enter-start="opacity-0 translate-y-8" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-12" @scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )" > <button @click="window.scrollTo({top: 0, behavior: 'smooth'})" :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'" class="inline-flex items-center font-heading border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 ml-auto z-100 p-2 h-max mr-5 hover:scale-105 [@media(min-width:1170px)]:-mr-14" aria-label='Zum Seitenanfang springen' > <svg class="sb-icon w-5 h-5 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </div> </div> <div class="grid h-8 grid-page" :class="{ 'hidden': $store.footerIsVisible }"><div class="flex justify-end h-8 bg-white col-full sm:col-main"></div></div> </div> </main> <footer class="relative grid justify-center w-full text-base border-t grid-page ui-test-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" > <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div> <div class="col-full sm:col-main md:px-10"> <span class="hidden">Footer Navigation</span> <div class="flex flex-wrap justify-start list-none"><div class="flex w-full md:w-1/2 md:first:pr-4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8"> <div @click="dropped = !dropped" class="flex justify-between w-full px-5 py-2 border-b border-footer-heading md:px-0 md:py-0 lg:m-0"> <span class="flex justify-start text-lg font-bold text-footer-heading " title="hr3.de" onclick="">hr3.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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr3.de/index.html" class="ds-link js-load flex hover:underline " > Start<span class="sr-only">hr3</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.hr3.de/aktionen/index.html" class="ds-link js-load flex hover:underline " > Aktionen</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.hr3.de/events/index.html" class="ds-link js-load flex hover:underline " > Events</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.hr3.de/shows/index.html" class="ds-link js-load flex hover:underline " > Shows</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.hr3.de/playlist/index.html" class="ds-link js-load flex hover:underline " > Playlist</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.hr3.de/kontakt/index.html" class="ds-link js-load flex hover:underline " > Kontakt</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.hr3.de/nachrichten/index.html" class="ds-link js-load flex hover:underline " > Nachrichten</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.hr3.de/verkehr/index.html" class="ds-link js-load flex hover:underline " > Verkehr</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.hr3.de/wetter/index.html" class="ds-link js-load flex hover:underline " > Wetter</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.hr3.de/shows/die-hr3-morningshow/index.html" class="ds-link js-load flex hover:underline " > Die hr3 Morningshow</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.hr3.de/shows/hr3-der-schoene-nachmittag/index.html" class="ds-link js-load flex hover:underline " > Der hr3 Nachmittag</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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr3.de/service/index.html" class="ds-link js-load flex hover:underline " > Service-Übersicht</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.hr3.de/service/frequenzen/index.html" class="ds-link js-load flex hover:underline " > Frequenzen</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.hr3.de/hr3-app/index.html" class="ds-link js-load flex hover:underline " > hr3-App</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.hr3.de/hilfe/index.html" class="ds-link js-load flex hover:underline " > Hilfe</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/fotos-und-logos/hr3/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" > Presse hr3 <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/unternehmen/korrekturen/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" > Korrekturen <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr-werbung.de/index.html" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > hr werbung <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> </ul> </div> </nav></div> <div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0"> <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading"> <div class="relative mx-auto "> <div class="flex px-5 pt-4 md:pt-0 md:px-0"> <form x-data="searchSuggest()" role="search" action="https://www.hr3.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--5258" 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--5258" 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--5258" aria-controls="suggestionlist--5258" > <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--5258" 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.hr3.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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr3.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://www.facebook.com/hr3" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hr3.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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#facebook-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.instagram.com/hr3" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hr3 Instagram" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#instagram-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.hr3.de/whatsapp/index.html" class="ds-link js-load text-footer-text " title="hr3 Whatsapp" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hr3.de/rss/index.html" class="ds-link js-load text-footer-text " title="Zur RSS-Seite" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#rss-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hr3.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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg> </a> </li> </ul> </nav> <div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'> <button id="globalSettingsButton" class="ds-button inline-flex items-center font-heading border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95 p-2 min-w-10 justify-center js-data-policy-settings-button " type="submit" data-piano-tracking='{"label":"Footer","secondLevelId":1}' data-a11y-dialog-show="datapolicy-settings-dialog" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current w-5 h-5 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#settings"></use> </svg> <span class='ds-button-label text-base '>Einstellungen</span> </button> </div> <div id="datapolicy-settings-dialog" aria-labelledby="datapolicy-settings-title" aria-hidden="true" class="fixed inset-0 flex justify-center overflow-y-scroll aria-hidden:hidden z-300"> <div class="fixed w-full h-full top-0 left-0 right-0 bottom-0 bg-black/[0.5] js-data-policy-settings-overlay" data-a11y-dialog-hide> </div> <div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6"> <div class="flex w-full px-6 bg-primary z-100"> <span class="flex justify-start w-full py-4"> <span class="pr-4 -ml-1 fill-white"> <svg class="sb-icon h-7 w-7 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#settings"></use> </svg></span> <span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span> <button type="button" aria-label="Close dialog" class="text-white bg-transparent fill-current link-focus-white js-data-policy-settings-close-button" data-a11y-dialog-hide> <svg class="sb-icon h-6 w-6 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#close"></use> </svg> </button> </span> </div> <div class="bg-[#d8e9f6] p-6 "> <span id="datapolicy-settings-title" class="block text-lg text-black font-headingSerif">Erhebung von Nutzungszahlen</span> <p class="mt-4 text-black"> Zur Optimierung des Online-Angebots verwendet der Hessische Rundfunk Zählpixel, die eine statistische Analyse Ihres Surfverhaltens auf unseren Webseiten ermöglichen. Hier können Sie der Erfassung und Übermittlung der Daten widersprechen. <a class="block mt-2 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.hr.de/datenschutz/index.html" title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg></a></span> <div class="flex w-fit"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="agf" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="agf"> <span class="sr-only">agf aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> <span class="text-base text-black">AT Internet <a class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.atinternet.com/de/" title="AT Internet">(https://www.atinternet.com/de/)<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg></a></span> <div class="flex w-fit"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="ati" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ati"> <span class="sr-only">at internet aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> </ul> <div class="bg-[#d8e9f6] p-6"> <span class="block text-lg text-black font-headingSerif ">Externe Inhalte</span> <p class="mt-4 text-base text-black"> Hier können Sie festlegen, ob externe Inhalte (Text, Bild, Video…) ohne erneute Zustimmung angezeigt werden sollen. Bei Aktivierung stellt Ihr Browser beim Abruf der Inhalte eine Verbindung mit dem Anbieter her. Bei Deaktivierung wird Ihre Zustimmung auf der betreffenden Seite erneut eingeholt. <a class="block mt-2 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.hr.de/datenschutz/index.html" title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </div> </div> <ul> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Mediathek (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_mediathek" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_mediathek"> <span class="sr-only">ard_mediathek aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert"> <span class="sr-only">arte_concert aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert 2.0</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert_new" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert_new"> <span class="sr-only">arte_concert_new aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Datawrapper (Datengrafik)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="datawrapper_cdn" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="datawrapper_cdn"> <span class="sr-only">datawrapper_cdn aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Esri (Notfallkarte)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="esri" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="esri"> <span class="sr-only">esri aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Flourish (Datengrafik)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="flourish" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="flourish"> <span class="sr-only">flourish aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Giphy (animiertes GIF)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="giphy" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="giphy"> <span class="sr-only">giphy aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Facebook</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="facebook-post" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="facebook-post"> <span class="sr-only">facebook-post aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Instagram</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="instagram" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="instagram"> <span class="sr-only">instagram aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">X</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="twitter-post" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="twitter-post"> <span class="sr-only">twitter-post aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Vimeo (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="vimeo" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="vimeo"> <span class="sr-only">vimeo aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube"> <span class="sr-only">youtube aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube 360 (360° Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube360" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube360"> <span class="sr-only">youtube360 aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> </ul> </div> </div> </div> <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0"> <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" href=https://www.hr3.de/index.html title="Startseite hr3 . d e"> <div class="relative flex h-10 md:hidden" > <img width="152" height="150" src="https://www.hr3.de/assets_4.9.3/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr3.de"> </div> <div class="md:flex hidden justify-start w-auto h-10 lg:h-12 " > <img width="300" height="66" src="https://www.hr3.de/assets_4.9.3/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr3.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 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="Hessischer Rundfunk" > © Hessischer Rundfunk <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/datenschutz/index.html" class="ds-link js-load flex whitespace-nowrap hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="Datenschutz" > Datenschutz <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/impressum/index.html" 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="Impressum" > Impressum <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.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> </div> </div> </div> </div> </footer> <script type="text/javascript"> var pianoWasInit = false var pageDisplayConfig = {} const isInWebAppiOS = (window.navigator.standalone === true) const isInWebAppChrome = (window.matchMedia('(display-mode: standalone)').matches) const displayMode = isInWebAppiOS ? 'pwa-ios' : isInWebAppChrome ? 'pwa' : 'browser-tab' const getCookie = (cookieName) => { let cookieString = RegExp('' + cookieName + '[^;]+').exec(document.cookie) return unescape(!!cookieString ? cookieString.toString().replace(/^[^=]+./, '') : '') } const getJSONCookie = (cookieName) => { let cookie try { cookie = JSON.parse(getCookie(cookieName)) } catch (e) { } return cookie } const isPianoTrackingAllowed = () => { const cookie = getJSONCookie('hrSettings') console.log('undefined === cookie || cookie[\'ati\'] === true', undefined === cookie || cookie['ati'] === true) return undefined === cookie || cookie['ati'] === true } function initPiano() { if (!pianoWasInit) { if (undefined !== window.pa) { console.log("Piano Script run:", performance.now()); window.pa.setConfigurations({ site: 582755, collectDomain: 'https://logs1187.xiti.com' }) pageDisplayConfig = { 'page': "hr3", 'site_level2_id': 1, 'hr_first_publication_date': "2017-04-19T14:35:58+02:00", 'hr_modification_date_timestamp': "2025-02-17T11:27:27+01:00", 'hr_sophora_id': "uebersichtsseite-startseite-hrdrei-100", 'hr_document_type': "hr-nt:index" , 'display_mode': displayMode } if (isPianoTrackingAllowed()) { window.pa.sendEvent('page.display', pageDisplayConfig) } pianoWasInit = true; } } } initPiano(); addEventListener("pianoAnalyticsIsLoaded", initPiano); addEventListener("DOMContentLoaded", initPiano); </script></div> <div id="hr-radioplayer" data-properties='{"assetsFolder":"https://www.hr3.de/assets_4.9.3/vendor/hr-radio-player", "playlistPush": "//push.hr.de/push/","streamUrl":"https://hlshr3.akamaized.net/hls/live/2016536/hr3rheinmain/master.m3u8", "streams":[{"url":"https://hlshr3.akamaized.net/hls/live/2016536/hr3nordhessen/master.m3u8","name":"Nordhessen","id":"nordhessen"},{"url":"https://hlshr3.akamaized.net/hls/live/2016536/hr3osthessen/master.m3u8","name":"Osthessen","id":"osthessen"},{"url":"https://hlshr3.akamaized.net/hls/live/2016536/hr3mittelhessen/master.m3u8","name":"Mittelhessen","id":"mittelhessen"},{"url":"https://hlshr3.akamaized.net/hls/live/2016536/hr3rheinmain/master.m3u8","name":"Rhein-Main","id":"rheinmain"},{"url":"https://hlshr3.akamaized.net/hls/live/2016536/hr3suedhessen/master.m3u8","name":"Südhessen","id":"suedhessen"}], "fullPlaylistUrl":"https://www.hr3.de/playlist/playlist_hrthree-100.html", "currentShowUrl":"https://www.hr3.de/shows/guide_hrthree-102~radioplayer.json", "isSongvoteEnabled":false, "songvoteData": { }, "messageProperties":{"hr-radioplayer_songvote_overlay_already_voted_and_form_sended_text":"Du hast bereits abgestimmt und uns mitgeteilt, was dieses Lied zu deinem Lieblingshit macht.","hr-radioplayer_sr_pause_stream":"Radio-Livestream pausieren","hr_radioplayer_voting_up_button_text":"Yeah","hr-radioplayer_current_show_no_show_infos_text":"Keine Infos","hr-radioplayer_seekbar_live":"LIVE","hr-radioplayer_playlist_now":"LIVE","hr-radioplayer_sr_open_big_player":"Big Player öffnen","hr_radioplayer_full_playlist_link_text":"Zur Tagesübersicht","hr-radioplayer_songvote_overlay_already_voted_text":"Du hast bereits abgestimmt","hr-radioplayer_sr_play_stream":"Radio-Livestream abspielen","hr_radioplayer_sr_volume-control_mute_volume":"Stummschalten","hr_radioplayer_voting_down_button_text":"No","hr_radioplayer_ma_text":"Jetzt reinhören","hr-radioplayer_current_show_contact_to_studio_text":"{0} <a class=\"c-currentshow__more text-base\" href=\"tel:{1}\">{2}</a> {3}<a class=\"c-currentshow__more text-base\" href=\"{4}\" target=\"_blank\" rel=\"noopener\"> {5} <svg class=\"icon\"><use xlink:href=\"{6}/icons/svgmap.min.svg#sprite-extern\"/></svg></a>","hr-radioplayer_current_song_tab_label":"Jetzt läuft","hr-radioplayer_sr_contact_information":"Kontaktinformationen und weitere Details zur Sendung","hr-radioplayer_sr_twenty_sec_forward":"20 Sekunden vorspulen","hr_radioplayer_current_show_tab_label_long":"Aktuelle Live Sendung","hr_radioplayer_sr_volume-control_volume_muted":"Stummgeschaltet","hr-radioplayer_playlist_tab_label_long":"hr3 zum Nachhören","hr_radioplayer_sr_volume-control_unmute_volume":"Stummschaltung aufheben","hr_radioplayer_sr_volume-control_description":"Benutze die Pfeiltasten, um die Lautstärke zu erhöhen oder zu verringern.","hr-radioplayer_sr_stop_stream":"Radio-Livestream stoppen","hr_radioplayer_sr_detail_information":"Detailinformationen zu","hr-radioplayer_sr_twenty_secs_back":"20 Sekunden zurückspulen","hr-radioplayer_sr_tabs_interface":"Tabs Interface","hr_radioplayer_sr_open_in_big_player":"im Bigplayer öffnen","hr-radioplayer_playlist_tab_label":"Nachhören","hr-radioplayer_current_show_tab_label":"Sendung","hr-radioplayer_songvote_overlay_button_to_feedback_form_text":"Zum Feedback-Formular","hr-radioplayer_current_song_timeshift_badge":"Zeitversatz","hr-radioplayer_current_show_no_song_titles_text":"Zur aktuellen Sendung liegen uns keine Titelinformationen vor.","hr_radioplayer_sr_voting_button_text":"Gib {0} von {1} dein Herz!","hr-radioplayer_current_song_timeshift_stream_paused":"Stream pausiert","hr_radioplayer_sr_volume-control_level":"Lautstärke auf Level {0}."}, "radioStation":"HR3"}' class="js-load" data-hr-radioplayer='{"radioStation":"HR3", "loadingIcon": "<svg class=\"icon \" role=\"presentation\" aria-hidden=\"true\"><use xlink:href=\"https://www.hr3.de/assets_4.9.3/base/icons/icons/svgmap.min.svg#loading\"></use>\n</svg>"}'></div> <script type="module" src="https://www.hr3.de/assets_4.9.3/vendor/hr-radio-player/bundle.js"></script> <script type="application/ld+json"> { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr3.de", "logo" : "https://www.hr3.de/favicon-256.png", "url" : "https://www.hr3.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.hr3.de/suche/index.nc.html?query={search_term_string}" }, "url" : "https://www.hr3.de/" } </script> </body> </html>

CINXE.COM

hr3.de | Zuhause in Hessen