hr4.de | Radio für Hessen

<!DOCTYPE html> <html class="no-js no-js-burgerMenu preload noMicroInteraction" data-theme="hr4" lang="de"> <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>hr4.de | Radio für Hessen</title> <meta name="application-name" content="hr4.de" /> <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" /> <meta name="author" content="hr4.de, Frankfurt, Germany"/> <meta name="publisher" content="hr4.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-04-04T16:46+0200" /> <meta name="date" content="2021-02-17T09:47+0100" /> <meta name="description" content="hr4 ist das Gute-Laune-Radio des Hessischen Rundfunks für die Generation 50+ und hat die positiven Seiten des Lebens im Blick." /> <link rel="canonical" href="https://www.hr4.de/index.html" /> <meta property="og:site_name" content="hr4.de" /> <meta property="og:locale" content="de_DE" /> <meta property="og:url" content="https://www.hr4.de/index.html" /> <meta property="og:title" content="hr4 - Musik, die glücklich macht" /> <meta property="og:description" content="hr4 ist das Gute-Laune-Radio des Hessischen Rundfunks für die Generation 50+ und hat die positiven Seiten des Lebens im Blick: Es bietet täglich Anregung, Unterhaltung und Entspannung." /> <meta property="og:type" content="website" /> <meta property="article:publisher" content="https://www.facebook.com/hr4/?fref=ts" /> <meta property="fb:page_id" content="229309057146754" /> <meta property="fb:pages" content="229309057146754" /> <meta property="twitter:title" content="hr4 - Musik, die glücklich macht" /> <meta property="twitter:description" content="hr4 ist das Gute-Laune-Radio des Hessischen Rundfunks für die Generation 50+ und hat die positiven Seiten des Lebens im Blick: Es bietet täglich Anregung, Unterhaltung und Entspannung." /> <meta property="twitter:url" content="https://www.hr4.de/index.html" /> <meta property="twitter:site" content="" /> <meta property="twitter:site:id" content="" /> <meta property="twitter:domain" content="https://www.hr4.de/" /> <meta property="twitter:creator" content="" /> <meta property="twitter:creator:id" content="" /> <meta property="twitter:card" content="summary_large_image" /> <link href="https://www.hr4.de/assets_4.12.2/index.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr4.de/assets_4.12.2/index.css" rel="stylesheet" type="text/css"> <link href="https://www.hr4.de/assets_4.12.2/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.hr4.de/favicon.ico?v=4.12.2" sizes="32x32"> <link rel="icon" href="https://www.hr4.de/favicon.min.svg?v=4.12.2" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.hr4.de/favicon.png?v=4.12.2"> <link href="https://www.hr4.de/assets_4.12.2/vendor/hr-radio-player/styles.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr4.de/assets_4.12.2/js/vendor/modernizr.cust.js" rel="preload" as="script"> <link href="https://www.hr4.de/assets_4.12.2/js/index.js" rel="preload" as="script"> <link href="https://www.hr4.de/assets_4.12.2/js/alpine.js" rel="preload" as="script"> <link href="https://www.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/js/polyfill/ie11CustomProperties.js"><\/script>')</script> <link href="https://www.hr4.de/assets_4.12.2/fonts/RobotoCondensed-Bold.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr4.de/assets_4.12.2/fonts/DINPro-Bold.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr4.de/assets_4.12.2/fonts/RobotoCondensed.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr4.de/assets_4.12.2/fonts/DINPro.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr4.de/assets_4.12.2/fonts/RobotoSlabbed.woff2" rel="preload" as="font" crossorigin> <link href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="https://www.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/js/vendor/piano-analytics.js"></script> <script defer src='https://www.hr4.de/assets_4.12.2/js/alpine.js'></script>  <link id="styles" rel="stylesheet" href="https://www.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hr4.de/assets_4.12.2/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hr4.de/assets_4.12.2/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hr4.de/assets_4.12.2/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hr4.de/assets_4.12.2/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hr4.de/assets_4.12.2/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hr4.de/assets_4.12.2/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hr4.de/assets_4.12.2/js/'})}),"async")}))}),"async"); </script>  <link id="styles" rel="stylesheet" href="https://www.hr4.de/assets_4.12.2/vendor/material-design-lite/noscript/noscript.css" type="text/css"/> <link href="https://www.hr4.de/index.rss" title="Alle Beiträge RSS-Feed - hr4.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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_0" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> <nav class="flex w-full text-xs list-none text-grey-scorpion"> <span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span> <ul class="flex pr-3 md:px-0 flex-nowrap lg:mr-0"> <li class="sb-brand-navigation-item h-8 -ml-3 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="hessenschau.DE" href="https://www.hessenschau.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hessenschau-Link geklickt"}]}'>hessenschau</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR1" href="https://www.hr1.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr1-Link geklickt"}]}'>hr1</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR2" href="https://www.hr2.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr2-kultur-Link geklickt"}]}'>hr2-kultur</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR3" href="https://www.hr3.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr3-Link geklickt"}]}'>hr3</a> </li> <li class="sb-brand-navigation-item h-8 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="HR4" href="https://www.hr4.de/index.html" 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.hr4.de/index.html title="Startseite hr4 . d e"> <div class="relative flex h-10 brand-logo-size md:hidden" > <img width="152" height="150" src="https://www.hr4.de/assets_4.12.2/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr4.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.hr4.de/assets_4.12.2/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr4.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 -playlist 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.hr4.de/musik/titelliste/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-5102-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Titelliste-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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#playlist-ds"></use> </svg> <span class="sr-only lg:hidden">Titelliste</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"> Titelliste </span> </div> </div> </a> </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="2246" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="2246" 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-2246" aria-controls="flyout-2246" 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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </div> </div> <div x-cloak x-data="flyoutHandler" x-ref="2246" id="flyout-2246" @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-2246-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.hr4.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.hr4.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.hr4.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.hr4.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.hr4.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.hr4.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.hr4.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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li></ul> </div> </div> </button> </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="4162" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="4162" 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-4162" aria-controls="flyout-4162" 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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </div> </div> <div x-cloak x-data="flyoutHandler" x-ref="4162" id="flyout-4162" @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-4162-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.hr4.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.hr4.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.hr4.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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.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> </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.hr4.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--385" 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--385" 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--385" aria-controls="suggestionlist--385" > <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--385" 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.hr4.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.hr4.de/assets_4.12.2/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.hr4.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_385)" 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_385)" :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.hr4.de/assets_4.12.2/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_385)" :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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_385" @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.hr4.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 hr4" 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">hr4</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.hr4.de/programm/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::Programm-Toggle-Link geklickt"}]}' > Programm<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.hr4.de/assets_4.12.2/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::Programm-Toggle-Link geklickt"}]}'> <span class="hidden">Programm</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.hr4.de/assets_4.12.2/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.hr4.de/programm/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Programm::Übersicht Programm-Link geklickt"}]}' > Übersicht Programm </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.hr4.de/programm/sendezeiten/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::Programm-Link geklickt"}]}' > Sendezeiten der aktuellen Woche </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.hr4.de/programm/hr4-frequenzen-v3,frequenzen-hr4-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::Programm-Link geklickt"}]}' > hr4-Frequenzen </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.hr4.de/programm/podcast/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::Programm-Link geklickt"}]}' > Podcasts - Radio zum Nachhören </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.hr4.de/programm/hr4-rezepte/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::Programm-Link geklickt"}]}' > Rezepte </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.hr4.de/programm/themen/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::Programm-Link geklickt"}]}' > Themen </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.hr4.de/im-studio/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::Im Studio-Toggle-Link geklickt"}]}' > Im Studio<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.hr4.de/assets_4.12.2/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::Im Studio-Toggle-Link geklickt"}]}'> <span class="hidden">Im Studio</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.hr4.de/assets_4.12.2/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.hr4.de/im-studio/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Im Studio::Übersicht Im Studio-Link geklickt"}]}' > Übersicht Im Studio </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.hr4.de/im-studio/moderatoren/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::Im Studio-Link geklickt"}]}' > hr4-Moderationsteam </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.hr4.de/im-studio/webcams/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::Im Studio-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.hr4.de/musik/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::Musik-Toggle-Link geklickt"}]}' > Musik<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.hr4.de/assets_4.12.2/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::Musik-Toggle-Link geklickt"}]}'> <span class="hidden">Musik</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.hr4.de/assets_4.12.2/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.hr4.de/musik/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Musik::Übersicht Musik-Link geklickt"}]}' > Übersicht Musik </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.hr4.de/musik/titelliste/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::Musik-Link geklickt"}]}' > Titelliste </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.hr4.de/musik/die-ard-schlagerhitparade/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::Musik-Link geklickt"}]}' > Die ARD Schlagerhitparade </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.hr4.de/musik/wir-spielen-ihre-lieblingsmusik-v1,wuensch_dir_was-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::Musik-Link geklickt"}]}' > Wünsch Dir was </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.hr4.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.hr4.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.hr4.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--1408" 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--1408" 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--1408" aria-controls="suggestionlist--1408" > <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--1408" 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.hr4.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.hr4.de/assets_4.12.2/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.hr4.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 hr4 . d e" src="https://www.hr4.de/assets_4.12.2/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.hr4.de/sw.js"}'> <h1 class="sr-only">hr4 - Musik, die glücklich macht</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.hr4.de/programm/themen/hr4-herbstaktion-2022-unser-schoenes-hessen-keyvisual-100~_t-1660162228581_v-1920to529.jpg 1920w"> <source media="all and (min-width: 650px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr4.de/programm/themen/hr4-herbstaktion-2022-unser-schoenes-hessen-keyvisual-100~_t-1660162228581_v-16to9.jpg 960w"> <source media="all and (max-width: 649px)" sizes="100vw" srcset="https://www.hr4.de/programm/themen/hr4-herbstaktion-2022-unser-schoenes-hessen-keyvisual-100~_t-1660162228581_v-4to3__small.jpg 320w, https://www.hr4.de/programm/themen/hr4-herbstaktion-2022-unser-schoenes-hessen-keyvisual-100~_t-1660162228581_v-4to3__medium.jpg 480w, https://www.hr4.de/programm/themen/hr4-herbstaktion-2022-unser-schoenes-hessen-keyvisual-100~_t-1660162228581_v-4to3.jpg 650w, https://www.hr4.de/programm/themen/hr4-herbstaktion-2022-unser-schoenes-hessen-keyvisual-100~_t-1660162228581_v-4to3__retina.jpg 1300w"> <img class="w-full w-full absolute inset-0" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Unser schönes Hessen 2022"> </picture> </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-end"> <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.hr4.de/programm/themen/wieder-anmelden-700-euro-fuer-natur-projekt-aus-hessen-gewinnen-v1,aktion-unser-schoenes-hessen-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'>Jetzt wieder anmelden</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-5xl text-stageText'>700 Euro für hessische Umwelt-Projekte gewinnen </span> </h2> </header> <p class="pt-4 hidden sm:block text-stageText">hr4 unterstützt auch in diesem Jahr wieder Umwelt-Projekte in ganz Hessen - mit 700 Euro! Melden Sie hier eine Initiative an.</p> </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="relative basis-full w-full md:basis-2/3-gap-6 ar-16-9" > <div class="relative ar-16-9"> <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.hr4.de/programm/ush-vogelschutzgruppe-oberbrechen-nt-100~_t-1691658887249_v-16to9__small.jpg 320w, https://www.hr4.de/programm/ush-vogelschutzgruppe-oberbrechen-nt-100~_t-1691658887249_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/ush-vogelschutzgruppe-oberbrechen-nt-100~_t-1691658887249_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/ush-vogelschutzgruppe-oberbrechen-nt-100~_t-1691658887249_v-16to9.jpg 960w, https://www.hr4.de/programm/ush-vogelschutzgruppe-oberbrechen-nt-100~_t-1691658887249_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Werner Hanke und Rüdiger Stahlheber von der Vogelgruppe des Verschönerungsvereins Oberbrechen" class="w-full"> </div> </figure> <div class=" basis-full w-full md:basis-1/3-gap-6"> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/programm/themen/galerie-unser-schoenes-hessen-2025-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia' > Bildergalerie </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 16 Bilder </span> </div> <h2 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-4xl'>Unser schönes Hessen - einige Projekte</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 '>Diese Projekte, die unsere Heimat lebenswerter und besser machen, wurden mit 700 Euro belohnt.</span> </div> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/hr4-rezepte/schmetterlingskuchen-100~_t-1711018041083_v-16to9__small.jpg 320w, https://www.hr4.de/programm/hr4-rezepte/schmetterlingskuchen-100~_t-1711018041083_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/hr4-rezepte/schmetterlingskuchen-100~_t-1711018041083_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/hr4-rezepte/schmetterlingskuchen-100~_t-1711018041083_v-16to9.jpg 960w, https://www.hr4.de/programm/hr4-rezepte/schmetterlingskuchen-100~_t-1711018041083_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Die belegten Böden und die übrigen Elemente werden zu einem Schmetterling gelegt." class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/programm/hr4-rezepte/rezept-fuer-einen-kuchen-in-schmetterlingsform-v2,rezept-schmetterlingskuchen-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'>Nicht nur für Kinder</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Schmetterlingskuchen - ein lustiger Obstkuchen</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 '>Bekanntlich isst ja das Auge mit. Bei diesem Kuchen ist das garantiert. Mit diesem Rezept, das hr4-Redakteurin Vera John ausprobiert hat, holt man sich den Frühling und den Sommer auf den Tisch.</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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/hr4-rezepte/20240316_-100~_t-1711018311410_v-16to9__small.jpg 320w, https://www.hr4.de/programm/hr4-rezepte/20240316_-100~_t-1711018311410_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/hr4-rezepte/20240316_-100~_t-1711018311410_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/hr4-rezepte/20240316_-100~_t-1711018311410_v-16to9.jpg 960w, https://www.hr4.de/programm/hr4-rezepte/20240316_-100~_t-1711018311410_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Muffins mit Rhabarber-Füllung" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/programm/hr4-rezepte/rezept-fuer-muffins-mit-rhabarber-v1,rezept-rhabarber-muffins-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'>Ungewöhnlicher Nachtisch</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Rhabarber-Muffins</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 '>Rhabarber ist nicht unbedingt bei allen sehr beliebt. Das ändert sich aber vielleicht mit diesem Rezept von hr4-Redakteurin Vera John: Der Rhabarber wird in Muffins "versteckt".</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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/hr4-rezepte/plaetzchen-blueten-03-photoshop-100~_t-1711018154964_v-16to9__small.jpg 320w, https://www.hr4.de/programm/hr4-rezepte/plaetzchen-blueten-03-photoshop-100~_t-1711018154964_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/hr4-rezepte/plaetzchen-blueten-03-photoshop-100~_t-1711018154964_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/hr4-rezepte/plaetzchen-blueten-03-photoshop-100~_t-1711018154964_v-16to9.jpg 960w, https://www.hr4.de/programm/hr4-rezepte/plaetzchen-blueten-03-photoshop-100~_t-1711018154964_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Blütenförmige Plätzchen mit Zuckerguss" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/programm/hr4-rezepte/rezept-fuer-plaetzchen-in-blumenform-v1,rezept-blumen-plaetzchen-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'>Blüten zum Naschen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Bunte Blumen-Plätzchen</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 '>Plätzchen gehen immer. Mit diesem Rezept von hr4-Redakteurin Vera John holt man sich quasi eine bunte Blumenwiese zum Naschen auf den Tisch. Es ist ein einfacher Plätzchenteig mit Zuckerguss, der mit Lebenmittelfarben seine bunte Vielfalt bekommt.</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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/hr4-rezepte/basilikum-pesto-imago0583646793h-100~_t-1721902441146_v-16to9__small.jpg 320w, https://www.hr4.de/programm/hr4-rezepte/basilikum-pesto-imago0583646793h-100~_t-1721902441146_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/hr4-rezepte/basilikum-pesto-imago0583646793h-100~_t-1721902441146_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/hr4-rezepte/basilikum-pesto-imago0583646793h-100~_t-1721902441146_v-16to9.jpg 960w, https://www.hr4.de/programm/hr4-rezepte/basilikum-pesto-imago0583646793h-100~_t-1721902441146_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Pesto im Glas und die Zutaten Basilikum, Parmesan, Pinienkerne und Knoblauch" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/programm/hr4-rezepte/rezept-fuer-ein-pesto-mit-basilikum-oder-rucola-salat-v1,rezept-pesto-basilikum-rucola-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'>Aufs Brot oder zu Nudeln</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Basilikum- oder Rucola-Pesto</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 '>Alisa Stieglitz betreibt mit ihrem Mann in Felsberg einen Catering Service. Sie hat Tipps, wie man eine Gartenparty mit (essbarer) Deko aufhübschen kann. Außerdem verrät sie ein Rezept für ein Pesto aus Basilikum. Alternativ kann man auch Rucola nehmen.</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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/hr4-rezepte/spaghetti_01_colourbox-100~_t-1492092109046_v-16to9__small.jpg 320w, https://www.hr4.de/programm/hr4-rezepte/spaghetti_01_colourbox-100~_t-1492092109046_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/hr4-rezepte/spaghetti_01_colourbox-100~_t-1492092109046_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/hr4-rezepte/spaghetti_01_colourbox-100~_t-1492092109046_v-16to9.jpg 960w, https://www.hr4.de/programm/hr4-rezepte/spaghetti_01_colourbox-100~_t-1492092109046_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Spaghetti und Kräuter" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/programm/hr4-rezepte/gruene-sosse-kraeuter-fruehlings-nudeln-v2,rezept-nudeln-gruene-sosse-kraeuter-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'>Mit hart gekochten Eiern</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>"Grüne Soße"-Kräuter-Frühlings-Nudeln</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 '>Wenn von Ostern noch Eier übrig bleiben, lassen sie sich prima in diesem leckeren Gericht verarbeiten, wie hr4-Redakteurin Katja Metz meint.</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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/themen/blaukissen-flower-6221915-pixabay-100~_t-1710782187625_v-16to9__small.jpg 320w, https://www.hr4.de/programm/themen/blaukissen-flower-6221915-pixabay-100~_t-1710782187625_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/themen/blaukissen-flower-6221915-pixabay-100~_t-1710782187625_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/themen/blaukissen-flower-6221915-pixabay-100~_t-1710782187625_v-16to9.jpg 960w, https://www.hr4.de/programm/themen/blaukissen-flower-6221915-pixabay-100~_t-1710782187625_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Blaukissen" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.ndr.de/ratgeber/garten/zierpflanzen/Stauden-im-Fruehjahr-pflanzen-pflegen-und-duengen,fruehling1818.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link-ndr-stauden-fruehling-100 geklickt"}]}' target="_blank" rel="noopener" > <h2 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Tipps</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Stauden im Frühling pflanzen und düngen</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 '>Im Frühling beginnen die ersten Stauden zu blühen und benötigen Pflege und Dünger. Zudem können neue Blumen gepflanzt werden - zum Beispiel Steinbrech, Blaukissen oder Veilchen.</span> <a href="https://www.ndr.de/ratgeber/garten/zierpflanzen/Stauden-im-Fruehjahr-pflanzen-pflegen-und-duengen,fruehling1818.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link-ndr-stauden-fruehling-100 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">mehr auf NDR.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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr4.de/im-studio/index.html">Im Studio</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 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <img sizes="(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw" loading="lazy" srcset="https://www.hr4.de/im-studio/moderatoren/britta-wiegand-studio-img_-116~_t-1743666131868_v-16to9__small.jpg 320w, https://www.hr4.de/im-studio/moderatoren/britta-wiegand-studio-img_-116~_t-1743666131868_v-16to9__medium.jpg 480w, https://www.hr4.de/im-studio/moderatoren/britta-wiegand-studio-img_-116~_t-1743666131868_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/im-studio/moderatoren/britta-wiegand-studio-img_-116~_t-1743666131868_v-16to9.jpg 960w, https://www.hr4.de/im-studio/moderatoren/britta-wiegand-studio-img_-116~_t-1743666131868_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Britta Wiegand im Studio" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/im-studio/moderatoren/galerie-hr4-backstage-2024--juni-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia' > Bildergalerie </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 107 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 md:text-5xl'>Das sind wir von hr4</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 '>Sehen Sie hier Fotos aus dem Privatleben unserer Moderatorinnen und Moderatoren, Bilder aus dem hr4-Studio und Schnappschüsse aus dem Redaktionsalltag.</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-1to1__xsmall.jpg 260w, https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-1to1__small.jpg 380w, https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-1to1__medium.jpg 480w, https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-1to1.jpg 720w, https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_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.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-16to9__small.jpg 320w, https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-16to9.jpg 960w, https://www.hr4.de/programm/hr4-newsletter-aufmacher-neu-colourbox-100~_t-1705076758647_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr4-Newsletter"> </picture> </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.hr4.de/service/hr4-newsletter-v1,newsletter-an-abmeldung100.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'>Immer auf dem Laufenden</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Der hr4-Newsletter</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Informationen zu Konzerten und Veranstaltungen, Rezepte, Gewinnspiele und aktuelle hr4-Aktionen - wir schicken Ihnen unsere Themen direkt ins Postfach.</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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/im-studio/moderatoren/moderatoren-teaser-100~_t-1484585444922_v-16to9__small.jpg 320w, https://www.hr4.de/im-studio/moderatoren/moderatoren-teaser-100~_t-1484585444922_v-16to9__medium.jpg 480w, https://www.hr4.de/im-studio/moderatoren/moderatoren-teaser-100~_t-1484585444922_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/im-studio/moderatoren/moderatoren-teaser-100~_t-1484585444922_v-16to9.jpg 960w, https://www.hr4.de/im-studio/moderatoren/moderatoren-teaser-100~_t-1484585444922_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr4-Moderator Uwe Becker moderiert im Studio" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/im-studio/moderatoren/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'>Wir machen Ihr Programm</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Uns hören Sie täglich im Radio</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 '>Lernen Sie unsere Moderatorinnen und Moderatoren kennen. Lesen Sie, was sie an Hessen am meisten lieben oder welche Musik sie privat gerne hören.</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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/studiokamera-hr4-100~_t-1579268177974_v-16to9__small.jpg 320w, https://www.hr4.de/programm/studiokamera-hr4-100~_t-1579268177974_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/studiokamera-hr4-100~_t-1579268177974_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/studiokamera-hr4-100~_t-1579268177974_v-16to9.jpg 960w, https://www.hr4.de/programm/studiokamera-hr4-100~_t-1579268177974_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Blick ins hr4-Studio" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/im-studio/webcams/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'>Per Webcam</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Blick in die hr4-Studios</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 '>Werfen Sie einen Blick ins Studio und schauen Sie Ihren Lieblingsmoderatorinnen und -moderatoren bei der Arbeit zu.</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-1to1__xsmall.jpg 260w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-1to1__small.jpg 380w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-1to1__medium.jpg 480w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-1to1.jpg 720w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-1to1__large.jpg 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__small.jpg 320w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__medium.jpg 480w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__medium__extended.jpg 640w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9.jpg 960w, https://www.hr.de/unternehmen/frequenzen-aufmacher-102~_t-1727250449936_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr-Sendemast beim Hessischen Rundfunk in Frankfurt am Main im Abendlicht"> </picture> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hr.de/services/empfang-und-verbreitungswege/wartungsarbeiten-an-unseren-sendeanlagen-v33,stoerung-104.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::stoerung-104 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Empfang</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Wartungsarbeiten an unseren Sendeanlagen</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Um für Sie weiterhin einen guten Fernseh- und Radioempfang gewährleisten zu können, finden von Zeit zu Zeit Arbeiten an unseren Sendeanlagen statt. Dadurch kann es leider zeitweise zu Empfangsproblemen kommen. Ob gerade Arbeiten durchgeführt werden, erfahren Sie hier.</span> <a href="https://www.hr.de/services/empfang-und-verbreitungswege/wartungsarbeiten-an-unseren-sendeanlagen-v33,stoerung-104.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::stoerung-104 geklickt"}]}' target="_blank" rel="noopener" > <span class="hover:underline decoration-1 font-copy">mehr auf hr.de<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr4.de/musik/index.html">Musik</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 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <img sizes="(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/frau-kopfhoerer-colourbox-100~_t-1704718268621_v-16to9__small.jpg 320w, https://www.hr4.de/programm/frau-kopfhoerer-colourbox-100~_t-1704718268621_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/frau-kopfhoerer-colourbox-100~_t-1704718268621_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/frau-kopfhoerer-colourbox-100~_t-1704718268621_v-16to9.jpg 960w, https://www.hr4.de/programm/frau-kopfhoerer-colourbox-100~_t-1704718268621_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Frau mit Kopfhörern" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/musik/wir-spielen-ihre-lieblingsmusik-v1,wuensch_dir_was-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Ihre Lieblingssongs im Radio</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-5xl'>Wünsch Dir was</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 '>Ob die Bee Gees oder Roland Kaiser, Helene Fischer oder Simon & Garfunkel. Wir freuen uns auf Ihre Musikwünsche! Per Post, E-Mail oder am Telefon – jetzt rund um die Uhr!</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-1to1__xsmall.jpg 260w, https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-1to1__small.jpg 380w, https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-1to1__medium.jpg 480w, https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-1to1.jpg 720w, https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_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.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-16to9__small.jpg 320w, https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-16to9.jpg 960w, https://www.hr4.de/programm/teaser-hr4-party-hits-neu-colourbox-de-100~_t-1704469781790_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Diskokugeln und Mikrofon"> </picture> </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.hr4.de/musik/musikwunsch-fuer-die-ard-schlagerparty-v1,ard-schlagerparty-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Mein Musikwunsch</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Die ARD Schlagerparty</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Hier läuft fast alles – und vor allem läuft hier Deutschlands größte Party! Sie können am Samstagabend die Playlist mitbestimmen: Wünschen Sie sich Ihre wilden Partykracher, Ihren persönlichen Gute-Laune-Hit oder Ihren Lieblingsoldie.</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.hr4.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="col-span-12"> <div class="flex flex-col border-event-calendar-secondary border gap-x-4 js-load" data-hr-filterer-ds="{}"> <div class="js-load" data-hr-modal='{"trigger":".js-ticket-button-user-consent-needed-a80dc7bb-ca9a-4967-b2ac-65093511252c", "type":"userConsent", "dialogPolyfillBaseUrl":"https://www.hr4.de/assets_4.12.2/vendor/dialog-polyfill"}'> <dialog class='js-modal p-0 backdrop:bg-gray-scorpion/90 shadow-md sm:max-w-xl'> <form method="dialog" class="js-dialog-content p-4"> <h2> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Weiterleitung zu einem Ticketservice</span> </h2> <p class="mt-2 text-base font-copy">Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.</p> <div class="flex flex-wrap mt-4"> <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 px-4 py-2.5 min-w-11 justify-center mr-4 mt-4 " type="submit" value="cancel" > <span class='ds-button-label text-base '>Abbrechen</span> </button> <a href="" class="ds-link js-load js-user-consent-ok js-modal-close mt-4 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 px-4 py-2.5 min-w-11 justify-center" > <span class='ds-button-label text-base '>Zum Ticketshop</span> </a> </div> </form> </dialog> </div> <h3 class="flex font-bold py-2 gap-x-4 items-center justify-center bg-event-calendar-primary"> <span class="text-white text-2xl leading-6 w-full text-center">hr4-Veranstaltungen</span> </h3> <nav class="relative border-b border-event-calendar-secondary js-load" data-hr-native-scroll-ds='{"isTeaser":"true"}'> <button class="block border-0 ml-4 absolute left-0 min-w-1 min-h-3 top-1/2 js-ns-button js-left" aria-hidden="true"> <svg class="sb-icon w-5 h-5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <button class="block border-0 mr-4 absolute right-0 min-w-3 min-h-3 top-1/2 js-ns-button js-right" aria-hidden="true"> <svg class="sb-icon w-5 h-5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> <div class="flex relative ml-14 mr-14 overflow-hidden box-border border-teal-600"> <div class="flex mb-0 overflow-x-auto overflow-y-hidden whitespace-nowrap scroll-smooth js-ns-scroll js-horizontal"> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-selected"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 js-currentMonth">Apr 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white js-selected js-fr-initial" data-prop-crit='2025-04-06' data-prop-filterer='{"crit":"2025-04-06","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-04.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">6</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-04-20' data-prop-filterer='{"crit":"2025-04-20","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-04.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">20</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-04-27' data-prop-filterer='{"crit":"2025-04-27","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-04.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mai 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-05-03' data-prop-filterer='{"crit":"2025-05-03","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">3</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jun 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-06-15' data-prop-filterer='{"crit":"2025-06-15","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-06.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">15</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jul 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-07-04' data-prop-filterer='{"crit":"2025-07-04","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">4</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-07-10' data-prop-filterer='{"crit":"2025-07-10","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">10</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-07-25' data-prop-filterer='{"crit":"2025-07-25","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">25</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-07-26' data-prop-filterer='{"crit":"2025-07-26","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">26</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-07-27' data-prop-filterer='{"crit":"2025-07-27","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Aug 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-08-10' data-prop-filterer='{"crit":"2025-08-10","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">10</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-08-23' data-prop-filterer='{"crit":"2025-08-23","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">23</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Sep 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item border-l border-event-calendar-secondary"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-09-15' data-prop-filterer='{"crit":"2025-09-15","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mo.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">15</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-09-16' data-prop-filterer='{"crit":"2025-09-16","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">16</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Nov 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item border-l border-event-calendar-secondary"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-11-03' data-prop-filterer='{"crit":"2025-11-03","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mo.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">3</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-11-04' data-prop-filterer='{"crit":"2025-11-04","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">4</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-11-05' data-prop-filterer='{"crit":"2025-11-05","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">5</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Dez 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-12-06' data-prop-filterer='{"crit":"2025-12-06","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2025-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">6</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Feb 26</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2026-02-04' data-prop-filterer='{"crit":"2026-02-04","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2026-02.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">4</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2026-02-17' data-prop-filterer='{"crit":"2026-02-17","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2026-02.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">17</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mär 26</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2026-03-25' data-prop-filterer='{"crit":"2026-03-25","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2026-03.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">25</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2026-03-27' data-prop-filterer='{"crit":"2026-03-27","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2026-03.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2026-03-28' data-prop-filterer='{"crit":"2026-03-28","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2026-03.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">28</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Apr 26</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2026-04-09' data-prop-filterer='{"crit":"2026-04-09","strat":["hobid"]}' href="https://www.hr4.de/events/veranstaltungskalender-hr4-100~_month-2026-04.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">9</span> </a> </li> </ul> </div> </div> </div> </nav> <div class="js-fr-content"> <article id="2025-04-06" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>So.</span> <span class='text-4xl font-serif font-bold'>6</span> <span class='text-base font-serif'>Apr</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr4.de/events/nicole-live-in-bad-orb,konzert-nicole-2025-hessen-100.html" class="ds-link js-load 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 mr-2 bg-labelEvent' > Konzert </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Nicole - Carpe Diem Tour</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>19:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Bad Orb <span class="font-normal">Konzerthalle Bad Orb</span> </div> </div> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr4.de/events/nicole-pressefoto_photo_christine-funk-1-3-1024x-100~_t-1739547508259_v-16to9__small.jpg 320w, https://www.hr4.de/events/nicole-pressefoto_photo_christine-funk-1-3-1024x-100~_t-1739547508259_v-16to9__medium.jpg 480w, https://www.hr4.de/events/nicole-pressefoto_photo_christine-funk-1-3-1024x-100~_t-1739547508259_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/events/nicole-pressefoto_photo_christine-funk-1-3-1024x-100~_t-1739547508259_v-16to9.jpg 960w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr4.de/events/nicole-pressefoto_photo_christine-funk-1-3-1024x-100~_t-1739547508259_v-4to3__small.jpg 320w, https://www.hr4.de/events/nicole-pressefoto_photo_christine-funk-1-3-1024x-100~_t-1739547508259_v-4to3__medium.jpg 480w, https://www.hr4.de/events/nicole-pressefoto_photo_christine-funk-1-3-1024x-100~_t-1739547508259_v-4to3.jpg 650w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Nicole auf der Bühne"> </picture> </figure> </div> </div> </div> </article> <article id="2025-04-20" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target hidden" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>So.</span> <span class='text-4xl font-serif font-bold'>20</span> <span class='text-base font-serif'>Apr</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr4.de/events/rainhard-fendrich-live-in-frankfurt,konzerte-rainhard-fendrich-2025-hessen-100.html" class="ds-link js-load 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 mr-2 bg-labelEvent' > Konzert </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>"45 Jahre Rainhard Fendrich Live – Nur ein Wimpernschlag"-Tournee 2025</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>19:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Frankfurt <span class="font-normal">myticket Jahrhunderthalle Frankfurt</span> </div> </div> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-16to9__small.jpg 320w, https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-16to9__medium.jpg 480w, https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-16to9.jpg 960w, https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-4to3__small.jpg 320w, https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-4to3__medium.jpg 480w, https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-4to3.jpg 650w, https://www.hr4.de/events/rainhard-fendrich-024-johannes-ehn-100~_t-1719563904408_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Rainhard Fendrich"> </picture> </figure> </div> </div> </div> </article> <article id="2025-04-27" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target hidden" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>So.</span> <span class='text-4xl font-serif font-bold'>27</span> <span class='text-base font-serif'>Apr</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr4.de/events/live-konzert-mit-einem-virtuellen-udo-juergens-in-frankfurt,konzert-da-capo-udo-juergens-2025-hessen-100.html" class="ds-link js-load 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 mr-2 bg-labelEvent' > Konzert </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>"Da Capo Udo Jürgens" - Die Original-Show mit dem Orchester Pepe Lienhard und Gästen</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>18:30 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Frankfurt <span class="font-normal">myticket Jahrhunderthalle Frankfurt</span> </div> </div> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-16to9__small.jpg 320w, https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-16to9__medium.jpg 480w, https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-16to9.jpg 960w, https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-4to3__small.jpg 320w, https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-4to3__medium.jpg 480w, https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-4to3.jpg 650w, https://www.hr4.de/events/01_udojuergens_foto_bmcmedia-100~_t-1695118720821_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Udo Jürgens auf der Bühne"> </picture> </figure> </div> </div> </div> </article> </div> <footer class='bg-event-calendar-primary text-center'> <a href="https://www.hr4.de/events/veranstaltungskalender-hr4-100.html" class="ds-link js-load block p-2 text-white text-sm font-serif hover:underline underline-offset-2 " > Zur Monats-Übersicht </a> </footer> </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.hr4.de/programm/index.html">Programm</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.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-1to1__xsmall.jpg 260w, https://www.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-1to1__small.jpg 380w, https://www.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-1to1__medium.jpg 480w, https://www.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-1to1.jpg 720w, https://www.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_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.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-16to9__small.jpg 320w, https://www.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-16to9.jpg 960w, https://www.hr4.de/programm/hr4-rezepte/kochen-cook-2364221-pixabay-100~_t-1723183344562_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Zutaten"> </picture> </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.hr4.de/programm/hr4-rezepte/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'>Probieren Sie sie aus</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Unsere schönsten Rezepte</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Für Sie zum Nachkochen und Nachbacken: Die besten Rezept-Tipps von der hr4-Redaktion und hessischen Köchinnen und Köchen.</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/programm/sendezeiten/sendezeiten-aufmacher-100~_t-1484836134435_v-16to9__small.jpg 320w, https://www.hr4.de/programm/sendezeiten/sendezeiten-aufmacher-100~_t-1484836134435_v-16to9__medium.jpg 480w, https://www.hr4.de/programm/sendezeiten/sendezeiten-aufmacher-100~_t-1484836134435_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/programm/sendezeiten/sendezeiten-aufmacher-100~_t-1484836134435_v-16to9.jpg 960w, https://www.hr4.de/programm/sendezeiten/sendezeiten-aufmacher-100~_t-1484836134435_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Wecker im sonnigen Morgenlicht" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/programm/sendezeiten/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'>Was läuft wann in hr4?</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>hr4-Sendezeiten</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 '>Wir begleiten Sie von Montag bis Sonntag durch den Tag. Das Radio-Programm von hr4 sehen Sie hier.</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/musik/titelliste/titelliste-aufmacher-100~_t-1484840278299_v-16to9__small.jpg 320w, https://www.hr4.de/musik/titelliste/titelliste-aufmacher-100~_t-1484840278299_v-16to9__medium.jpg 480w, https://www.hr4.de/musik/titelliste/titelliste-aufmacher-100~_t-1484840278299_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/musik/titelliste/titelliste-aufmacher-100~_t-1484840278299_v-16to9.jpg 960w, https://www.hr4.de/musik/titelliste/titelliste-aufmacher-100~_t-1484840278299_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Frau hört genussvoll Musik mit Kopfhörern unter freiem Himmel " class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/musik/titelliste/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'>14 Tage Musikhistorie</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Die hr4-Titelliste</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 '>Hier können Sie die Musiktitel der letzten 14 Tage recherchieren. </span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hr4.de/service/kontakt-aufmacher-100~_t-1492498204443_v-16to9__small.jpg 320w, https://www.hr4.de/service/kontakt-aufmacher-100~_t-1492498204443_v-16to9__medium.jpg 480w, https://www.hr4.de/service/kontakt-aufmacher-100~_t-1492498204443_v-16to9__medium__extended.jpg 640w, https://www.hr4.de/service/kontakt-aufmacher-100~_t-1492498204443_v-16to9.jpg 960w, https://www.hr4.de/service/kontakt-aufmacher-100~_t-1492498204443_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="E-Mail-Anfrage per Laptop" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr4.de/kontakt/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>So erreichen Sie uns</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Kontakt zu hr4</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 '>Wenn Sie Fragen zum Programm von hr4 haben oder Ihnen etwas besonders gut gefallen hat, dann lassen Sie es uns wissen.</span> </div> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="bg-highlight-3 md:rounded-tl-hr md:rounded-br-hr items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 md:p-5 self-stretch mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr flex-col" x-data="{ avStart: false }" > <figure class="ui-test-video relative w-full ar-16-9 md:ar-1-1 md:basis-1/3-gap-6"> <div x-show="avStart" x-cloak id="6538" class="ar-16-9 h-full rounded-tl-hr md:rounded-tl-hrInner 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"6538","clipData":{"type":"content","title":"hr-fernsehen__100.000 Euro Schaden bei Feuer in leerstehendem Haus in Kirtorf_04.04.2025 00:00","program":"hr-fernsehen","length":"40","assetid":"2b9eedb17249f1cb1285a95aa84f680d","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/hs/2025_04/250404082904_neu-sf-4xhsde-brand-kirtorf-appel_512x288-25p-500kbit.mp4","nol_c8":"p8,40","nol_c9":"p9,_100.000 Euro Schaden bei Feuer in leerstehendem Haus in Kirtorf_04.04.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-209192","av_content":"100.000 Euro Schaden bei Feuer in leerstehendem Haus in Kirtorf","av_content_type":"Video","av_content_duration":40000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","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","videoLanguageCode":"deu","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hs/2025_04/250404082904_neu-sf-4xhsde-brand-kirtorf-appel_,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/hs/2025_04/250404082904_neu-sf-4xhsde-brand-kirtorf-appel_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2025_04/250404082904_neu-sf-4xhsde-brand-kirtorf-appel_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2025_04/250404082904_neu-sf-4xhsde-brand-kirtorf-appel_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2025_04/250404082904_neu-sf-4xhsde-brand-kirtorf-appel_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2025_04/250404082904_neu-sf-4xhsde-brand-kirtorf-appel_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":40,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9{size}.jpg"}],"title":"100.000 Euro Schaden bei Feuer in leerstehendem Haus in Kirtorf"},"pluginData":{},"geoBlocked":false},"playerId":"6538","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"100"}'> </div> <div class="relative ar-16-9 md:ar-1-1" x-show="!avStart" > <a href="https://www.hessenschau.de/morgenticker/-waldbraende-in-hainburg-und-waldems--frankfurt-photovoltaik-wird-pflicht--brand-in-marburg-,hessen-am-morgen-freitag-894.html" aria-label="Zum Ticker" tabindex="-1"> <picture class=""> <source media="all and (min-width: 768px)" sizes="(min-width: 1024px) 284px, (min-width: 768px) calc(28.57vw - 19px), (min-width: 640px) calc(100vw - 80px), calc(100vw - 40px)" srcset="https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1__large.jpg 960w"> <source media="all and (max-width: 767px)" sizes="(min-width: 1024px) 284px, (min-width: 768px) calc(28.57vw - 19px), (min-width: 640px) calc(100vw - 80px), calc(100vw - 40px)" srcset="https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9__retina.jpg 1920w"> <img class="w-full rounded-tl-hr md:rounded-tl-hrInner" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Feuerwehrautos, Feuerwehrleute und ein Schlauch auf einem Weg in einem trockenen Wald"> </picture> </a> <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: 6538})" > <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.hr4.de/assets_4.12.2/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="h-full flex-col flex w-full gap-y-5 md:basis-2/3-gap-6"> <header class="px-5 md:px-0"> <a href="https://www.hessenschau.de/morgenticker/-waldbraende-in-hainburg-und-waldems--frankfurt-photovoltaik-wird-pflicht--brand-in-marburg-,hessen-am-morgen-freitag-894.html" class="ds-link js-load block link-focus-white ui-test-teaser-link " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hessen-am-morgen-freitag-894 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-labelLive' > Ticker </span><span class='font-bold font-heading ml-2 text-tickerTeaserlabelByline'>Hessen am Morgen</span> </div> <h2 class="overflow-anywhere hyphens-auto hover:underline decoration-2 decoration-tickerTeaserHeadlineUnderline"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-2xl text-tickerTeaserHeadline'>Waldbrände in Hainburg und Waldems</span> </h2> </a> </header> <ul class=" pl-10 md:pl-5 pr-5 md:pr-0"> <li class="relative h-auto [&:not(:last-child)]:pb-5"> <div class="absolute h-full -left-5 top-0.5"> <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore "></div> <div class="relative flex flex-col w-0 h-full timelineBorder left-1"> <div class="h-full my-2 border-l border-white"></div> <div class="h-2"></div> </div> </div> <a class="font-headingSerif link-focus-white text-base js-load text-white ds-link" href="https://www.hessenschau.de/morgenticker/-waldbraende-in-hainburg-und-waldems--frankfurt-photovoltaik-wird-pflicht--brand-in-marburg-,hessen-am-morgen-freitag-894.html#113d0384-fcca-4379-9d72-52cd41e5e6a6" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::hessen-am-morgen-freitag-894-TeaserPostLink geklickt"}]}'> <div class="font-headingSerif text-xs pb-0.5 text-white"> 09:53 </div> Lotto: Millionengewinn im Hochtaunuskreis noch nicht abgeholt </a> </li> <li class="relative h-auto [&:not(:last-child)]:pb-5"> <div class="absolute h-full -left-5 top-0.5"> <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore "></div> <div class="relative flex flex-col w-0 h-full timelineBorder left-1"> <div class="h-full my-2 border-l border-white"></div> <div class="h-2"></div> </div> </div> <a class="font-headingSerif link-focus-white text-base js-load text-white ds-link" href="https://www.hessenschau.de/morgenticker/-waldbraende-in-hainburg-und-waldems--frankfurt-photovoltaik-wird-pflicht--brand-in-marburg-,hessen-am-morgen-freitag-894.html#50e1e8a9-da51-4cec-8214-5b7c74d6068f" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::hessen-am-morgen-freitag-894-TeaserPostLink geklickt"}]}'> <div class="font-headingSerif text-xs pb-0.5 text-white"> 09:47 </div> Darmstadt: Mann nach Süßigkeiten-Klau in U-Haft </a> </li> <li class="relative h-auto [&:not(:last-child)]:pb-5"> <div class="absolute h-full -left-5 top-0.5"> <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore "></div> </div> <a class="font-headingSerif link-focus-white text-base js-load text-white ds-link" href="https://www.hessenschau.de/morgenticker/-waldbraende-in-hainburg-und-waldems--frankfurt-photovoltaik-wird-pflicht--brand-in-marburg-,hessen-am-morgen-freitag-894.html#196ec61b-6edf-46e0-8a1d-eaf71fb78dc8" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::hessen-am-morgen-freitag-894-TeaserPostLink geklickt"}]}'> <div class="font-headingSerif text-xs pb-0.5 text-white"> 08:39 </div> Ermittlungen gegen Jugendlichen nach Brand mit hohem Schaden in Kirtorf </a> </li></ul> <div class="flex flex-wrap text-base justify-between items-end mb-5 px-5 md:px-0 mt-0 md:mt-auto md:mb-0"> <p class="self-center basis-3/5 text-xs text-tickerTeaserFooter font-headingSerif empty:hidden overflow-anywhere hyphens-auto "><span>Von Clarice Wolter</span></p> <a href="https://www.hessenschau.de/morgenticker/-waldbraende-in-hainburg-und-waldems--frankfurt-photovoltaik-wird-pflicht--brand-in-marburg-,hessen-am-morgen-freitag-894.html" class="ds-link js-load link-focus-white ml-auto text-tickerTeaserFooter underline ds-link decoration-1 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hessen-am-morgen-freitag-894 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::hessen-am-morgen-freitag-894-MehrLink geklickt"}]}' > Zum Ticker </a> </div> </div></article> <article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_v-1to1__small.jpg 380w, https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_v-1to1__medium.jpg 480w, https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_v-1to1.jpg 720w, https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_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/wetter/wetter-banner-dezember-140~_t-1639554229463_v-16to9__small.jpg 320w, https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_v-16to9__medium.jpg 480w, https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_v-16to9.jpg 960w, https://www.hessenschau.de/wetter/wetter-banner-dezember-140~_t-1639554229463_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Die Sonne scheint durch Nebel "> </picture> </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.hr4.de/wetter/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h2 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>hr4 Wetter</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Wettervorhersage für Hessen</span> </h2> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Hessenwetter für die kommenden Tage: Das Wetter in Hessen, Kassel, Korbach, Marburg, Bad Hersfeld, Gießen, Fulda, Frankfurt, Wiesbaden, Darmstadt, Michelstadt und den umliegenden Regionen auf unserer Wetterkarte.</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">Hessen und die Welt</h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <div class="flex gap-y-6 relative gap-x-4 flex-col mx-5 sm:mx-0 bg-highlight-1 rounded-tl-hr rounded-br-hr col-span-12 md:col-span-6" > <div class="flex w-full py-5 border-b border-white"> <div class="flex flex-col grow"> <div class="flex flex-row px-5 md:pl-5 "> <div class="flex flex-col pr-5 grow"> <div class="flex max-h-6"> <span class='sb-label mr-2 rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia'> Podcast </span> </div> <div class="flex pb-5 pr-2 md:pr-5"> <h3 class="overflow-anywhere hyphens-auto text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark font-title"> <span class="mt-0.5 line-clamp-4 text-base md:text-lg">Aktuelles aus Nordhessen</span> </h3> </div> </div> <div class="flex flex-col pb-5"> <div class="w-22 md:w-22 lg:w-32 "> </div> </div> </div> </div> </div> <div class="flex flex-col col-span-12 gap-5 px-5 " x-data="podcastPlayer()" x-init="listenToGlobalStop()" ax-load x-ignore> <div class="flex pb-5 border-white border-b"> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton5706" class="flex"> <button id="button5706" x-on:keydown.space.prevent.stop="playAndStop(5706);/* $dispatch('stopotherplayers',{playerId: 5706}) */" x-on:click.stop="playAndStop(5706);/* $dispatch('stopotherplayers',{playerId: 5706}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Nordhessen</span> <span class="mx-1">|</span> <time datetime="2025-04-04T13:00+0200">04.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_nordhessen/hr4_nordhessen_20250404_103430319.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Jede Menge Oldtimer, Ostermarkt in Bad Arolsen und Bärenfest im Wildpark Knüll: Die Tipps für's Wochenende", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-nordhessen/jede-menge-oldtimer-ostermarkt-in-bad-arolsen-und-baerenfest-im-wildpark-knuell-die-tipps-fuers-wochenende,podcast-episode-140014.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-140014 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Jede Menge Oldtimer, Ostermarkt in Bad Arolsen und Bärenfest im Wildpark Knüll: Die Tipps für's Wochenende</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-9"> <input x-ref="range" id="range5706" x-on:input="rangeInput(5706)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:01:29', '5706' ); " class="flex w-full"> <div id="timedisplay5706" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime5706" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy5706">00:01:29</span> </div> </div> </div> </div> <audio class="hidden" data-id="5706" x-init="registerPlayer('00:01:29','5706')" @stopotherplayers.window="stopAllOtherPlayers(5706)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Jede Menge Oldtimer, Ostermarkt in Bad Arolsen und Bärenfest im Wildpark Knüll: Die Tipps für's Wochenende_04.04.2025 13:00","livestream":"no","type":"content","airdate":"04.04.2025 13:00","length":"89","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_nordhessen/hr4_nordhessen_20250404_103430319.mp3","assetid":"hr4_nordhessen_103430319","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_nordhessen/hr4_nordhessen_20250404_103430319.mp3","nol_c8":"p8,89","nol_c9":"p9,Hessischer Rundfunk_Jede Menge Oldtimer, Ostermarkt in Bad Arolsen und Bärenfest im Wildpark Knüll: Die Tipps für's Wochenende_04.04.2025 13:00","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-140014","av_content":"Jede Menge Oldtimer, Ostermarkt in Bad Arolsen und Bärenfest im Wildpark Knüll: Die Tipps für's Wochenende","av_content_type":"Audio","av_content_duration":89000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-nordhessen","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_nordhessen/hr4_nordhessen_20250404_103430319.mp3 type='audio/mp3'/> </audio> </div> </div> <div class="flex pb-5 "> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton134" class="flex"> <button id="button134" x-on:keydown.space.prevent.stop="playAndStop(134);/* $dispatch('stopotherplayers',{playerId: 134}) */" x-on:click.stop="playAndStop(134);/* $dispatch('stopotherplayers',{playerId: 134}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Nordhessen</span> <span class="mx-1">|</span> <time datetime="2025-04-04T11:00+0200">04.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_nordhessen/hr4_nordhessen_20250404_103430256.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Acht neue Windräter im Schwalm-Eder-Kreis, Kassel erinnert an das Kriegsende und wer wird Meister im Brennholzspalten?", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-nordhessen/acht-neue-windraeter-im-schwalm-eder-kreis-kassel-erinnert-an-das-kriegsende-und-wer-wird-meister-im-brennholzspalten,podcast-episode-140008.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-140008 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Acht neue Windräter im Schwalm-Eder-Kreis, Kassel erinnert an das Kriegsende und wer wird Meister im Brennholzspalten?</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-0"> <input x-cloak x-ref="range" id="range134" x-on:input="rangeInput(134)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:13', '134' ); " class="flex w-full"> <div id="timedisplay134" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime134" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy134">00:02:13</span> </div> </div> </div> </div> <audio class="hidden" data-id="134" x-init="registerPlayer('00:02:13','134')" @stopotherplayers.window="stopAllOtherPlayers(134)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Acht neue Windräter im Schwalm-Eder-Kreis, Kassel erinnert an das Kriegsende und wer wird Meister im Brennholzspalten?_04.04.2025 11:00","livestream":"no","type":"content","airdate":"04.04.2025 11:00","length":"133","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_nordhessen/hr4_nordhessen_20250404_103430256.mp3","assetid":"hr4_nordhessen_103430256","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_nordhessen/hr4_nordhessen_20250404_103430256.mp3","nol_c8":"p8,133","nol_c9":"p9,Hessischer Rundfunk_Acht neue Windräter im Schwalm-Eder-Kreis, Kassel erinnert an das Kriegsende und wer wird Meister im Brennholzspalten?_04.04.2025 11:00","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-140008","av_content":"Acht neue Windräter im Schwalm-Eder-Kreis, Kassel erinnert an das Kriegsende und wer wird Meister im Brennholzspalten?","av_content_type":"Audio","av_content_duration":133000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-nordhessen","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_nordhessen/hr4_nordhessen_20250404_103430256.mp3 type='audio/mp3'/> </audio> </div> </div> </div></div> <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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hessenschau.de/podcasts/regio-podcast-nordhessen-106~_t-1738769430479_v-16to9__small.jpg 320w, https://www.hessenschau.de/podcasts/regio-podcast-nordhessen-106~_t-1738769430479_v-16to9__medium.jpg 480w, https://www.hessenschau.de/podcasts/regio-podcast-nordhessen-106~_t-1738769430479_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/podcasts/regio-podcast-nordhessen-106~_t-1738769430479_v-16to9.jpg 960w, https://www.hessenschau.de/podcasts/regio-podcast-nordhessen-106~_t-1738769430479_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Eine Hessenkarte in dunkelblauer Farbe, die Region Nordhessen ist hellblau gefärbt. Auf dieser Färbung sind viele weiße Punkte zu sehen, von welchen weiße dünne Linien wegführen. Vor den eingefärbten Flächen ist eine Person platziert, die Kopfhörer trägt, von welchen auch weiße Linien wegführen." class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hessenschau.de/podcasts/regio-nordhessen/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1148 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Podcast</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Regionale News für Nordhessen</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 '>Mittags eine aktuelle Reportage des Studios Kassel für die Region</span> <a href="https://www.hessenschau.de/podcasts/regio-nordhessen/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1148 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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> <div class="flex gap-y-6 relative gap-x-4 flex-col mx-5 sm:mx-0 bg-highlight-1 rounded-tl-hr rounded-br-hr col-span-12 md:col-span-6" > <div class="flex w-full py-5 border-b border-white"> <div class="flex flex-col grow"> <div class="flex flex-row px-5 md:pl-5 "> <div class="flex flex-col pr-5 grow"> <div class="flex max-h-6"> <span class='sb-label mr-2 rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia'> Podcast </span> </div> <div class="flex pb-5 pr-2 md:pr-5"> <h3 class="overflow-anywhere hyphens-auto text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark font-title"> <span class="mt-0.5 line-clamp-4 text-base md:text-lg">Aktuelles aus Osthessen</span> </h3> </div> </div> <div class="flex flex-col pb-5"> <div class="w-22 md:w-22 lg:w-32 "> </div> </div> </div> </div> </div> <div class="flex flex-col col-span-12 gap-5 px-5 " x-data="podcastPlayer()" x-init="listenToGlobalStop()" ax-load x-ignore> <div class="flex pb-5 border-white border-b"> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton8494" class="flex"> <button id="button8494" x-on:keydown.space.prevent.stop="playAndStop(8494);/* $dispatch('stopotherplayers',{playerId: 8494}) */" x-on:click.stop="playAndStop(8494);/* $dispatch('stopotherplayers',{playerId: 8494}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Osthessen</span> <span class="mx-1">|</span> <time datetime="2025-04-04T09:00+0200">04.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_nordosthessen/hr4_nordosthessen_20250404_103429755.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Was ist los in Osthessen? Veranstaltungstipps fürs Wochenende", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-osthessen/was-ist-los-in-osthessen-veranstaltungstipps-fuers-wochenende,podcast-episode-140000.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-140000 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Was ist los in Osthessen? Veranstaltungstipps fürs Wochenende</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-9"> <input x-ref="range" id="range8494" x-on:input="rangeInput(8494)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:01:30', '8494' ); " class="flex w-full"> <div id="timedisplay8494" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime8494" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy8494">00:01:30</span> </div> </div> </div> </div> <audio class="hidden" data-id="8494" x-init="registerPlayer('00:01:30','8494')" @stopotherplayers.window="stopAllOtherPlayers(8494)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Was ist los in Osthessen? Veranstaltungstipps fürs Wochenende_04.04.2025 09:00","livestream":"no","type":"content","airdate":"04.04.2025 09:00","length":"90","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_nordosthessen/hr4_nordosthessen_20250404_103429755.mp3","assetid":"hr4_nordosthessen_103429755","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_nordosthessen/hr4_nordosthessen_20250404_103429755.mp3","nol_c8":"p8,90","nol_c9":"p9,Hessischer Rundfunk_Was ist los in Osthessen? Veranstaltungstipps fürs Wochenende_04.04.2025 09:00","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-140000","av_content":"Was ist los in Osthessen? Veranstaltungstipps fürs Wochenende","av_content_type":"Audio","av_content_duration":90000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-osthessen","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_nordosthessen/hr4_nordosthessen_20250404_103429755.mp3 type='audio/mp3'/> </audio> </div> </div> <div class="flex pb-5 "> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton8431" class="flex"> <button id="button8431" x-on:keydown.space.prevent.stop="playAndStop(8431);/* $dispatch('stopotherplayers',{playerId: 8431}) */" x-on:click.stop="playAndStop(8431);/* $dispatch('stopotherplayers',{playerId: 8431}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Osthessen</span> <span class="mx-1">|</span> <time datetime="2025-04-04T06:00+0200">04.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_nordosthessen/hr4_nordosthessen_20250404_103429014.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Brand in Kirtorf, Ärger in der KFZ-Zulassung Fulda und Frühjahrsputz in Sinntal-Sterbfritz", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-osthessen/brand-in-kirtorf-aerger-in-der-kfz-zulassung-fulda-und-fruehjahrsputz-in-sinntal-sterbfritz,podcast-episode-139988.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-139988 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Brand in Kirtorf, Ärger in der KFZ-Zulassung Fulda und Frühjahrsputz in Sinntal-Sterbfritz</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-0"> <input x-cloak x-ref="range" id="range8431" x-on:input="rangeInput(8431)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:08', '8431' ); " class="flex w-full"> <div id="timedisplay8431" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime8431" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy8431">00:02:08</span> </div> </div> </div> </div> <audio class="hidden" data-id="8431" x-init="registerPlayer('00:02:08','8431')" @stopotherplayers.window="stopAllOtherPlayers(8431)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Brand in Kirtorf, Ärger in der KFZ-Zulassung Fulda und Frühjahrsputz in Sinntal-Sterbfritz_04.04.2025 06:00","livestream":"no","type":"content","airdate":"04.04.2025 06:00","length":"128","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_nordosthessen/hr4_nordosthessen_20250404_103429014.mp3","assetid":"hr4_nordosthessen_103429014","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_nordosthessen/hr4_nordosthessen_20250404_103429014.mp3","nol_c8":"p8,128","nol_c9":"p9,Hessischer Rundfunk_Brand in Kirtorf, Ärger in der KFZ-Zulassung Fulda und Frühjahrsputz in Sinntal-Sterbfritz_04.04.2025 06:00","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-139988","av_content":"Brand in Kirtorf, Ärger in der KFZ-Zulassung Fulda und Frühjahrsputz in Sinntal-Sterbfritz","av_content_type":"Audio","av_content_duration":128000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-osthessen","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_nordosthessen/hr4_nordosthessen_20250404_103429014.mp3 type='audio/mp3'/> </audio> </div> </div> </div></div> <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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hessenschau.de/podcasts/regio-podcast-ost-hessen-100~_t-1738769452201_v-16to9__small.jpg 320w, https://www.hessenschau.de/podcasts/regio-podcast-ost-hessen-100~_t-1738769452201_v-16to9__medium.jpg 480w, https://www.hessenschau.de/podcasts/regio-podcast-ost-hessen-100~_t-1738769452201_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/podcasts/regio-podcast-ost-hessen-100~_t-1738769452201_v-16to9.jpg 960w, https://www.hessenschau.de/podcasts/regio-podcast-ost-hessen-100~_t-1738769452201_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Eine Hessenkarte in dunkelblauer Farbe, wobei die Region Osthessen hellblau gefärbt ist. Auf dieser Färbung sind viele kleinere und einige größere Punkte zu sehen, von welchen weiße dünne Linien wegführen. Vor den eingefärbten Flächen ist eine Person platziert, die Kopfhörer trägt, von welchen auch weiße Linien bzw. Kabel wegführen." class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hessenschau.de/podcasts/regio-osthessen/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1150 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Podcast</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Regionale News für Osthessen</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 '>Mittags eine aktuelle Reportage des Studios Fulda für die Region</span> <a href="https://www.hessenschau.de/podcasts/regio-osthessen/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1150 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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> <div class="flex gap-y-6 relative gap-x-4 flex-col mx-5 sm:mx-0 bg-highlight-1 rounded-tl-hr rounded-br-hr col-span-12 md:col-span-6" > <div class="flex w-full py-5 border-b border-white"> <div class="flex flex-col grow"> <div class="flex flex-row px-5 md:pl-5 "> <div class="flex flex-col pr-5 grow"> <div class="flex max-h-6"> <span class='sb-label mr-2 rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia'> Podcast </span> </div> <div class="flex pb-5 pr-2 md:pr-5"> <h3 class="overflow-anywhere hyphens-auto text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark font-title"> <span class="mt-0.5 line-clamp-4 text-base md:text-lg">Aktuelles aus Mittelhessen</span> </h3> </div> </div> <div class="flex flex-col pb-5"> <div class="w-22 md:w-22 lg:w-32 "> </div> </div> </div> </div> </div> <div class="flex flex-col col-span-12 gap-5 px-5 " x-data="podcastPlayer()" x-init="listenToGlobalStop()" ax-load x-ignore> <div class="flex pb-5 border-white border-b"> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton1755" class="flex"> <button id="button1755" x-on:keydown.space.prevent.stop="playAndStop(1755);/* $dispatch('stopotherplayers',{playerId: 1755}) */" x-on:click.stop="playAndStop(1755);/* $dispatch('stopotherplayers',{playerId: 1755}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Mittelhessen</span> <span class="mx-1">|</span> <time datetime="2025-04-04T06:30+0200">04.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_mittelhessen/hr4_mittelhessen_20250404_103428876.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Brand in Marburg, Katretter im Kreis Gießen retten Leben, Nachwuchs-Imker in Kirchhain", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-mittelhessen/brand-in-marburg-katretter-im-kreis-giessen-retten-leben-nachwuchs-imker-in-kirchhain,podcast-episode-139986.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-139986 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Brand in Marburg, Katretter im Kreis Gießen retten Leben, Nachwuchs-Imker in Kirchhain</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-9"> <input x-ref="range" id="range1755" x-on:input="rangeInput(1755)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:08', '1755' ); " class="flex w-full"> <div id="timedisplay1755" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime1755" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy1755">00:02:08</span> </div> </div> </div> </div> <audio class="hidden" data-id="1755" x-init="registerPlayer('00:02:08','1755')" @stopotherplayers.window="stopAllOtherPlayers(1755)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Brand in Marburg, Katretter im Kreis Gießen retten Leben, Nachwuchs-Imker in Kirchhain_04.04.2025 06:30","livestream":"no","type":"content","airdate":"04.04.2025 06:30","length":"128","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_mittelhessen/hr4_mittelhessen_20250404_103428876.mp3","assetid":"hr4_mittelhessen_103428876","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_mittelhessen/hr4_mittelhessen_20250404_103428876.mp3","nol_c8":"p8,128","nol_c9":"p9,Hessischer Rundfunk_Brand in Marburg, Katretter im Kreis Gießen retten Leben, Nachwuchs-Imker in Kirchhain_04.04.2025 06:30","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-139986","av_content":"Brand in Marburg, Katretter im Kreis Gießen retten Leben, Nachwuchs-Imker in Kirchhain","av_content_type":"Audio","av_content_duration":128000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-mittelhessen","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_mittelhessen/hr4_mittelhessen_20250404_103428876.mp3 type='audio/mp3'/> </audio> </div> </div> <div class="flex pb-5 "> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton308" class="flex"> <button id="button308" x-on:keydown.space.prevent.stop="playAndStop(308);/* $dispatch('stopotherplayers',{playerId: 308}) */" x-on:click.stop="playAndStop(308);/* $dispatch('stopotherplayers',{playerId: 308}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Mittelhessen</span> <span class="mx-1">|</span> <time datetime="2025-04-03T13:30+0200">03.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_mittelhessen/hr4_mittelhessen_20250403_103425774.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "1.200 Kinder toben in Wetzlar, Marburg startet Geocaching, Polizeieinsatz in Blasbach", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-mittelhessen/1200-kinder-toben-in-wetzlar-marburg-startet-geocaching-polizeieinsatz-in-blasbach,podcast-episode-139968.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-139968 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >1.200 Kinder toben in Wetzlar, Marburg startet Geocaching, Polizeieinsatz in Blasbach</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-0"> <input x-cloak x-ref="range" id="range308" x-on:input="rangeInput(308)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:06', '308' ); " class="flex w-full"> <div id="timedisplay308" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime308" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy308">00:02:06</span> </div> </div> </div> </div> <audio class="hidden" data-id="308" x-init="registerPlayer('00:02:06','308')" @stopotherplayers.window="stopAllOtherPlayers(308)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_1.200 Kinder toben in Wetzlar, Marburg startet Geocaching, Polizeieinsatz in Blasbach_03.04.2025 13:30","livestream":"no","type":"content","airdate":"03.04.2025 13:30","length":"126","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_mittelhessen/hr4_mittelhessen_20250403_103425774.mp3","assetid":"hr4_mittelhessen_103425774","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_mittelhessen/hr4_mittelhessen_20250403_103425774.mp3","nol_c8":"p8,126","nol_c9":"p9,Hessischer Rundfunk_1.200 Kinder toben in Wetzlar, Marburg startet Geocaching, Polizeieinsatz in Blasbach_03.04.2025 13:30","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-139968","av_content":"1.200 Kinder toben in Wetzlar, Marburg startet Geocaching, Polizeieinsatz in Blasbach","av_content_type":"Audio","av_content_duration":126000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-mittelhessen","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_mittelhessen/hr4_mittelhessen_20250403_103425774.mp3 type='audio/mp3'/> </audio> </div> </div> </div></div> <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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hessenschau.de/podcasts/regio-podcast-mittelhessen-100~_t-1738769512302_v-16to9__small.jpg 320w, https://www.hessenschau.de/podcasts/regio-podcast-mittelhessen-100~_t-1738769512302_v-16to9__medium.jpg 480w, https://www.hessenschau.de/podcasts/regio-podcast-mittelhessen-100~_t-1738769512302_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/podcasts/regio-podcast-mittelhessen-100~_t-1738769512302_v-16to9.jpg 960w, https://www.hessenschau.de/podcasts/regio-podcast-mittelhessen-100~_t-1738769512302_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Eine Hessenkarte in dunkelblauer Farbe, wobei die Region Mittelhessen hellblau gefärbt ist. Auf dieser Färbung sind viele kleinere und einige größere Punkte zu sehen, von welchen weiße dünne Linien wegführen. Vor den eingefärbten Flächen ist eine Person platziert, die Kopfhörer trägt, von welchen auch weiße Linien bzw. Kabel wegführen." class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hessenschau.de/podcasts/regio-mittelhessen/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1152 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Podcast</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Regionale News für Mittelhessen</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 '>Mittags eine aktuelle Reportage des Studios Gießen für die Region</span> <a href="https://www.hessenschau.de/podcasts/regio-mittelhessen/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1152 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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> <div class="flex gap-y-6 relative gap-x-4 flex-col mx-5 sm:mx-0 bg-highlight-1 rounded-tl-hr rounded-br-hr col-span-12 md:col-span-6" > <div class="flex w-full py-5 border-b border-white"> <div class="flex flex-col grow"> <div class="flex flex-row px-5 md:pl-5 "> <div class="flex flex-col pr-5 grow"> <div class="flex max-h-6"> <span class='sb-label mr-2 rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia'> Podcast </span> </div> <div class="flex pb-5 pr-2 md:pr-5"> <h3 class="overflow-anywhere hyphens-auto text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark font-title"> <span class="mt-0.5 line-clamp-4 text-base md:text-lg">Aktuelles aus dem Rhein-Main-Gebiet</span> </h3> </div> </div> <div class="flex flex-col pb-5"> <div class="w-22 md:w-22 lg:w-32 "> </div> </div> </div> </div> </div> <div class="flex flex-col col-span-12 gap-5 px-5 " x-data="podcastPlayer()" x-init="listenToGlobalStop()" ax-load x-ignore> <div class="flex pb-5 border-white border-b"> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton5684" class="flex"> <button id="button5684" x-on:keydown.space.prevent.stop="playAndStop(5684);/* $dispatch('stopotherplayers',{playerId: 5684}) */" x-on:click.stop="playAndStop(5684);/* $dispatch('stopotherplayers',{playerId: 5684}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Rhein-Main</span> <span class="mx-1">|</span> <time datetime="2025-04-04T05:45+0200">04.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_rhein-main/hr4_rhein-main_20250404_103428598.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Brände im trockenen Wald, versenkbare Poller kommen in Wiesbaden, Solarpflicht in Frankfurt", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-rhein-main/braende-im-trockenen-wald-versenkbare-poller-kommen-in-wiesbaden-solarpflicht-in-frankfurt,podcast-episode-139982.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-139982 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Brände im trockenen Wald, versenkbare Poller kommen in Wiesbaden, Solarpflicht in Frankfurt</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-9"> <input x-ref="range" id="range5684" x-on:input="rangeInput(5684)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:00', '5684' ); " class="flex w-full"> <div id="timedisplay5684" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime5684" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy5684">00:02:00</span> </div> </div> </div> </div> <audio class="hidden" data-id="5684" x-init="registerPlayer('00:02:00','5684')" @stopotherplayers.window="stopAllOtherPlayers(5684)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_hessischer Rundfunk_Brände im trockenen Wald, versenkbare Poller kommen in Wiesbaden, Solarpflicht in Frankfurt_04.04.2025 05:45","livestream":"no","type":"content","airdate":"04.04.2025 05:45","length":"120","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_rhein-main/hr4_rhein-main_20250404_103428598.mp3","assetid":"hr4_rhein-main_103428598","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_rhein-main/hr4_rhein-main_20250404_103428598.mp3","nol_c8":"p8,120","nol_c9":"p9,hessischer Rundfunk_Brände im trockenen Wald, versenkbare Poller kommen in Wiesbaden, Solarpflicht in Frankfurt_04.04.2025 05:45","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-139982","av_content":"Brände im trockenen Wald, versenkbare Poller kommen in Wiesbaden, Solarpflicht in Frankfurt","av_content_type":"Audio","av_content_duration":120000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-rhein-main","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_rhein-main/hr4_rhein-main_20250404_103428598.mp3 type='audio/mp3'/> </audio> </div> </div> <div class="flex pb-5 "> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton7675" class="flex"> <button id="button7675" x-on:keydown.space.prevent.stop="playAndStop(7675);/* $dispatch('stopotherplayers',{playerId: 7675}) */" x-on:click.stop="playAndStop(7675);/* $dispatch('stopotherplayers',{playerId: 7675}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Rhein-Main</span> <span class="mx-1">|</span> <time datetime="2025-04-03T05:04+0200">03.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_rhein-main/hr4_rhein-main_20250403_103421042.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Brand in Sinntal, Eröffnung Spargelsaison, Girls and Boys Day", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-rhein-main/brand-in-sinntal-eroeffnung-spargelsaison-girls-and-boys-day,podcast-episode-139946.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-139946 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Brand in Sinntal, Eröffnung Spargelsaison, Girls and Boys Day</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-0"> <input x-cloak x-ref="range" id="range7675" x-on:input="rangeInput(7675)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:02', '7675' ); " class="flex w-full"> <div id="timedisplay7675" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime7675" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy7675">00:02:02</span> </div> </div> </div> </div> <audio class="hidden" data-id="7675" x-init="registerPlayer('00:02:02','7675')" @stopotherplayers.window="stopAllOtherPlayers(7675)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_hessischer Rundfunk_Brand in Sinntal, Eröffnung Spargelsaison, Girls and Boys Day_03.04.2025 05:04","livestream":"no","type":"content","airdate":"03.04.2025 05:04","length":"122","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_rhein-main/hr4_rhein-main_20250403_103421042.mp3","assetid":"hr4_rhein-main_103421042","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_rhein-main/hr4_rhein-main_20250403_103421042.mp3","nol_c8":"p8,122","nol_c9":"p9,hessischer Rundfunk_Brand in Sinntal, Eröffnung Spargelsaison, Girls and Boys Day_03.04.2025 05:04","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-139946","av_content":"Brand in Sinntal, Eröffnung Spargelsaison, Girls and Boys Day","av_content_type":"Audio","av_content_duration":122000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-rhein-main","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_rhein-main/hr4_rhein-main_20250403_103421042.mp3 type='audio/mp3'/> </audio> </div> </div> </div></div> <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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hessenschau.de/podcasts/regio-podcast-rhein-main-hessen-100~_t-1738769486918_v-16to9__small.jpg 320w, https://www.hessenschau.de/podcasts/regio-podcast-rhein-main-hessen-100~_t-1738769486918_v-16to9__medium.jpg 480w, https://www.hessenschau.de/podcasts/regio-podcast-rhein-main-hessen-100~_t-1738769486918_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/podcasts/regio-podcast-rhein-main-hessen-100~_t-1738769486918_v-16to9.jpg 960w, https://www.hessenschau.de/podcasts/regio-podcast-rhein-main-hessen-100~_t-1738769486918_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Eine Hessenkarte in dunkelblauer Farbe, wobei die Region Rhein-Main hellblau gefärbt ist. Auf dieser Färbung sind viele kleinere und einige größere weiße Punkte zu sehen, von welchen weiße dünne Linien wegführen. Vor den eingefärbten Flächen ist eine Person platziert, die Kopfhörer trägt, von welchen auch weiße Linien bzw. Kabel wegführen." class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hessenschau.de/podcasts/regio-rhein-main/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1154 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Podcast</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Regionale News für Rhein-Main</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 '>Mittags eine aktuelle Reportage des Studios Frankfurt für die Region</span> <a href="https://www.hessenschau.de/podcasts/regio-rhein-main/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1154 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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> <div class="flex gap-y-6 relative gap-x-4 flex-col mx-5 sm:mx-0 bg-highlight-1 rounded-tl-hr rounded-br-hr col-span-12 md:col-span-6" > <div class="flex w-full py-5 border-b border-white"> <div class="flex flex-col grow"> <div class="flex flex-row px-5 md:pl-5 "> <div class="flex flex-col pr-5 grow"> <div class="flex max-h-6"> <span class='sb-label mr-2 rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia'> Podcast </span> </div> <div class="flex pb-5 pr-2 md:pr-5"> <h3 class="overflow-anywhere hyphens-auto text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark font-title"> <span class="mt-0.5 line-clamp-4 text-base md:text-lg">Aktuelles aus Südhessen</span> </h3> </div> </div> <div class="flex flex-col pb-5"> <div class="w-22 md:w-22 lg:w-32 "> </div> </div> </div> </div> </div> <div class="flex flex-col col-span-12 gap-5 px-5 " x-data="podcastPlayer()" x-init="listenToGlobalStop()" ax-load x-ignore> <div class="flex pb-5 border-white border-b"> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton9349" class="flex"> <button id="button9349" x-on:keydown.space.prevent.stop="playAndStop(9349);/* $dispatch('stopotherplayers',{playerId: 9349}) */" x-on:click.stop="playAndStop(9349);/* $dispatch('stopotherplayers',{playerId: 9349}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Südhessen</span> <span class="mx-1">|</span> <time datetime="2025-04-04T10:10+0200">04.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_rheinmain/hr4_rheinmain_20250404_103430632.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Regionale Nachrichten Südhessen (04.04.25)", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-suedhessen/regionale-nachrichten-suedhessen-040425,podcast-episode-140004.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-140004 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Regionale Nachrichten Südhessen (04.04.25)</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-9"> <input x-ref="range" id="range9349" x-on:input="rangeInput(9349)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:44', '9349' ); " class="flex w-full"> <div id="timedisplay9349" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime9349" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy9349">00:02:44</span> </div> </div> </div> </div> <audio class="hidden" data-id="9349" x-init="registerPlayer('00:02:44','9349')" @stopotherplayers.window="stopAllOtherPlayers(9349)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Regionale Nachrichten Südhessen (04.04.25)_04.04.2025 10:10","livestream":"no","type":"content","airdate":"04.04.2025 10:10","length":"164","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_rheinmain/hr4_rheinmain_20250404_103430632.mp3","assetid":"hr4_rheinmain_103430632","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_rheinmain/hr4_rheinmain_20250404_103430632.mp3","nol_c8":"p8,164","nol_c9":"p9,Hessischer Rundfunk_Regionale Nachrichten Südhessen (04.04.25)_04.04.2025 10:10","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-140004","av_content":"Regionale Nachrichten Südhessen (04.04.25)","av_content_type":"Audio","av_content_duration":164000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-suedhessen","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_rheinmain/hr4_rheinmain_20250404_103430632.mp3 type='audio/mp3'/> </audio> </div> </div> <div class="flex pb-5 "> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton2622" class="flex"> <button id="button2622" x-on:keydown.space.prevent.stop="playAndStop(2622);/* $dispatch('stopotherplayers',{playerId: 2622}) */" x-on:click.stop="playAndStop(2622);/* $dispatch('stopotherplayers',{playerId: 2622}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Regionale News für Südhessen</span> <span class="mx-1">|</span> <time datetime="2025-04-03T10:45+0200">03.04.25</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr4_rheinmain/hr4_rheinmain_20250403_103423680.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Regionale Nachrichten Südhessen (03.04.25)", "secondLevelId": 28 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 28 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hessenschau.de/podcasts/regio-suedhessen/regionale-nachrichten-suedhessen-030425,podcast-episode-139962.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::podcast-episode-139962 geklickt"}]}' target="_blank" rel="noopener" > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Regionale Nachrichten Südhessen (03.04.25)</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-0"> <input x-cloak x-ref="range" id="range2622" x-on:input="rangeInput(2622)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:45', '2622' ); " class="flex w-full"> <div id="timedisplay2622" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime2622" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy2622">00:02:45</span> </div> </div> </div> </div> <audio class="hidden" data-id="2622" x-init="registerPlayer('00:02:45','2622')" @stopotherplayers.window="stopAllOtherPlayers(2622)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Regionale Nachrichten Südhessen (03.04.25)_03.04.2025 10:45","livestream":"no","type":"content","airdate":"03.04.2025 10:45","length":"165","program":"hr-fernsehen","uurl":"/mp3/podcast/hr4_rheinmain/hr4_rheinmain_20250403_103423680.mp3","assetid":"hr4_rheinmain_103423680","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,/mp3/podcast/hr4_rheinmain/hr4_rheinmain_20250403_103423680.mp3","nol_c8":"p8,165","nol_c9":"p9,Hessischer Rundfunk_Regionale Nachrichten Südhessen (03.04.25)_03.04.2025 10:45","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-139962","av_content":"Regionale Nachrichten Südhessen (03.04.25)","av_content_type":"Audio","av_content_duration":165000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"regio-suedhessen","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"28"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr4_rheinmain/hr4_rheinmain_20250403_103423680.mp3 type='audio/mp3'/> </audio> </div> </div> </div></div> <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"> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" srcset="https://www.hessenschau.de/podcasts/regio-podcast-sued-hessen-100~_t-1738769533631_v-16to9__small.jpg 320w, https://www.hessenschau.de/podcasts/regio-podcast-sued-hessen-100~_t-1738769533631_v-16to9__medium.jpg 480w, https://www.hessenschau.de/podcasts/regio-podcast-sued-hessen-100~_t-1738769533631_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/podcasts/regio-podcast-sued-hessen-100~_t-1738769533631_v-16to9.jpg 960w, https://www.hessenschau.de/podcasts/regio-podcast-sued-hessen-100~_t-1738769533631_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Eine Hessenkarte in dunkelblauer Farbe, wobei die Region Südhessen hellblau gefärbt ist. Auf dieser Färbung sind viele kleinere und einige größere weiße Punkte zu sehen, von welchen weiße dünne Linien wegführen. Vor den eingefärbten Flächen ist eine Person platziert, die Kopfhörer trägt, von welchen auch weiße Linien bzw. Kabel wegführen." class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hessenschau.de/podcasts/regio-suedhessen/index.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1156 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Podcast</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Regionale News für Südhessen</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 '>Mittags eine aktuelle Reportage des Studios Darmstadt für die Region</span> <a href="https://www.hessenschau.de/podcasts/regio-suedhessen/index.html" class="ds-link js-load relative inline text-link z-20 ds-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::structurenodedocument1156 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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> </a> </div> </div> </div></article> </div> </section> </div> <div class="grid grid-cols-12 bg-white mt-12 md:mt-14 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14"> <h2 class="py-0 text-2xl md:text-5xl col-span-full font-title headline-barrier"> Regionen </h2> </div> <div x-data="{ tab: 'Nordhessen', test:true }" class="grid grid-cols-12 pt-6 mx-0 mb-5 md:mb-7 mt-5 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6" > <section class="px-0 col-span-full sm:px-8 md:px-0"> <div class="flex flex-wrap justify-center mx-5 gap-y-3 mb-7 gap-x-2" role="tablist"> <button 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 px-2 py-0.5 min-w-7 justify-center " type="button" :class='{" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 bg-button--dark ":tab ==="Nordhessen", " border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95":tab !="Nordhessen"}' x-on:click.prevent="tab = 'Nordhessen'; " role="tab" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Nordhessen:TabboxClick"}]}'> <span class='ds-button-label text-base '>Nordhessen</span> </button> <button 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 px-2 py-0.5 min-w-7 justify-center " type="button" :class='{" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 bg-button--dark ":tab ==="Osthessen", " border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95":tab !="Osthessen"}' x-on:click.prevent="tab = 'Osthessen'; " role="tab" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Osthessen:TabboxClick"}]}'> <span class='ds-button-label text-base '>Osthessen</span> </button> <button 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 px-2 py-0.5 min-w-7 justify-center " type="button" :class='{" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 bg-button--dark ":tab ==="Mittelhessen", " border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95":tab !="Mittelhessen"}' x-on:click.prevent="tab = 'Mittelhessen'; " role="tab" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Mittelhessen:TabboxClick"}]}'> <span class='ds-button-label text-base '>Mittelhessen</span> </button> <button 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 px-2 py-0.5 min-w-7 justify-center " type="button" :class='{" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 bg-button--dark ":tab ==="Südhessen", " border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95":tab !="Südhessen"}' x-on:click.prevent="tab = 'Südhessen'; " role="tab" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Südhessen:TabboxClick"}]}'> <span class='ds-button-label text-base '>Südhessen</span> </button> <button 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 px-2 py-0.5 min-w-7 justify-center " type="button" :class='{" border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 bg-button--dark ":tab ==="Rhein-Main", " border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95":tab !="Rhein-Main"}' x-on:click.prevent="tab = 'Rhein-Main'; " role="tab" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Rhein-Main:TabboxClick"}]}'> <span class='ds-button-label text-base '>Rhein-Main</span> </button> </div><section x-show="tab === 'Nordhessen'" class="pb-10" > <div class="grid items-start content-start grid-cols-12 px-0 sm:px-10 gap-x-6 gap-y-6"> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Kassel</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-1to1.jpg 720w, https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-16to9.jpg 960w, https://www.hessenschau.de/sport/eishockey/huskies-202~_t-1743800594947_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Kassels Simon Thiel und Dresdens Tomas Andres im Zweikampf"> </picture> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/eishockey/del2-kassel-huskies-verlieren-playoff-krimi-gegen-dresden-in-zweiter-overtime-v1,huskies-drittes-spiel-dresden-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::huskies-drittes-spiel-dresden-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>DEL2-Playoffs</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Huskies verlieren Playoff-Krimi in zweiter Overtime</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="400" 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.hr4.de/assets_4.12.2/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-105912","av_content":"Flower-Power-Ausstellung in der Grube Messel","av_content_type":"Audio","av_content_duration":264000,"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":"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","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/hs/2025_04/250404103154_Demant_Flower-Power-Ausstellung_in_der_Grube_Messel_BmE_4_20.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":264,"images":[{"kind":"preview","url":"https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9{size}.jpg"}],"title":"Flower-Power-Ausstellung in der Grube Messel","synopsis":"Das Museum am UNESCO Weltnaturerbe Grube Messel zeigt ab 4. April die Ausstellung \"Flower-Power! Insekten im Blütenrausch\". Sie entführt in die faszinierende Welt der Insekten und Pflanzen und beleuchtet ihre Beziehung zueinander, die schon seit mindestens 350 Millionen Jahren besteht. Dabei erfährt man, wie diese beiden Fossiliengruppen helfen, die Geheimnisse der Fossillagerstätte Messel zu lüften. "},"pluginData":{},"geoBlocked":false},"playerId":"400","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-1to1__small.jpg 380w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-1to1__medium.jpg 480w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-1to1.jpg 720w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9__small.jpg 320w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9__medium.jpg 480w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9.jpg 960w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Exponate im Curioseum in Willingen."> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 400})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 400})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/kultur/museen-und-ausstellungen-neun-ausflugstipps-fuer-die-osterferien-v2,tipps-osterferien-hessen-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::tipps-osterferien-hessen-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Museen und Ausstellungen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Neun Ausflugstipps für die Osterferien</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="93" 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.hr4.de/assets_4.12.2/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-105892","av_content":"In Kassel entsteht ein Modul-Theater für fünf Jahre","av_content_type":"Audio","av_content_duration":39000,"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":"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","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/hs/2025_04/250403163731___hsr_Ruge_Modul-Theater.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":39,"images":[{"kind":"preview","url":"https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-16to9{size}.jpg"}],"title":"In Kassel entsteht ein Modul-Theater für fünf Jahre"},"pluginData":{},"geoBlocked":false},"playerId":"93","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Kassel</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-1to1__small.jpg 380w, https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-1to1__medium.jpg 480w, https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-1to1.jpg 720w, https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-16to9__small.jpg 320w, https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-16to9__medium.jpg 480w, https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-16to9.jpg 960w, https://www.hessenschau.de/kultur/theater-kassel-interimsspielstaette-120~_t-1743767652234_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Zwei LKW stehen in einer großen Halle. Ihre Ladebordwände am Heck bilden eine Bühne."> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 93})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 93})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/kultur/staatstheater-kassel-die-interims-buehne-waechst-v1,theater-kassel-interimsspielstaette-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::theater-kassel-interimsspielstaette-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Alternative Spielstätte für das Staatstheater</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Visionäre Architektur: Kassels Interims-Bühne wächst</span> </h3> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Von Stefanie Küster</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-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="7199" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"7199","clipData":{"type":"content","title":"hr-fernsehen_hessenschau.de_Sommerrodelbahn am Edersee: Die Abfahrt im Video_24.06.2024 10:30","program":"hr-fernsehen","length":"119","assetid":"c26b538305a01a12cd65f7bc2921af18","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/hs/2024_06/hrLogo_240618145345_yt_16zu9ederseesommerrodelbahnkuerzer_66503838_512x288-25p-500kbit.mp4","nol_c8":"p8,119","nol_c9":"p9,hessenschau.de_Sommerrodelbahn am Edersee: Die Abfahrt im Video_24.06.2024 10:30","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-198184","av_content":"Sommerrodelbahn am Edersee: Die Abfahrt im Video","av_content_type":"Video","av_content_duration":119000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"8"}},"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/hs/2024_06/hrLogo_240618145345_yt_16zu9ederseesommerrodelbahnkuerzer_66503838_,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/hs/2024_06/hrLogo_240618145345_yt_16zu9ederseesommerrodelbahnkuerzer_66503838_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240618145345_yt_16zu9ederseesommerrodelbahnkuerzer_66503838_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240618145345_yt_16zu9ederseesommerrodelbahnkuerzer_66503838_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240618145345_yt_16zu9ederseesommerrodelbahnkuerzer_66503838_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240618145345_yt_16zu9ederseesommerrodelbahnkuerzer_66503838_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":119,"images":[{"kind":"preview","url":"https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-16to9{size}.jpg"}],"title":"Sommerrodelbahn am Edersee: Die Abfahrt im Video","synopsis":"Die Sommerrodelbahn am Edersee: Knapp zwei Minuten dauert die Fahrt in der klassischen Muldenbahn – je nach gewählter Geschwindigkeit. Sehen Sie hier die Abfahrt im Video."},"pluginData":{},"geoBlocked":false},"playerId":"7199","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Waldeck</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-1to1__small.jpg 380w, https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-1to1__medium.jpg 480w, https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-1to1.jpg 720w, https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-16to9__small.jpg 320w, https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-16to9__medium.jpg 480w, https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-16to9.jpg 960w, https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-114~_t-1718895785326_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Ein Mann und ein Kind hocken in einer Art Schlitten und rutschen eine "Metallbahn" herunter. Der Mann breitet seine Arme aus. Drumherum viel Grün und farbenfrohe Bauten. "> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 7199})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 7199})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/freizeit/sommerrodelbahn-edersee-im-test-laenge-preise-oeffnungszeiten-v3,sommerrodelbahn-check-edersee-waldeck-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::sommerrodelbahn-check-edersee-waldeck-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Test mit Video</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Sommerrodelbahn am Edersee: Speed-Rausch unter Schafen</span> </h3> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Von Stefanie Küster</span> <span class="mx-1 last-of-type:hidden">|</span></p> </div> </div></article> </div><div class="flex justify-center min-w-0 pt-8 mx-5"> <a href="https://www.hessenschau.de/nordhessen/index.html" class="ds-link js-load overflow-hidden inline-flex items-center font-heading border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <span class='ds-button-label text-base flex-1 truncate mr-2'>weitere Meldungen aus Nordhessen</span><svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </a> </div> </section><section x-cloak x-show="tab === 'Osthessen'" class="pb-10" > <div class="grid items-start content-start grid-cols-12 px-0 sm:px-10 gap-x-6 gap-y-6"> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="7231" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"7231","clipData":{"type":"content","title":"hr-fernsehen_hessenschau_Trockenheit – Waldbrandgefahr in Hessen_04.04.2025 19:30","program":"hr-fernsehen","length":"156","assetid":"941f85d922d55519f01cd62166b45bfa","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/hessenschau/2025_04/hrLogo_250404200625_L521125_A01_512x288-25p-500kbit.mp4","nol_c8":"p8,156","nol_c9":"p9,hessenschau_Trockenheit – Waldbrandgefahr in Hessen_04.04.2025 19:30","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c16":"p16,hr-fernsehen_Information|Nachrichten","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-209232","av_content":"Trockenheit – Waldbrandgefahr in Hessen","av_content_type":"Video","av_content_duration":156000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"11"}},"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/hessenschau/2025_04/hrLogo_250404200625_L521125_A01_,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/hessenschau/2025_04/hrLogo_250404200625_L521125_A01_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200625_L521125_A01_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200625_L521125_A01_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200625_L521125_A01_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200625_L521125_A01_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":156,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9{size}.jpg"}],"title":"Trockenheit – Waldbrandgefahr in Hessen","synopsis":"Es ist zu trocken in Hessen, das macht Wäldern, Tieren und der Landwirtschaft zu schaffen. Der März war sogar der trockenste seit Beginn der Aufzeichnung vor mehr als 140 Jahren. Und schon jetzt herrscht Waldbrandgefahr.\n\n"},"pluginData":{},"geoBlocked":false,"subtitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200625_L521125_A01_512x288-25p-500kbit.vtt"}]}]},"playerId":"7231","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/brand-hainburg-wald-100~_t-1743743745152_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Feuerwehrautos, Feuerwehrleute und ein Schlauch auf einem Weg in einem trockenen Wald"> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 7231})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 7231})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/panorama/hessen-forst-warnt-vor-drastischer-waldbrandgefahr-v2,wetter-trockenheit-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::wetter-trockenheit-102 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Erste Brände in Hessen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Hessen Forst warnt vor drastischer Waldbrandgefahr</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="7328" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"7328","clipData":{"type":"content","title":"hr-fernsehen_hessenschau.de_Sommerrodelbahn in Steinau an der Straße: Die Abfahrt im Video_24.06.2024 10:30","program":"hr-fernsehen","length":"85","assetid":"97b3d00c5b2674edd140d181989b8eb3","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/hs/2024_06/hrLogo_240618092935_yt_16zu9steinausommerrodelbahnkuerzermusik_66472675_512x288-25p-500kbit.mp4","nol_c8":"p8,85","nol_c9":"p9,hessenschau.de_Sommerrodelbahn in Steinau an der Straße: Die Abfahrt im Video_24.06.2024 10:30","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-198176","av_content":"Sommerrodelbahn in Steinau an der Straße: Die Abfahrt im Video","av_content_type":"Video","av_content_duration":85000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"8"}},"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/hs/2024_06/hrLogo_240618092935_yt_16zu9steinausommerrodelbahnkuerzermusik_66472675_,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/hs/2024_06/hrLogo_240618092935_yt_16zu9steinausommerrodelbahnkuerzermusik_66472675_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240618092935_yt_16zu9steinausommerrodelbahnkuerzermusik_66472675_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240618092935_yt_16zu9steinausommerrodelbahnkuerzermusik_66472675_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240618092935_yt_16zu9steinausommerrodelbahnkuerzermusik_66472675_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240618092935_yt_16zu9steinausommerrodelbahnkuerzermusik_66472675_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":85,"images":[{"kind":"preview","url":"https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-16to9{size}.jpg"}],"title":"Sommerrodelbahn in Steinau an der Straße: Die Abfahrt im Video","synopsis":"Die Sommerrodelbahn in Steinau an der Straße: Die rund 600 Meter lange Fahrt in der Muldenbahn verläuft eher gemütlich – macht aber dennoch Laune. Sehen Sie hier die Abfahrt im Video."},"pluginData":{},"geoBlocked":false},"playerId":"7328","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Steinau an der Straße</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-1to1__small.jpg 380w, https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-1to1__medium.jpg 480w, https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-1to1.jpg 720w, https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-16to9__small.jpg 320w, https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-16to9__medium.jpg 480w, https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-16to9.jpg 960w, https://www.hessenschau.de/freizeit/steinau-rodelbahn-100~_t-1719217828788_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Steinau Rodelbahn"> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 7328})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 7328})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/freizeit/spessart-flitzer-im-freizeitpark-steinau-sommerrodelbahn-im-test-v3,sommerrodelbahn-steinau-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::sommerrodelbahn-steinau-102 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Test mit Video</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Sommerrodelbahn in Steinau: Flatrate-Vergnügen im Freizeitpark</span> </h3> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Von Jörn Perske</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-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="231" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"231","clipData":{"type":"content","title":"hr-fernsehen_hessenschau.de_Sommerrodelbahn am Hoherodskopf: Die Abfahrt im Video_24.06.2024 10:30","program":"hr-fernsehen","length":"90","assetid":"3b1413aa7cfb259a5172d9b955ccc9f1","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/hs/2024_06/hrLogo_240617145515_yt_16zu9hoherodskopfsommerrodelbahnkuerzer_66418868_512x288-25p-500kbit.mp4","nol_c8":"p8,90","nol_c9":"p9,hessenschau.de_Sommerrodelbahn am Hoherodskopf: Die Abfahrt im Video_24.06.2024 10:30","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-198132","av_content":"Sommerrodelbahn am Hoherodskopf: Die Abfahrt im Video","av_content_type":"Video","av_content_duration":90000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"8"}},"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/hs/2024_06/hrLogo_240617145515_yt_16zu9hoherodskopfsommerrodelbahnkuerzer_66418868_,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/hs/2024_06/hrLogo_240617145515_yt_16zu9hoherodskopfsommerrodelbahnkuerzer_66418868_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240617145515_yt_16zu9hoherodskopfsommerrodelbahnkuerzer_66418868_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240617145515_yt_16zu9hoherodskopfsommerrodelbahnkuerzer_66418868_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240617145515_yt_16zu9hoherodskopfsommerrodelbahnkuerzer_66418868_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_06/hrLogo_240617145515_yt_16zu9hoherodskopfsommerrodelbahnkuerzer_66418868_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":90,"images":[{"kind":"preview","url":"https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-16to9{size}.jpg"}],"title":"Sommerrodelbahn am Hoherodskopf: Die Abfahrt im Video","synopsis":"Die Sommerrodelbahn am Hoherodskopf bei Schotten im Vogelsberg: Die Bahn nimmt spätestens nach der zweiten Kurve Fahrt auf, jetzt kann es rasant werden. Sehen Sie hier die Abfahrt im Video."},"pluginData":{},"geoBlocked":false},"playerId":"231","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Schotten</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-1to1__small.jpg 380w, https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-1to1__medium.jpg 480w, https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-1to1.jpg 720w, https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-16to9__small.jpg 320w, https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-16to9__medium.jpg 480w, https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-16to9.jpg 960w, https://www.hessenschau.de/freizeit/hoherodskopf-116~_t-1718611210695_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Ein Junge fährt in Sommerrodelbahn den Berg hinunter"> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 231})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 231})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/freizeit/sommerrodelbahn-hoherodskopf-im-vogelsberg-mit-blick-auf-frankfurt-v3,sommerrodelbahn-hoherodskopf-110.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::sommerrodelbahn-hoherodskopf-110 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Test mit Video</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Sommerrodelbahn am Hoherodskopf: Abheben mit Skyline-Blick</span> </h3> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Von Simon Rustler</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-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="5766" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"5766","clipData":{"type":"content","title":"hr-fernsehen_hessenschau.de_Sommerrodelbahn auf der Wasserkuppe: Die \"Rhönbob\"-Abfahrt im Video_24.06.2024 10:30","program":"hr-fernsehen","length":"128","assetid":"f5e91e1f1aebef6eeb8200bb9d554ef0","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/hs/2024_06/hrLogo_240618092345_yt_16zu9wasserkuppesommerrodelbahnkuerzer_66470156_512x288-25p-500kbit.mp4","nol_c8":"p8,128","nol_c9":"p9,hessenschau.de_Sommerrodelbahn auf der Wasserkuppe: Die \"Rhönbob\"-Abfahrt im Video_24.06.2024 10:30","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-198172","av_content":"Sommerrodelbahn auf der Wasserkuppe: Die \"Rhönbob\"-Abfahrt im Video","av_content_type":"Video","av_content_duration":128000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"8"}},"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/hs/2024_09/240905082610_neu-sf-5xhsde16zu9-sommerrodelbahn-wasserkuppe-appel_,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/hs/2024_09/240905082610_neu-sf-5xhsde16zu9-sommerrodelbahn-wasserkuppe-appel_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_09/240905082610_neu-sf-5xhsde16zu9-sommerrodelbahn-wasserkuppe-appel_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_09/240905082610_neu-sf-5xhsde16zu9-sommerrodelbahn-wasserkuppe-appel_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_09/240905082610_neu-sf-5xhsde16zu9-sommerrodelbahn-wasserkuppe-appel_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hs/2024_09/240905082610_neu-sf-5xhsde16zu9-sommerrodelbahn-wasserkuppe-appel_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":128,"images":[{"kind":"preview","url":"https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-16to9{size}.jpg"}],"title":"Sommerrodelbahn auf der Wasserkuppe: Die \"Rhönbob\"-Abfahrt im Video","synopsis":"Die Sommerrodelbahn \"Rhönbob\" auf der Wasserkuppe: 1.050 Meter lange Abfahrt, 14 Kurvenpassagen – und moderne Sicherheitstechnik. Sehen Sie hier die Abfahrt im Video."},"pluginData":{},"geoBlocked":false},"playerId":"5766","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Gersfeld (Rhön)</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-1to1__small.jpg 380w, https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-1to1__medium.jpg 480w, https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-1to1.jpg 720w, https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-16to9__small.jpg 320w, https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-16to9__medium.jpg 480w, https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-16to9.jpg 960w, https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-110~_t-1719217838626_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Sommerrodelbahn Wasserkuppe"> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 5766})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 5766})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/freizeit/sommerrodelbahn-wasserkuppe-mit-dem-rhoenbob-hessens-hoechsten-berg-hinabsausen-v4,sommerrodelbahn-wasserkuppe-106.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::sommerrodelbahn-wasserkuppe-106 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Test mit Video</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Sommerrodelbahn auf der Wasserkuppe: Hessens höchsten Berg hinabsausen</span> </h3> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Von Jörn Perske</span> <span class="mx-1 last-of-type:hidden">|</span></p> </div> </div></article> </div><div class="flex justify-center min-w-0 pt-8 mx-5"> <a href="https://www.hessenschau.de/osthessen/index.html" class="ds-link js-load overflow-hidden inline-flex items-center font-heading border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <span class='ds-button-label text-base flex-1 truncate mr-2'>weitere Meldungen aus Osthessen</span><svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </a> </div> </section><section x-cloak x-show="tab === 'Mittelhessen'" class="pb-10" > <div class="grid items-start content-start grid-cols-12 px-0 sm:px-10 gap-x-6 gap-y-6"> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="6832" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"6832","clipData":{"type":"content","title":"hr-fernsehen_hessenschau_Volksfeste und Veranstaltungen – Sicherheitskosten gestiegen_04.04.2025 19:30","program":"hr-fernsehen","length":"402","assetid":"ff4c2da6b0d99b7b4fa932ff110606c4","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_512x288-25p-500kbit.mp4","nol_c8":"p8,402","nol_c9":"p9,hessenschau_Volksfeste und Veranstaltungen – Sicherheitskosten gestiegen_04.04.2025 19:30","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c16":"p16,hr-fernsehen_Information|Nachrichten","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-209224","av_content":"Volksfeste und Veranstaltungen – Sicherheitskosten gestiegen","av_content_type":"Video","av_content_duration":402000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"11"}},"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/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_,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/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":402,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9{size}.jpg"}],"title":"Volksfeste und Veranstaltungen – Sicherheitskosten gestiegen","synopsis":"Die Sicherheitskosten für Volksfeste, Weinwanderungen und Radtouren sind aufgrund der Terroranschläge der vergangenen Jahre gestiegen. Vereine und Gemeinden können das nicht mehr stemmen. Das Land plant jetzt mit Förderprogrammen, Kommunen und Vereine zu unterstützen.\n\n"},"pluginData":{},"geoBlocked":false,"subtitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_512x288-25p-500kbit.vtt"}]}]},"playerId":"6832","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Anti-Terror-Sperren, das sogenannte Fahrzeug-Blockier-System (FBS), im Vordergrund. Im Hintergrund ein Riesenrad."> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 6832})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 6832})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/gesellschaft/land-hessen-verspricht-soforthilfe-gegen-absagen-von-volksfesten-v1,sicherheit-kosten-feste-hessen-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::sicherheit-kosten-feste-hessen-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Finanzielle Hilfe und Tipps</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Land verspricht Soforthilfe gegen Absagen von Volksfesten</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="7958" 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.hr4.de/assets_4.12.2/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-105940","av_content":"Heimniederlage für die HSG Wetzlar","av_content_type":"Audio","av_content_duration":10000,"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":"6"}},"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/sport/2025_04/250404210515_hsg.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":10,"images":[{"kind":"preview","url":"https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-16to9{size}.jpg"}],"title":"Heimniederlage für die HSG Wetzlar"},"pluginData":{},"geoBlocked":false},"playerId":"7958","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Wetzlar</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-1to1.jpg 720w, https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-16to9.jpg 960w, https://www.hessenschau.de/sport/handball/hsg-wetzlar/mappes-108~_t-1743792282219_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Dominik Mappes beim Wurf gegen Stuttgart"> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 7958})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 7958})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/handball/hsg-wetzlar/aufholjagd-der-hsg-wetzlar-kommt-zu-spaet---niederlage-gegen-stuttgart-v1,wetzlar-stuttgart-104.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::wetzlar-stuttgart-104 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Niederlage gegen Stuttgart</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Aufholjagd der HSG Wetzlar kommt zu spät </span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="8208" 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.hr4.de/assets_4.12.2/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-105926","av_content":"Erste Anlagen für Windpark Winterstein","av_content_type":"Audio","av_content_duration":39000,"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":"12"}},"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_04/250404133148___HOCHSTRAT_hsr_Windpark_Winterstein_Rhein-Main.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":39,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9{size}.jpg"}],"title":"Erste Anlagen für Windpark Winterstein"},"pluginData":{},"geoBlocked":false},"playerId":"8208","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""Es herbstelt. Sonne, schwarze Wolken und Regenschauer wechseln sich ab. Die Abendsonne wirft ein warmes Licht auf den sich langsam verfärbenden Wald und die drei Windräder, die seit kurzem die Silhouette am Horizont über Braunfels-Altenkirchen (Lahn-Dill) prägen", beschreibt hessenschau.de-Nutzer Axel Junker sein Foto."> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 8208})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 8208})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/wirtschaft/windpark-winterstein-erste-anlagen-auf-taunuskamm-genehmigt-v1,windpark-winterstein-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::windpark-winterstein-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Windkraft im Taunus</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Erste Anlagen für Windpark Winterstein genehmigt</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="6548" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"6548","clipData":{"type":"content","title":"hr-fernsehen_hr_Rollstuhlbasketball: Derby-Alarm in den Playoffs!_04.04.2025 17:55","program":"hr-fernsehen","length":"115","assetid":"0118360750ce76b4682ec1a5967dd376","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_512x288-25p-500kbit.mp4","nol_c8":"p8,115","nol_c9":"p9,hr_Rollstuhlbasketball: Derby-Alarm in den Playoffs!_04.04.2025 17:55","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c16":"p16,hr-fernsehen_Sport","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-209212","av_content":"Rollstuhlbasketball: Derby-Alarm in den Playoffs!","av_content_type":"Video","av_content_duration":115000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"heimspiel-videos","av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"6"}},"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/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_,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/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":115,"images":[{"kind":"preview","url":"https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9{size}.jpg"}],"title":"Rollstuhlbasketball: Derby-Alarm in den Playoffs!","synopsis":"Der RSV Lahn-Dill kennt sich aus mit Meisterschaften im Rollstuhlbasketball. Die Rhinos aus Wiesbaden wiederum streben nach dem ersten Titel der Vereinsgeschichte. In der ersten Playoff-Runde treffen die beiden Hessen-Clubs nun aufeinander."},"pluginData":{},"geoBlocked":false},"playerId":"6548","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-1to1.jpg 720w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9.jpg 960w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Thomas Böhme vom RSV Lahn-Dill im Derby. "> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 6548})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 6548})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/mehr-sport/rollstuhlbasketballer-von-lahn-dill-und-wiesbaden-von-der-pokal-pleite-direkt-ins-derby-v2,lahn-dill-derby-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::lahn-dill-derby-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Rollstuhlbasketballer von Lahn-Dill und Wiesbaden</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Von der Pokal-Pleite direkt ins Derby</span> </h3> </a> </header> </div></article> </div><div class="flex justify-center min-w-0 pt-8 mx-5"> <a href="https://www.hessenschau.de/mittelhessen/index.html" class="ds-link js-load overflow-hidden inline-flex items-center font-heading border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <span class='ds-button-label text-base flex-1 truncate mr-2'>weitere Meldungen aus Mittelhessen</span><svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </a> </div> </section><section x-cloak x-show="tab === 'Südhessen'" class="pb-10" > <div class="grid items-start content-start grid-cols-12 px-0 sm:px-10 gap-x-6 gap-y-6"> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="7439" 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.hr4.de/assets_4.12.2/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-105912","av_content":"Flower-Power-Ausstellung in der Grube Messel","av_content_type":"Audio","av_content_duration":264000,"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":"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","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/hs/2025_04/250404103154_Demant_Flower-Power-Ausstellung_in_der_Grube_Messel_BmE_4_20.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":264,"images":[{"kind":"preview","url":"https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9{size}.jpg"}],"title":"Flower-Power-Ausstellung in der Grube Messel","synopsis":"Das Museum am UNESCO Weltnaturerbe Grube Messel zeigt ab 4. April die Ausstellung \"Flower-Power! Insekten im Blütenrausch\". Sie entführt in die faszinierende Welt der Insekten und Pflanzen und beleuchtet ihre Beziehung zueinander, die schon seit mindestens 350 Millionen Jahren besteht. Dabei erfährt man, wie diese beiden Fossiliengruppen helfen, die Geheimnisse der Fossillagerstätte Messel zu lüften. "},"pluginData":{},"geoBlocked":false},"playerId":"7439","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-1to1__small.jpg 380w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-1to1__medium.jpg 480w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-1to1.jpg 720w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9__small.jpg 320w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9__medium.jpg 480w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9.jpg 960w, https://www.hessenschau.de/kultur/curioseum-102~_t-1743517006210_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Exponate im Curioseum in Willingen."> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 7439})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 7439})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/kultur/museen-und-ausstellungen-neun-ausflugstipps-fuer-die-osterferien-v2,tipps-osterferien-hessen-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::tipps-osterferien-hessen-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Museen und Ausstellungen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Neun Ausflugstipps für die Osterferien</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="8953" 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.hr4.de/assets_4.12.2/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-105932","av_content":"Tierische Festnahme in Darmstadt","av_content_type":"Audio","av_content_duration":40000,"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_04/250404154549_hsr_Marklove_tierische_Festnahme.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":40,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-16to9{size}.jpg"}],"title":"Tierische Festnahme in Darmstadt"},"pluginData":{},"geoBlocked":false},"playerId":"8953","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Darmstadt</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/affe-116~_t-1743775650352_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Foto eines in ein Handtuch gewickeltes kleines Äffchen im Arm einer Polizistin."> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 8953})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 8953})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/panorama/polizei-koedert-entlaufenen-affen-aus-darmstaedter-zoo-mit-bananen-trick-v1,affe-darmstadt-zoo-entflohen-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::affe-darmstadt-zoo-entflohen-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Tier hatte sich im Wald versteckt</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Polizei ködert entlaufenen Affen aus Darmstädter Zoo mit Bananen-Trick</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="5066" 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.hr4.de/assets_4.12.2/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-105936","av_content":"Drogenbande in Südhessen hochgenommen - 100 Kilo Cannabis","av_content_type":"Audio","av_content_duration":39000,"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_04/250404165545___hsr_Wendt_Drogenbande_Suedhessen_hochgenommen.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":39,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-16to9{size}.jpg"}],"title":"Drogenbande in Südhessen hochgenommen - 100 Kilo Cannabis"},"pluginData":{},"geoBlocked":false},"playerId":"5066","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/festnahme-122~_t-1743774935035_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Zwei graue Autos sind auf einer Straße festgesetzt und sollen offenkundig abgeschleppt worden. "> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 5066})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 5066})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/panorama/kuriere-mit-drogen-gestoppt-schlag-gegen-millionenschwere-dealer-v1,drogenfahnder-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::drogenfahnder-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>65 Kilo Marihuana im Kofferraum</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Kuriere mit Drogen gestoppt: Schlag gegen millionenschwere Dealer</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="8819" 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.hr4.de/assets_4.12.2/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-105934","av_content":"Polizist in Darmstadt angegriffen worden","av_content_type":"Audio","av_content_duration":39000,"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_04/250404165542___hsr_Wendt_Polizist_angegriffen_Darmstadt.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":39,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-16to9{size}.jpg"}],"title":"Polizist in Darmstadt angegriffen worden"},"pluginData":{},"geoBlocked":false},"playerId":"8819","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Darmstadt</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/sujet-krankenwagen-100~_t-1702910676988_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Ein Rettungswagen in schneller Fahrt (mit Bewegungsunschärfe)"> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 8819})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 8819})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/panorama/taeter-nach-feigem-angriff-gefluechtet-polizist-in-zivil-schwer-verletzt-v1,polizist-angriff-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::polizist-angriff-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Täter nach "feigem Angriff" geflüchtet</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Polizist zeigt in Freizeit Zivilcourage - und wird schwer verletzt</span> </h3> </a> </header> </div></article> </div><div class="flex justify-center min-w-0 pt-8 mx-5"> <a href="https://www.hessenschau.de/suedhessen/index.html" class="ds-link js-load overflow-hidden inline-flex items-center font-heading border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <span class='ds-button-label text-base flex-1 truncate mr-2'>weitere Meldungen aus Südhessen</span><svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </a> </div> </section><section x-cloak x-show="tab === 'Rhein-Main'" class="pb-10" > <div class="grid items-start content-start grid-cols-12 px-0 sm:px-10 gap-x-6 gap-y-6"> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Frankfurt</span> <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-1to1.jpg 720w, https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-16to9.jpg 960w, https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/skyliners-mbc-116~_t-1743796368387_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Einaras Tubutis am Ball gegen den MBC"> </picture> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/bbl-naechste-niederlage-fuer-die-skyliners-frankfurt-v1,skyliners-mbc-118.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::skyliners-mbc-118 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Beim Mitteldeutschen BC</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Nächste Niederlage für die Skyliners Frankfurt</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="3402" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"3402","clipData":{"type":"content","title":"hr-fernsehen_hessenschau_Volksfeste und Veranstaltungen – Sicherheitskosten gestiegen_04.04.2025 19:30","program":"hr-fernsehen","length":"402","assetid":"ff4c2da6b0d99b7b4fa932ff110606c4","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_512x288-25p-500kbit.mp4","nol_c8":"p8,402","nol_c9":"p9,hessenschau_Volksfeste und Veranstaltungen – Sicherheitskosten gestiegen_04.04.2025 19:30","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c16":"p16,hr-fernsehen_Information|Nachrichten","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-209224","av_content":"Volksfeste und Veranstaltungen – Sicherheitskosten gestiegen","av_content_type":"Video","av_content_duration":402000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"11"}},"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/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_,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/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":402,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9{size}.jpg"}],"title":"Volksfeste und Veranstaltungen – Sicherheitskosten gestiegen","synopsis":"Die Sicherheitskosten für Volksfeste, Weinwanderungen und Radtouren sind aufgrund der Terroranschläge der vergangenen Jahre gestiegen. Vereine und Gemeinden können das nicht mehr stemmen. Das Land plant jetzt mit Förderprogrammen, Kommunen und Vereine zu unterstützen.\n\n"},"pluginData":{},"geoBlocked":false,"subtitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2025_04/hrLogo_250404200925_L521125_A02_512x288-25p-500kbit.vtt"}]}]},"playerId":"3402","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Anti-Terror-Sperren, das sogenannte Fahrzeug-Blockier-System (FBS), im Vordergrund. Im Hintergrund ein Riesenrad."> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 3402})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 3402})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/gesellschaft/land-hessen-verspricht-soforthilfe-gegen-absagen-von-volksfesten-v1,sicherheit-kosten-feste-hessen-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::sicherheit-kosten-feste-hessen-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Finanzielle Hilfe und Tipps</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Land verspricht Soforthilfe gegen Absagen von Volksfesten</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="7741" 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.hr4.de/assets_4.12.2/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-105926","av_content":"Erste Anlagen für Windpark Winterstein","av_content_type":"Audio","av_content_duration":39000,"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":"12"}},"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_04/250404133148___HOCHSTRAT_hsr_Windpark_Winterstein_Rhein-Main.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":39,"images":[{"kind":"preview","url":"https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9{size}.jpg"}],"title":"Erste Anlagen für Windpark Winterstein"},"pluginData":{},"geoBlocked":false},"playerId":"7741","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-1to1__small.jpg 380w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-1to1__medium.jpg 480w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-1to1.jpg 720w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/momentaufnahme-windraeder-102~_t-1632991182918_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""Es herbstelt. Sonne, schwarze Wolken und Regenschauer wechseln sich ab. Die Abendsonne wirft ein warmes Licht auf den sich langsam verfärbenden Wald und die drei Windräder, die seit kurzem die Silhouette am Horizont über Braunfels-Altenkirchen (Lahn-Dill) prägen", beschreibt hessenschau.de-Nutzer Axel Junker sein Foto."> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 7741})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</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: 7741})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/wirtschaft/windpark-winterstein-erste-anlagen-auf-taunuskamm-genehmigt-v1,windpark-winterstein-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::windpark-winterstein-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Windkraft im Taunus</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Erste Anlagen für Windpark Winterstein genehmigt</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="205" 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.hr4.de/assets_4.12.2/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"205","clipData":{"type":"content","title":"hr-fernsehen_hr_Rollstuhlbasketball: Derby-Alarm in den Playoffs!_04.04.2025 17:55","program":"hr-fernsehen","length":"115","assetid":"0118360750ce76b4682ec1a5967dd376","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_512x288-25p-500kbit.mp4","nol_c8":"p8,115","nol_c9":"p9,hr_Rollstuhlbasketball: Derby-Alarm in den Playoffs!_04.04.2025 17:55","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c16":"p16,hr-fernsehen_Sport","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-209212","av_content":"Rollstuhlbasketball: Derby-Alarm in den Playoffs!","av_content_type":"Video","av_content_duration":115000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"heimspiel-videos","av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"6"}},"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/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_,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/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2025_04/hrLogo_250404181355_L516768_A02_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":115,"images":[{"kind":"preview","url":"https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9{size}.jpg"}],"title":"Rollstuhlbasketball: Derby-Alarm in den Playoffs!","synopsis":"Der RSV Lahn-Dill kennt sich aus mit Meisterschaften im Rollstuhlbasketball. Die Rhinos aus Wiesbaden wiederum streben nach dem ersten Titel der Vereinsgeschichte. In der ersten Playoff-Runde treffen die beiden Hessen-Clubs nun aufeinander."},"pluginData":{},"geoBlocked":false},"playerId":"205","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hr4.de/assets_4.12.2/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hr4.de/assets_4.12.2/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"25"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="all and (max-width: 47.938rem)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-1to1.jpg 720w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_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 - 64px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9.jpg 960w, https://www.hessenschau.de/sport/mehr-sport/lahn-dill-110~_t-1743670990820_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Thomas Böhme vom RSV Lahn-Dill im Derby. "> </picture> <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" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 205})" > <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.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</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: 205})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/mehr-sport/rollstuhlbasketballer-von-lahn-dill-und-wiesbaden-von-der-pokal-pleite-direkt-ins-derby-v2,lahn-dill-derby-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::lahn-dill-derby-100 geklickt"}]}' target="_blank" rel="noopener" > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Rollstuhlbasketballer von Lahn-Dill und Wiesbaden</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Von der Pokal-Pleite direkt ins Derby</span> </h3> </a> </header> </div></article> </div><div class="flex justify-center min-w-0 pt-8 mx-5"> <a href="https://www.hessenschau.de/rheinmain/index.html" class="ds-link js-load overflow-hidden inline-flex items-center font-heading border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <span class='ds-button-label text-base flex-1 truncate mr-2'>weitere Meldungen aus Rhein-Main</span><svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </a> </div> </section></section> </div> <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 hideGridGroupIfEmpty"> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="ui-test-teaser-cluster mx-5 sm:mx-0 col-span-12 grid bg-highlight-1 rounded-tl-hr rounded-br-hr "> <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.hr4.de/assets_4.12.2/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 md:flex-row md:gap-x-6"> <div class="pb-3 relative md:basis-1/2-gap-6 lg:basis-1/3-gap-6 md:pl-5"> <div class="ar-16-9"> <img sizes="(min-width:48rem) 350px,(min-width: 40rem) calc(100vw - 9rem), calc(100vw - 2.5rem)" loading="lazy" srcset="https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__small.jpg 320w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__medium.jpg 480w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9.jpg 960w, https://www.hessenschau.de/panorama/poller-106~_t-1743789168194_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Anti-Terror-Sperren, das sogenannte Fahrzeug-Blockier-System (FBS), im Vordergrund. Im Hintergrund ein Riesenrad." class="w-full"></div> <div class="mx-5 mt-3 md:mx-0"> <a href="https://www.hessenschau.de/gesellschaft/land-hessen-verspricht-soforthilfe-gegen-absagen-von-volksfesten-v1,sicherheit-kosten-feste-hessen-100.html" class="ds-link js-load block group ds-teaser-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::sicherheit-kosten-feste-hessen-100 geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm md:text-2xl group-hover:underline text-clusterTeaserLink'>Land Hessen verspricht Soforthilfe gegen Absagen von Volksfesten</span> </h3> </a> </div> </div> <ul class="ui-test-teaser-cluster__list mx-5 divide-y divide-white divide-solid border-t border-white md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"> <li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.hessenschau.de/wirtschaft/windpark-winterstein-erste-anlagen-auf-taunuskamm-genehmigt-v1,windpark-winterstein-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::windpark-winterstein-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'>Windpark Winterstein: Erste Anlagen auf Taunuskamm genehmigt</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.hessenschau.de/newsletter/hessen-am-abend-zu-wenig-regen-und-eine-ganz-besondere-auszeichnung-v1,hessen-am-abend-freitag-124.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hessen-am-abend-freitag-124 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-labelComment' > Hessen am Abend </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Hessen am Abend: Zu wenig Regen und eine ganz besondere Auszeichnung</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/medienbericht-dino-toppmoeller-vor-vertragsverlaengerung-bei-eintracht-frankfurt-v1,toppi-vertragsverlaengerung-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::toppi-vertragsverlaengerung-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'>Medienbericht: Dino Toppmöller vor Vertragsverlängerung bei Eintracht Frankfurt</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.hessenschau.de/sport/eishockey/del2-kassel-huskies-verlieren-playoff-krimi-gegen-dresden-in-zweiter-overtime-v1,huskies-drittes-spiel-dresden-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::huskies-drittes-spiel-dresden-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'>DEL2: Kassel Huskies verlieren Playoff-Krimi gegen Dresden in zweiter Overtime</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.hessenschau.de/sport/basketball/skyliners-frankfurt/bbl-naechste-niederlage-fuer-die-skyliners-frankfurt-v1,skyliners-mbc-118.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::skyliners-mbc-118 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'>BBL: Nächste Niederlage für die Skyliners Frankfurt</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 "> <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.hr4.de/assets_4.12.2/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 md:flex-row md:gap-x-6"> <div class="pb-3 relative md:basis-1/2-gap-6 lg:basis-1/3-gap-6 md:pl-5"> <div class="ar-16-9"> <img sizes="(min-width: 1010px) 960px, 100vw" loading="lazy" srcset="https://images.tagesschau.de/image/55648090-bf61-4737-82ca-e6297327f27f/AAABlgOu7Ck/AAABkZLjwNU/16x9-384/abschiebung-el-salvador-protest-100.jpg 384w, https://images.tagesschau.de/image/55648090-bf61-4737-82ca-e6297327f27f/AAABlgOu7Ck/AAABkZLk4K0/16x9-768/abschiebung-el-salvador-protest-100.jpg 768w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Jennifer Vasquez Sura spricht während einer Pressekonferenz." class="w-full"></div> <div class="mx-5 mt-3 md:mx-0"> <a href="https://www.tagesschau.de/ausland/amerika/us-abschiebung-el-salvador-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 md:text-2xl group-hover:underline text-clusterTeaserLink'>Gerichtsurteil: Nach El Salvador Abgeschobener soll zurück in die USA</span> </h3> </a> </div> </div> <ul class="ui-test-teaser-cluster__list mx-5 divide-y divide-white divide-solid border-t border-white md:mx-0 md:pr-5 md:border-none md:basis-1/2-gap-6 lg:basis-2/3-gap-6"> <li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.tagesschau.de/ausland/amerika/usa-laura-loomer-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'>Ist die ultrarechte Aktivistin Laura Loomer Trumps Einflüsterin?</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.tagesschau.de/wirtschaft/spacex-auftraege-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'>Raumfahrt: SpaceX erhält US-Regierungsaufträge in Milliardenhöhe</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.tagesschau.de/ausland/europa/eu-parlament-huawei-bestechungsaffaere-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'>Verdächtige wegen Huawei-Bestechungsaffäre im EU-Parlament angeklagt</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3 md:first-of-type:pt-0"> <a href="https://www.tagesschau.de/ausland/amerika/vogelgrippe-infektion-mexiko-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'>Erster Fall von Vogelgrippe in Mexiko bei Kind entdeckt</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.hr4.de/assets_4.12.2/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="hr4.de" onclick="">hr4.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.hr4.de/assets_4.12.2/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.hr4.de/index.html" class="ds-link js-load flex hover:underline " > Start<span class="sr-only">hr4</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.hr4.de/programm/index.html" class="ds-link js-load flex hover:underline " > Programm</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.hr4.de/im-studio/index.html" class="ds-link js-load flex hover:underline " > Im Studio</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.hr4.de/musik/index.html" class="ds-link js-load flex hover:underline " > Musik</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.hr4.de/events/index.html" class="ds-link js-load flex hover:underline " > Events</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.hr4.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.hr4.de/musik/titelliste/index.html" class="ds-link js-load flex hover:underline " > Titelliste</a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:bg-transparent md:pl-0 border-b-secondary md:mt-6 md:border-0 md:h-6"> <a href="https://www.hr4.de/wetter/index.html" class="ds-link js-load 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.hr4.de/verkehr/index.html" class="ds-link js-load flex hover:underline " > Verkehr</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.hr4.de/assets_4.12.2/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.hr4.de/kontakt/index.html" class="ds-link js-load flex hover:underline " > Kontakt</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.hr4.de/newsletter/index.html" class="ds-link js-load flex hover:underline " > Newsletter</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.hr4.de/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.hr4.de/hr4-app/index.html" class="ds-link js-load flex hover:underline " > hr4-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.hr4.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/hr4/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 hr4 <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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.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--2455" 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--2455" 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--2455" aria-controls="suggestionlist--2455" > <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--2455" 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.hr4.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.hr4.de/assets_4.12.2/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.hr4.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.hr4.de/rss/index.html" class="ds-link js-load text-footer-text " title="hr4.de RSS-Feed" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#rss-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hr4.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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/index.html title="Startseite hr4 . d e"> <div class="relative flex h-10 md:hidden" > <img width="152" height="150" src="https://www.hr4.de/assets_4.12.2/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr4.de"> </div> <div class="md:flex hidden justify-start w-auto h-10 lg:h-12 " > <img width="300" height="66" src="https://www.hr4.de/assets_4.12.2/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr4.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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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.hr4.de/assets_4.12.2/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: 578128, collectDomain: 'https://logs1407.xiti.com' }) pageDisplayConfig = { 'page': "hr4", 'site_level2_id': 1, 'hr_first_publication_date': "2021-02-17T09:47:51+01:00", 'hr_modification_date_timestamp': "2025-04-04T16:46:46+02:00", 'hr_sophora_id': "uebersichtsseite-hr4-startseite-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.hr4.de/assets_4.12.2/vendor/hr-radio-player", "playlistPush": "//push.hr.de/push/","streamUrl":"https://hlshr4.akamaized.net/hls/live/2016537/hr4rheinmain/master.m3u8", "streams":[{"url":"https://hlshr4.akamaized.net/hls/live/2016537/hr4nordhessen/master.m3u8","name":"Nordhessen","id":"nordhessen"},{"url":"https://hlshr4.akamaized.net/hls/live/2016537/hr4osthessen/master.m3u8","name":"Osthessen","id":"osthessen"},{"url":"https://hlshr4.akamaized.net/hls/live/2016537/hr4mittelhessen/master.m3u8","name":"Mittelhessen","id":"mittelhessen"},{"url":"https://hlshr4.akamaized.net/hls/live/2016537/hr4rheinmain/master.m3u8","name":"Rhein-Main","id":"rheinmain"},{"url":"https://hlshr4.akamaized.net/hls/live/2016537/hr4suedhessen/master.m3u8","name":"Südhessen","id":"suedhessen"}], "fullPlaylistUrl":"https://www.hr4.de/musik/titelliste/playlist_hrfour-100.html", "currentShowUrl":"https://www.hr4.de/programm/sendezeiten/guide_hrfour-100~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":"","hr-radioplayer_current_song_tab_label":"Jetzt läuft","hr-radioplayer_sr_contact_information":"","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":"hr4 zum Nachhören","hr_radioplayer_sr_volume-control_unmute_volume":"Stummschaltung aufheben","hr_radioplayer_sr_volume-control_description":"Benutzen Sie 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":"HR4"}' class="js-load" data-hr-radioplayer='{"radioStation":"HR4", "loadingIcon": "<svg class=\"icon \" role=\"presentation\" aria-hidden=\"true\"><use xlink:href=\"https://www.hr4.de/assets_4.12.2/base/icons/icons/svgmap.min.svg#loading\"></use>\n</svg>"}'></div> <script type="module" src="https://www.hr4.de/assets_4.12.2/vendor/hr-radio-player/bundle.js"></script> <script type="application/ld+json"> { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr4.de", "logo" : "https://www.hr4.de/favicon-256.png", "url" : "https://www.hr4.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.hr4.de/suche/index.nc.html?query={search_term_string}" }, "url" : "https://www.hr4.de/" } </script> </body> </html>

CINXE.COM

hr4.de | Radio für Hessen