Regenradar Hessen – Aktuelle Live-Vorhersage für heute | Wetter | hr-fernsehen.de

<!DOCTYPE html> <html class="no-js no-js-burgerMenu preload noMicroInteraction" data-theme="hr-fernsehen" lang="de"> <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Regenradar Hessen – Aktuelle Live-Vorhersage für heute | Wetter | hr-fernsehen.de | Regenradar</title> <meta name="application-name" content="hr-fernsehen.de" /> <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" /> <meta name="author" content="hr-fernsehen.de, Frankfurt, Germany"/> <meta name="publisher" content="hr-fernsehen.de" /> <meta name="language" content="Deutsch" /> <meta http-equiv="Content-Security-Policy" content="img-src * data: blob: android-webview-video-poster:;"> <meta name="robots" content="follow, noarchive, index, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="last-modified" content="2024-05-08T11:41+0200" /> <meta name="date" content="2015-12-08T11:33+0100" /> <meta name="description" content="Regenradar für ganz Hessen ► Unsere aktuelle Wetterradar-Prognose für Regen, Gewitter, Hagel und Schnee in der Nähe." /> <link rel="canonical" href="https://www.hessenschau.de/wetter/regenradar-hessen/index.html" /> <meta name="news_keywords" content="Klimawandel,Unwetter,Unwetterwarnungen für Hessen,Wetter,Wettervorhersage für Hessen - Wetter und Temperatur" /> <meta property="og:site_name" content="hr-fernsehen.de" /> <meta property="og:locale" content="de_DE" /> <meta property="og:url" content="https://www.hr-fernsehen.de/wetter/regenradar-hessen/index.html" /> <meta property="og:title" content="Regenradar Hessen" /> <meta property="og:description" content="Regenradar für ganz Hessen ► Unsere aktuelle Wetterradar-Prognose für Regen, Gewitter, Hagel und Schnee in der Nähe." /> <meta property="og:type" content="article" /> <meta property="og:updated_time" content="2024-05-08T11:41+0200" /> <meta property="article:modified_time" content="2024-05-08T11:41+0200" /> <meta property="article:published_time" content="2015-12-08T11:33+0100" /> <meta property="og:image" content="https://www.hessenschau.de/panorama/regen-radar-symbol-100~_t-1663147185347_v-16to9__retina.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:height" content="540" /> <meta property="og:image:width" content="960" /> <meta property="article:publisher" content="https://www.facebook.com/hrfernsehen/?fref=ts" /> <meta property="fb:page_id" content="702275163121146" /> <meta property="fb:pages" content="702275163121146" /> <meta property="twitter:title" content="Regenradar Hessen" /> <meta property="twitter:description" content="Regenradar für ganz Hessen ► Unsere aktuelle Wetterradar-Prognose für Regen, Gewitter, Hagel und Schnee in der Nähe." /> <meta property="twitter:image" content="https://www.hessenschau.de/panorama/regen-radar-symbol-100~_t-1663147185347_v-16to9__retina.jpg" /> <meta property="twitter:image:alt" content="Regenwolken am Himmel, unten grüne Wiese" /> <meta property="twitter:url" content="https://www.hr-fernsehen.de/wetter/regenradar-hessen/index.html" /> <meta property="twitter:site" content="@hrfernsehen" /> <meta property="twitter:site:id" content="461162973" /> <meta property="twitter:domain" content="https://www.hr-fernsehen.de/" /> <meta property="twitter:creator" content="@hrfernsehen" /> <meta property="twitter:creator:id" content="461162973" /> <meta property="twitter:card" content="summary_large_image" /> <link href="https://www.hr-fernsehen.de/assets_4.4.0/index.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr-fernsehen.de/assets_4.4.0/index.css" rel="stylesheet" type="text/css"> <link href="https://www.hr-fernsehen.de/assets_4.4.0/library.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr-fernsehen.de/assets_4.4.0/library.css" rel="stylesheet" type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="msapplication-tap-highlight" content="no" /> <link rel="icon" href="https://www.hr-fernsehen.de/favicon.ico?v=4.4.0" sizes="32x32"> <link rel="icon" href="https://www.hr-fernsehen.de/favicon.min.svg?v=4.4.0" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.hr-fernsehen.de/favicon.png?v=4.4.0"> <link href="https://www.hr-fernsehen.de/assets_4.4.0/js/vendor/modernizr.cust.js" rel="preload" as="script"> <link href="https://www.hr-fernsehen.de/assets_4.4.0/js/index.js" rel="preload" as="script"> <link href="https://www.hr-fernsehen.de/assets_4.4.0/js/alpine.js" rel="preload" as="script"> <link href="https://www.hr-fernsehen.de/assets_4.4.0/js/hr-scriptload.js" rel="preload" as="script"> <link href="https://www.hr-fernsehen.de/assets_4.4.0/js/hrQueryOld.js" rel="preload" as="script"> <script src="https://www.hr-fernsehen.de/assets_4.4.0/js/vendor/piano-analytics.js"></script> <script>'function' != typeof self.queueMicrotask && (self.queueMicrotask = function(e) { Promise.resolve().then(e).catch(e => setTimeout(() => { throw e })) })</script> <script>window.MSInputMethodContext && document.documentMode && document.write('<script src="https://www.hr-fernsehen.de/assets_4.4.0/js/polyfill/ie11CustomProperties.js"><\/script>')</script> <link href="https://www.hr-fernsehen.de/assets_4.4.0/fonts/RobotoCondensed-Bold.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr-fernsehen.de/assets_4.4.0/fonts/DINPro-Bold.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr-fernsehen.de/assets_4.4.0/fonts/RobotoCondensed.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr-fernsehen.de/assets_4.4.0/fonts/DINPro.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr-fernsehen.de/assets_4.4.0/fonts/Merriweather-Italic.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/logo/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="//www.hr.gl-systemhaus.de" rel="dns-prefetch"> <link href="https://logs.xiti.com" rel="dns-prefetch"> <script defer src='https://www.hr-fernsehen.de/assets_4.4.0/js/alpine.js'></script>  <script> var HrcmsConfig = { 'isProduction': true, 'isATITest': false, 'isDSGVOTest': false, } function loadDelayedImages(){setTimeout((function(){var t,e=document.images,s=[],a=function(t){void 0!==window.picturefill&&window.picturefill({reevaluate:!0,elements:t})};for(i=0;i<e.length;++i)(t=e[i].dataset?e[i].dataset.srcset:e[i].getAttribute("data-srcset"))&&(0===e[i].getBoundingClientRect().top?s.push(e[i]):e[i].setAttribute("srcset",t));a(e),setTimeout((function(){var t;for(i=0;i<s.length;++i)t=s[i].dataset?s[i].dataset.srcset:s[i].getAttribute("data-srcset"),s[i].setAttribute("srcset",t);a(s)}),900)}),0)} var domready=function(){var e,o=[],r=document,s=r.documentElement.doScroll,t="DOMContentLoaded",n=(s?/^loaded|^c/:/^loaded|^i|^c/).test(r.readyState);return n||r.addEventListener(t,e=function(){for(r.removeEventListener(t,e),n=1;e=o.shift();)e()}),function(e){n?setTimeout(e,0):o.push(e)}}(),aload=function(e,o,r){var s=document,t="script",n=s.createElement(t),i=s.getElementsByTagName(t)[0];o&&n.addEventListener("load",(function(e){o(null,e)}),!1),r&&(n.async=!!r),n.src=e,i.parentNode.insertBefore(n,i)},FeatureBoxMicrointeraction=function(e){var o=!1;return{init:function(){(o=0==e.document.referrer.length||-1==e.document.referrer.indexOf(e.location.host))&&function(){var e,o,r=document.getElementById("featureBox");if(r){e=r.getElementsByClassName("js-toggleButton");for(var s=0;s<e.length;s++)e[s].classList.add("-isOpen");for(o=r.getElementsByClassName("js-toggleContent"),s=0;s<o.length;s++)o[s].classList.add("-isOpen")}}()},isActive:function(){return o}}}(window);domready((function(){setTimeout(loadDelayedImages,200),setTimeout((function(){document.getElementsByTagName("html")[0].classList.remove("preload")}),250),FeatureBoxMicrointeraction.init()})),aload('https://www.hr-fernsehen.de/assets_4.4.0/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hr-fernsehen.de/assets_4.4.0/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hr-fernsehen.de/assets_4.4.0/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hr-fernsehen.de/assets_4.4.0/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hr-fernsehen.de/assets_4.4.0/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hr-fernsehen.de/assets_4.4.0/js/polyfill/nwxforms.js',(function(){domready((function(){nwxforms(window)}))}),"async"),Modernizr.nodeListForEach||(NodeList.prototype.forEach=function(e,o){o=o||window;for(var r=0;r<this.length;r++)e.call(o,this[r],r,this)}),Modernizr.on("sizes",(function(e){Modernizr.picture&&e||aload('https://www.hr-fernsehen.de/assets_4.4.0/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hr-fernsehen.de/assets_4.4.0/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hr-fernsehen.de/assets_4.4.0/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hr-fernsehen.de/assets_4.4.0/js/'})}),"async")}))}),"async"); </script>  <link href="https://www.hr-fernsehen.de/index.rss" title="Alle Beiträge RSS-Feed - hr-fernsehen.de" rel="alternate" type="application/rss+xml"> </head> <body x-data :class="$store.navIsVisible && $store.subNavIsVisible ? '-navIsVisible -subnavIsVisible' : $store.navIsVisible ? '-navIsVisible' : '-navIsHidden'" > <div class="js-pageSwap"> <div class="js-load" data-hr-piano-tracking="{}"></div> <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init=""> <header class="print:hidden relative z-110 lg:h-auto md:h-header-md h-header-sm"> <div x-data id="headerWrapper" x-ref="headerWrapper" @resize.window="resetNav()" :class="shouldBrandNavBeHidden() ? '-mt-[33px] md:-mt-[33px]' : '' " class=" flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full "> <div id="anchorNavWrapper" class="sr-only"> <nav id="sprungmarken" aria-labelledby="anchorNavHeadline"> <span id="anchorNavHeadline">Sprungmarken</span> <ul> <li><a href="#brandNavWrapper" >Übersicht der Marken des HR anspringen</a></li> <li><a href="#serviceNavWrapper">Servicenavigation anspringen</a></li> <li><a href="#sectionNavWrapper">Bereichsnavigation anspringen</a></li> <li><a href="#content">Inhalt anspringen</a></li> </ul> </nav> </div> <div id="brandNavWrapper" class="box-content relative grid order-1 w-full h-8 bg-white border-b sb-brand-navigation grid-page border-brandnavigation-border-color z-130"> <div class="grid-cols-12 px-5 lg:px-10 col-full sm:col-main"> <div x-data="slider()" x-init="initialize($refs.scrollContainer_0)" class="relative w-full" ax-load x-ignore > <template x-if="isScrollable && $screen('xs')"> <div> <button style="background-image: linear-gradient(90deg, var(--color-brandnavigation-bg) 50%, transparent);" class="absolute left-0 z-10 flex items-center justify-start w-10 h-full text-primary disabled:hidden" @click="prev($refs.scrollContainer_0)" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" > <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <button style="background-image: linear-gradient(270deg, var(--color-brandnavigation-bg) 50%, transparent);" class="bg-gradient-to-l absolute right-0 z-10 flex items-center justify-end w-10 h-full text-primary disabled:hidden group from-[--color-brandnavigation-bg]" @click="next($refs.scrollContainer_0)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true"> <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_0" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> <nav class="flex w-full text-xs list-none text-grey-scorpion"> <span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span> <ul class="flex pr-3 md:px-0 flex-nowrap lg:mr-0"> <li class="sb-brand-navigation-item h-8 -ml-3 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="hessenschau.DE" href="https://www.hessenschau.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hessenschau-Link geklickt"}]}'>hessenschau</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR1" href="https://www.hr1.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr1-Link geklickt"}]}'>hr1</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR2" href="https://www.hr2.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr2-kultur-Link geklickt"}]}'>hr2-kultur</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR3" href="https://www.hr3.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr3-Link geklickt"}]}'>hr3</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR4" href="https://www.hr4.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr4-Link geklickt"}]}'>hr4</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-info" href="https://www.hr-inforadio.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr INFO-Link geklickt"}]}'>hr INFO</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="you-fm" href="https://www.you-fm.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::YOU FM-Link geklickt"}]}'>YOU FM</a> </li> <li class="sb-brand-navigation-item h-8 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="HR-fernsehen" href="https://www.hr-fernsehen.de/index.html" 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.hr-fernsehen.de/index.html title="Startseite hr-fernsehen . d e"> <div class="relative flex h-10 brand-logo-size md:hidden" > <img src="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr-fernsehen.de"> </div> <div class="md:flex hidden justify-start w-auto brand-logo-size md:brand-logo-size-md lg:brand-logo-size-lg h-12 lg:h-[3.875rem] " > <img src="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr-fernsehen.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 -tvprogramm flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-navigation-icons border-navigation-border-color"> <a href="https://www.hr-fernsehen.de/tv-programm/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-7906-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Programm-Link geklickt"}]}'> <div class="w-7 md:w-8 h-7 md:h-8" > <svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#tvprogram-ds"></use> </svg> <span class="sr-only lg:hidden">Programm</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"> Programm </span> </div> </div> </a> </li> <li class="sb-service-navigation-item -livestream 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.ardmediathek.de/live/Y3JpZDovL2hyLmRlL0xpdmVzdHJlYW0tSFI" target="_blank" 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-4385-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Livestream-Link geklickt"}]}'> <div class="w-7 md:w-8 h-7 md:h-8" > <svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#video-ds"></use> </svg> <span class="sr-only lg:hidden">Livestream</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"> Livestream </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="5702" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="5702" 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 -currentService" :class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''" aria-owns="flyout-5702" aria-controls="flyout-5702" 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.hr-fernsehen.de/assets_4.4.0/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.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </div> </div> <div x-data="flyoutHandler" x-ref="5702" id="flyout-5702" @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-5702-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.hr-fernsehen.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.hr-fernsehen.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.hr-fernsehen.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.hr-fernsehen.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.hr-fernsehen.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.hr-fernsehen.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.hr-fernsehen.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":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Thema des Tages </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":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Foto einsenden </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.hr-fernsehen.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--4028" 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--4028" 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--4028" aria-controls="suggestionlist--4028" > <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--4028" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr-fernsehen.de/suche/index.nc.html?query=' + suggestion" x-bind:class="{'py-1.5 px-2 link-focus-inset text-base flex w-full text-secondary rounded hover:bg-primary hover:text-white': true, 'bg-primary text-white':index==cursorIndex }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr-fernsehen.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/"/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> <div id="burgerWrapper" class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden"> <div x-data="burger()" class="flex items-center justify-center h-full fill-current sb-burger"> <nav class="h-10 tablet:h-12"> <button class="relative w-10 h-10 text-navigation-text tablet:w-18 tablet:h-12 focus:outline-none bg-brand" @burger-close.window="burgerClose()" @click="burgerClick()" aria-owns="sectionNav" aria-controls="sectionNav" x-effect="$el.setAttribute('aria-expanded', $store.burgeropen);$el.setAttribute('aria-label', $store.burgeropen ? 'Navigation schließen' : 'Navigation öffnen')" > <span class="sr-only md:hidden">Open main menu</span> <div class="absolute block w-6 -mt-px transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2"> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current " :class="$store.burgeropen ? 'rotate-45' : '-mt-2'"></span> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current" :class="{'opacity-0': $store.burgeropen } "></span> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current" :class="{'-rotate-45': $store.burgeropen, 'mt-2': ! $store.burgeropen }"></span> </div> </button> </nav> </div> <script> var burger = () => { return { burgerClose(){ this.$store.burgeropen = false this.$dispatch('toggle-sectionnav', false); }, burgerClick(){ this.$store.serviceNavIsOpen = false this.$store.burgeropen = !this.$store.burgeropen this.$dispatch('toggle-sectionnav', this.$store.burgeropen); // Todo: not doing anything! can be removed? // this.percent > 50 ? this.removeYtranslate() : null; this.toggleScrolling(!this.$store.burgeropen) }, removeYtranslate(){ // Todo: not doing anything! can be removed? //this.$refs.serviceList.classList.remove('-mt-40'); //this.$refs.sectionnavigation.classList.remove('-mt-40') } } } </script> </div> </div> </div> </div> <div id="sectionNavWrapper" x-ref="sectionnavigation" @toggle-sectionnav.window="toggleSectionNav" :class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''" class="lg:grid lg:grid-page justify-center order-3 w-full overflow-hidden duration-200 lg:border-navigation-border-color [border-image-source:var(--border-navigation-border-image)] [border-image-slice:1] lg:border-b-navigation-border-width lg:duration-0 tablet:absolute tablet:top-20 tablet:w-[calc(50%-0.75rem)] tablet:ml-[calc(50%+0.75rem)] max-h-0 lg:overflow-visible md:mt-0 lg:max-h-full lg:h-auto bg-navigation-bg z-100 print:hidden " > <div id="sectionNav" class="w-full px-0 mt-10 sb-section-navigation md:mt-0 lg:grid-cols-12 lg:px-10 lg:col-main " x-effect="$el.setAttribute('aria-expanded', $store.burgeropen || $screen('lg')); $el.setAttribute('aria-hidden', ! ($store.burgeropen || $screen('lg')))" > <div x-data="slider()" x-init="initialize($refs.scrollContainer_4028)" 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_4028)" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" > <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <button style="background-image: linear-gradient(270deg, var(--color-navigation-bg) 50%, transparent);" class="bg-gradient-to-l absolute right-0 z-10 flex items-center justify-end w-10 h-full text-navigation-icons disabled:hidden group from-[--color-navigation-bg]" @click="next($refs.scrollContainer_4028)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true"> <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_4028" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> <div class="flex w-full"> <span id="sectionNavHeadline" class="hidden">Bereichsnavigation</span> <ul class="flex flex-col items-center w-full text-left list-none text-navigation-icons lg:flex-row lg:h-auto lg:mt-1"> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr-fernsehen.de/index.html" class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" aria-label="Startseite hr-fernsehen.de" 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">hr-fernsehen.de</span> </a> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr-fernsehen.de/tv-programm/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::Programm-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Programm </a> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr-fernsehen.de/sendungen-a-z/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::Sendungen A-Z-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Sendungen A-Z </a> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr-fernsehen.de/rezepte/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::Rezepte-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Rezepte </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.ardmediathek.de/live/Y3JpZDovL2hyLmRlL0xpdmVzdHJlYW0tSFI" 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::Livestream-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Livestream </a> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="flex flex-wrap justify-start order-2 w-full list-none transition-[max-height] md:transition-none duration-1000 ease-out border-b border-navigation-border-color text-navigation-text sb-section-navigation-item first:lg:-ml-4 md:pl-0 lg:last:pr-8 lg:first:pl-0 first:font-normal last:border-b-0 lg:border-0 lg:w-auto bg-navigation-bg lg:rounded-t"> <a href="https://www.hr-fernsehen.de/mediathek/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::ARD Mediathek-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > ARD Mediathek </a> </li> </ul> </div> </div> </div> </div> </div> <div x-cloak :class="shouldServiceNavBeHidden() ? 'hidden -mt-40' : ''" x-effect="$el.setAttribute('id', 'flyout-' + $store.searchID.current + '-2');$el.setAttribute('aria-expanded', $store.searchFieldOpen);$el.setAttribute('aria-hidden', !$store.searchFieldOpen);$el.setAttribute('aria-labelledby', 'flyout-' + $store.searchID.current + '-1')" x-show="$store.searchFieldOpen" class="sb-quick-search-flyout flex tablet:w-half-screen tablet:ml-half-screen justify-end order-4 w-full max-w-full p-2 px-5 py-3.5 bg-white drop-shadow-md md:mt-0 z-120 lg:hidden print:hidden" @search-close.window="$store.searchFieldOpen = false" @click.outside="$store.searchFieldOpen = false; $dispatch('search-mobile-click-outside'); dropped = false; toggleScrolling(!$store.serviceNavIsOpensearchFieldOpen && !$store.burgeropen)" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-y-90" x-transition:enter-end="opacity-100 transform scale-y-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-y-100" x-transition:leave-end="opacity-0 transform scale-y-90"> <form x-data="searchSuggest()" role="search" action="https://www.hr-fernsehen.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--1611" 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--1611" 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--1611" aria-controls="suggestionlist--1611" > <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--1611" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr-fernsehen.de/suche/index.nc.html?query=' + suggestion" x-bind:class="{'py-1.5 px-2 link-focus-inset text-base flex w-full text-secondary rounded hover:bg-primary hover:text-white': true, 'bg-primary text-white':index==cursorIndex }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr-fernsehen.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/"/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> </div> </header> <div class="justify-center hidden w-full scale-50 brand-logo_print print:flex"> <img loading="lazy" alt="Startseite hr-fernsehen . d e" src="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/rsslogo/brandlogo--rss.jpg" /> </div> <div x-ref="myOverlay"> <div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-100 lg:hidden opacity-70"></div> </div> </div> <main onclick="void(0)" role="main" id="content" class="contentBody js-main js-load z-0 contentBody__backgroundImage" data-hr-init-service-worker='{"swUrl":"https://www.hr-fernsehen.de/sw.js"}'> <header class="page__header flex flex-col"> <div class="grid grid-page print:hidden order-1 z-10"> <div class="col-full sm:col-main bg-white py-3"> <nav id="breadcrumb-nav" class="print:hidden px-5 lg:px-10 inline-block bg-white rounded-r hide-last-item-below-sm" role="navigation" aria-label="Sie sind hier: " > <ul> <li class="inline"> <a href="https://www.hr-fernsehen.de/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline"> <span>Start</span> </a> <span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </li> <li class="inline"> <a href="https://www.hr-fernsehen.de/wetter/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline"> <span>Wetter</span> </a> <span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </li> <li class="inline"> <h1 class="inline sr-only sm:not-sr-only"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline">Regenradar</a> </h1> </li> </ul> </nav> </div> </div> <div class="grid grid-page w-full order-2 -text"> <div role="banner" class="grid col-full sm:col-main relative px-4 md:px-5 lg:px-10 bg-white dark:bg-black"> <div class="relative pb-4 border-b border-gray-boulder"> <h2> <span class="block mt-2 text-4xl sm480:text-5xl font-title text-text dark:text-text-dark"> Regenradar Hessen </span> </h2> </div> </div> </div> </header><div class="o-wrapper u-content-background"> <article class="page rainradar"><div class="region--narrow"> <div class="o-layout"> <div class="o-layout__item rainradar-navigation"> <nav class="o-dropdown c-content-nav -as-mixed" id="o-dropdown--3401" tabindex="0" role="navigation" aria-labelledby="o-dropdown__label--3401"> <span id="o-dropdown__label--3401" class="hide">Unternavigation</span> <input class="o-dropdown__no-js-toggle c-content-nav__toggle js-load" id="o-dropdown__no-js-toggle--3401" type="checkbox" aria-hidden="true" data-hr-toggle-class='{ "id":"3401", "reactTo":"click", "reactToOutside":"close", "onInit":"close", "toggleClass":"-isActive", "toggleOnFocus": "#o-dropdown--3401", "toggleCheck":true, "closeOthers": true, "onTarget":"#o-dropdown--3401" }'/> <label class="o-dropdown__button c-content-nav__button" for="o-dropdown__no-js-toggle--3401" title="" onclick=""> <span class="o-dropdown__button-text c-content-nav__button-text"> Regenradar Hessen </span> <span class="o-dropdown__button-icon c-content-nav__button-icon -open"><svg class="icon arrow--down icon--ignoreTouch " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg></span> <span class="o-dropdown__button-icon c-content-nav__button-icon -close"><svg class="icon arrow--up icon--ignoreTouch " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg></span> </label> <div aria-haspopup="true" class="o-dropdown__content c-content-nav__content"> <div class="c-content-nav__featurebox-bumper " > <ul class="c-content-nav__list"><li class="c-content-nav__item -current"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/index.html" class="link c-content-nav__link js-loadScript -current" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"Contentnavigation::Regenradar Hessen::-Link geklickt"}]}' > <span class="c-content-nav__link-icon"><svg class="icon " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> <span class="c-content-nav__link-text js-title">Regenradar Hessen</span></a></li><li class="c-content-nav__item"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-deutschland/index.html" class="link c-content-nav__link js-loadScript" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"Contentnavigation::Regenradar Deutschland::-Link geklickt"}]}' > <span class="c-content-nav__link-icon"><svg class="icon " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> <span class="c-content-nav__link-text js-title">Regenradar Deutschland</span></a></li></ul></div> </div> </nav> </div> </div> </div> <div class="region--narrow rainRadar__mainContent js-rainRadar__content"> <div class="ar--100 sequencePlayer js-load " data-hr-sequence-map-player='{ "frames": ".sequenceLayer__frame", "mapId": "map9958", "tilesBaseTopography": "https://www.hr-fernsehen.de/assets_4.4.0/base/image/maps/hessen/map/topography/", "tilesBaseCounty": "https://www.hr-fernsehen.de/assets_4.4.0/base/image/maps/hessen/map/countyborders/", "iconBase": "https://www.hr-fernsehen.de/assets_4.4.0/base/image/maps/hessen/map/icons", "desktopVW" : "500", "controlbar": ".c-controlbar", "selectedCity": "hessen"}' > <div class="sequenceCanvas ar__content"> <div class="fixedLayer" id="map9958"></div> <div class="sequenceLayer -hideLayer"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732528200000_v-medium.png" data-prop-time="10:50" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732528500000_v-medium.png" data-prop-time="10:55" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732528800000_v-medium.png" data-prop-time="11:00" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732529100000_v-medium.png" data-prop-time="11:05" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732529400000_v-medium.png" data-prop-time="11:10" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732529700000_v-medium.png" data-prop-time="11:15" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732530000000_v-medium.png" data-prop-time="11:20" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732530300000_v-medium.png" data-prop-time="11:25" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732530600000_v-medium.png" data-prop-time="11:30" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732530900000_v-medium.png" data-prop-time="11:35" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732531200000_v-medium.png" data-prop-time="11:40" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732531500000_v-medium.png" data-prop-time="11:45" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732531800000_v-medium.png" data-prop-time="11:50" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732532100000_v-medium.png" data-prop-time="11:55" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732532400000_v-medium.png" data-prop-time="12:00" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732532700000_v-medium.png" data-prop-time="12:05" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732533000000_v-medium.png" data-prop-time="12:10" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732533300000_v-medium.png" data-prop-time="12:15" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732533600000_v-medium.png" data-prop-time="12:20" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732533900000_v-medium.png" data-prop-time="12:25" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534200000_v-medium.png" data-prop-time="12:30" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534500000_v-medium.png" data-prop-time="12:35" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000_v-medium.png" data-prop-time="12:40" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732535100000_v-medium.png" data-prop-time="12:45" data-prop-type="CURRENT"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732535400000_v-medium.png" data-prop-time="12:50" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732535700000_v-medium.png" data-prop-time="12:55" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732536000000_v-medium.png" data-prop-time="13:00" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732536300000_v-medium.png" data-prop-time="13:05" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732536600000_v-medium.png" data-prop-time="13:10" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732536900000_v-medium.png" data-prop-time="13:15" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732537200000_v-medium.png" data-prop-time="13:20" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732537500000_v-medium.png" data-prop-time="13:25" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732537800000_v-medium.png" data-prop-time="13:30" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732538100000_v-medium.png" data-prop-time="13:35" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732538400000_v-medium.png" data-prop-time="13:40" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732538700000_v-medium.png" data-prop-time="13:45" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732539000000_v-medium.png" data-prop-time="13:50" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732539300000_v-medium.png" data-prop-time="13:55" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732539600000_v-medium.png" data-prop-time="14:00" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732539900000_v-medium.png" data-prop-time="14:05" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732540200000_v-medium.png" data-prop-time="14:10" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732540500000_v-medium.png" data-prop-time="14:15" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732540800000_v-medium.png" data-prop-time="14:20" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732541100000_v-medium.png" data-prop-time="14:25" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732541400000_v-medium.png" data-prop-time="14:30" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732541700000_v-medium.png" data-prop-time="14:35" data-prop-type="PREVIEW"> <link class="sequenceLayer__frame" rel="prefetch" href="https://www.hessenschau.de/wetter/regenradar-hessen/regenradar-hessen-104~_t-1732534800000-1732542000000_v-medium.png" data-prop-time="14:40" data-prop-type="PREVIEW"> </div> </div> </div><div class="c-controlbar is-paused" data-prop-control-bar='{ "duration": 900, "trackOutputClasses": "trackOutput", "bar": ".c-controlbar", "play": ".js-play", "pause": ".js-pause", "next": ".js-next", "prev": ".js-prev", "range": ".js-range", "track": ".js-track", "autoplay": false }'> <ul class="c-controlbar__buttons"> <li class="c-controlbar__buttons leftContainer"> <ul> <li class="c-controlbar__button js-prev"> <div class="c-button"><span class="hideCompletely">Springe ein einzelnes Bild nach vorne </span><svg class="icon icon--singleImageBack " role="presentation" aria-hidden="true" aria-labelledby="iconTitle--6557"><title id="iconTitle--6557">Ein Bild zurück</title><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#single-image-back"></use> </svg></div> </li> <li class="c-controlbar__button -play js-play"> <div class="c-button"><span class="hideCompletely">Wiedergabe </span><svg class="icon icon--play " role="presentation" aria-hidden="true" aria-labelledby="iconTitle--8053"><title id="iconTitle--8053">Wiedergabe</title><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#play"></use> </svg></div> </li> <li class="c-controlbar__button -pause js-pause"> <div class="c-button"><span class="hideCompletely">Pause </span><svg class="icon icon--pause " role="presentation" aria-hidden="true" aria-labelledby="iconTitle--4649"><title id="iconTitle--4649">Pause</title><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#pause"></use> </svg></div> </li> <li class="c-controlbar__button js-next"> <div class="c-button"><span class="hideCompletely">Springe ein einzelnes Bild zurück </span><svg class="icon icon--singleImageNext " role="presentation" aria-hidden="true" aria-labelledby="iconTitle--5731"><title id="iconTitle--5731">Ein Bild vor</title><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#single-image-next"></use> </svg></div> </li> </ul> </li> <li class="c-controlbar__buttons rightContainer"> <div class="backgroundsRainradar"> <div id="realtimeBackground" class="realtimeDataBackground"></div> <div id="prognosisBackground" class="prognosisDataBackground"></div> </div> <ul> <li class="c-controlbar__range js-range"> <input id="trackSlide" class="track js-track" type="range" min="0" max="24" step="1" value="0" name="seq"> </li> </ul> </li> </ul> </div> </div> <div class="region--appendix marginTrailer" role="complementary"> <div> <h3 class='headline headline--uppercased headline--relatedContent'>Legende</h3> <ul class='list'> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--minimumDetectable'></i> kaum messbar </li> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--veryLow'></i> sehr gering </li> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--low'></i> gering </li> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--moderate'></i> mäßig </li> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--firm'></i> kräftig </li> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--strong'></i> stark </li> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--veryStrong'></i> sehr stark </li> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--extrem'></i> extrem </li> <li class='list__item--rainradarLegend'> <i class='rainradarLegend rainradarLegend--nodata'></i> keine Daten </li> </ul> </div> </div> <div class="region--narrow"> <p class="copytext__text text__copytext">Das Radar zeigt Regen, Schnee oder Hagel über Hessen. Alle fünf Minuten gibt es ein neues Radarbild mit der aktuellen Niederschlagsmenge. Mit der Zwei-Stunden-Prognose erfahren Sie, ob in der Nähe bald Niederschlag einsetzt.</p> <div x-cloak x-data="{selected:0}" class="print:hidden pb-3 clear-both mt-12 sm480:mt-14"> <button type="button" class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus" @click="selected !== 1279 ? (selected = 1279, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null" x-effect="$el.setAttribute('aria-label', selected == 1279 ? 'Abschnitt Wie funktioniert das Regenradar? schließen' : 'Abschnitt Wie funktioniert das Regenradar? öffnen');$el.setAttribute('aria-expanded', selected == 1279 ? 'true' : 'false')" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::Wie funktioniert das Regenradar?-Link geklickt"}]}' aria-controls="accordionItem1279" > <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto"> <h3 aria-hidden="true" :class="selected !== 1279 ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif dark:text-text-dark">Wie funktioniert das Regenradar?</h3> <span :class="selected == 1279 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#plus"></use> </svg> </span> <span :class="selected !== 1279 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#minus"></use> </svg> </span> </div> </button> <div id="accordionItem1279" class="relative w-full overflow-hidden transition-all duration-700 max-h-0" style="" :class="selected !== 1279 ? 'invisible' : ''" x-ref="container1279" x-bind:style="selected == 1279 ? 'max-height: ' + $refs.container1279.scrollHeight + 'px' : ''" > <div class="mb-8"> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Das Regenradar für Hessen zeigt die aktuelle Niederschlagsmenge an – zum einen die real gemessenen Niederschläge der vergangenen zwei Stunden und zum anderen eine Vorhersage für die kommenden zwei Stunden. Gemessen wird die Niederschlagsmenge mit Hilfe eines Radarechos. Je stärker das Signal von Wolken und Regentropfen zurück an die Sendestation reflektiert wird, desto stärker ist der Niederschlag. Die Farben kennzeichnen die Stärke.</p> </div></div> <button type="button" class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus" @click="selected !== 390 ? (selected = 390, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null" x-effect="$el.setAttribute('aria-label', selected == 390 ? 'Abschnitt Wie funktioniert die Vorhersage? schließen' : 'Abschnitt Wie funktioniert die Vorhersage? öffnen');$el.setAttribute('aria-expanded', selected == 390 ? 'true' : 'false')" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::Wie funktioniert die Vorhersage?-Link geklickt"}]}' aria-controls="accordionItem390" > <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto"> <h3 aria-hidden="true" :class="selected !== 390 ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif dark:text-text-dark">Wie funktioniert die Vorhersage?</h3> <span :class="selected == 390 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#plus"></use> </svg> </span> <span :class="selected !== 390 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#minus"></use> </svg> </span> </div> </button> <div id="accordionItem390" class="relative w-full overflow-hidden transition-all duration-700 max-h-0" style="" :class="selected !== 390 ? 'invisible' : ''" x-ref="container390" x-bind:style="selected == 390 ? 'max-height: ' + $refs.container390.scrollHeight + 'px' : ''" > <div class="mb-8"> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Bei der Regenprognose für Hessen wird berechnet, wohin sich die Niederschlagssignale in den kommenden zwei Stunden voraussichtlich verlagern werden. Dies funktioniert bei flächendeckenden Regengebieten meistens sehr gut. Mit dieser Vorhersage kann man abschätzen, wann der Regen heute in der Nähe Ihres aktuellen Standortes einsetzt oder möglicherweise wieder aufhört. Bei Schauern oder Gewittern ist dagegen zu beachten, dass diese meist kurzlebig sind. Das bedeutet, sie können sich in den kommenden zwei Stunden sowohl verstärken als auch abschwächen oder auflösen, auch können sie kurzerhand ihre Zugrichtung verändern. Auch kann die Prognose nicht ermitteln, wo sich in der Zukunft Schauer oder Gewitter bilden werden.</p> </div></div> <button type="button" class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus" @click="selected !== 4353 ? (selected = 4353, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null" x-effect="$el.setAttribute('aria-label', selected == 4353 ? 'Abschnitt Woher kommen die Radardaten für Hessen? schließen' : 'Abschnitt Woher kommen die Radardaten für Hessen? öffnen');$el.setAttribute('aria-expanded', selected == 4353 ? 'true' : 'false')" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::Woher kommen die Radardaten für Hessen?-Link geklickt"}]}' aria-controls="accordionItem4353" > <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto"> <h3 aria-hidden="true" :class="selected !== 4353 ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif dark:text-text-dark">Woher kommen die Radardaten für Hessen?</h3> <span :class="selected == 4353 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#plus"></use> </svg> </span> <span :class="selected !== 4353 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#minus"></use> </svg> </span> </div> </button> <div id="accordionItem4353" class="relative w-full overflow-hidden transition-all duration-700 max-h-0" style="" :class="selected !== 4353 ? 'invisible' : ''" x-ref="container4353" x-bind:style="selected == 4353 ? 'max-height: ' + $refs.container4353.scrollHeight + 'px' : ''" > <div class="mb-8"> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Die Radardaten werden vom Deutschen Wetterdienst (DWD) zur Verfügung gestellt. Aufgrund von Wartungsarbeiten an den Radarstationen oder technischen Störungen kann es vorkommen, dass eine oder mehrere Wetterradar- Stationen zeitweise keine Daten senden. Die abgedunkelten Flächen markieren die Gebiete, für die keine Radardaten vorliegen.</p> </div></div> <button type="button" class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus" @click="selected !== 8134 ? (selected = 8134, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null" x-effect="$el.setAttribute('aria-label', selected == 8134 ? 'Abschnitt Wieso ist im Regenradar-Bild häufig ein Dreieck zu sehen? schließen' : 'Abschnitt Wieso ist im Regenradar-Bild häufig ein Dreieck zu sehen? öffnen');$el.setAttribute('aria-expanded', selected == 8134 ? 'true' : 'false')" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::Wieso ist im Regenradar-Bild häufig ein Dreieck zu sehen?-Link geklickt"}]}' aria-controls="accordionItem8134" > <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto"> <h3 aria-hidden="true" :class="selected !== 8134 ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif dark:text-text-dark">Wieso ist im Regenradar-Bild häufig ein Dreieck zu sehen?</h3> <span :class="selected == 8134 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#plus"></use> </svg> </span> <span :class="selected !== 8134 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#minus"></use> </svg> </span> </div> </button> <div id="accordionItem8134" class="relative w-full overflow-hidden transition-all duration-700 max-h-0" style="" :class="selected !== 8134 ? 'invisible' : ''" x-ref="container8134" x-bind:style="selected == 8134 ? 'max-height: ' + $refs.container8134.scrollHeight + 'px' : ''" > <div class="mb-8"> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">In Südhessen ist im Radarbild häufiger eine Art Dreieck ohne bzw. mit schlechter Radarabdeckung zu sehen. Ursache sind die für dieses Gebiet ungünstigen Standorte der DWD-Radarstationen. Das betroffene Gebiet ist im Westen von der Linie Bensheim / Darmstadt, im Norden von der Linie Erzhausen / Aschaffenburg und im Süden von der Linie Bensheim / Breuberg / Heimbuchenthal begrenzt.</p> </div></div> <button type="button" class="w-full text-left scroll-mt-12 lg:scroll-mt-28 link-focus" @click="selected !== 373 ? (selected = 373, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null" x-effect="$el.setAttribute('aria-label', selected == 373 ? 'Abschnitt Wie orientiere ich mich im Regenradar? schließen' : 'Abschnitt Wie orientiere ich mich im Regenradar? öffnen');$el.setAttribute('aria-expanded', selected == 373 ? 'true' : 'false')" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::Wie orientiere ich mich im Regenradar?-Link geklickt"}]}' aria-controls="accordionItem373" > <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto"> <h3 aria-hidden="true" :class="selected !== 373 ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif dark:text-text-dark">Wie orientiere ich mich im Regenradar?</h3> <span :class="selected == 373 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#plus"></use> </svg> </span> <span :class="selected !== 373 ? 'hidden' : ''"> <svg class="sb-icon hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#minus"></use> </svg> </span> </div> </button> <div id="accordionItem373" class="relative w-full overflow-hidden transition-all duration-700 max-h-0" style="" :class="selected !== 373 ? 'invisible' : ''" x-ref="container373" x-bind:style="selected == 373 ? 'max-height: ' + $refs.container373.scrollHeight + 'px' : ''" > <div class="mb-8"> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Im Regenradar (auch Niederschlagsradar genannt) bieten unter anderem die hessischen Großstädte eine gute Orientierung. Im Süden decken <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/frankfurt-200.html">Frankfurt</a>, <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/wiesbaden-208.html">Wiesbaden</a> und <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/darmstadt-246.html">Darmstadt</a> die großen Städte ab, in der Mitte können Sie die Niederschlagsmengen für <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/giessen-178.html">Gießen</a> und <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/fulda-166.html">Fulda</a> ablesen, während das Regenradar im Norden von Hessen die Prognose für <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/kassel-300.html">Kassel</a> darstellt. Tipp: Über das "Plus"-Symbol können Sie näher an Hessen heranzoomen, während Sie über das "Ebenen"-Symbol rechts oben weitere Orientierungsmöglichkeiten wie Landkreisgrenzen und Autobahnen auswählen können. Das hilft, um herauszufinden, ob es heute in der Nähe anfängt zu regnen.</p> </div></div><div class="w-full border-b border-gray-alto"></div> </div> <div class="hidden print:block border-y border-gray-alto"> <h3 class="self-center my-5 text-lg font-normal font-headingSerif">Wie funktioniert das Regenradar?</h3> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Das Regenradar für Hessen zeigt die aktuelle Niederschlagsmenge an – zum einen die real gemessenen Niederschläge der vergangenen zwei Stunden und zum anderen eine Vorhersage für die kommenden zwei Stunden. Gemessen wird die Niederschlagsmenge mit Hilfe eines Radarechos. Je stärker das Signal von Wolken und Regentropfen zurück an die Sendestation reflektiert wird, desto stärker ist der Niederschlag. Die Farben kennzeichnen die Stärke.</p> <h3 class="self-center my-5 text-lg font-normal font-headingSerif">Wie funktioniert die Vorhersage?</h3> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Bei der Regenprognose für Hessen wird berechnet, wohin sich die Niederschlagssignale in den kommenden zwei Stunden voraussichtlich verlagern werden. Dies funktioniert bei flächendeckenden Regengebieten meistens sehr gut. Mit dieser Vorhersage kann man abschätzen, wann der Regen heute in der Nähe Ihres aktuellen Standortes einsetzt oder möglicherweise wieder aufhört. Bei Schauern oder Gewittern ist dagegen zu beachten, dass diese meist kurzlebig sind. Das bedeutet, sie können sich in den kommenden zwei Stunden sowohl verstärken als auch abschwächen oder auflösen, auch können sie kurzerhand ihre Zugrichtung verändern. Auch kann die Prognose nicht ermitteln, wo sich in der Zukunft Schauer oder Gewitter bilden werden.</p> <h3 class="self-center my-5 text-lg font-normal font-headingSerif">Woher kommen die Radardaten für Hessen?</h3> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Die Radardaten werden vom Deutschen Wetterdienst (DWD) zur Verfügung gestellt. Aufgrund von Wartungsarbeiten an den Radarstationen oder technischen Störungen kann es vorkommen, dass eine oder mehrere Wetterradar- Stationen zeitweise keine Daten senden. Die abgedunkelten Flächen markieren die Gebiete, für die keine Radardaten vorliegen.</p> <h3 class="self-center my-5 text-lg font-normal font-headingSerif">Wieso ist im Regenradar-Bild häufig ein Dreieck zu sehen?</h3> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">In Südhessen ist im Radarbild häufiger eine Art Dreieck ohne bzw. mit schlechter Radarabdeckung zu sehen. Ursache sind die für dieses Gebiet ungünstigen Standorte der DWD-Radarstationen. Das betroffene Gebiet ist im Westen von der Linie Bensheim / Darmstadt, im Norden von der Linie Erzhausen / Aschaffenburg und im Süden von der Linie Bensheim / Breuberg / Heimbuchenthal begrenzt.</p> <h3 class="self-center my-5 text-lg font-normal font-headingSerif">Wie orientiere ich mich im Regenradar?</h3> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Im Regenradar (auch Niederschlagsradar genannt) bieten unter anderem die hessischen Großstädte eine gute Orientierung. Im Süden decken <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/frankfurt-200.html">Frankfurt</a>, <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/wiesbaden-208.html">Wiesbaden</a> und <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/darmstadt-246.html">Darmstadt</a> die großen Städte ab, in der Mitte können Sie die Niederschlagsmengen für <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/giessen-178.html">Gießen</a> und <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/fulda-166.html">Fulda</a> ablesen, während das Regenradar im Norden von Hessen die Prognose für <a class="hrds-copytext__link " href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/kassel-300.html">Kassel</a> darstellt. Tipp: Über das "Plus"-Symbol können Sie näher an Hessen heranzoomen, während Sie über das "Ebenen"-Symbol rechts oben weitere Orientierungsmöglichkeiten wie Landkreisgrenzen und Autobahnen auswählen können. Das hilft, um herauszufinden, ob es heute in der Nähe anfängt zu regnen.</p> </div> <h2 class="text__headline copytext__headline">Regenradar für einzelne Orte in Hessen</h2> <div id="7163" x-data="{ contentNavDropdownIsOpen: false}" class="my-6 js-contentNavWrapper col-span-full flex gap-y-3 gap-x-4 js-load " > <nav class="w-full px-0 " :class="contentNavDropdownIsOpen ? 'h-10' : ''" id="dropdown--6780" @click.outside ="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest')" role="navigation" aria-labelledby="dropdown__label--6780"> <span id="dropdown__label--6780" class="hidden">Unternavigation</span> <button class="content-nav-dropdown_dropdown -isMixed ds-link-inset relative flex w-full h-10 mb-0 overflow-hidden bg-white border md:mx-0 border-content-nav whitespace-nowrap text-content-nav fill-content-nav" @click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen; $dispatch('hr:global:resetinputAutoSuggest');" @resize.window="if(window.innerWidth > 767){contentNavDropdownIsOpen = false}; $dispatch('hr:global:resetinputAutoSuggest')" > <span class="self-center w-full px-2 pt-1 text-base leading-4 text-left">Regenradar für Ihre Stadt auswählen</span> <div class="flex self-center w-auto h-full border-l border-content-nav"> <span :class="{'hidden' : contentNavDropdownIsOpen}" class="flex self-center px-3 py-3" ><svg class="sb-icon h-4 w-4 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg></span> <span :class="{'hidden' : !contentNavDropdownIsOpen}" class="flex self-center hidden px-3 py-3" ><svg class="sb-icon h-4 w-4 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg></span> </div> </button> <div :class="{'-isClosed' : !contentNavDropdownIsOpen, '-isOpen' : contentNavDropdownIsOpen}" aria-haspopup="true" class="content-nav-dropdown_content -isMixed md:h-auto md:overflow-visible relative -isClosed" > <div class="flex flex-col w-full mt-0 autoSuggest js-load relative" data-hr-auto-suggest='{"filterGroupsSelector":".content-nav-group", "filterElementSelector":".content-nav-item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"block", "unmatchedClass":"hidden"}' > <div class="flex mx-0 w-full h-10 border-primary"> <input x-ref="autosuggestInput" class="mixed-input w-full h-10 pl-2 border-b-8 border-white bg-gray-alabaster text-gray-dark placeholder:text-gray-dark focus:outline-none js-autosuggest-input" type="text" placeholder="Eintrag filtern"/> </div> <ul class="flex bg-transparent flex-wrap md:!px-0 last:border-b-0" > <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/alsfeld-128.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Alsfeld-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Alsfeld</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/bad-hersfeld-140.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Bad Hersfeld-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Bad Hersfeld</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/darmstadt-246.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Darmstadt-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Darmstadt</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/eschwege-118.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Eschwege-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Eschwege</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/frankfurt-200.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Frankfurt-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Frankfurt</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/fulda-166.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Fulda-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Fulda</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/gedern-112.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Gedern-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Gedern</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/gelnhausen-122.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Gelnhausen-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Gelnhausen</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/gemuenden-102.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Gemünden-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Gemünden</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/giessen-178.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Gießen-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Gießen</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/herborn-166.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Herborn-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Herborn</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/korbach-148.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Korbach-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Korbach</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/kassel-300.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Kassel-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Kassel</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/limburg-130.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Limburg-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Limburg</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/marburg-228.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Marburg-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Marburg</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/melsungen-150.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Melsungen-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Melsungen</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/michelstadt-128.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Michelstadt-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Michelstadt</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/usingen-112.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Usingen-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Usingen</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-mixed"> <a href="https://www.hr-fernsehen.de/wetter/regenradar-hessen/wiesbaden-208.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Regenradar Wiesbaden-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Regenradar Wiesbaden</span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li></ul> </div> </div> </nav></div> <h2 class="text__headline copytext__headline">Vorhersage, Unwetter & Co. - Mehr Wetter bei hessenschau.de</h2> <div id="3353" x-data="{ contentNavDropdownIsOpen: false}" class="my-6 js-contentNavWrapper col-span-full flex gap-y-3 gap-x-4 js-load " > <nav class="w-full px-0 "> <div class="flex relative flex-wrap relative" > <ul class="flex bg-transparent flex-wrap w-full gap-x-2 gap-y-2 md:!px-0 last:border-b-0" > <li x-init="" class="content-nav-item content-nav-item-flow"> <a href="https://www.hessenschau.de/wetter/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::wetter-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Aktuelle Wettervorhersage-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Aktuelle Wettervorhersage<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-flow"> <a href="https://www.hessenschau.de/wetter/unwetterwarnungen/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::unwetterwarnungen-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Unwetterwarnungen-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Unwetterwarnungen<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-flow"> <a href="https://www.hessenschau.de/wetter/messwerte/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::messwerte-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Messwerte-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Messwerte<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-flow"> <a href="https://www.hessenschau.de/wetter/wetterkameras/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::wetterkameras-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Wetterkameras-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Wetterkameras<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li> <li x-init="" class="content-nav-item content-nav-item-flow"> <a href="https://www.hessenschau.de/wetter/wolkenfilm/index.html" class="ds-link js-load flex items-center pt-2.5 px-2 whitespace-nowrap overflow-hidden " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::wolkenfilm-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"Contentnavigation::Wolkenfilm-Link geklickt"}]}' > <span class="block text-base leading-4 truncate grow font-copy js-title">Wolkenfilm<svg class="sb-icon ml-1 -mt-0.5 h-5 w-5 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></span> <span><svg class="sb-icon fill-current pb-0.5 h-4 w-4 ml-2 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </a> </li></ul> </div> </nav> </div> </div> <div data-hr-simple-error-handler='{ "tester": { "selector": ".js-rainradar__pictureImage", "attribute": "data-error" }, "contents": { "selector": ".js-rainRadar__content", "hideClass": "rainRadar__mainContent--hidden" }, "errorHint": { "selector": ".js-errorHint", "hideClass": "errorHint--hidden" } }' class="js-load"></div> <p class="text text__copytext errorHint region--narrow errorHint--hidden js-errorHint"> <strong>Hinweis:</strong> Aus technischen Gründen kann das Regenradar derzeit nicht angezeigt werden. Wir bitten um etwas Geduld, bis der Fehler behoben ist. </p> <div class="region--narrow appendix -wide"><div class="appendix__entry -socialsharing"> <div class="o-layout"> <span class="appendix__headline text__headline">Teilen</span> <ul class="list -appendix -socialsharing"><li class="list__item"> <a class="link--shareIcon touchArea" href="https://twitter.com/intent/tweet?via=hrfernsehen&url=https%3A%2F%2Fwww.hr-fernsehen.de%2Fwetter%2Fregenradar-hessen%2Findex.html&text=Regenradar%20Hessen" target="_blank" rel="noopener noreferrer" title="Bei X teilen" ><svg class="icon icon--twitter " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#x"></use> </svg></a> </li><li class="list__item"> <a class="link--shareIcon touchArea" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.hr-fernsehen.de%2Fwetter%2Fregenradar-hessen%2Findex.html" target="_blank" rel="noopener noreferrer" title="Bei Facebook teilen" ><svg class="icon icon--facebook " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#facebook"></use> </svg></a> </li><li class="list__item list__item--whatsapp"> <a class="link--shareIcon touchArea" href="https://api.whatsapp.com/send?text=Regenradar%20Hessen%20-%20https%3A%2F%2Fwww.hr-fernsehen.de%2Fwetter%2Fregenradar-hessen%2Findex.html" target="_blank" rel="noopener noreferrer" title="Bei Whatsapp teilen" ><svg class="icon icon--whatsapp " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#whatsapp"></use> </svg></a> </li><li class="list__item"> <a class="link--shareIcon touchArea" href="mailto:?subject=Linktipp%3A%20Regenradar%20Hessen%20%28hr-fernsehen.de%29&body=Linktipp%3A%20Regenradar%20Hessen%0A%0Ahttps%3A%2F%2Fwww.hr-fernsehen.de%2Fwetter%2Fregenradar-hessen%2Findex.html%0A%28Beitrag%20von%20hr-fernsehen.de%29" title="Per E-Mail versenden" ><svg class="icon icon--mailto " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#mail"></use> </svg></a> </li><li class="list__item"> <a class="link--shareIcon touchArea" href="javascript:window.print()" title="Seite ausdrucken" ><svg class="icon icon--print " role="presentation" aria-hidden="true"><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#print"></use> </svg></a> </li> </ul> </div> </div></div> </article> </div> <div class="h-8" x-data="{ isVisible: false }"> <div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }"> <div class="flex justify-between h-0 col-full sm:col-main" :class="{ 'bg-white h-8': $store.footerIsVisible }" x-show="!$store.sharingIsVisible && isVisible" x-transition:enter="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first" x-transition:enter-start="opacity-0 translate-y-8" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-12" @scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )" > <button @click="window.scrollTo({top: 0, behavior: 'smooth'})" :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'" class="inline-flex items-center font-heading border text-button-inverted bg-button border-button hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 ml-auto z-100 p-2 h-max mr-5 hover:scale-105 [@media(min-width:1170px)]:-mr-14" aria-label='Zum Seitenanfang springen' > <svg class="sb-icon w-5 h-5 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </div> </div> <div class="grid h-8 grid-page" :class="{ 'hidden': $store.footerIsVisible }"><div class="flex justify-end h-8 bg-white col-full sm:col-main"></div></div> </div> </main> <footer class="relative grid justify-center w-full text-base border-t grid-page ui-test-footer pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" > <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div> <div class="col-full sm:col-main md:px-10"> <span class="hidden">Footer Navigation</span> <div class="flex flex-wrap justify-start list-none"><div class="flex w-full md:w-1/2 md:first:pr-4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8"> <div @click="dropped = !dropped" class="flex justify-between w-full px-5 py-2 border-b border-footer-heading md:px-0 md:py-0 lg:m-0"> <span class="flex justify-start text-lg font-bold text-footer-heading " title="hr-fernsehen.de" onclick="">hr-fernsehen.de </span> <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr-fernsehen.de/index.html" class="ds-link js-load flex hover:underline " > Start<span class="sr-only">hr-fernsehen.de</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-fernsehen.de/tv-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.hr-fernsehen.de/sendungen-a-z/index.html" class="ds-link js-load flex hover:underline " > Sendungen A-Z</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.ardmediathek.de/hr" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > ARD Mediathek <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> </ul> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> </ul> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr-fernsehen.de/wetter/index.html" class="ds-link js-load flex hover:underline " > Wetter</a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6"> <a href="https://www.ardmediathek.de/live/Y3JpZDovL2hyLmRlL0xpdmVzdHJlYW0tSFI" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > Livestream <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr-fernsehen.de/rezepte/index.html" class="ds-link js-load flex hover:underline " > Rezepte</a> </li> </ul> </div> </nav></div> <div class="flex w-full md:w-1/4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8"> <div @click="dropped = !dropped" class="flex justify-between w-full px-5 py-2 border-b border-footer-heading md:px-0 md:py-0 lg:m-0"> <span class="flex justify-start text-lg font-bold text-footer-heading " title="Service" onclick="">Service </span> <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr-fernsehen.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.hr-fernsehen.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-text.hr-fernsehen.de/ttxweb/" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > hr-text <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/services/empfang-und-verbreitungswege/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" > Empfang <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/services/mitschnittservice/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" > Mitschnittservice <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/services/untertitelung/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" > Untertitelung <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.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.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr.de/presse/fotos-und-logos/hr-fernsehen/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 hr-fernsehen <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:pl-0 md:bg-transparent border-b-secondary md:border-0 md:h-6 "> <a href="https://www.hr-werbung.de/index.html" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > hr werbung <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> </ul> </div> </nav></div> <div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0"> <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading"> <div class="relative mx-auto "> <div class="flex px-5 pt-4 md:pt-0 md:px-0"> <form x-data="searchSuggest()" role="search" action="https://www.hr-fernsehen.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--3430" 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--3430" 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--3430" aria-controls="suggestionlist--3430" > <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--3430" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr-fernsehen.de/suche/index.nc.html?query=' + suggestion" x-bind:class="{'py-1.5 px-2 link-focus-inset text-base flex w-full text-secondary rounded hover:bg-primary hover:text-white': true, 'bg-primary text-white':index==cursorIndex }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-current bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr-fernsehen.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/"/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> </div> </div> <nav class="block pb-0 mx-auto md:mx-0" aria-labelledby="c-footer_social_media_title" > <span id="c-footer_social_media_title" class="hidden">Social Media</span> <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4"> <li class="flex pr-2 last:pr-0"> <a href="https://www.facebook.com/hrfernsehen" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hr-fernsehen.de bei Facebook" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.youtube.com/user/hrfernsehen" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hr-fernsehen.de bei YouTube" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#youtube-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hr-fernsehen.de/kontakt/index.html" class="ds-link js-load text-footer-text " title="Zum Kontaktformular" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg> </a> </li> </ul> </nav> <div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'> <button id="globalSettingsButton" class="ds-button inline-flex items-center font-heading border text-button border-button hover:bg-button-inverted active:bg-button-inverted active:scale-95 p-2 min-w-10 justify-center js-data-policy-settings-button " type="submit" data-piano-tracking='{"label":"Footer","secondLevelId":1}' data-a11y-dialog-show="datapolicy-settings-dialog" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current w-5 h-5 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#settings"></use> </svg> <span class='ds-button-label text-base '>Einstellungen</span> </button> </div> <div id="datapolicy-settings-dialog" aria-labelledby="datapolicy-settings-title" aria-hidden="true" class="fixed inset-0 flex justify-center overflow-y-scroll aria-hidden:hidden z-300"> <div class="fixed w-full h-full top-0 left-0 right-0 bottom-0 bg-black/[0.5] js-data-policy-settings-overlay" data-a11y-dialog-hide> </div> <div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6"> <div class="flex w-full px-6 bg-primary z-100"> <span class="flex justify-start w-full py-4"> <span class="pr-4 -ml-1 fill-white"> <svg class="sb-icon h-7 w-7 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#settings"></use> </svg></span> <span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span> <button type="button" aria-label="Close dialog" class="text-white bg-transparent fill-current link-focus-white js-data-policy-settings-close-button" data-a11y-dialog-hide> <svg class="sb-icon h-6 w-6 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#close"></use> </svg> </button> </span> </div> <div class="bg-[#d8e9f6] p-6 "> <span id="datapolicy-settings-title" class="block text-lg text-black font-headingSerif">Erhebung von Nutzungszahlen</span> <p class="mt-4 text-black"> Zur Optimierung des Online-Angebots verwendet der Hessische Rundfunk Zählpixel, die eine statistische Analyse Ihres Surfverhaltens auf unseren Webseiten ermöglichen. Hier können Sie der Erfassung und Übermittlung der Daten widersprechen. <a class="block mt-2 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.hr.de/datenschutz/index.html" title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz <svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/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.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></a></span> <div class="flex w-fit"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="agf" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="agf"> <span class="sr-only">agf aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> <span class="text-base text-black">AT Internet <a class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.atinternet.com/de/" title="AT Internet">(https://www.atinternet.com/de/)<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></a></span> <div class="flex w-fit"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="ati" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ati"> <span class="sr-only">at internet aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> </ul> <div class="bg-[#d8e9f6] p-6"> <span class="block text-lg text-black font-headingSerif ">Externe Inhalte</span> <p class="mt-4 text-base text-black"> Hier können Sie festlegen, ob externe Inhalte (Text, Bild, Video…) ohne erneute Zustimmung angezeigt werden sollen. Bei Aktivierung stellt Ihr Browser beim Abruf der Inhalte eine Verbindung mit dem Anbieter her. Bei Deaktivierung wird Ihre Zustimmung auf der betreffenden Seite erneut eingeholt. <a class="block mt-2 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.hr.de/datenschutz/index.html" title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz <svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/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.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </div> </div> <ul> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Mediathek (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_mediathek" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_mediathek"> <span class="sr-only">ard_mediathek aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert"> <span class="sr-only">arte_concert aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert 2.0</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert_new" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert_new"> <span class="sr-only">arte_concert_new aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Datawrapper (Datengrafik)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="datawrapper_cdn" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="datawrapper_cdn"> <span class="sr-only">datawrapper_cdn aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Esri (Notfallkarte)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="esri" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="esri"> <span class="sr-only">esri aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Facebook</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="facebook-post" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="facebook-post"> <span class="sr-only">facebook-post aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Flourish (Datengrafik)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="flourish" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="flourish"> <span class="sr-only">flourish aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Giphy (animiertes GIF)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="giphy" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="giphy"> <span class="sr-only">giphy aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Instagram</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="instagram" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="instagram"> <span class="sr-only">instagram aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">X</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="twitter-post" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="twitter-post"> <span class="sr-only">twitter-post aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Vimeo (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="vimeo" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="vimeo"> <span class="sr-only">vimeo aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube"> <span class="sr-only">youtube aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube 360 (360° Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube360" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube360"> <span class="sr-only">youtube360 aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> </ul> </div> </div> </div> <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0"> <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" href=https://www.hr-fernsehen.de/index.html title="Startseite hr-fernsehen . d e"> <div class="relative flex h-10 md:hidden" > <img src="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr-fernsehen.de"> </div> <div class="md:flex hidden justify-start w-auto h-10 lg:h-12 " > <img src="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr-fernsehen.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.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.ard.de/" class="ds-link js-load flex whitespace-nowrap hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="ARD.de" > ARD.de <span class="inline-flex"> <svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/datenschutz/index.html" class="ds-link js-load flex whitespace-nowrap hover:underline " 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.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/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.hr-fernsehen.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> </div> </div> </div> </div> </footer> <script type="text/javascript"> if (undefined !== window.pa) { window.pa.setConfigurations({ site: 581763, collectDomain: 'https://logs1187.xiti.com' }) const isInWebAppiOS = (window.navigator.standalone === true) const isInWebAppChrome = (window.matchMedia('(display-mode: standalone)').matches) const displayMode = isInWebAppiOS ? 'pwa-ios' : isInWebAppChrome ? 'pwa' : 'browser-tab' const getCookie = (cookieName) => { let cookieString = RegExp('' + cookieName + '[^;]+').exec(document.cookie) return unescape(!!cookieString ? cookieString.toString().replace(/^[^=]+./, '') : '') } const getJSONCookie = (cookieName) => { let cookie try { cookie = JSON.parse(getCookie(cookieName)) } catch (e) { } return cookie } const isPianoTrackingAllowed = () => { const cookie = getJSONCookie('hrSettings') console.log('undefined === cookie || cookie[\'ati\'] === true', undefined === cookie || cookie['ati'] === true) return undefined === cookie || cookie['ati'] === true } var pageDisplayConfig = { 'page': "Regenradar Hessen", 'page_chapter1': "regenradar-hessen", 'site_level2_id': 9, 'hr_first_publication_date': "2015-12-08T11:33:13+01:00", 'hr_modification_date_timestamp': "2024-05-08T11:41:23+02:00", 'hr_sophora_id': "regenradar-hessen-104", 'hr_document_type': "hr-nt:rainradar" , 'display_mode': displayMode } if (isPianoTrackingAllowed()) { window.pa.sendEvent('page.display', pageDisplayConfig) } } </script></div> <script type="application/ld+json"> { "@context" : "https://schema.org/", "@type" : "BreadcrumbList", "itemListElement" : [ { "@context" : "https://schema.org/", "@type" : "ListItem", "item" : { "@id" : "https://www.hr-fernsehen.de/index.html", "@context" : "https://schema.org/", "@type" : "Thing", "id" : "https://www.hr-fernsehen.de/index.html", "url" : "https://www.hr-fernsehen.de/index.html" }, "name" : "Start", "position" : 1 }, { "@context" : "https://schema.org/", "@type" : "ListItem", "item" : { "@id" : "https://www.hr-fernsehen.de/wetter/index.html", "@context" : "https://schema.org/", "@type" : "Thing", "id" : "https://www.hr-fernsehen.de/wetter/index.html", "url" : "https://www.hr-fernsehen.de/wetter/index.html" }, "name" : "Wetter", "position" : 2 }, { "@context" : "https://schema.org/", "@type" : "ListItem", "item" : { "@id" : "https://www.hr-fernsehen.de/wetter/regenradar-hessen/index.html", "@context" : "https://schema.org/", "@type" : "Thing", "id" : "https://www.hr-fernsehen.de/wetter/regenradar-hessen/index.html", "url" : "https://www.hr-fernsehen.de/wetter/regenradar-hessen/index.html" }, "name" : "Regenradar", "position" : 3 } ] } </script> <script type="application/ld+json"> { "@context" : "https://schema.org/", "@type" : "NewsMediaOrganization", "name" : "hr-fernsehen.de", "logo" : "https://www.hr-fernsehen.de/logo.png", "url" : "https://www.hr-fernsehen.de/", "sameAs" : [ "https://www.facebook.com/Hessenschau/", "https://twitter.com/hessenschau", "https://www.youtube.com/c/hessenschau", "https://www.instagram.com/hessenschau/" ] } </script> </body> </html>

CINXE.COM

Regenradar Hessen – Aktuelle Live-Vorhersage für heute | Wetter | hr-fernsehen.de | Regenradar