1<!DOCTYPE html> 2<html class="no-js no-js-burgerMenu preload noMicroInteraction" 3data-theme="hr-inforadio" lang="de"> 4<head> 5<!-- hrcms-delivery 4.49.0 --> 6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 7<meta http-equiv="X-UA-Compatible" content="IE=Edge"/> 8<title>hr INFO in ARD Sounds: Livestream, Verkehr und News | hr INFO</title> 9<meta name="application-name" content="hr INFO" /> 10<meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" /> 11<meta name="author" content="hr-inforadio.de, Frankfurt, Germany"/> 12<meta name="publisher" content="hr INFO" /> 13<meta name="language" content="Deutsch" /> 14<meta http-equiv="Content-Security-Policy" content="img-src * data: blob: android-webview-video-poster:;"> 15<meta name="robots" content="follow, index, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 16<meta name="last-modified" content="2026-08-03T13:56+0200" /> 17<meta name="date" content="2026-08-03T13:56+0200" /> 18<meta name="description" content="ARD Sounds ist deine App für hr3. Kostenlos herunterladen und installieren und hr3 als deinen Radiosender in ARD Sounds speichern." /> 19<link rel="canonical" href="https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html" /> 20<meta property="og:site_name" content="hr INFO" /> 21<meta property="og:locale" content="de_DE" /> 22<meta property="og:url" content="https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html" /> 23<meta property="og:title" content="hr INFO in ARD Sounds: Livestream, Verkehr und News " /> 24<meta property="og:description" content="ARD Sounds ist deine App für hr3. Kostenlos herunterladen und installieren und hr3 als deinen Radiosender in ARD Sounds speichern." /> 25<meta property="og:type" content="article" /> 26<meta property="og:updated_time" content="2026-08-03T13:56+0200" /> 27<meta property="article:modified_time" content="2026-08-03T13:56+0200" /> 28<meta property="article:published_time" content="2026-08-03T13:56+0200" /> 29<meta property="og:image" content="https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9__retina.jpg" /> 30<meta property="og:image:type" content="image/jpeg" /> 31<meta property="og:image:height" content="1080" /> 32<meta property="og:image:width" content="1920" /> 33<meta property="article:publisher" content=" https://www.facebook.com/hriNFO/?fref=ts" /> 34<meta property="fb:page_id" content="313636238472" /> 35<meta property="fb:pages" content="313636238472" /> 36<meta property="twitter:title" content="hr INFO in ARD Sounds: Livestream, Verkehr und News " /> 37<meta property="twitter:description" content="ARD Sounds ist deine App für hr3. Kostenlos herunterladen und installieren und hr3 als deinen Radiosender in ARD Sounds speichern." /> 38<meta property="twitter:image" content="https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9__retina.jpg" /> 39<meta property="twitter:image:alt" content="hr INFO in ARD Sounds, Frau mit Handy und Kopfhörern und rechts daneben ein groÃes Telefon mit der Wellenheimat hr Info" /> 40<meta property="twitter:url" content="https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html" /> 41<meta property="twitter:site" content="@hrinfo" /> 42<meta property="twitter:site:id" content="203123092" /> 43<meta property="twitter:domain" content="https://www.hr-inforadio.de/" /> 44<meta property="twitter:creator" content="@hrinfo" /> 45<meta property="twitter:creator:id" content="203123092" /> 46<meta property="twitter:card" content="summary_large_image" /> 47<link href="https://www.hr-inforadio.de/assets_4.49.0/index.css" rel="preload" type="text/css" as="style"> 48<link href="https://www.hr-inforadio.de/assets_4.49.0/index.css" rel="stylesheet" type="text/css"> 49<link href="https://www.hr-inforadio.de/assets_4.49.0/radioplayer.css" rel="stylesheet" type="text/css"> 50<meta name="viewport" content="width=device-width, initial-scale=1"/> 51<meta name="msapplication-tap-highlight" content="no"/> 52 <link rel="icon" href="https://www.hr-inforadio.de/favicon.ico?v=4.49.0" sizes="48x48"> 53 <link rel="icon" href="https://www.hr-inforadio.de/favicon.min.svg?v=4.49.0" type="image/svg+xml"> 54 <link rel="apple-touch-icon" href="https://www.hr-inforadio.de/favicon.png?v=4.49.0"> 55 56 57 <link href="https://www.hr-inforadio.de/assets_4.49.0/vendor/hr-radio-player/styles.css" rel="preload" type="text/css" as="style"> 58<link href="https://www.hr-inforadio.de/assets_4.49.0/js/vendor/modernizr.cust.js" rel="preload" as="script"> 59<link href="https://www.hr-inforadio.de/assets_4.49.0/js/index.js" rel="preload" as="script"> 60<link href="https://www.hr-inforadio.de/assets_4.49.0/js/alpine.js" rel="preload" as="script"> 61<link href="https://www.hr-inforadio.de/assets_4.49.0/js/vendor/piano-analytics.js" rel="preload" as="script"> 62
63<script>'function' != typeof self.queueMicrotask && (self.queueMicrotask = function (e) { 64 Promise.resolve().then(e).catch(e => setTimeout(() => { 65 throw e 66 })) 67})</script>
vendor: 1 bytes, line 67
67
68<script> 69 document.onreadystatechange = () => { 70 if (document.readyState === "complete") { 71 initChromeSVGFix(); 72 } 73 }; 74 75 function initChromeSVGFix() { 76 document.querySelectorAll('svg').forEach(x => { 77 if (x.firstChild.nodeName === 'use') { 78 x.innerHTML = x.innerHTML 79 } 80 }); 81 } 82</script>
82 83
84<script>window.MSInputMethodContext && document.documentMode && document.write('
84<script src="https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/ie11CustomProperties.js"><\/script>')</script>
84 85 86 87 <link href="https://www.hr-inforadio.de/assets_4.49.0/fonts/RobotoCondensed-Bold.woff2" rel="preload" as="font" crossorigin> 88<link href="https://www.hr-inforadio.de/assets_4.49.0/fonts/RobotoCondensed.woff2" rel="preload" as="font" crossorigin> 89<link href="https://www.hr-inforadio.de/assets_4.49.0/fonts/DINWebPro.woff" rel="preload" as="font" crossorigin> 90 <link href="https://www.hr-inforadio.de/assets_4.49.0/fonts/RobotoSlabbed.woff2" rel="preload" as="font" crossorigin> 91 92 93 94<link href="https://logs.xiti.com" rel="dns-prefetch"> 95
96<script defer src="https://www.hr-inforadio.de/assets_4.49.0/js/vendor/piano-analytics.js"></script>
vendor: 1 bytes, line 96
96
97<script defer src='https://www.hr-inforadio.de/assets_4.49.0/js/alpine.js'></script>
97 98<!--[if lt IE 9]> 99
99<script src='https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/es5-shim.js'></script>
99 100
100<script src='https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/selectivizr.js'></script>
100 101
101<script src='https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/respond.js'></script>
101 102
102<script src='https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/svg4everybody_legacy.js'></script>
102 103
103<script>svg4everybody();</script>
103 104<![endif]--><!--[if lte IE 9]> 105
105<script src='https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/html5shiv.js'></script>
105 106
106<script src='https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/classList.js'></script>
106 107<![endif]--> 108 109 110 <link id="styles" rel="stylesheet" href="https://www.hr-inforadio.de/assets_4.49.0/vendor/hr-radio-player/styles.css" 111 type="text/css"/> 112
113<script> 114 var HrcmsConfig = { 115 'isProduction': true, 116 'isATITest': false, 117 'isDSGVOTest': false, 118 } 119 120 121function 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)} 122 123var 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-inforadio.de/assets_4.49.0/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hr-inforadio.de/assets_4.49.0/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hr-inforadio.de/assets_4.49.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-inforadio.de/assets_4.49.0/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hr-inforadio.de/assets_4.49.0/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hr-inforadio.de/assets_4.49.0/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hr-inforadio.de/assets_4.49.0/js/'})}),"async")}))}),"async"); 124</script>
124 125 126<!--[if lte IE 9]> 127 <link href='https://www.hr-inforadio.de/assets_4.49.0/library_ie9.css' rel='stylesheet' type='text/css'> 128<![endif]--> 129 130<link href="https://www.hr-inforadio.de/index.rss" title="Alle Beiträge RSS-Feed - hr-inforadio.de" rel="alternate" 131type="application/rss+xml"> 132
133<script type="application/ld+json"> 134{ 135"@type" : "BreadcrumbList", 136"@context" : "https://schema.org/", 137"itemListElement" : [ { 138"@type" : "ListItem", 139"@context" : "https://schema.org/", 140"item" : { 141"@id" : "https://www.hr-inforadio.de/index.html", 142"@type" : "Thing", 143"@context" : "https://schema.org/", 144"id" : "https://www.hr-inforadio.de/index.html", 145"url" : "https://www.hr-inforadio.de/index.html" 146}, 147"name" : "hr INFO", 148"position" : 1 149}, { 150"@type" : "ListItem", 151"@context" : "https://schema.org/", 152"item" : { 153"@id" : "https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html", 154"@type" : "Thing", 155"@context" : "https://schema.org/", 156"id" : "https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html", 157"url" : "https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html" 158}, 159"name" : "hr INFO in ARD Sounds: Livestream, Verkehr und News ", 160"position" : 2 161} ] 162} 163</script>
vendor: 1 bytes, line 163
163
164<script type="application/ld+json"> 165{ 166"@type" : "Article", 167"@context" : "https://schema.org/", 168"datePublished" : "2026-08-03T13:56:31.752+02:00", 169"image" : [ "https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9__retina.jpg", "https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-4to3__retina.jpg", "https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331.jpg" ], 170"articleBody" : "Mit der ARD Sounds-App haben Sie hr INFO auch unterwegs immer dabei. Sie bekommen die wichtigsten Nachrichten - von der Weltpolitik bis zu Ereignissen in Ihrer Region. Und im Livestream können Sie bis zu vier Stunden zurückspulen und bleiben immer auf dem Laufenden! ARD Sounds ist die neue Audioplattform der ARD â mit Nachrichten, Podcasts, Hörbüchern und Live-Events. Eine ganze Welt zum Hören. Und natürlich ist auch hr INFO dabei. Die ARD Sounds App gibt es kostenlos für Android-Smartphones und iPhones. Jetzt installieren: hr INFO in der ARD Sounds App (iOS) hr INFO in der ARD Sounds App (Android) hr INFO in ARD Sounds auf dem Homescreen speichern Einfach hr INFO als Startseite von ARD Sounds festlegen â so kommen Sie vom Homescreen direkt zu hr INFO und finden neben unserem Livestream auch aktuelle News. News Sie bekommen in der App die aktuellen Nachrichten von tagesschau, hessenschau und sportschau auf einen Blick. Aktuelle Verkehrsnachrichten Neben Staus auf den StraÃen bekommen auch die Nutzer öffentlicher Verkehrsmittel auch die Störungsmeldungen der Verkehrsverbünde RMV und NVV angezeigt. Die Funktionen im Ãberblick Im hr INFO-Radio-Livestream bis zu vier Stunden zurückspringen Nachrichten und Verkehrsmeldungen mit nur einem Klick nachhören und nachlesen Neue Podcasts mit Empfehlungen der Redaktion entdecken ARD Sounds öffnen und direkt zu hr INFO springen Systemanforderungen Die ARD Sounds App läuft auf allen Smartphones mit den Betriebssystem Android 7.0 und iOS 18.0 oder höher.", 171"description" : "Mit der ARD Sounds-App haben Sie hr INFO auch unterwegs immer dabei. Sie bekommen die wichtigsten Nachrichten - von der Weltpolitik bis zu Ereignissen in Ihrer Region. Und im Livestream können Sie bis zu vier Stunden zurückspulen und bleiben immer auf dem Laufenden!", 172"dateModified" : "2026-08-03T13:56:31.752+02:00", 173"articleSection" : "app", 174"headline" : "hr INFO in ARD Sounds: Livestream, Verkehr und News " 175} 176</script>
176 177 178</head> 179<body x-data 180:class="$store.navIsVisible && $store.subNavIsVisible ? '-navIsVisible -subnavIsVisible' : $store.navIsVisible ? '-navIsVisible' : '-navIsHidden'" > 181<div class="js-pageSwap"> 182<div class="js-load" data-hr-piano-tracking="{}"></div> 183<div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init=""> 184<header class="print:hidden relative z-110 lg:h-auto md:h-header-md h-header-sm"> 185<div x-data 186id="headerWrapper" 187x-ref="headerWrapper" 188@resize.window="resetNav()" 189:class="shouldBrandNavBeHidden() ? '-mt-[33px] md:-mt-[33px]' : '' " 190class=" flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full bg-white"> 191<div id="anchorNavWrapper" 192class="sr-only"> 193<nav id="sprungmarken" aria-labelledby="anchorNavHeadline"> 194<span id="anchorNavHeadline">Sprungmarken</span> 195<ul> 196<li><a href="#brandNavWrapper" >Ãbersicht der Marken des HR anspringen</a></li> 197<li><a href="#serviceNavWrapper">Servicenavigation anspringen</a></li> 198<li><a href="#sectionNavWrapper">Bereichsnavigation anspringen</a></li> 199<li><a href="#featureBox">Livestream Player anspringen</a></li> 200 201<li><a href="#content">Inhalt anspringen</a></li> 202</ul> 203</nav> </div> 204<div id="brandNavWrapper" 205class="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"> 206<div class="grid-cols-12 px-5 lg:px-10 col-full sm:col-main"> 207<div x-data="slider()" 208x-init="initialize($refs.scrollContainer_0)" 209class="relative w-full" 210ax-load 211x-ignore 212> 213<template x-if="isScrollable && $screen('xs')"> 214<div> 215<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" > 216<svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" 217><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> 218</svg> </button> 219<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"> 220<svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" 221><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> 222</svg> </button> 223</div> 224</template> 225<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"> 226<nav class="flex w-full text-xs list-none text-grey-scorpion"> 227<span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span> 228<ul class="flex pr-3 md:px-0 flex-nowrap lg:mr-0"> 229<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 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-info" href="https://www.hr-inforadio.de/index.html" 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="das-ding" href="https://www.dasding.de" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::DASDING-Link geklickt"}]}'>DASDING</a></li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"><a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-fernsehen" href="https://www.hr-fernsehen.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr-fernsehen-Link geklickt"}]}'>hr-fernsehen</a></li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"><a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-Sinfonieorchester" href="https://www.hr-sinfonieorchester.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr-Sinfonieorchester-Link geklickt"}]}'>hr-Sinfonieorchester</a></li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"><a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-Bigband" href="https://www.hr-bigband.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr-Bigband-Link geklickt"}]}'>hr-Bigband</a></li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"><a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="Der HR" href="https://www.hr.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::Der hr-Link geklickt"}]}'>Der hr</a></li> </ul> 230</nav> 231</div> 232</div> 233</div> 234</div> 235<div id="serviceNavWrapper" 236:class="shouldServiceNavBeHidden() ? '-mt-40' : ''" 237class="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"> 238<div id="serviceNavMainContainer" 239class="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"> 240<span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span> 241<div id="serviceLogoWrapper" 242class="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"> 243<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" 244href=https://www.hr-inforadio.de/index.html 245title="Startseite hr-inforadio.de"> 246<div 247class="relative flex h-10 brand-logo-size md:hidden" 248> 249<img width="152" height="150" src="https://www.hr-inforadio.de/assets_4.49.0/base/icons/logo/brandlogo--mobile.min.svg" 250class="w-auto h-full" alt="hr INFO"> 251</div> 252<div 253class="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] " 254> 255<img width="300" height="66" src="https://www.hr-inforadio.de/assets_4.49.0/base/icons/logo/brandlogo--desk.min.svg" 256class="w-auto h-full" alt="hr INFO"> 257</div> 258</a>
259<script> 260percent = 0 261</script>
261 </div> 262<div id="serviceItemsWrapper" 263class="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"> 264<div 265id="serviceList" 266@click.outside="$store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen && !$store.burgeropen)" 267x-ref="serviceList" 268:class="shouldServiceIconsBeHidden() ? 'delay-300 duration-500 -mt-40 -z-40' : 'delay-0 duration-0 mt-0 z-130'" 269class="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 " 270> 271<ul class="flex justify-around w-full h-full -itemCount- lg:w-auto lg:justify-end lg:pt-1"> 272<li class="sb-service-navigation-item -nachrichten 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"> 273<button 274id="3721" 275@click="toggleServiceNav()" 276@click.outside="dropped = false;" 277@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" 278x-data="dropdown" 279id="3721" 280class="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 " 281:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''" 282aria-owns="flyout-3721" 283aria-controls="flyout-3721" 284x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? 'Nachrichten-Menü schlieÃen' : 'Nachrichten-Menü öffnen')" 285data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Nachrichten-Link geklickt"}]}' 286> 287<div class="w-7 md:w-8 h-7 md:h-8" > 288<svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" 289><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#nachrichten-ds"></use> 290</svg> <span class="sr-only lg:hidden">Nachrichten</span> 291</div> 292<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"> 293<div class="flex" > 294<span class="flex text-xs leading-4 whitespace-nowrap"> 295Nachrichten 296</span> 297<div class="flex lg:pl-1"> 298<div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':'' "> 299<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 300><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 301</svg> </div> 302</div> 303</div> 304</div> 305<div x-cloak 306x-data="flyoutHandler" 307x-ref="3721" 308id="flyout-3721" 309@resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" 310x-show="dropped" 311class="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" 312aria-labelledby="flyout-3721-1" 313x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" 314> 315<div class="w-full"> 316<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 "> 317<a href="https://www.hr-inforadio.de/nachrichten/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "ServiceNavigation::Nachrichten::Ãbersicht Nachrichten-Link geklickt"}]}' > 318Ãbersicht Nachrichten 319</a> 320</div> 321</div> 322<div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> 323<ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" 324class="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">
324 <a href="https://www.hessenschau.de/index.html" 325class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 326data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hessenschau-492 geklickt"}]}' target="_blank" rel="noopener noreferrer" 327data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Nachrichten-Link geklickt"}]}' 328> 329hessenschau.de<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 330><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 331</svg> </a> 332</li><li :class="dropped ? 'h-auto' : 'h-10'" 333class="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.tagesschau.de" 334class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 335data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::tagesschau-236 geklickt"}]}' target="_blank" rel="noopener" 336data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Nachrichten-Link geklickt"}]}' 337> 338tagesschau.de<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 339><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 340</svg> </a> 341</li></ul> </div> 342</div> 343</button> 344</li> 345 <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"> 346<button 347id="913" 348@click="toggleServiceNav()" 349@click.outside="dropped = false;" 350@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" 351x-data="dropdown" 352id="913" 353class="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 " 354:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''" 355aria-owns="flyout-913" 356aria-controls="flyout-913" 357x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? 'Wetter-Menü schlieÃen' : 'Wetter-Menü öffnen')" 358data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Wetter-Link geklickt"}]}' 359> 360<div class="w-7 md:w-8 h-7 md:h-8" > 361<svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" 362><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#wetter-ds"></use> 363</svg> <span class="sr-only lg:hidden">Wetter</span> 364</div> 365<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"> 366<div class="flex" > 367<span class="flex text-xs leading-4 whitespace-nowrap"> 368Wetter 369</span> 370<div class="flex lg:pl-1"> 371<div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':'' "> 372<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 373><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 374</svg> </div> 375</div> 376</div> 377</div> 378<div x-cloak 379x-data="flyoutHandler" 380x-ref="913" 381id="flyout-913" 382@resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" 383x-show="dropped" 384class="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" 385aria-labelledby="flyout-913-1" 386x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" 387> 388<div class="w-full"> 389<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 "> 390<a href="https://www.hr-inforadio.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::Ãber
390sicht Wetter-Link geklickt"}]}' > 391Ãbersicht Wetter 392</a> 393</div> 394</div> 395<div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> 396<ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" 397class="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-inforadio.de/wetter/unwetterwarnungen/index.html" 398class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 399data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' 400> 401Unwetterwarnungen </a> 402</li><li :class="dropped ? 'h-auto' : 'h-10'" 403class="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-inforadio.de/wetter/regenradar-hessen/index.html" 404class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 405data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' 406> 407Regenradar </a> 408</li><li :class="dropped ? 'h-auto' : 'h-10'" 409class="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-inforadio.de/wetter/messwerte/index.html" 410class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 411data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' 412> 413Messwerte </a> 414</li><li :class="dropped ? 'h-auto' : 'h-10'" 415class="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-inforadio.de/wetter/wetterkameras/index.html" 416class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 417data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' 418> 419Wetterkameras </a> 420</li><li :class="dropped ? 'h-auto' : 'h-10'" 421class="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-inforadio.de/wetter/wetterinfos-im-hr-text-v1,biowetter-pollenflug-uv-werte-niederschlag-pegelstaende100.html" 422class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 423data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' 424> 425mehr Wetter </a> 426</li><li :class="dropped ? 'h-auto' : 'h-10'" 427class="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" 428class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 429target="_blank" rel="noopener" 430data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' 431> 432Thema des Tages<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 433><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 434</svg> </a> 435</li><li :class="dropped ? 'h-auto' : 'h-10'" 436class="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" 437class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 438target="_blank" rel="noopener" 439data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' 440> 441Foto einsenden<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 442><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 443</svg> </a> 444</li></ul> </div> 445</div> 446</button> 447</li> 448 <li class="sb-service-navigation-item -traffic flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-navigation-icons border-navigation-border-color"> 449<button 450id="3387" 451@click="toggleServiceNav()" 452@click.outside="dropped = false;" 453@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" 454x-data="dropdown" 455id="3387" 456class="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 " 457:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''" 458aria-owns="flyout-3387"
459aria-controls="flyout-3387" 460x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? 'Verkehr-Menü schlieÃen' : 'Verkehr-Menü öffnen')" 461data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Verkehr-Link geklickt"}]}' 462> 463<div class="w-7 md:w-8 h-7 md:h-8" > 464<svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" 465><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#verkehr-ds"></use> 466</svg> <span class="sr-only lg:hidden">Verkehr</span> 467</div> 468<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"> 469<div class="flex" > 470<span class="flex text-xs leading-4 whitespace-nowrap"> 471Verkehr 472</span> 473<div class="flex lg:pl-1"> 474<div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':'' "> 475<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 476><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 477</svg> </div> 478</div> 479</div> 480</div> 481<div x-cloak 482x-data="flyoutHandler" 483x-ref="3387" 484id="flyout-3387" 485@resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" 486x-show="dropped" 487class="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" 488aria-labelledby="flyout-3387-1" 489x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" 490> 491<div class="w-full"> 492<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 "> 493<a href="https://www.hr-inforadio.de/verkehr/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "ServiceNavigation::Verkehr::Ãbersicht Verkehr-Link geklickt"}]}' > 494Ãbersicht Verkehr 495</a> 496</div> 497</div> 498<div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> 499<ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" 500class="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-inforadio.de/verkehr/verkehrskameras/index.html" 501class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 502data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' 503> 504Verkehrskameras </a> 505</li><li :class="dropped ? 'h-auto' : 'h-10'" 506class="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-inforadio.de/verkehr/blitzer/index.html" 507class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 508data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' 509> 510Blitzer </a> 511</li><li :class="dropped ? 'h-auto' : 'h-10'" 512class="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">
512 <a href="https://www.hessenschau.de/verkehr/liste-aktueller-schulausfaelle-in-hessen-v657,schulausfall-hessen-aktuell-heute-liste-100.html" 513class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 514target="_blank" rel="noopener" 515data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' 516> 517Schulausfälle<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 518><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 519</svg> </a> 520</li><li :class="dropped ? 'h-auto' : 'h-10'" 521class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hessenschau.de/verkehr/flugplaene-frankfurt-im-hr-text-v1,flugplaene-frankfurt-parkhaus-belegung-100.html" 522class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 523target="_blank" rel="noopener" 524data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' 525> 526Flugpläne Frankfurt / Parkhausbelegung<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 527><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 528</svg> </a> 529</li><li :class="dropped ? 'h-auto' : 'h-10'" 530class="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-inforadio.de/verkehr/staus-und-blitzer-dem-hr-verkehr-melden-v1,stau-blitzer-melden-100.html" 531class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 532data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' 533> 534Werden Sie hr-Staureporter! </a> 535</li></ul> </div> 536</div> 537</button> 538</li> 539 </ul> 540</div> 541<div 542x-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" 543:class="$store.searchFieldOpen == true ? 'bg-white mt-2 rounded-t md:mt-0 md:rounded-none' : 'bg-navigation-bg'" 544> 545<button 546@click="$store.searchFieldOpen = ! $store.searchFieldOpen; dropped = false; $store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen)" 547@click.debounce.100ms="$dispatch('burger-close'); $dispatch('search-mobile-click'); $dispatch('close-servicemenu');" 548class="h-full cursor-pointer text-navigation-text md:px-4 lg:hidden" 549x-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')" 550> 551<svg 552x-show="$store.searchFieldOpen == false" 553class="h-5 fill-current text-navigation-text w-9" 554xmlns="http://www.w3.org/2000/svg" 555viewBox="0 0 20 20" 556x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == true)" 557> 558<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> 559</svg> 560<svg 561x-show="$store.searchFieldOpen == true" 562class="h-6 fill-current w-9 text-primary" 563xmlns="http://www.w3.org/2000/svg" 564viewBox="0 0 20 20" 565x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == false)" 566> 567<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> 568</svg> 569</button> 570</div> <div class="hidden lg:flex"> 571<form 572x-data="searchSuggest()" 573role="search" 574action="https://www.hr-inforadio.de/suche/index.nc.html" 575method="get" 576class="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" 577> 578<div 579class="flex lg:h-10 w-full" 580id="search-content" 581@click.away="active=false; cursorIndex=-1" 582@keydown.arrow-down="moveDownList()" 583@keydown.arrow-up="moveUpList()" 584> 585<label for="searchInput--9460" class="hidden">suchfeld</label> 586<input 587@input.debounce="getSuggestionsForInput();cursorIndex=-1" 588@click="active=true" 589name="query" 590x-model="query" 591placeholder='Suchen' 592class="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" 593type="text" 594id="searchInput--9460" 595autocomplete="off" 596role="combobox" 597aria-haspopup="listbox"
598aria-autocomplete="list" 599x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" 600aria-owns="suggestionlist--9460" 601aria-controls="suggestionlist--9460" 602> 603<div 604class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" 605x-show="query.length > 1 && active && suggestions.length" 606x-cloak 607x-transition:leave="transition ease-in duration-100" 608x-transition:leave-start="opacity-100" 609x-transition:leave-end="opacity-0" 610> 611<ul 612role="listbox" 613id="suggestionlist--9460" 614aria-label="Suche öffnen" 615x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" 616class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" 617x-ref="list" 618> 619<template x-for="(suggestion, index) in suggestions" :key="index"> 620<li class="first-of-type:border-none"> 621<a 622x-bind:active="false" 623x-bind:href="'https://www.hr-inforadio.de/suche/index.nc.html?query=' + suggestion" 624x-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 }" 625> 626<span x-text="suggestion"></span> 627</a> 628</li> 629</template> 630</ul> 631</div> 632</div> 633<button 634aria-label='Suche starten' 635type="submit" 636class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> 637<svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" 638><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> 639</svg> </button> 640</form>
641<script type="text/javascript"> 642function searchSuggest() { 643return { 644active:true, 645cursorIndex: -1, 646query: "", 647suggestions: [], 648getSuggestionsForInput() { 649suggestionDataUrl = 'https://www.hr-inforadio.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; 650fetch(suggestionDataUrl) 651.then((res) =>{ return res.text()}) 652.then((data) => { 653data = JSON.parse(data.replace(/"/g, '"')) 654data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) 655this.suggestions= this.filterSortbylength(data.solrSuggestions) 656}); 657}, 658filterStartwith(data, query) { 659return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) 660}, 661filterSortbylength(data) { 662return data.sort((a, b) => a.length - b.length) 663}, 664moveDownList() { 665if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) 666{ 667this.cursorIndex++; 668this.query = this.suggestions[this.cursorIndex]; 669} 670}, 671moveUpList() { 672if (this.suggestions.length > 0 && this.cursorIndex > 0) 673{ 674this.cursorIndex--; 675this.query = this.suggestions[this.cursorIndex]; 676} 677}, 678}; 679} 680</script>
680 </div> 681<div id="burgerWrapper" 682class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden"> 683<div x-data="burger()" class="flex items-center justify-center h-full fill-current sb-burger"> 684<nav class="h-10 tablet:h-12"> 685<button 686class="relative w-10 h-10 text-navigation-text tablet:w-18 tablet:h-12 focus:outline-none bg-brand" 687@burger-close.window="burgerClose()" 688@click="burgerClick()" 689aria-owns="sectionNav" 690aria-controls="sectionNav" 691x-effect="$el.setAttribute('aria-expanded', $store.burgeropen);$el.setAttribute('aria-label', $store.burgeropen ? 'Navigation schlieÃen' : 'Navigation öffnen')" 692> 693<span class="sr-only md:hidden">Open main menu</span> 694<div class="absolute block w-6 -mt-px transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2"> 695<span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current -mt-2" :class="{'rotate-45': $store.burgeropen, '-mt-2': ! $store.burgeropen }"></span> 696<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> 697<span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current mt-2" :class="{'-rotate-45': $store.burgeropen, 'mt-2': ! $store.burgeropen }"></span> 698</div> 699</button> 700</nav> 701</div>
702<script> 703var burger = () => { 704return { 705burgerClose(){ 706this.$store.burgeropen = false 707this.$dispatch('toggle-sectionnav', false); 708}, 709burgerClick(){ 710this.$store.serviceNavIsOpen = false 711this.$store.burgeropen = !this.$store.burgeropen 712this.$dispatch('toggle-sectionnav', this.$store.burgeropen); 713// Todo: not doing anything! can be removed? 714// this.percent > 50 ? this.removeYtranslate() : null; 715this.toggleScrolling(!this.$store.burgeropen) 716}, 717removeYtranslate(){ 718// Todo: not doing anything! can be removed? 719//this.$refs.serviceList.classList.remove('-mt-40'); 720//this.$refs.sectionnavigation.classList.remove('-mt-40') 721} 722} 723} 724</script>
724 725</div> 726</div> 727</div> </div> 728<div id="sectionNavWrapper" 729x-ref="sectionnavigation" 730@toggle-sectionnav.window="toggleSectionNav" 731:class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''" 732class="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 " 733> 734<div 735id="sectionNav" 736class="w-full px-0 mt-10 sb-section-navigation md:mt-0 lg:grid-cols-12 lg:px-10 lg:col-main " 737x-effect="$el.setAttribute('aria-expanded', $store.burgeropen || $screen('lg')); $el.setAttribute('aria-hidden', ! ($store.burgeropen || $screen('lg')))" 738> 739<div x-data="slider()" 740x-init="initialize($refs.scrollContainer_9460)" 741class="relative w-full" 742ax-load 743x-ignore 744> 745<template x-if="isScrollable && $screen('lg')"> 746<div> 747<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_9460)" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" > 748<svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" 749><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> 750</svg> </button> 751<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_9460)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true"> 752<svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" 753><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> 754</svg> </button> 755</div> 756</template> 757<div x-ref="scrollContainer_9460" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> 758<div class="flex w-full"> 759<span id="sectionNavHeadline" class="hidden">Bereichsnavigation</span> 760<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"> 761<li x-data="dropdown" 762@click.outside="dropped = false" 763@close-servicemenu.window="dropped = false" 764:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 765class="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"> 766<a href="https://www.hr-inforadio.de/index.html" 767class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 768aria-label="Startseite hr-inforadio" 769data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Start-Link geklickt"}]}' 770x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 771> 772Start<span class="sr-only">hr-inforadio</span> 773</a> 774</li> 775 776<li x-data="dropdown" 777@click.outside="dropped = false" 778@close-servicemenu.window="dropped = false" 779:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 780class="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:rou
780nded-t"> 781<a href="https://www.hr-inforadio.de/programm/index.html" 782id="button-0-1" 783@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()" 784@resize.window="dropped=false; correctFlyoutPos()" 785:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'" 786class="js-dropdown-in-desktop js-noStateManager link-focus-inset js-load pl-5 pr-8 lg:pl-4 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" 787aria-haspopup="true" 788x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 789aria-owns="flyout-0" 790aria-controls="flyout-0" 791aria-labelledby="flyout-0-1" 792data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Programm-Toggle-Link geklickt"}]}' 793> 794Programm<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex"> 795<div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''"> 796<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 797><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 798</svg> </div> 799</div> 800</a> 801<button 802@click.debounce.100ms="toggle()" 803id="button-0-1" 804class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" 805aria-haspopup="true" 806x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" 807aria-owns="flyout-0" 808aria-controls="flyout-0" 809aria-labelledby="flyout-0-1" 810data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Programm-Toggle-Link geklickt"}]}'> 811<span class="hidden">Programm</span> 812<div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''"> 813<svg class="sb-icon w-4 h-2 fill-current " role="presentation" aria-hidden="true" 814><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 815</svg> </div> 816</button> 817<div x-cloak 818x-data="flyoutHandler" 819x-ref="0" 820id="flyout-0" 821@resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" 822x-show="dropped" 823x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" 824class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out 825hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 826lg:rounded-b lg:px-4 lg:absolute" 827aria-labelledby="flyout-0-1" 828x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" 829> 830<div class="w-full"> 831<div class="hidden lg:flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> 832<a href="https://www.hr-inforadio.de/programm/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Programm::Ãbersicht Programm-Link geklickt"}]}' > 833Ãbersicht Programm 834</a> 835</div> 836</div> 837<div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> 838<ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" 839class="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.ardsounds.de/sendung/hr-info-das-thema/urn:ard:show:1679415214818bbe/" 840class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 841data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::audiothek-das-thema-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 842data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubN
842avInRubrikNav::Programm-Link geklickt"}]}' 843> 844Das Thema<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 845><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 846</svg> </a> 847</li><li :class="dropped ? 'h-auto' : 'h-10'" 848class="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.ardsounds.de/sendung/der-tag-ein-thema-viele-perspektiven/urn:ard:show:cd24ec031ec87a00/" 849class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 850data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::dertag-audiothek-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 851data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 852> 853Der Tag<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 854><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 855</svg> </a> 856</li><li :class="dropped ? 'h-auto' : 'h-10'" 857class="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-inforadio.de/frequenzen/frequenzen-v1,hr-info-frequenzen-100.html" 858class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 859data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 860> 861So hören Sie uns! </a> 862</li><li :class="dropped ? 'h-auto' : 'h-10'" 863class="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-inforadio.de/programm/moderation/index.html" 864class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 865data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 866> 867Unsere Stimmen </a> 868</li></ul> </div> 869</div> 870</li> 871 872<li x-data="dropdown" 873@click.outside="dropped = false" 874@close-servicemenu.window="dropped = false" 875:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 876class="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"> 877<a href="https://www.ardsounds.de/radio/hr/hr-info/" 878class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 879data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Podcasts-Link geklickt"}]}' 880x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 881> 882Podcasts 883</a> 884</li> 885 886<li x-data="dropdown" 887@click.outside="dropped = false" 888@close-servicemenu.window="dropped = false" 889:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 890class="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:rou
890nded-t"> 891<a href="https://www.hr-inforadio.de/veranstaltungen/index.html" 892class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 893data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Veranstaltungen-Link geklickt"}]}' 894x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 895> 896Veranstaltungen 897</a> 898</li> 899 900<li x-data="dropdown" 901@click.outside="dropped = false" 902@close-servicemenu.window="dropped = false" 903:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 904class="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"> 905<a href="https://www.hr-inforadio.de/kontakt/index.html" 906class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 907data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Kontakt-Link geklickt"}]}' 908x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 909> 910Kontakt 911</a> 912</li> 913 914<li x-data="dropdown" 915@click.outside="dropped = false" 916@close-servicemenu.window="dropped = false" 917:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 918class="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"> 919<a href="https://www.ardsounds.de/radio/hr/hr-info/" 920class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 921data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::ARD Sounds-Link geklickt"}]}' 922x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 923> 924ARD Sounds 925</a> 926</li> 927 928</ul> 929</div> 930</div> 931</div> 932</div> 933</div> 934<div x-cloak :class="shouldServiceNavBeHidden() ? 'hidden -mt-40' : ''" 935x-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')" 936x-show="$store.searchFieldOpen" 937class="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" 938@search-close.window="$store.searchFieldOpen = false" 939@click.outside="$store.searchFieldOpen = false; $dispatch('search-mobile-click-outside'); dropped = false; toggleScrolling(!$store.serviceNavIsOpensearchFieldOpen && !$store.burgeropen)" 940x-transition:enter="transition ease-out duration-200" 941x-transition:enter-start="opacity-0 transform scale-y-90" 942x-transition:enter-end="opacity-100 transform scale-y-100" 943x-transition:leave="transition ease-in duration-100" 944x-transition:leave-start="opacity-100 transform scale-y-100" 945x-transition:leave-end="opacity-0 transform scale-y-90"> 946<form 947x-data="searchSuggest()" 948role="search" 949action="https://www.hr-inforadio.de/suche/index.nc.html" 950method="get" 951class="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" 952> 953<div 954class="flex lg:h-10 w-full" 955id="search-content" 956@click.away="active=false; cursorIndex=-1" 957@keydown.arrow-down="moveDownList()" 958@keydown.arrow-up="moveUpList()" 959> 960<label for="searchInput--1277" class="hidden">suchfeld</label> 961<input 962@input.debounce="getSuggestionsForInput();cursorIndex=-1" 963@click="active=true" 964name="query" 965x-model="query" 966placeholder='Suchen' 967class="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" 968type="text" 969id="searchInput--1277" 970autocomplete="off" 971role="combobox" 972aria-haspopup="listbox"
973aria-autocomplete="list" 974x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" 975aria-owns="suggestionlist--1277" 976aria-controls="suggestionlist--1277" 977> 978<div 979class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" 980x-show="query.length > 1 && active && suggestions.length" 981x-cloak 982x-transition:leave="transition ease-in duration-100" 983x-transition:leave-start="opacity-100" 984x-transition:leave-end="opacity-0" 985> 986<ul 987role="listbox" 988id="suggestionlist--1277" 989aria-label="Suche öffnen" 990x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" 991class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" 992x-ref="list" 993> 994<template x-for="(suggestion, index) in suggestions" :key="index"> 995<li class="first-of-type:border-none"> 996<a 997x-bind:active="false" 998x-bind:href="'https://www.hr-inforadio.de/suche/index.nc.html?query=' + suggestion" 999x-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 }" 1000> 1001<span x-text="suggestion"></span> 1002</a> 1003</li> 1004</template> 1005</ul> 1006</div> 1007</div> 1008<button 1009aria-label='Suche starten' 1010type="submit" 1011class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> 1012<svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" 1013><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> 1014</svg> </button> 1015</form>
1016<script type="text/javascript"> 1017function searchSuggest() { 1018return { 1019active:true, 1020cursorIndex: -1, 1021query: "", 1022suggestions: [], 1023getSuggestionsForInput() { 1024suggestionDataUrl = 'https://www.hr-inforadio.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; 1025fetch(suggestionDataUrl) 1026.then((res) =>{ return res.text()}) 1027.then((data) => { 1028data = JSON.parse(data.replace(/"/g, '"')) 1029data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) 1030this.suggestions= this.filterSortbylength(data.solrSuggestions) 1031}); 1032}, 1033filterStartwith(data, query) { 1034return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) 1035}, 1036filterSortbylength(data) { 1037return data.sort((a, b) => a.length - b.length) 1038}, 1039moveDownList() { 1040if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) 1041{ 1042this.cursorIndex++; 1043this.query = this.suggestions[this.cursorIndex]; 1044} 1045}, 1046moveUpList() { 1047if (this.suggestions.length > 0 && this.cursorIndex > 0) 1048{ 1049this.cursorIndex--; 1050this.query = this.suggestions[this.cursorIndex]; 1051} 1052}, 1053}; 1054} 1055</script>
1055 1056</div> 1057</div> 1058</header> 1059<div class="justify-center hidden w-full scale-50 brand-logo_print print:flex"> 1060<img loading="lazy" 1061alt="Startseite hr-inforadio.de" 1062src="https://www.hr-inforadio.de/assets_4.49.0/base/icons/rsslogo/brandlogo--rss.jpg" 1063/> 1064</div> 1065<div x-ref="myOverlay"> 1066<div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" 1067class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-100 lg:hidden opacity-70"></div> 1068</div> 1069</div> 1070<main onclick="void(0)" role="main" id="content" 1071class="contentBody js-main js-load z-0 contentBody__backgroundImage" 1072data-hr-init-service-worker='{"swUrl":"https://www.hr-inforadio.de/sw.js","assetRoot":"https://www.hr-inforadio.de/assets_4.49.0/"}'> 1073<header class="page__header flex flex-col"> 1074<div class="grid grid-page print:hidden order-1 z-10"> 1075<div class="col-full sm:col-main bg-white py-3"> 1076<nav id="breadcrumb-nav" class="print:hidden px-5 lg:px-10 inline-block bg-white rounded-r hide-last-item-below-sm" 1077role="navigation" 1078aria-label="Sie sind hier: " 1079> 1080<ul> 1081 <li class="inline"> 1082<h1 class="inline sr-only sm:not-sr-only"> 1083<a href="https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html" class="ds-link py-2 text-link font-copy text-xs hover:underline">hr INFO in ARD Sounds: Livestream, Verkehr und News </a> 1084</h1> 1085</li> 1086</ul> 1087</nav> </div> 1088</div> 1089 1090</header><div class="grid grid-page"> 1091<article class="grid items-start bg-white dark:bg-black grid-article"> 1092<div class="items-start article-full-width grid grid-article relative"> 1093<div class="absolute w-full h-full -z-10" x-ref="scroll_depth_container" ax-load x-data="measureScrollDepth()" x-ignore> 1094<div data-scroll-depth="0%" x-ref="scroll_depth_0" class="w-full h-1/4"></div> 1095<div data-scroll-depth="25%" x-ref="scroll_depth_25" class="w-full h-1/4"></div> 1096<div data-scroll-depth="50%" x-ref="scroll_depth_50" class="w-full h-1/4"></div> 1097<div data-scroll-depth="75%" x-ref="scroll_depth_75" class="w-full h-1/4"></div> 1098<div data-scroll-depth="100%" x-ref="scroll_depth_100" class="w-full h-px"></div> 1099</div> 1100<header class="mt-1 sm:mt-8"> 1101<h2> 1102<span class="block mb-2 text-base sm480:text-xl font-heading dark:text-text-dark">Mit Livestream, News, und Verkehr</span> 1103<span class="text-3xl ui-test-story-title font-headingSerif sm480:text-4xl dark:text-text-dark">Auch unterwegs immer informiert - mit hr INFO in der ARD Sounds App</span> 1104</h2> 1105</header> 1106<p class="hrds-shorttext font-bold mt-3 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">Mit der ARD Sounds-App haben Sie hr INFO auch unterwegs immer dabei. Sie bekommen die wichtigsten Nachrichten - von der Weltpolitik bis zu Ereignissen in Ihrer Region. Und im Livestream können Sie bis zu vier Stunden zurückspulen und bleiben immer auf dem Laufenden!</p> 1107<aside class="hrds-metadata-box clear-both mt-4 border-y border-gray-scorpion [&+.hrds-shorttext]:mt-5 dark:border-text-dark sm:mt-5"> 1108<div class="flex clear-both w-full my-4 sm:my-4"> 1109<div class="self-center"> 1110</div> 1111<div 1112x-data="socialSharingHandler('metadatabox')" 1113x-init="initBrowserDetection(); $watch('$store.sharingIsVisible', () => {$store.sharingIsOpen.metadatabox = false; $store.sharingIsOpen.mobilesticky = false})" 1114class="flex self-center justify-end ml-3 print:hidden grow" 1115x-intersect:leave="$store.sharingIsVisible=false" 1116x-intersect:enter="$store.sharingIsVisible=true" 1117x-on:resize.window="$store.sharingIsOpen.metadatabox = false" 1118x-on:keydown.escape.prevent.stop="close()" 1119@click.outside="close()" 1120ax-load 1121x-ignore 1122> 1123<div class="relative right-0 flex gap-3 bg-white md:h-auto" > 1124<button 1125class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden" 1126x-ref="button" 1127x-on:click="toggle()" 1128:aria-expanded="open" 1129:aria-controls="$id('dropdown-button')" 1130aria-label="Artikel teilen" 1131x-show="$store.sharingIsVisible" 1132x-intersect="sharingModuleShown()" 1133> 1134<svg class="sb-icon w-5 h-5 fill-current group-hover:fill-link--dark " role="presentation" aria-hidden="true" 1135><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#sharing"></use> 1136</svg> </button> 1137<div 1138x-ref="panel" 1139:class="{ 'hidden': !$store.sharingIsOpen.metadatabox,'flex': $store.sharingIsOpen.metadatabox }" 1140:id="$id('dropdown-button')"
1141class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex" 1142x-intersect="sharingModuleShown(true)" 1143> 1144<ul class="flex gap-3"> 1145<li class="relative"> 1146<button 1147x-on:click="copyToClipboard('https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html')" 1148class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1149title="In die Zwischenablage kopieren" 1150data-url="https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html" 1151data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::metadatabox::copybutton"}]}' 1152> 1153<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess"><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1154><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#copy-ds"></use> 1155</svg></span> 1156<span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess"><svg class="sb-icon w-full h-full text-green-600 " role="presentation" aria-hidden="true" 1157><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#status-done"></use> 1158</svg></span> 1159</button> 1160<div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark"> 1161Link kopiert! 1162</div> 1163</li> 1164<li class=""> 1165<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1166href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html" 1167target="_blank" 1168rel="noopener noreferrer" 1169title="Bei Facebook teilen" 1170data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::metadatabox::facebook"}]}' 1171><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1172><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use> 1173</svg></a> 1174</li> 1175<li class=""> 1176<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1177href="https://api.whatsapp.com/send?text=hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20-%20https%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html" 1178target="_blank" 1179rel="noopener noreferrer" 1180title="Bei Whatsapp teilen" 1181data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::metadatabox::whatsapp"}]}' 1182><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1183><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use> 1184</svg></a> 1185</li> 1186<li class=""> 1187<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1188href="mailto:?subject=Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20%28hr-inforadio.de%29&body=Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%0AMit%20der%20ARD%20Sounds-App%20haben%20Sie%20hr%20INFO%20auch%20unterwegs%20immer%20dabei.%20Sie%20bekommen%20die%20wichtigsten%20Nachrichten%20-%20von%20der%20Weltpolitik%20bis%20zu%20Ereignissen%20in%20Ihrer%20Region.%20Und%20im%20Livestream%20k%C3%B6nnen%20Sie%20bis%20zu%20vier%20Stunden%20zur%C3%BCckspulen%20und%20bleiben%20immer%20auf%20dem%20Laufenden%21%0Ahttps%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html%0A%28Beitrag%20von%20hr-inforadio.de%29" 1189title="Per E-Mail versenden" 1190data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::metadatabox::mailto"}]}' 1191><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1192><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> 1193</svg></a> 1194</li> 1195</ul> 1196</div> 1197</div> 1198</div> 1199</div> 1200</aside> 1201<figure class="relative article-full-width md:article-breakout mt-5 sm:mt-7 "> 1202<div class="ar-16-9"> 1203<img 1204sizes="(min-width: 1024px) 940px, (min-width: 768px) calc(68.67vw + 198px), 100vw" fetchpriority="high" 1205srcset="https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9__small.jpg 320w, https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9__medium.jpg 480w, https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9__medium__extended.jpg 640w, https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9.jpg 960w, https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9__retina.jpg 1920w" 1206src="https://www.hr-inforadio.de/app/app-sounds-100~_t-1784206867331_v-16to9__medium.jpg" 1207alt="hr INFO in ARD Sounds, Frau mit Handy und Kopfhörern und rechts daneben ein groÃes Telefon mit der Wellenheimat hr Info" 1208class="w-full"></div> 1209<figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif mx-5 md:mx-0" 1210x-data="{ 1211open: false, 1212truncated: true, 1213init() { 1214this.$nextTick(() => { 1215if (this.$refs.caption.scrollHeight === this.$refs.caption.clientHeight) { 1216this.truncated = false;
1217} 1218}); 1219} 1220}" 1221@resize.window="open = false; $refs.caption.scrollHeight === $refs.caption.clientHeight ? truncated = false : truncated = true"> 1222<div class="dark:text-text-dark overflow-anywhere hyphens-auto" x-ref="caption" 1223:class="!open ? 'line-clamp-2' : 'line-clamp-none'" > 1224<span class="text-gray-scorpion dark:text-text-dark">Bild © Adobe Stock, hr</span> </div> 1225<template x-if="truncated"> 1226<button x-cloak 1227type="button" 1228x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schlieÃen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')" 1229> 1230<span x-show="!open" @click.prevent="open = true"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" 1231><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 1232</svg></span> 1233<span x-show="open" @click.prevent="open = false"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" 1234><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> 1235</svg></span> 1236</button> 1237</template> 1238</figcaption> 1239</figure> 1240<div 1241x-init="" 1242class="print:hidden hidden top-0 sticky w-10 col-start-2 pt-6 z-100 h-fit" 1243x-data="socialSharingHandler('vertical-desktop')" 1244x-intersect="sharingModuleShown()" 1245ax-load 1246x-ignore 1247x-cloak 1248> 1249<div 1250class="relative right-0 p-1 bg-white md:h-auto"> 1251<ul class="flex flex-col gap-3"> 1252<li class="relative"> 1253<button 1254x-on:click="copyToClipboard('https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html')" 1255class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1256title="In die Zwischenablage kopieren" 1257data-url="https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html" 1258data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::vertical-desktop::copybutton"}]}' 1259> 1260<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess"><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1261><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#copy-ds"></use> 1262</svg></span> 1263<span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess"><svg class="sb-icon w-full h-full text-green-600 " role="presentation" aria-hidden="true" 1264><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#status-done"></use> 1265</svg></span> 1266</button> 1267<div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark"> 1268Link kopiert! 1269</div> 1270</li> 1271<li class=""> 1272<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1273href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html" 1274target="_blank" 1275rel="noopener noreferrer" 1276title="Bei Facebook teilen" 1277data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::vertical-desktop::facebook"}]}' 1278><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1279><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use> 1280</svg></a> 1281</li> 1282<li class=""> 1283<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1284href="https://api.whatsapp.com/send?text=hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20-%20https%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html" 1285target="_blank" 1286rel="noopener noreferrer" 1287title="Bei Whatsapp teilen" 1288data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::vertical-desktop::whatsapp"}]}' 1289><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1290><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use> 1291</svg></a> 1292</li> 1293<li class=""> 1294<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1295href="mailto:?subject=
1295Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20%28hr-inforadio.de%29&body=Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%0AMit%20der%20ARD%20Sounds-App%20haben%20Sie%20hr%20INFO%20auch%20unterwegs%20immer%20dabei.%20Sie%20bekommen%20die%20wichtigsten%20Nachrichten%20-%20von%20der%20Weltpolitik%20bis%20zu%20Ereignissen%20in%20Ihrer%20Region.%20Und%20im%20Livestream%20k%C3%B6nnen%20Sie%20bis%20zu%20vier%20Stunden%20zur%C3%BCckspulen%20und%20bleiben%20immer%20auf%20dem%20Laufenden%21%0Ahttps%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html%0A%28Beitrag%20von%20hr-inforadio.de%29" 1296title="Per E-Mail versenden" 1297data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::vertical-desktop::mailto"}]}' 1298><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1299><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> 1300</svg></a> 1301</li> 1302</ul> 1303</div> 1304</div> 1305<div class="mt-2 hrds-copytext contents sm:block copytextWrapper"> 1306<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">ARD Sounds ist die neue Audioplattform der ARD â mit Nachrichten, Podcasts, Hörbüchern und Live-Events. Eine ganze Welt zum Hören. Und natürlich ist auch hr INFO dabei. Die ARD Sounds App gibt es kostenlos für Android-Smartphones und iPhones.</p> 1307<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto [&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-6 mb-2 [&:has(+h2)]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-8 hrds-copytext__box"> 1308<span class="sr-only">Weitere Informationen</span> <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">Jetzt installieren:</h3> 1309<ul class=" mt-4 overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark"><li><a class="hrds-copytext__link js-load " target="_blank" href="https://kurz.ard.de/hr-info-ardsounds-ios" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hrinfo-in-ard-sounds-ios-100 geklickt"}]}'><strong>hr INFO in der ARD Sounds App <span class="whitespace-nowrap">(iOS)</strong><svg class="sb-icon hrds-copytext__icon" role="presentation"><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use></svg></span></a></li><li><a class="hrds-copytext__link js-load " target="_blank" href="https://kurz.ard.de/hr-info-ardsounds-android" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hrinfo-in-ard-sounds-android-100 geklickt"}]}'><strong>hr INFO in der ARD Sounds App <span class="whitespace-nowrap">(Android)</strong><svg class="sb-icon hrds-copytext__icon" role="presentation"><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use></svg></span></a></li></ul> 1310<span class="sr-only">Ende der weiteren Informationen</span> 1311</div> <figure class="relative mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"> 1312<img 1313sizes="(min-width: 768px) 728px, (min-width: 640px) calc(71.11vw + 145px), 100vw" loading="lazy" 1314srcset="https://www.hr-inforadio.de/app/hrinfo-app-sounds-102~_t-1785744297182_v-16toX__small.png 320w, https://www.hr-inforadio.de/app/hrinfo-app-sounds-102~_t-1785744297182_v-16toX__medium.png 480w, https://www.hr-inforadio.de/app/hrinfo-app-sounds-102~_t-1785744297182_v-16toX.png 960w, https://www.hr-inforadio.de/app/hrinfo-app-sounds-102~_t-1785744297182_v-16toX__retina.png 1920w" 1315src="https://www.hr-inforadio.de/app/hrinfo-app-sounds-102~_t-1785744297182_v-16toX__medium.png" 1316alt="hr INFO Podcasts in ARD Sounds" 1317class="w-full"> 1318<figcaption class="flex items-start mt-3 sm:mt-4 text-xs sm480:text-sm font-headingSerif mx-5 sm:mx-0" 1319x-data="{ 1320open: false, 1321truncated: true, 1322init() { 1323this.$nextTick(() => { 1324if (this.$refs.caption.scrollHeight === this.$refs.caption.clientHeight) { 1325this.truncated = false;
1326} 1327}); 1328} 1329}" 1330@resize.window="open = false; $refs.caption.scrollHeight === $refs.caption.clientHeight ? truncated = false : truncated = true"> 1331<div class="dark:text-text-dark overflow-anywhere hyphens-auto" x-ref="caption" 1332:class="!open ? 'line-clamp-2 md:line-clamp-none' : 'line-clamp-none'" > 1333<span class="pr-3"> 1334Alle Podcasts auf einen Blick 1335</span><span class="text-gray-scorpion dark:text-text-dark">Bild © hr INFO</span> </div> 1336<template x-if="truncated"> 1337<button x-cloak 1338type="button" 1339x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schlieÃen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')" 1340> 1341<span x-show="!open" @click.prevent="open = true"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" 1342><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 1343</svg></span> 1344<span x-show="open" @click.prevent="open = false"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" 1345><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> 1346</svg></span> 1347</button> 1348</template> 1349</figcaption> 1350</figure> 1351<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"><strong>hr INFO in ARD Sounds auf dem Homescreen speichern</strong><br/><br/>Einfach hr INFO als Startseite von ARD Sounds festlegen â so kommen Sie vom Homescreen direkt zu hr INFO und finden neben unserem Livestream auch aktuelle News.</p> 1352<figure class="relative mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"> 1353<img 1354sizes="(min-width: 768px) 728px, (min-width: 640px) calc(71.11vw + 145px), 100vw" loading="lazy" 1355srcset="https://www.hr-inforadio.de/app/hrinfo-app-startseite-100~_t-1785744435538_v-16toX__small.png 320w, https://www.hr-inforadio.de/app/hrinfo-app-startseite-100~_t-1785744435538_v-16toX__medium.png 480w, https://www.hr-inforadio.de/app/hrinfo-app-startseite-100~_t-1785744435538_v-16toX.png 960w, https://www.hr-inforadio.de/app/hrinfo-app-startseite-100~_t-1785744435538_v-16toX__retina.png 1920w" 1356src="https://www.hr-inforadio.de/app/hrinfo-app-startseite-100~_t-1785744435538_v-16toX__medium.png" 1357alt="hr INFO in ARD Sounds" 1358class="w-full"> 1359<figcaption class="flex items-start mt-3 sm:mt-4 text-xs sm480:text-sm font-headingSerif mx-5 sm:mx-0" 1360x-data="{ 1361open: false, 1362truncated: true, 1363init() { 1364this.$nextTick(() => { 1365if (this.$refs.caption.scrollHeight === this.$refs.caption.clientHeight) { 1366this.truncated = false; 1367} 1368}); 1369} 1370}" 1371@resize.window="open = false; $refs.caption.scrollHeight === $refs.caption.clientHeight ? truncated = false : truncated = true"> 1372<div class="dark:text-text-dark overflow-anywhere hyphens-auto" x-ref="caption" 1373:class="!open ? 'line-clamp-2 md:line-clamp-none' : 'line-clamp-none'" > 1374<span class="pr-3"> 1375Mit einem Klick hr INFO als Startseite festlegen. 1376</span><span class="text-gray-scorpion dark:text-text-dark">Bild © hr INFO</span> </div> 1377<template x-if="truncated"> 1378<button x-cloak 1379type="button" 1380x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schlieÃen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')" 1381> 1382<span x-show="!open" @click.prevent="open = true"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" 1383><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 1384</svg></span> 1385<span x-show="open" @click.prevent="open = false"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" 1386><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> 1387</svg></span> 1388</button> 1389</template> 1390</figcaption> 1391</figure> 1392<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"><strong>News</strong> <br/><br/>Sie bekommen in der App die aktuellen Nachrichten von tagesschau, hessensch
1392au und sportschau auf einen Blick.</p> 1393<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"><strong>Aktuelle Verkehrsnachrichten</strong><br/><br/>Neben Staus auf den StraÃen bekommen auch die Nutzer<strong> </strong>öffentlicher Verkehrsmittel auch die Störungsmeldungen der Verkehrsverbünde RMV und NVV angezeigt.</p> 1394<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"><strong>Die Funktionen im Ãberblick<br/><br/></strong></p> 1395<ul class="hrds-copytext__paragraph pl-9 mt-4 sm:mt-5 overflow-hidden text-lg leading-normal list-disc sm480:text-xl lg:leading-7.5 dark:text-text-dark"><li>Im hr INFO-Radio-Livestream bis zu vier Stunden zurückspringen</li><li>Nachrichten und Verkehrsmeldungen mit nur einem Klick nachhören und nachlesen</li><li>Neue Podcasts mit Empfehlungen der Redaktion entdecken</li><li>ARD Sounds öffnen und direkt zu hr INFO springen</li></ul> 1396<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"><strong>Systemanforderungen</strong><br/><br/>Die ARD Sounds App läuft auf allen Smartphones mit den Betriebssystem Android 7.0 und iOS 18.0 oder höher.</p> 1397<h2 class="clear-both mt-12 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif sm480:mt-14 dark:text-text-dark"></h2> 1398</div> 1399</div><footer class="flex flex-col mt-12 sm:mt-14 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif"> 1400<p>Quelle: hr INFO</p> 1401</footer><aside class="mt-12 sm:mt-14"></aside> 1402</article> 1403</div> 1404<div class="grid grid-page"> 1405<div class="grid items-start bg-white dark:bg-black grid-article"> 1406<div class="mb-10 article-full-width sm:article-narrow md:article-breakout"><aside class="grid mt-12 print:hidden grid-page"> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 "> 1407<h4 class="text-2xl justifyLine col-span-full py-0 font-title headline-barrier">Das könnte Sie auch interessieren</h4> 1408<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 js-load gap-x-6" 1409data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Related-Content geklickt"}]}' 1410><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" 1411x-data="{ avStart: false }" 1412:class="avStart ? 'flex-col' : 'flex-row'" 1413> 1414<figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > 1415<div class="relative ar-1-1 md:ar-16-9"> 1416<picture class=""> 1417<source media="(max-width: 767px)" 1418sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1419srcset="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__xsmall.jpg 260w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__small.jpg 380w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1.jpg 720w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__large.jpg 960w"> 1420<source media="(min-width: 768px)" 1421sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1422srcset="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__small.jpg 320w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium__extended.jpg 640w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9.jpg 960w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__retina.jpg 1920w"> 1423<img class="w-full" loading="lazy" src="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium.jpg" alt="Podcast aktuell"> 1424</picture> 1425</div> 1426</figure> 1427<div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> 1428<header> 1429<a href="https://www.hr-inforadio.de/sendezeiten/aktuell-,epg-do-15638.html" 1430class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1431> 1432<div class="leading-5.5 text-byline"> 1433<span 1434class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading 1435bg-labelProgram' 1436> 1437Sendung 1438</span>
1438 <span class='text-xs text-inherit font-headingSerif ml-2'> 1439<time datetime='2026-10-08T16:00+0200'> 1440Do. 08.10.26, 16:00 Uhr 1441</time> 1442</span> 1443 </div> 1444<h5 class="overflow-anywhere hyphens-auto"> 1445<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Aktuell </span> </h5> 1446</a> 1447</header> 1448<div class="sm:px-0"> 1449<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> 1450<span>Sendezeiten</span> <span class="mx-1 last-of-type:hidden">|</span> </p> 1451</div> 1452</div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" 1453x-data="{ avStart: false }" 1454:class="avStart ? 'flex-col' : 'flex-row'" 1455> 1456<figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > 1457<div class="relative ar-1-1 md:ar-16-9"> 1458<picture class=""> 1459<source media="(max-width: 767px)" 1460sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1461srcset="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__xsmall.jpg 260w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__small.jpg 380w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1.jpg 720w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__large.jpg 960w"> 1462<source media="(min-width: 768px)" 1463sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1464srcset="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__small.jpg 320w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium__extended.jpg 640w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9.jpg 960w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__retina.jpg 1920w"> 1465<img class="w-full" loading="lazy" src="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium.jpg" alt="Podcast aktuell"> 1466</picture> 1467</div> 1468</figure> 1469<div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> 1470<header> 1471<a href="https://www.hr-inforadio.de/sendezeiten/aktuell-,epg-do-15636.html" 1472class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1473> 1474<div class="leading-5.5 text-byline"> 1475<span 1476class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading 1477bg-labelProgram' 1478> 1479Sendung 1480</span> <span class='text-xs text-inherit font-headingSerif ml-2'> 1481<time datetime='2026-10-08T12:00+0200'> 1482Do. 08.10.26, 12:00 Uhr 1483</time> 1484</span> 1485 </div> 1486<h5 class="overflow-anywhere hyphens-auto"> 1487<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Aktuell </span> </h5> 1488</a> 1489</header> 1490<div class="sm:px-0"> 1491<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> 1492<span>Sendezeiten</span> <span class="mx-1 last-of-type:hidden">|</span> </p> 1493</div> 1494</div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" 1495x-data="{ avStart: false }" 1496:class="avStart ? 'flex-col' : 'flex-row'" 1497> 1498<figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > 1499<div class="relative ar-1-1 md:ar-16-9"> 1500<picture class=""> 1501<source media="(max-width: 767px)" 1502sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1503srcset="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__xsmall.jpg 260w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__small.jpg 380w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1.jpg 720w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__large.jpg 960w"> 1504<source media="(min-width: 768px)" 1505sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1506srcset="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__small.jpg 320w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium__extended.jpg 640w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9.jpg 960w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__retina.jpg 1920w"> 1507<img class="w-full" loading="lazy" src="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium.jpg" alt="Podcast aktuell"> 1508</picture> 1509</div> 1510</figure> 1511<div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> 1512<header> 1513<a href="https://www.hr-inforadio.de/sendezeiten/aktuell-,epg-do-15634.html" 1514class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1515> 1516<div class="leading-5.5 text-byline"> 1517<span 1518class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading 1519bg-labelProgram' 1520> 1521Sendung 1522</span>
1522 <span class='text-xs text-inherit font-headingSerif ml-2'> 1523<time datetime='2026-10-08T09:00+0200'> 1524Do. 08.10.26, 09:00 Uhr 1525</time> 1526</span> 1527 </div> 1528<h5 class="overflow-anywhere hyphens-auto"> 1529<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Aktuell </span> </h5> 1530</a> 1531</header> 1532<div class="sm:px-0"> 1533<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> 1534<span>Sendezeiten</span> <span class="mx-1 last-of-type:hidden">|</span> </p> 1535</div> 1536</div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" 1537x-data="{ avStart: false }" 1538:class="avStart ? 'flex-col' : 'flex-row'" 1539> 1540<figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > 1541<div class="relative ar-1-1 md:ar-16-9"> 1542<picture class=""> 1543<source media="(max-width: 767px)" 1544sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1545srcset="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__xsmall.jpg 260w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__small.jpg 380w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1.jpg 720w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-1to1__large.jpg 960w"> 1546<source media="(min-width: 768px)" 1547sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1548srcset="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__small.jpg 320w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium__extended.jpg 640w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9.jpg 960w, https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__retina.jpg 1920w"> 1549<img class="w-full" loading="lazy" src="https://www.hr-inforadio.de/programm/themen/podcast-aktuell-100~_t-1743005971200_v-16to9__medium.jpg" alt="Podcast aktuell"> 1550</picture> 1551</div> 1552</figure> 1553<div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> 1554<header> 1555<a href="https://www.hr-inforadio.de/sendezeiten/aktuell,epg-do-15640.html" 1556class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1557> 1558<div class="leading-5.5 text-byline"> 1559<span 1560class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading 1561bg-labelProgram' 1562> 1563Sendung 1564</span> <span class='text-xs text-inherit font-headingSerif ml-2'> 1565<time datetime='2026-10-08T06:00+0200'> 1566Do. 08.10.26, 06:00 Uhr 1567</time> 1568</span> 1569 </div> 1570<h5 class="overflow-anywhere hyphens-auto"> 1571<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Aktuell </span> </h5> 1572</a> 1573</header> 1574<div class="sm:px-0"> 1575<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> 1576<span>Sendezeiten</span> <span class="mx-1 last-of-type:hidden">|</span> </p> 1577</div> 1578</div></article></div> 1579</section> 1580</aside> </div> 1581</div> 1582</div> 1583 1584<div class="h-8" x-data="{ isVisible: false }"> 1585<div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }"> 1586<div class="flex justify-between h-0 col-full sm:col-main" 1587:class="{ 'bg-white h-8': $store.footerIsVisible, 'h-22': $store.a
1587ppBannerIsVisible && !$store.footerIsVisible}" 1588x-show="!$store.sharingIsVisible && isVisible" 1589x-transition:enter="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first" 1590x-transition:enter-start="opacity-0 translate-y-8" 1591x-transition:enter-end="opacity-100 translate-y-0" 1592x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300" 1593x-transition:leave-start="opacity-100 translate-y-0" 1594x-transition:leave-end="opacity-0 translate-y-12" 1595@scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )" 1596> 1597<div x-data="socialSharingHandler('mobilesticky')" 1598x-init="initBrowserDetection();" 1599class=" relative ml-5 z-100 h-9.5 w-9.5" 1600:class="$store.footerIsVisible ? '-mt-6' : '-mt-12'" 1601x-on:resize.window="$store.sharingIsOpen.mobilesticky = false" 1602x-on:keydown.escape.prevent.stop="close()" 1603@click.outside="close()" 1604ax-load 1605x-ignore 1606> 1607<div class="absolute bottom-0 flex flex-col self-center gap-3 bg-white"> 1608<button 1609class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden" 1610x-ref="button" 1611x-on:click="toggle()" 1612:aria-expanded="open" 1613:aria-controls="$id('dropdown-button')" 1614aria-label='Artikel teilen' 1615x-intersect="sharingModuleShown()" 1616> 1617<svg class="sb-icon w-5 h-5 fill-current group-hover:fill-link--dark " role="presentation" aria-hidden="true" 1618><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#sharing"></use> 1619</svg> </button> 1620<div 1621x-ref="panel" 1622:class="$store.sharingIsOpen.mobilesticky ? 'flex' : 'hidden '" 1623:id="$id('dropdown-button')" 1624class="relative right-0 self-center bg-white md:h-auto lg:hidden" 1625> 1626<ul class="flex flex-col gap-3 mt-2"> 1627<li class="relative"> 1628<button 1629x-on:click="copyToClipboard('https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html')" 1630class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1631title="In die Zwischenablage kopieren" 1632data-url="https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html" 1633data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::mobilesticky::copybutton"}]}' 1634> 1635<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess"><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1636><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#copy-ds"></use> 1637</svg></span> 1638<span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess"><svg class="sb-icon w-full h-full text-green-600 " role="presentation" aria-hidden="true" 1639><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#status-done"></use> 1640</svg></span> 1641</button> 1642<div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark"> 1643Link kopiert! 1644</div> 1645</li> 1646<li class=""> 1647<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1648href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html" 1649target="_blank" 1650rel="noopener noreferrer" 1651title="Bei Facebook teilen" 1652data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::mobilesticky::facebook"}]}' 1653><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1654><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use> 1655</svg></a> 1656</li> 1657<li class=""> 1658<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1659href="https://api.whatsapp.com/send?text=hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20-%20https%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html" 1660target="_blank" 1661rel="noopener noreferrer" 1662title="Bei Whatsapp teilen" 1663data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::mobilesticky::whatsapp"}]}' 1664><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1665><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use> 1666</svg></a> 1667</li> 1668<li class=""> 1669<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" 1670href="mailto:?subject=Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20%28hr-inforadio.de%29&body=Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%0AMit%20der%20ARD%20Sounds-App%20haben%20Sie%20hr%20INFO%20auch%20unterwegs%20immer%20dabei.%20Sie%20bekommen%20die%20wichtigsten%20Nachrichten%20-%20von%20der%20Weltpolitik%20bis%20zu%20Ereignissen%20in%20Ihrer%20Region.%20Und%20im%20Livestream%20k%C3%B6nnen%20Sie%20bis%20zu%20vier%20Stunden%20zur%C3%BCckspulen%20und%20bleiben%20immer%20auf%20dem%20Laufenden%21%0Ahttps%3A%2F%2Fwww.hr-inforadio.de%2Fapp%2Fhr-info-in-ard-sounds-livestream-verkehr-und-news--v1%2Capp-198.html%0A%28Beitrag%20von%20hr-inforadio.de%29" 1671title="Per E-Mail versenden" 1672data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "","clickLabel": "socialShareClick::mobilesticky::mailto"}]}' 1673><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105 " role="presentation" aria-hidden="true" 1674><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> 1675</svg></a> 1676</li> 1677</ul> 1678</div> 1679</div> 1680</div> 1681<button 1682@click="window.scrollTo({top: 0, behavior: 'smooth'})" 1683:class="$store.footerIsVisible ? '-mt-6' : '-mt-12'" 1684class="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 md:mr-10 [@media(min-width:1170px)]:-mr-14" 1685aria-label='Zum Seitenanfang springen' 1686> 1687<svg class="sb-icon w-5 h-5 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" 1688><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> 1689</svg> </button> 1690</div> 1691</div> 1692<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> 1693</div> 1694</main> 1695 <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" > 1696 <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div> 1697 <div class="col-full sm:col-main md:px-10"> 1698 <span class="hidden">Footer Navigation</span> 1699 1700 <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"> 1701 <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"> 1702 1703 <span class="flex justify-start text-lg font-bold text-footer-heading " title="hr-inforadio.de" onclick="">hr-inforadio.de </span> 1704 1705 <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> 1706<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 1707 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 1708</svg> </div> 1709 1710 </div> 1711 1712 <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> 1713 <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> 1714 <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 "> 1715 <a href="https://www.hr-inforadio.de/index.html" 1716 class="ds-link js-load flex hover:underline " 1717 1718 1719 1720 1721 > 1722 Start<span class="sr-only">hr-inforadio</span></a> 1723 </li> 1724 <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 "> 1725 <a href="https://www.hr-inforadio.de/programm/index.html" 1726 class="ds-link js-load flex hover:underline " 1727 1728 1729 1730 1731 > 1732 Programm</a> 1733 </li> 1734 <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"> 1735 <a href="https://www.ardsounds.de/radio/hr/hr-info/" 1736 class="ds-link js-load flex hover:underline " 1737 target="_blank" rel="noopener" 1738 1739 1740 1741 > 1742 Podcasts <sp
1742an class="inline-flex mt-0.5 ml-1"> 1743<svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" 1744 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1745</svg> </span> 1746</a> 1747 </li> 1748 <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 "> 1749 <a href="https://www.hr-inforadio.de/veranstaltungen/index.html" 1750 class="ds-link js-load flex hover:underline " 1751 1752 1753 1754 1755 > 1756 Veranstaltungen</a> 1757 </li> 1758 <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 "> 1759 <a href="https://www.hr-inforadio.de/kontakt/index.html" 1760 class="ds-link js-load flex hover:underline " 1761 1762 1763 1764 1765 > 1766 Kontakt</a> 1767 </li> 1768 <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"> 1769 <a href="https://www.ardsounds.de" 1770 class="ds-link js-load flex hover:underline " 1771 target="_blank" rel="noopener" 1772 1773 1774 1775 > 1776 ARD Sounds <span class="inline-flex mt-0.5 ml-1"> 1777<svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" 1778 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1779</svg> </span> 1780</a> 1781 </li> 1782 </ul> 1783 <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> 1784 </ul> 1785 <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> 1786 <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 "> 1787 <a href="https://www.hr-inforadio.de/wetter/index.html" 1788 class="ds-link js-load flex hover:underline " 1789 1790 1791 1792 1793 > 1794 Wetter</a> 1795 </li> 1796 <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 "> 1797 <a href="https://www.hr-inforadio.de/verkehr/index.html" 1798 class="ds-link js-load flex hover:underline " 1799 1800 1801 1802 1803 > 1804 Verkehr</a> 1805 </li> 1806 <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 "> 1807 <a href="https://www.hr-inforadio.de/nachrichten/index.html" 1808 class="ds-link js-load flex hover:underline " 1809 1810 1811 1812 1813 > 1814 Nachrichten</a> 1815 </li> 1816 </ul> 1817 </div> 1818 1819</nav></div> 1820 1821<div class="flex w-full md:w-1/4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8"> 1822 <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"> 1823
1824 <span class="flex justify-start text-lg font-bold text-footer-heading " title="Service" onclick="">Service </span> 1825 1826 <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> 1827<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 1828 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 1829</svg> </div> 1830 1831 </div> 1832 1833 <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> 1834 <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> 1835 <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 "> 1836 <a href="https://www.hr-inforadio.de/livestream/index.html" 1837 class="ds-link js-load flex hover:underline " 1838 1839 1840 1841 1842 > 1843 Livestream</a> 1844 </li> 1845 <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 "> 1846 <a href="https://www.hr.de/presse/fotos-und-logos/hr-info/index.html" 1847 class="ds-link js-load flex hover:underline " 1848 target="_blank" rel="noopener" 1849 1850 1851 1852 > 1853 Pressefotos <span class="inline-flex mt-0.5 ml-1"> 1854<svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" 1855 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1856</svg> </span> 1857</a> 1858 </li> 1859 <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 "> 1860 <a href="https://www.hr.de/unternehmen/korrekturen/index.html" 1861 class="ds-link js-load flex hover:underline " 1862 target="_blank" rel="noopener" 1863 1864 1865 1866 > 1867 Korrekturen <span class="inline-flex mt-0.5 ml-1"> 1868<svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" 1869 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1870</svg> </span> 1871</a> 1872 </li> 1873 <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 "> 1874 <a href="https://www.hr-werbung.de/index.html" 1875 class="ds-link js-load flex hover:underline " 1876 target="_blank" rel="noopener" 1877 1878 1879 1880 > 1881 hr werbung <span class="inline-flex mt-0.5 ml-1"> 1882<svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" 1883 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1884</svg> </span> 1885</a> 1886 </li> 1887 </ul> 1888 </div> 1889 1890</nav></div> 1891 1892<div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0"> 1893 1894 <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading"> 1895 <div class="relative mx-auto "> 1896 <div class="flex px-5 pt-4 md:pt-0 md:px-0"> 1897 <form 1898 x-data="searchSuggest()" 1899 role="search" 1900 action="https://www.hr-inforadio.de/suche/index.nc.html" 1901 method="get" 1902 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" 1903 > 1904 <div 1905 class="flex flex-col-reverse h-10 gap-y-1 w-full" 1906 id="search-content" 1907 @click.away="active=false; cursorIndex=-1" 1908 @keydown.arrow-down="moveDownList()" 1909 @keydown.arrow-up="moveUpList()" 1910 > 1911 <label for="searchInput--6573" class="hidden">suchfeld</label> 1912 <input 1913 @input.debounce="getSuggestionsForInput();cursorIndex=-1" 1914 @click="active=true" 1915 name="query" 1916 x-model="query" 1917 placeholder='Suchen' 1918 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" 1919 type="text" 1920 id="searchInput--6573" 1921 autocomplete="off" 1922 role="combobox" 1923 aria-haspopup="listbox" 1924 aria-autocomplete="list" 1925 x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" 1926 aria-owns="suggestionlist--6573" 1927 aria-controls="suggestionlist--6573" 1928 > 1929 <div 1930 class="absolute left-0 w-auto min-w-full z-100 bottom-11" 1931 x-show="query.length > 1 && active && suggestions.length" 1932 x-cloak 1933 x-transition:leave="transition ease-in duration-100" 1934 x-transition:leave-start="opacity-100" 1935 x-transition:leave-end="opacity-0" 1936 > 1937 <ul 1938 role="listbox" 1939 id="suggestionlist--6573" 1940 aria-label="Suche öffnen" 1941 x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" 1942 class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" 1943 x-ref="list" 1944 > 1945 1946 <template x-for="(suggestion, index) in suggestions" :key="index"> 1947 <li class="first-of-type:border-none"> 1948 <a 1949 x-bind:active="false" 1950 x-bind:href="'https://www.hr-inforadio.de/suche/index.nc.html?query=' + suggestion" 1951 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 }" 1952 > 1953 <sp
1953an x-text="suggestion"></span> 1954 </a> 1955 </li> 1956 </template> 1957 1958 </ul> 1959 </div> 1960 </div> 1961 1962 <button 1963 aria-label='Suche starten' 1964 type="submit" 1965 class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> 1966<svg class="sb-icon w-7 h-7 text-search-footer-text fill-current bg-transparent " role="presentation" aria-hidden="true" 1967 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> 1968</svg> </button> 1969 </form> 1970 1971
1971<script type="text/javascript"> 1972 1973 function searchSuggest() { 1974 1975 return { 1976 active:true, 1977 cursorIndex: -1, 1978 query: "", 1979 suggestions: [], 1980 1981 getSuggestionsForInput() { 1982 1983 suggestionDataUrl = 'https://www.hr-inforadio.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; 1984 1985 fetch(suggestionDataUrl) 1986 1987 .then((res) =>{ return res.text()}) 1988 1989 .then((data) => { 1990 data = JSON.parse(data.replace(/"/g, '"')) 1991 data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) 1992 this.suggestions= this.filterSortbylength(data.solrSuggestions) 1993 }); 1994 1995 }, 1996 1997 filterStartwith(data, query) { 1998 return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) 1999 }, 2000 2001 filterSortbylength(data) { 2002 return data.sort((a, b) => a.length - b.length) 2003 }, 2004 2005 moveDownList() { 2006 if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) 2007 { 2008 this.cursorIndex++; 2009 this.query = this.suggestions[this.cursorIndex]; 2010 } 2011 }, 2012 2013 moveUpList() { 2014 if (this.suggestions.length > 0 && this.cursorIndex > 0) 2015 { 2016 this.cursorIndex--; 2017 this.query = this.suggestions[this.cursorIndex]; 2018 } 2019 }, 2020 2021 }; 2022 2023 } 2024 2025 </script>
2025 </div> 2026 2027 </div> </div> 2028 2029 <nav class="block pb-0 mx-auto md:mx-0" aria-labelledby="c-footer_social_media_title" > 2030 <span id="c-footer_social_media_title" class="hidden">Social Media</span> 2031 <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4"> 2032 <li class="flex pr-2 last:pr-0"> 2033 <a href="https://www.hr-inforadio.de/rss/index.html" 2034 class="ds-link js-load text-footer-text " 2035 2036 2037 title="hr-iNFORadio.de RSS-Feed" 2038 2039 > 2040<svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" 2041 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#rss-ds"></use> 2042</svg> </a> 2043 </li> 2044 <li class="flex pr-2 last:pr-0"> 2045 <a href="https://www.hr-inforadio.de/kontakt/index.html" 2046 class="ds-link js-load text-footer-text " 2047 2048 2049 title="Zum Kontaktformular" 2050 2051 > 2052<svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" 2053 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> 2054</svg> </a> 2055 </li> 2056 </ul> 2057 </nav> 2058 <div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'> 2059 <button 2060 id="globalSettingsButton" 2061 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 " 2062 2063 type="submit" 2064 data-piano-tracking='{"label":"Footer","secondLevelId":1}' 2065 data-a11y-dialog-show="datapolicy-settings-dialog" 2066> 2067 2068<svg class="sb-icon ds-button-icon w-4 h-4 fill-current w-5 h-5 " role="presentation" aria-hidden="true" 2069 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#settings"></use> 2070</svg> <span class='ds-button-label text-base '>Einstellungen</span> </button> 2071 </div> 2072 <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"> 2073 <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> 2074 </div> 2075 <div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6"> 2076 <div class="flex w-full px-6 bg-primary z-100"> 2077 <span class="flex justify-start w-full py-4"> 2078 <span 2079 class="pr-4 -ml-1 fill-white"> <svg class="sb-icon h-7 w-7 inline " role="presentation" aria-hidden="true" 2080 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#settings"></use> 2081</svg></span> 2082 <span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span> 2083 <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> 2084<svg class="sb-icon h-6 w-6 inline " role="presentation" aria-hidden="true" 2085 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#close"></use> 2086</svg> </button> 2087 </span> 2088 </div> 2089 2090 <div class="bg-[#d8e9f6] p-6 "> 2091 <span id="datapolicy-settings-title" class="block text-lg text-black font-headingSerif">Erhebung von Nutzungszahlen</span> 2092 <p class="mt-4 text-black"> 2093 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. 2094 <a class="block mt-2 ds-link text-link hover:underline" target="_blank" 2095 rel="noopener noreferrer" href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html" 2096 title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz 2097<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 2098 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2099</svg> </a> 2100 </p> 2101 </div> 2102 2103 <div class="bg-[#e3e3e3] py-2.5 px-6">
2104 <span class="text-lg text-black font-headingSerif">Statistische Messverfahren</span> 2105 </div> 2106 2107 <ul class=""> 2108 <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> 2109 <span class="text-base text-black">AGF <a 2110 class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" 2111 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" 2112 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2113</svg></a></span> 2114 <div class="flex w-fit"> 2115 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="agf" data-whitelist="true"/> 2116 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="agf"> 2117 <span class="sr-only">agf aktivieren/deaktivieren</span> 2118 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2119 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2120</svg></label> </div> 2121 </li> 2122 <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> 2123 <span class="text-base text-black">Piano Software Inc. <a 2124 class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" 2125 href="https://www.piano.io/" 2126 title="Piano Software Inc.">(https://www.piano.io/)<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 2127 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2128</svg></a></span> 2129 <div class="flex w-fit"> 2130 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="piano" data-whitelist="true"/> 2131 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="piano"> 2132 <span class="sr-only">piano aktivieren/deaktivieren</span> 2133 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2134 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2135</svg></label> </div> 2136 </li> 2137 </ul> 2138 2139 <div class="bg-[#d8e9f6] p-6"> 2140 <span class="block text-lg text-black font-headingSerif ">Externe Inhalte</span> 2141 <p class="mt-4 text-base text-black"> 2142 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. 2143 <a class="block mt-2 ds-link text-link hover:underline" target="_blank" 2144 rel="noopener noreferrer" href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html" 2145 title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz 2146<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 2147 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2148</svg> </a> 2149 </p> 2150 </div> 2151 <div class="bg-[#e3e3e3] py-2.5 px-6">
2152 <span class="block pb-2 text-lg text-black font-headingSerif">Externe Anbieter</span> 2153 <div class="flex justify-between"> 2154 <span class="inline-flex text-base text-black js-providerTitle">x</span> 2155 <div class="flex float-right"> 2156 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox-all" type="checkbox" id="all" data-whitelist="false"/> 2157 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="all"> 2158 <span class="sr-only">alle aktivieren/deaktivieren</span> 2159 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2160 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2161</svg></label> </div> 2162 </div> 2163 </div> 2164 2165 <ul> 2166 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2167 <span class="inline-flex text-base leading-6 text-black align-text-top">23 Degrees (Kommunalwahl 2026)</span> 2168 <div class="flex float-right"> 2169 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="23degrees" data-whitelist="true"/> 2170 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="23degrees"> 2171 <span class="sr-only">23degrees aktivieren/deaktivieren</span> 2172 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2173 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2174</svg></label> </div> 2175 </li> 2176 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2177 <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Mediathek (Video)</span> 2178 <div class="flex float-right"> 2179 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_mediathek" data-whitelist="true"/> 2180 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_mediathek"> 2181 <span class="sr-only">ard_mediathek aktivieren/deaktivieren</span> 2182 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2183 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2184</svg></label> </div> 2185 </li> 2186 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2187 <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Audiothek (Audio) Alte Version</span> 2188 <div class="flex float-right"> 2189 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_audiothek" data-whitelist="true"/> 2190 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_audiothek"> 2191 <span class="sr-only">ard_audiothek aktivieren/deaktivieren</span> 2192 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2193 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2194</svg></label> </div> 2195 </li> 2196 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2197 <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Sounds (Audio) Episode</span> 2198 <div class="flex float-right"> 2199 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_audiothek_new" data-whitelist="true"/> 2200 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_audiothek_new"> 2201 <span class="sr-only">ard_audiothek_new aktivieren/deaktivieren</span> 2202 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2203 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2204</svg></label> </div> 2205 </li> 2206 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2207 <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Sounds (Audio) </span> 2208 <div class="flex float-right"> 2209 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_sounds" data-whitelist="true"/> 2210 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_sounds"> 2211 <span class="sr-only">ard_sounds aktivieren/deaktivieren</span> 2212 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2213 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2214</svg></label> </div> 2215 </li> 2216 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2217 <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert</span> 2218 <div class="flex float-right"> 2219 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert" data-whitelist="true"/> 2220 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert"> 2221 <span class="sr-only">arte_concert aktivieren/deaktivieren</span> 2222 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2223 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2224</svg></label> </div> 2225 </li> 2226 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2227 <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert 2.0</span> 2228 <div class="flex float-right"> 2229 <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"/> 2230 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert_new"> 2231 <span class="sr-only">arte_concert_new aktivieren/deaktivieren</span> 2232 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2233 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2234</svg></label> </div> 2235 </li> 2236 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2237 <span class="inline-flex text-base leading-6 text-black align-text-top">Datawrapper (Datengrafik)</span> 2238 <div class="flex float-right"> 2239 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="datawrapper_cdn" data-whitelist="true"/> 2240 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="datawrapper_cdn"> 2241 <span class="sr-only">datawrapper_cdn aktivieren/deaktivieren</span> 2242 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2243 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2244</svg></label> </div> 2245 </li> 2246 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2247 <span class="inline-flex text-base leading-6 text-black align-text-top">Esri (Notfallkarte)</span> 2248 <div class="flex float-right"> 2249 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="esri" data-whitelist="false"/> 2250 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="esri"> 2251 <span class="sr-only">esri aktivieren/deaktivieren</span> 2252 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2253 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2254</svg></label> </div> 2255 </li> 2256 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2257 <span class="inline-flex text-base leading-6 text-black align-text-top">Flourish (Datengrafik)</span> 2258 <div class="flex float-right"> 2259 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="flourish" data-whitelist="false"/> 2260 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="flourish"> 2261 <span class="sr-only">flourish aktivieren/deaktivieren</span> 2262 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2263 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2264</svg></label> </div> 2265 </li> 2266 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2267 <span class="inline-flex text-base leading-6 text-black align-text-top">Giphy (animiertes GIF)</span> 2268 <div class="flex float-right"> 2269 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="giphy" data-whitelist="false"/> 2270 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="giphy"> 2271 <span class="sr-only">giphy aktivieren/deaktivieren</span> 2272 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2273 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2274</svg></label> </div> 2275 </li> 2276 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2277 <span class="inline-flex text-base leading-6 text-black align-text-top">Facebook</span> 2278 <div class="flex float-right"> 2279 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="facebook-post" data-whitelist="false"/> 2280 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="facebook-post"> 2281 <span class="sr-only">facebook-post aktivieren/deaktivieren</span> 2282 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2283 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2284</svg></label> </div> 2285 </li> 2286 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2287 <span class="inline-flex text-base leading-6 text-black align-text-top">Instagram</span> 2288 <div class="flex float-right"> 2289 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="instagram" data-whitelist="false"/> 2290 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="instagram"> 2291 <span class="sr-only">instagram aktivieren/deaktivieren</span> 2292 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2293 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2294</svg></label> </div> 2295 </li> 2296 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2297 <span class="inline-flex text-base leading-6 text-black align-text-top">lokal-o-mat 2026</span> 2298 <div class="flex float-right"> 2299 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="lokalomat2026" data-whitelist="false"/> 2300 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="lokalomat2026"> 2301 <span class="sr-only">lokalomat2026 aktivieren/deaktivieren</span> 2302 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2303 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2304</svg></label> </div> 2305 </li> 2306 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2307 <span class="inline-flex text-base leading-6 text-black align-text-top">Microsoft Forms Formulare</span> 2308 <div class="flex float-right"> 2309 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="microsoft-forms" data-whitelist="false"/> 2310 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="microsoft-forms"> 2311 <span class="sr-only">microsoft-forms aktivieren/deaktivieren</span> 2312 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2313 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2314</svg></label> </div> 2315 </li> 2316 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2317 <span class="inline-flex text-base leading-6 text-black align-text-top">TikTok</span> 2318 <div class="flex float-right"> 2319 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="tiktok" data-whitelist="false"/> 2320 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="tiktok"> 2321 <span class="sr-only">tiktok aktivieren/deaktivieren</span> 2322 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2323 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2324</svg></label> </div> 2325 </li> 2326 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2327 <span class="inline-flex text-base leading-6 text-black align-text-top">Vimeo (Video)</span> 2328 <div class="flex float-right"> 2329 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="vimeo" data-whitelist="false"/> 2330 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="vimeo"> 2331 <span class="sr-only">vimeo aktivieren/deaktivieren</span> 2332 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2333 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2334</svg></label> </div> 2335 </li> 2336 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2337 <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube (Video)</span> 2338 <div class="flex float-right"> 2339 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube" data-whitelist="false"/> 2340 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube"> 2341 <span class="sr-only">youtube aktivieren/deaktivieren</span> 2342 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2343 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2344</svg></label> </div> 2345 </li> 2346 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2347 <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube 360 (360° Video)</span> 2348 <div class="flex float-right"> 2349 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube360" data-whitelist="false"/> 2350 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube360"> 2351 <span class="sr-only">youtube360 aktivieren/deaktivieren</span> 2352 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2353 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2354</svg></label> </div> 2355 </li> 2356 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2357 <span class="inline-flex text-base leading-6 text-black align-text-top">X</span> 2358 <div class="flex float-right"> 2359 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="twitter-post" data-whitelist="false"/> 2360 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="twitter-post"> 2361 <span class="sr-only">twitter-post aktivieren/deaktivieren</span> 2362 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2363 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2364</svg></label> </div> 2365 </li> 2366 </ul> 2367 </div> 2368 </div> 2369</div> 2370 2371<div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0"> 2372 <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" 2373 href=https://www.hr-inforadio.de/index.html 2374 title="Startseite hr-inforadio.de"> 2375 2376 <div 2377 class="relative flex h-10 md:hidden" 2378 > 2379 <img width="152" height="150" src="https://www.hr-inforadio.de/assets_4.49.0/base/icons/logo/brandlogo--mobile.min.svg" 2380 class="w-auto h-full" alt="hr INFO"> 2381 </div> 2382 2383 <div 2384 class="md:flex hidden justify-start w-auto h-10 lg:h-12 " 2385 > 2386 <img width="300" height="66" src="https://www.hr-inforadio.de/assets_4.49.0/base/icons/logo/brandlogo--desk.min.svg" 2387 class="w-auto h-full" alt="hr INFO"> 2388 </div> 2389 2390 </a> 2391
2391<script> 2392 percent = 0 2393 </script>
2393 </div> 2394 <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-0 md:flex-row "> 2395 <div class="flex flex-col self-center text-sm md:self-end w-fit md:flex-row"> 2396 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 2397 <a href="https://www.hr.de/index.html" 2398 class="ds-link js-load flex whitespace-nowrap hover:underline " 2399 target="_blank" rel="noopener" 2400 2401 2402 title="Hessischer Rundfunk" 2403 2404 > 2405 © Hessischer Rundfunk <span class="inline-flex"> 2406<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 2407 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2408</svg> </span> 2409</a> 2410 </div> 2411 2412 <span class="hidden px-2 md:flex ">|</span> 2413 2414 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 2415 <a href="https://www.ard.de/" 2416 class="ds-link js-load flex whitespace-nowrap hover:underline " 2417 target="_blank" rel="noopener" 2418 2419 2420 title="ARD.de" 2421 2422 > 2423 ARD.de <span class="inline-flex"> 2424<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 2425 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2426</svg> </span> 2427</a> 2428 </div> 2429 2430 <span class="hidden px-2 md:flex ">|</span> 2431 2432 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 2433 <a href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html" 2434 class="ds-link js-load flex whitespace-nowrap hover:underline " 2435 target="_blank" rel="noopener" 2436 2437 2438 title="Datenschutz" 2439 2440 > 2441 Datenschutz <span class="inline-flex"> 2442<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 2443 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2444</svg> </span> 2445</a> 2446 </div> 2447 2448 <span class="hidden px-2 md:flex ">|</span> 2449 2450 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 2451 <a href="https://www.hr.de/impressum/index.html" 2452 class="ds-link js-load flex whitespace-nowrap hover:underline " 2453 target="_blank" rel="noopener" 2454 2455 2456 title="Impressum" 2457 2458 > 2459 Impressum <span class="inline-flex"> 2460<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 2461 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2462</svg> </span> 2463</a> 2464 </div> 2465 <span class="hidden px-2 md:flex ">|</span> 2466 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 2467 <a href="https://www.ardsounds.de" 2468 class="ds-link js-load flex whitespace-nowrap hover:underline " 2469 target="_blank" rel="noopener" 2470 2471 2472 title="ARD Sounds" 2473 2474 > 2475 ARD Sounds <sp
2475an class="inline-flex"> 2476<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 2477 ><use href="https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2478</svg> </span> 2479</a> 2480 </div> 2481 </div> </div> 2482 </div> 2483 </div> 2484 </footer> 2485
2486<script type="text/javascript"> 2487var pianoWasInit = false 2488var pageDisplayConfig = {} 2489const isInWebAppiOS = (window.navigator.standalone === true) 2490const isInWebAppChrome = 2491(window.matchMedia('(display-mode: standalone)').matches) 2492const displayMode = isInWebAppiOS ? 'pwa-ios' : isInWebAppChrome ? 'pwa' : 'browser-tab' 2493const getCookie = (cookieName) => { 2494let cookieString = RegExp('' + cookieName + '[^;]+').exec(document.cookie) 2495return unescape(!!cookieString ? cookieString.toString().replace(/^[^=]+./, '') : '') 2496} 2497const getJSONCookie = (cookieName) => { 2498let cookie 2499try { 2500cookie = JSON.parse(getCookie(cookieName)) 2501} catch (e) { 2502} 2503return cookie 2504} 2505const isPianoTrackingAllowed = () => { 2506const cookie = getJSONCookie('hrSettings') 2507console.log('undefined === cookie || cookie[\'ati\'] === true', undefined === cookie || cookie['ati'] === true) 2508return undefined === cookie || !cookie.hasOwnProperty('ati') || cookie['ati'] === true 2509} 2510function initPiano() { 2511if (!pianoWasInit) { 2512if (undefined !== window.pa) { 2513console.log("Piano Script run:", performance.now()); 2514window.pa.setConfigurations({ 2515site: 580440, 2516collectDomain: 'https://logs1187.xiti.com' 2517}) 2518pageDisplayConfig = { 2519'page': "hr INFO in ARD Sounds: Livestream, Verkehr und News ", 2520'hr_first_publication_date': "2026-08-03T13:56:31+02:00", 2521'hr_modification_date_timestamp': "2026-08-03T13:56:44+02:00", 2522'hr_sophora_id': "app-198", 2523'hr_document_type': "hr-nt:story" 2524, 'display_mode': displayMode 2525} 2526if (isPianoTrackingAllowed()) { 2527window.pa.sendEvent('page.display', pageDisplayConfig) 2528} 2529pianoWasInit = true; 2530} 2531} 2532} 2533initPiano(); 2534addEventListener("pianoAnalyticsIsLoaded", initPiano); 2535addEventListener("DOMContentLoaded", initPiano); 2536</script>
2536</div> 2537<div id="hr-radioplayer" data-properties='{"assetsFolder":"https://www.hr-inforadio.de/assets_4.49.0/vendor/hr-radio-player", "playlistPush": "//push.hr.de/push/","streamUrl":"https://hr-radio.ard-mcdn.de/hr/radio/hrinfo/hls/master.m3u8", "streams":[{"url":"https://hr-radio.ard-mcdn.de/hr/radio/hrinfo/hls/master.m3u8","name":"Rhein-Main","id":"rheinmain"}], "fullPlaylistUrl":"", "currentShowUrl":"https://www.hr-inforadio.de/sendezeiten/guide_hrinfo-100~radioplayer.json", "isSongvoteEnabled":false, "songvoteData": { }, "messageProperties":{"hr-radioplayer_songvote_overlay_already_voted_and_form_sended_text":"Du hast bereits abgestimmt und uns mitgeteilt, was dieses Lied zu deinem Lieblingshit macht.","hr-radioplayer_sr_pause_stream":"Radio-Livestream pausieren","hr_radioplayer_voting_up_button_text":"Yeah","hr-radioplayer_current_show_no_show_infos_text":"Keine Infos","hr-radioplayer_seekbar_live":"LIVE","hr-radioplayer_playlist_now":"LIVE","hr-radioplayer_sr_open_big_player":"Big Player öffnen","hr_radioplayer_full_playlist_link_text":"Zur Tagesübersicht","hr-radioplayer_songvote_overlay_already_voted_text":"Du hast bereits abgestimmt","hr-radioplayer_sr_play_stream":"Radio-Livestream abspielen","hr_radioplayer_sr_volume-control_mute_volume":"Stummschalten","hr_radioplayer_voting_down_button_text":"No","hr_radioplayer_ma_text":"Jetzt reinhören","hr-radioplayer_current_show_contact_to_studio_text":"{0} <a class=\"c-currentshow__more text-base\" href=\"tel:{1}\">{2}</a> {3}<a class=\"c-currentshow__more text-base\" href=\"{4}\" target=\"_blank\" rel=\"noopener\"> {5} <svg class=\"icon\"><use href=\"{6}/icons/svgmap.min.svg#sprite-extern\"/></svg></a>","hr-radioplayer_current_song_tab_label":"Jetzt läuft","hr-radioplayer_sr_contact_information":"Kontaktinformationen und weitere Details zur Sendung","hr-radioplayer_sr_twenty_sec_forward":"20 Sekunden vorspulen","hr_radioplayer_current_show_tab_label_long":"Aktuelle Live Sendung","hr_radioplayer_sr_volume-control_volume_muted":"Stummgeschaltet","hr-radioplayer_playlist_tab_label_long":"hr-info zum Nachhören","hr_radioplayer_sr_volume-control_unmute_volume":"Stummschaltung aufheben","hr_radioplayer_sr_volume-control_description":"Benutzen Sie die Pfeiltasten, um die Lautstärke zu erhöhen oder zu verringern.","hr-radioplayer_sr_stop_stream":"Radio-Livestream stoppen","hr_radioplayer_sr_detail_information":"Detailinformationen zu","hr-radioplayer_sr_twenty_secs_back":"20 Sekunden zurückspulen","hr-radioplayer_sr_tabs_interface":"Tabs Interface","hr_radioplayer_sr_open_in_big_player":"im Bigplayer öffnen","hr-radioplayer_playlist_tab_label":"Nachhören","hr-radioplayer_current_show_tab_label":"Sendung","hr-radioplayer_songvote_overlay_button_to_feedback_form_text":"Zum Feedback-Formular","hr-radioplayer_current_song_timeshift_badge":"Zeitversatz","hr-radioplayer_current_show_no_song_titles_text":"Zur aktuellen Sendung liegen uns keine Titelinformationen vor.","hr_radioplayer_sr_voting_button_text":"Gib {0} von {1} dein Herz!","hr-radioplayer_current_song_timeshift_stream_paused":"Stream pausiert","hr_radioplayer_sr_volume-control_level":"Lautstärke auf Level {0}."}, "radioStation":"HR_INFO"}' 2538class="js-load" 2539data-hr-radioplayer='{"radioStation":"HR_INFO", "loadingIcon": "<svg class=\"icon \" role=\"presentation\" aria-hidden=\"true\"><use href=\"https://www.hr-inforadio.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#loading\"></use>\n</svg>"}'></div> 2540
2541<script type="module" src="https://www.hr-inforadio.de/assets_4.49.0/vendor/hr-radio-player/bundle.js"></script>
2541 2542</body> 2543</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.