PageSourceSearch

https://www.hr-inforadio.de/app/hr-info-in-ard-sounds-livestream-verkehr-und-news--v1,app-198.html

html hr-inforadio.de collected 2026-10-02 02:52:22 UTC 188,409 bytes, 2,543 lines download raw bytes

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(/&quot;/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(/&quot;/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&#x3D;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&#x3D;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&#x3D;Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20%28hr-inforadio.de%29&amp;body&#x3D;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 &copy;  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&#x3D;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&#x3D;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&#x3D;
1295Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20%28hr-inforadio.de%29&amp;body&#x3D;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 [&amp;:has(+h2)]:mb-0 [&amp;+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&amp;+.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 &copy;  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 [&amp;:has(+h2)]:mb-0 [&amp;+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&amp;+.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 &copy;  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&#x3D;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&#x3D;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&#x3D;Linktipp%3A%20hr%20INFO%20in%20ARD%20Sounds%3A%20Livestream%2C%20Verkehr%20und%20News%20%20%28hr-inforadio.de%29&amp;body&#x3D;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(/&quot;/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                                &copy; 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":[{&quot;url&quot;:&quot;https://hr-radio.ard-mcdn.de/hr/radio/hrinfo/hls/master.m3u8&quot;,&quot;name&quot;:&quot;Rhein-Main&quot;,&quot;id&quot;:&quot;rheinmain&quot;}], "fullPlaylistUrl":"", "currentShowUrl":"https://www.hr-inforadio.de/sendezeiten/guide_hrinfo-100~radioplayer.json", "isSongvoteEnabled":false, "songvoteData": { }, "messageProperties":{&quot;hr-radioplayer_songvote_overlay_already_voted_and_form_sended_text&quot;:&quot;Du hast bereits abgestimmt und uns mitgeteilt, was dieses Lied zu deinem Lieblingshit macht.&quot;,&quot;hr-radioplayer_sr_pause_stream&quot;:&quot;Radio-Livestream pausieren&quot;,&quot;hr_radioplayer_voting_up_button_text&quot;:&quot;Yeah&quot;,&quot;hr-radioplayer_current_show_no_show_infos_text&quot;:&quot;Keine Infos&quot;,&quot;hr-radioplayer_seekbar_live&quot;:&quot;LIVE&quot;,&quot;hr-radioplayer_playlist_now&quot;:&quot;LIVE&quot;,&quot;hr-radioplayer_sr_open_big_player&quot;:&quot;Big Player öffnen&quot;,&quot;hr_radioplayer_full_playlist_link_text&quot;:&quot;Zur Tagesübersicht&quot;,&quot;hr-radioplayer_songvote_overlay_already_voted_text&quot;:&quot;Du hast bereits abgestimmt&quot;,&quot;hr-radioplayer_sr_play_stream&quot;:&quot;Radio-Livestream abspielen&quot;,&quot;hr_radioplayer_sr_volume-control_mute_volume&quot;:&quot;Stummschalten&quot;,&quot;hr_radioplayer_voting_down_button_text&quot;:&quot;No&quot;,&quot;hr_radioplayer_ma_text&quot;:&quot;Jetzt reinhören&quot;,&quot;hr-radioplayer_current_show_contact_to_studio_text&quot;:&quot;{0} &lt;a class&#x3D;\&quot;c-currentshow__more text-base\&quot; href&#x3D;\&quot;tel:{1}\&quot;&gt;{2}&lt;/a&gt; {3}&lt;a class&#x3D;\&quot;c-currentshow__more text-base\&quot; href&#x3D;\&quot;{4}\&quot; target&#x3D;\&quot;_blank\&quot; rel&#x3D;\&quot;noopener\&quot;&gt; {5} &lt;svg class&#x3D;\&quot;icon\&quot;&gt;&lt;use href&#x3D;\&quot;{6}/icons/svgmap.min.svg#sprite-extern\&quot;/&gt;&lt;/svg&gt;&lt;/a&gt;&quot;,&quot;hr-radioplayer_current_song_tab_label&quot;:&quot;Jetzt läuft&quot;,&quot;hr-radioplayer_sr_contact_information&quot;:&quot;Kontaktinformationen und weitere Details zur Sendung&quot;,&quot;hr-radioplayer_sr_twenty_sec_forward&quot;:&quot;20 Sekunden vorspulen&quot;,&quot;hr_radioplayer_current_show_tab_label_long&quot;:&quot;Aktuelle Live Sendung&quot;,&quot;hr_radioplayer_sr_volume-control_volume_muted&quot;:&quot;Stummgeschaltet&quot;,&quot;hr-radioplayer_playlist_tab_label_long&quot;:&quot;hr-info zum Nachhören&quot;,&quot;hr_radioplayer_sr_volume-control_unmute_volume&quot;:&quot;Stummschaltung aufheben&quot;,&quot;hr_radioplayer_sr_volume-control_description&quot;:&quot;Benutzen Sie die Pfeiltasten, um die Lautstärke zu erhöhen oder zu verringern.&quot;,&quot;hr-radioplayer_sr_stop_stream&quot;:&quot;Radio-Livestream stoppen&quot;,&quot;hr_radioplayer_sr_detail_information&quot;:&quot;Detailinformationen zu&quot;,&quot;hr-radioplayer_sr_twenty_secs_back&quot;:&quot;20 Sekunden zurückspulen&quot;,&quot;hr-radioplayer_sr_tabs_interface&quot;:&quot;Tabs Interface&quot;,&quot;hr_radioplayer_sr_open_in_big_player&quot;:&quot;im Bigplayer öffnen&quot;,&quot;hr-radioplayer_playlist_tab_label&quot;:&quot;Nachhören&quot;,&quot;hr-radioplayer_current_show_tab_label&quot;:&quot;Sendung&quot;,&quot;hr-radioplayer_songvote_overlay_button_to_feedback_form_text&quot;:&quot;Zum Feedback-Formular&quot;,&quot;hr-radioplayer_current_song_timeshift_badge&quot;:&quot;Zeitversatz&quot;,&quot;hr-radioplayer_current_show_no_song_titles_text&quot;:&quot;Zur aktuellen Sendung liegen uns keine Titelinformationen vor.&quot;,&quot;hr_radioplayer_sr_voting_button_text&quot;:&quot;Gib {0} von {1} dein Herz!&quot;,&quot;hr-radioplayer_current_song_timeshift_stream_paused&quot;:&quot;Stream pausiert&quot;,&quot;hr_radioplayer_sr_volume-control_level&quot;:&quot;Lautstärke auf Level {0}.&quot;}, "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.