PageSourceSearch

https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---…en-hoerfunk-wellen-der-ard-v18,app-122.html

html hr2.de collected 2026-10-02 02:52:34 UTC 177,768 bytes, 2,325 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js no-js-burgerMenu preload noMicroInteraction"
3data-theme="hr2" 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>ARD Sounds - Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD | hr2.de</title>
9<meta name="application-name" content="hr2.de" />
10<meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />
11<meta name="author" content="hr2.de, Frankfurt, Germany"/>
12<meta name="publisher" content="hr2.de" />
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-09-02T17:37+0200" />
17<meta name="date" content="2026-09-02T17:37+0200" />
18<meta name="description" content="Mit der neuen App ARD Sounds haben Sie Ihren Lieblingssender immer dabei, auch zum &quot;Zurückspulen&quot;, also zum Springen im Programm um bis zu fünf Stunden. Der gewohnte Kalender mit allen Sendezeiten informiert Sie umfassend. Hunderte von Podcasts von hr2-kultur und vielen anderen Wellen warten - probieren Sie ARD Sounds einfach aus, es lohnt sich!" />
19<link rel="canonical" href="https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html" />
20<meta property="og:site_name" content="hr2.de" />
21<meta property="og:locale" content="de_DE" />
22<meta property="og:url" content="https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html" />
23<meta property="og:title" content="ARD Sounds - Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD" />
24<meta property="og:description" content="Mit der neuen App ARD Sounds haben Sie Ihren Lieblingssender immer dabei, auch zum &quot;Zurückspulen&quot;, also zum Springen im Programm um bis zu fünf Stunden. Der gewohnte Kalender mit allen Sendezeiten informiert Sie umfassend. Hunderte von Podcasts von hr2-kultur und vielen anderen Wellen warten - probieren Sie ARD Sounds einfach aus, es lohnt sich!" />
25<meta property="og:type" content="article" />
26<meta property="og:updated_time" content="2026-09-02T17:37+0200" />
27<meta property="article:modified_time" content="2026-09-02T17:37+0200" />
28<meta property="article:published_time" content="2026-09-02T17:37+0200" />
29<meta property="og:image" content="https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_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/hr2/?fref=ts" />
34<meta property="fb:page_id" content="229309057146754" />
35<meta property="fb:pages" content="229309057146754" />
36<meta property="twitter:title" content="ARD Sounds - Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD" />
37<meta property="twitter:description" content="Mit der neuen App ARD Sounds haben Sie Ihren Lieblingssender immer dabei, auch zum &quot;Zurückspulen&quot;, also zum Springen im Programm um bis zu fünf Stunden. Der gewohnte Kalender mit allen Sendezeiten informiert Sie umfassend. Hunderte von Podcasts von hr2-kultur und vielen anderen Wellen warten - probieren Sie ARD Sounds einfach aus, es lohnt sich!" />
38<meta property="twitter:image" content="https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9__retina.jpg" />
39<meta property="twitter:image:alt" content="Dame mit Kopfhörer daneben ein Mobiltelefon mit der Wellenheimat hr2-kultur in der ARD Sounds App" />
40<meta property="twitter:url" content="https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html" />
41<meta property="twitter:site" content="" />
42<meta property="twitter:site:id" content="" />
43<meta property="twitter:domain" content="https://www.hr2.de/" />
44<meta property="twitter:creator" content="" />
45<meta property="twitter:creator:id" content="" />
46<meta property="twitter:card" content="summary_large_image" />
47<link href="https://www.hr2.de/assets_4.49.0/index.css" rel="preload" type="text/css" as="style">
48<link href="https://www.hr2.de/assets_4.49.0/index.css" rel="stylesheet" type="text/css">
49<link href="https://www.hr2.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.hr2.de/favicon.ico?v=4.49.0" sizes="48x48">
53    <link rel="icon" href="https://www.hr2.de/favicon.min.svg?v=4.49.0" type="image/svg+xml">
54    <link rel="apple-touch-icon" href="https://www.hr2.de/favicon.png?v=4.49.0">
55
56
57    <link href="https://www.hr2.de/assets_4.49.0/vendor/hr-radio-player/styles.css" rel="preload" type="text/css" as="style">
58<link href="https://www.hr2.de/assets_4.49.0/js/vendor/modernizr.cust.js" rel="preload" as="script">
59<link href="https://www.hr2.de/assets_4.49.0/js/index.js" rel="preload" as="script">
60<link href="https://www.hr2.de/assets_4.49.0/js/alpine.js" rel="preload" as="script">
61<link href="https://www.hr2.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.hr2.de/assets_4.49.0/js/polyfill/ie11CustomProperties.js"><\/script>')</script>
84
85
86
87    <link href="https://www.hr2.de/assets_4.49.0/fonts/RobotoCondensed-Bold.woff2" rel="preload" as="font" crossorigin>
88<link href="https://www.hr2.de/assets_4.49.0/fonts/RobotoCondensed.woff2" rel="preload" as="font" crossorigin>
89<link href="https://www.hr2.de/assets_4.49.0/fonts/DINWebPro.woff" rel="preload" as="font" crossorigin>
90    <link href="https://www.hr2.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.hr2.de/assets_4.49.0/js/vendor/piano-analytics.js"></script>
vendor: 1 bytes, line 96
96
97<script defer src='https://www.hr2.de/assets_4.49.0/js/alpine.js'></script>
97
98<!--[if lt IE 9]>
99    
99<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/es5-shim.js'></script>
99
100    
100<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/selectivizr.js'></script>
100
101    
101<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/respond.js'></script>
101
102    
102<script src='https://www.hr2.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.hr2.de/assets_4.49.0/js/polyfill/html5shiv.js'></script>
105
106    
106<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/classList.js'></script>
106
107<![endif]-->
108
109
110    <link id="styles" rel="stylesheet" href="https://www.hr2.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.hr2.de/assets_4.49.0/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hr2.de/assets_4.49.0/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hr2.de/assets_4.49.0/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hr2.de/assets_4.49.0/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hr2.de/assets_4.49.0/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hr2.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.hr2.de/assets_4.49.0/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hr2.de/assets_4.49.0/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hr2.de/assets_4.49.0/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hr2.de/assets_4.49.0/js/'})}),"async")}))}),"async");
124</script>
124
125
126<!--[if lte IE 9]>
127    <link href='https://www.hr2.de/assets_4.49.0/library_ie9.css' rel='stylesheet' type='text/css'>
128<![endif]-->
129
130<link href="https://www.hr2.de/index.rss" title="Alle Beiträge RSS-Feed - hr2.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.hr2.de/index.html",
142"@type" : "Thing",
143"@context" : "https://schema.org/",
144"id" : "https://www.hr2.de/index.html",
145"url" : "https://www.hr2.de/index.html"
146},
147"name" : "Start",
148"position" : 1
149}, {
150"@type" : "ListItem",
151"@context" : "https://schema.org/",
152"item" : {
153"@id" : "https://www.hr2.de/service/index.html",
154"@type" : "Thing",
155"@context" : "https://schema.org/",
156"id" : "https://www.hr2.de/service/index.html",
157"url" : "https://www.hr2.de/service/index.html"
158},
159"name" : "Service",
160"position" : 2
161}, {
162"@type" : "ListItem",
163"@context" : "https://schema.org/",
164"item" : {
165"@id" : "https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html",
166"@type" : "Thing",
167"@context" : "https://schema.org/",
168"id" : "https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html",
169"url" : "https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html"
170},
171"name" : "ARD Sounds - Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD",
172"position" : 3
173} ]
174}
175</script>
vendor: 1 bytes, line 175
175
176<script type="application/ld+json">
177{
178"@type" : "Article",
179"@context" : "https://schema.org/",
180"datePublished" : "2017-07-04T11:39:59.657+02:00",
181"image" : [ "https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9__retina.jpg", "https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-4to3__retina.jpg", "https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584.jpg" ],
182"articleBody" : "Mit der neuen App ARD Sounds haben Sie Ihren Lieblingssender immer dabei, auch zum \"Zurückspulen\", also zum Springen im Programm um bis zu fünf Stunden. Der gewohnte Kalender mit allen Sendezeiten informiert Sie umfassend. Hunderte von Podcasts von hr2-kultur und vielen anderen Wellen warten - probieren Sie ARD Sounds einfach aus, es lohnt sich! Neues Logo, neuer Name: Die ARD Audiothek ist jetzt ARD Sounds. Was bleibt, ist ein Rundum-Sorglos-Paket für alle Radio- und Podcast-Fans. Diese App ist der Ort für alles, was Sie gerne hören – vom Livestream von hr2-kultur und aller ARD-Hörfunkprogramme, mit Sendungen zum Nachhören bis zum vielfältigen Podcast-Angebot der ARD aus allen Bereichen, von Hörspiel über Lesungen, True Crime und jeder Menge Talk und Musik. Funktioniert auf ihrem Smartphone, Tablet, PC oder Mac zuhause! Öffnen Sie wie gewohnt die hr2-App, dort finden Sie unten den Butto zu ARD Sounds - melden Sie sich gerne kostenlos an und definieren hr2-kultur zu Ihrem Lieblingssender. ARD Sounds ist so programmiert, dass Ihre Daten nicht weitergegeben werden können. ARD Sounds für iPhone, iPad und alle Android-Geräte gibt es in den jeweiligen App-Stores Für Ihr iPhone oder iPad (Link zum Apple AppStore) Für Ihr Android-Gerät (Link zum Google Playstore) Und direkt auf Ihrem PC/Mac",
183"description" : "Mit der neuen App ARD Sounds haben Sie Ihren Lieblingssender immer dabei, auch zum \"Zurückspulen\", also zum Springen im Programm um bis zu fünf Stunden. Der gewohnte Kalender mit allen Sendezeiten informiert Sie umfassend. Hunderte von Podcasts von hr2-kultur und vielen anderen Wellen warten - probieren Sie ARD Sounds einfach aus, es lohnt sich!",
184"dateModified" : "2026-09-02T17:37:24.550+02:00",
185"articleSection" : "Service",
186"headline" : "ARD Sounds - Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD"
187}
188</script>
188
189
190</head>
191<body x-data
192:class="$store.navIsVisible && $store.subNavIsVisible ? '-navIsVisible -subnavIsVisible' : $store.navIsVisible ? '-navIsVisible' : '-navIsHidden'" >
193<div class="js-pageSwap">
194<div class="js-load"  data-hr-piano-tracking="{}"></div>
195<div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="">
196<header class="print:hidden relative z-110 lg:h-auto md:h-header-md h-header-sm">
197<div x-data
198id="headerWrapper"
199x-ref="headerWrapper"
200@resize.window="resetNav()"
201:class="shouldBrandNavBeHidden() ? '-mt-[33px] md:-mt-[33px]' : ''  "
202class=" flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full bg-white">
203<div id="anchorNavWrapper"
204class="sr-only">
205<nav id="sprungmarken" aria-labelledby="anchorNavHeadline">
206<span id="anchorNavHeadline">Sprungmarken</span>
207<ul>
208<li><a href="#brandNavWrapper" >Übersicht der Marken des HR anspringen</a></li>
209<li><a href="#serviceNavWrapper">Servicenavigation anspringen</a></li>
210<li><a href="#sectionNavWrapper">Bereichsnavigation anspringen</a></li>
211<li><a href="#featureBox">Livestream Player anspringen</a></li>
212
213<li><a href="#content">Inhalt anspringen</a></li>
214</ul>
215</nav>                        </div>
216<div id="brandNavWrapper"
217class="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">
218<div class="grid-cols-12 px-5 lg:px-10 col-full sm:col-main">
219<div x-data="slider()"
220x-init="initialize($refs.scrollContainer_0)"
221class="relative w-full"
222ax-load
223x-ignore
224>
225<template x-if="isScrollable && $screen('xs')">
226<div>
227<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" >
228<svg class="sb-icon w-3.5 h-3.5 fill-current  " role="presentation" aria-hidden="true"
229><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-left"></use>
230</svg>            </button>
231<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">
232<svg class="sb-icon w-3.5 h-3.5 fill-current  " role="presentation" aria-hidden="true"
233><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use>
234</svg>            </button>
235</div>
236</template>
237<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">
238<nav class="flex w-full text-xs list-none text-grey-scorpion">
239<span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span>
240<ul class="flex pr-3 md:px-0 flex-nowrap lg:mr-0">
241<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  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="HR2" href="https://www.hr2.de/index.html" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr2-kultur-Link geklickt"}]}'>hr2-kultur</a></li>                                                        <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"><a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR3" href="https://www.hr3.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr3-Link geklickt"}]}'>hr3</a></li>                                                        <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"><a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR4" href="https://www.hr4.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr4-Link geklickt"}]}'>hr4</a></li>                                                        <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"><a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR-info" href="https://www.hr-inforadio.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr INFO-Link geklickt"}]}'>hr INFO</a></li>                                                        <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"><a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="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>
242</nav>
243</div>
244</div>
245</div>
246</div>
247<div id="serviceNavWrapper"
248:class="shouldServiceNavBeHidden() ? '-mt-40' : ''"
249class="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">
250<div id="serviceNavMainContainer"
251class="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">
252<span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span>
253<div id="serviceLogoWrapper"
254class="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">
255<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden"
256href=https://www.hr2.de/index.html
257title="Startseite hr2 . d e">
258<div
259class="relative flex h-10 brand-logo-size  md:hidden"
260>
261<img width="152" height="150" src="https://www.hr2.de/assets_4.49.0/base/icons/logo/brandlogo--mobile.min.svg"
262class="w-auto h-full" alt="hr2.de">
263</div>
264<div
265class="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] "
266>
267<img width="300" height="66" src="https://www.hr2.de/assets_4.49.0/base/icons/logo/brandlogo--desk.min.svg"
268class="w-auto h-full" alt="hr2.de">
269</div>
270</a>
271<script>
272percent = 0
273</script>
273                                </div>
274<div id="serviceItemsWrapper"
275class="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">
276<div
277id="serviceList"
278@click.outside="$store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen && !$store.burgeropen)"
279x-ref="serviceList"
280:class="shouldServiceIconsBeHidden() ? 'delay-300 duration-500 -mt-40 -z-40' : 'delay-0 duration-0 mt-0 z-130'"
281class="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 "
282>
283<ul class="flex justify-around w-full h-full -itemCount- lg:w-auto lg:justify-end lg:pt-1">
284<li class="sb-service-navigation-item -playlist flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-navigation-icons border-navigation-border-color">
285<a href="https://www.hr2.de/programm/titelliste/index.html" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-5096-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Titelliste-Link geklickt"}]}'>
286<div class="w-7 md:w-8 h-7 md:h-8" >
287<svg class="sb-icon w-full h-full fill-current  " role="presentation" aria-hidden="true"
288><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#playlist-ds"></use>
289</svg>                <span class="sr-only lg:hidden">Titelliste</span>
290</div>
291<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">
292<div class="flex" >
293<span class="flex text-xs leading-4 whitespace-nowrap">
294Titelliste
295</span>
296</div>
297</div>
298</a>
299</li>
300                                                            <li class="sb-service-navigation-item -sendezeiten 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">
301<a href="https://www.hr2.de/programm/index.html" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-5686-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Programm-Link geklickt"}]}'>
302<div class="w-7 md:w-8 h-7 md:h-8" >
303<svg class="sb-icon w-full h-full fill-current  " role="presentation" aria-hidden="true"
304><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#calendar-ds"></use>
305</svg>                <span class="sr-only lg:hidden">Programm</span>
306</div>
307<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">
308<div class="flex" >
309<span class="flex text-xs leading-4 whitespace-nowrap">
310Programm
311</span>
312</div>
313</div>
314</a>
315</li>
316                                                            <li class="sb-service-navigation-item -podcasts 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">
317<a href="https://www.hr2.de/podcasts/index.html" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-7335-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Podcasts-Link geklickt"}]}'>
318<div class="w-7 md:w-8 h-7 md:h-8" >
319<svg class="sb-icon w-full h-full fill-current  " role="presentation" aria-hidden="true"
320><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#podcast-ds"></use>
321</svg>
321                <span class="sr-only lg:hidden">Podcasts</span>
322</div>
323<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">
324<div class="flex" >
325<span class="flex text-xs leading-4 whitespace-nowrap">
326Podcasts
327</span>
328</div>
329</div>
330</a>
331</li>
332                                            </ul>
333</div>
334<div
335x-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"
336:class="$store.searchFieldOpen == true ? 'bg-white mt-2 rounded-t md:mt-0 md:rounded-none' : 'bg-navigation-bg'"
337>
338<button
339@click="$store.searchFieldOpen = ! $store.searchFieldOpen; dropped = false; $store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen)"
340@click.debounce.100ms="$dispatch('burger-close'); $dispatch('search-mobile-click'); $dispatch('close-servicemenu');"
341class="h-full cursor-pointer text-navigation-text md:px-4 lg:hidden"
342x-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')"
343>
344<svg
345x-show="$store.searchFieldOpen == false"
346class="h-5 fill-current text-navigation-text w-9"
347xmlns="http://www.w3.org/2000/svg"
348viewBox="0 0 20 20"
349x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == true)"
350>
351<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>
352</svg>
353<svg
354x-show="$store.searchFieldOpen == true"
355class="h-6 fill-current w-9 text-primary"
356xmlns="http://www.w3.org/2000/svg"
357viewBox="0 0 20 20"
358x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == false)"
359>
360<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>
361</svg>
362</button>
363</div>                                    <div class="hidden lg:flex">
364<form
365x-data="searchSuggest()"
366role="search"
367action="https://www.hr2.de/suche/index.nc.html"
368method="get"
369class="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"
370>
371<div
372class="flex lg:h-10  w-full"
373id="search-content"
374@click.away="active=false; cursorIndex=-1"
375@keydown.arrow-down="moveDownList()"
376@keydown.arrow-up="moveUpList()"
377>
378<label for="searchInput--5998" class="hidden">suchfeld</label>
379<input
380@input.debounce="getSuggestionsForInput();cursorIndex=-1"
381@click="active=true"
382name="query"
383x-model="query"
384placeholder='Suchen'
385class="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"
386type="text"
387id="searchInput--5998"
388autocomplete="off"
389role="combobox"
390aria-haspopup="listbox"
391aria-autocomplete="list"
392x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))"
393aria-owns="suggestionlist--5998"
394aria-controls="suggestionlist--5998"
395>
396<div
397class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10"
398x-show="query.length > 1 && active && suggestions.length"
399x-cloak
400x-transition:leave="transition ease-in duration-100"
401x-transition:leave-start="opacity-100"
402x-transition:leave-end="opacity-0"
403>
404<ul
405role="listbox"
406id="suggestionlist--5998"
407aria-label="Suche öffnen"
408x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
409class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl"
410x-ref="list"
411>
412<template x-for="(suggestion, index) in suggestions" :key="index">
413<li class="first-of-type:border-none">
414<a
415x-bind:active="false"
416x-bind:href="'https://www.hr2.de/suche/index.nc.html?query=' + suggestion"
417x-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 }"
418>
419<span x-text="suggestion"></span>
420</a>
421</li>
422</template>
423</ul>
424</div>
425</div>
426<button
427aria-label='Suche starten'
428type="submit"
429class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary ">
430<svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent  " role="presentation" aria-hidden="true"
431><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use>
432</svg>                                                </button>
433</form>
434<script type="text/javascript">
435function searchSuggest() {
436return {
437active:true,
438cursorIndex: -1,
439query: "",
440suggestions: [],
441getSuggestionsForInput() {
442suggestionDataUrl = 'https://www.hr2.de/suche/index~suggest.jsp' + '?suggestions=' + this.query;
443fetch(suggestionDataUrl)
444.then((res) =>{  return res.text()})
445.then((data) => {
446data = JSON.parse(data.replace(/&quot;/g, '"'))
447data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query)
448this.suggestions= this.filterSortbylength(data.solrSuggestions)
449});
450},
451filterStartwith(data, query) {
452return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim()))
453},
454filterSortbylength(data) {
455return data.sort((a, b) => a.length - b.length)
456},
457moveDownList() {
458if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1)
459{
460this.cursorIndex++;
461this.query = this.suggestions[this.cursorIndex];
462}
463},
464moveUpList() {
465if (this.suggestions.length > 0 && this.cursorIndex > 0)
466{
467this.cursorIndex--;
468this.query = this.suggestions[this.cursorIndex];
469}
470},
471};
472}
473</script>
473                                    </div>
474<div id="burgerWrapper"
475class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden">
476<div x-data="burger()" class="flex items-center justify-center h-full fill-current sb-burger">
477<nav class="h-10 tablet:h-12">
478<button
479class="relative w-10 h-10 text-navigation-text tablet:w-18 tablet:h-12 focus:outline-none bg-brand"
480@burger-close.window="burgerClose()"
481@click="burgerClick()"
482aria-owns="sectionNav"
483aria-controls="sectionNav"
484x-effect="$el.setAttribute('aria-expanded', $store.burgeropen);$el.setAttribute('aria-label', $store.burgeropen ? 'Navigation schließen' : 'Navigation öffnen')"
485>
486<span class="sr-only md:hidden">Open main menu</span>
487<div class="absolute block w-6 -mt-px transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2">
488<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>
489<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>
490<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>
491</div>
492</button>
493</nav>
494</div>
495<script>
496var burger = () => {
497return {
498burgerClose(){
499this.$store.burgeropen = false
500this.$dispatch('toggle-sectionnav', false);
501},
502burgerClick(){
503this.$store.serviceNavIsOpen = false
504this.$store.burgeropen = !this.$store.burgeropen
505this.$dispatch('toggle-sectionnav',  this.$store.burgeropen);
506// Todo: not doing anything! can be removed?
507// this.percent > 50 ? this.removeYtranslate() : null;
508this.toggleScrolling(!this.$store.burgeropen)
509},
510removeYtranslate(){
511// Todo: not doing anything! can be removed?
512//this.$refs.serviceList.classList.remove('-mt-40');
513//this.$refs.sectionnavigation.classList.remove('-mt-40')
514}
515}
516}
517</script>
517
518</div>
519</div>
520</div>                        </div>
521<div id="sectionNavWrapper"
522x-ref="sectionnavigation"
523@toggle-sectionnav.window="toggleSectionNav"
524:class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''"
525class="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 "
526>
527<div
528id="sectionNav"
529class="w-full px-0 mt-10 sb-section-navigation md:mt-0 lg:grid-cols-12 lg:px-10 lg:col-main "
530x-effect="$el.setAttribute('aria-expanded',  $store.burgeropen || $screen('lg')); $el.setAttribute('aria-hidden', ! ($store.burgeropen || $screen('lg')))"
531>
532<div x-data="slider()"
533x-init="initialize($refs.scrollContainer_5998)"
534class="relative w-full"
535ax-load
536x-ignore
537>
538<template x-if="isScrollable && $screen('lg')">
539<div>
540<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_5998)" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" >
541<svg class="sb-icon w-3.5 h-3.5 fill-current  " role="presentation" aria-hidden="true"
542><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-left"></use>
543</svg>            </button>
544<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_5998)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true">
545<svg class="sb-icon w-3.5 h-3.5 fill-current  " role="presentation" aria-hidden="true"
546><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use>
547</svg>            </button>
548</div>
549</template>
550<div x-ref="scrollContainer_5998" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar">
551<div class="flex w-full">
552<span id="sectionNavHeadline" class="hidden">Bereichsnavigation</span>
553<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">
554<li x-data="dropdown"
555@click.outside="dropped = false"
556@close-servicemenu.window="dropped = false"
557:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'"
558class="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">
559<a href="https://www.hr2.de/index.html"
560class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full"
561aria-label="Startseite hr2"
562data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Start-Link geklickt"}]}'
563x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
564>
565Start<span class="sr-only">hr2</span>
566</a>
567</li>
568
569<li x-data="dropdown"
570@click.outside="dropped = false"
571@close-servicemenu.window="dropped = false"
572:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'"
573class="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
573nded-t">
574<a href="https://www.hr2.de/programm/index.html"
575id="button-0-1"
576@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()"
577@resize.window="dropped=false; correctFlyoutPos()"
578:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
579class="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"
580aria-haspopup="true"
581x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
582aria-owns="flyout-0"
583aria-controls="flyout-0"
584aria-labelledby="flyout-0-1"
585data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Programm-Toggle-Link geklickt"}]}'
586>
587Programm<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex">
588<div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''">
589<svg class="sb-icon w-3 h-2 fill-current  " role="presentation" aria-hidden="true"
590><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use>
591</svg>                        </div>
592</div>
593</a>
594<button
595@click.debounce.100ms="toggle()"
596id="button-0-1"
597class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden"
598aria-haspopup="true"
599x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen ? '0' : '-1')"
600aria-owns="flyout-0"
601aria-controls="flyout-0"
602aria-labelledby="flyout-0-1"
603data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Programm-Toggle-Link geklickt"}]}'>
604<span class="hidden">Programm</span>
605<div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''">
606<svg class="sb-icon w-4 h-2 fill-current  " role="presentation" aria-hidden="true"
607><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use>
608</svg>                        </div>
609</button>
610<div    x-cloak
611x-data="flyoutHandler"
612x-ref="0"
613id="flyout-0"
614@resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();"
615x-show="dropped"
616x-init="sectionNavFlyoutWatcher()"  :class="{'hidden': shouldFlyoutBeHidden()}"
617class="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
618hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200
619lg:rounded-b lg:px-4 lg:absolute"
620aria-labelledby="flyout-0-1"
621x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)"
622>
623<div class="w-full">
624<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 ">
625<a href="https://www.hr2.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"}]}' >
626Übersicht Programm
627</a>
628</div>
629</div>
630<div class="lg:flex lg:flex-row -columnCount--2 lg:divide-x lg:divide-gray-200 ">
631<ul class="md:w-1/1 lg:w-1/2 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'"
632class="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/der-tag/index.html"
633class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
634target="_blank"  rel="noopener"
635data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
636>
637Der Tag<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex  " role="presentation" aria-hidden="true"
638><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
639</svg>        </a>
640</li><li :class="dropped ? 'h-auto' : 'h-10'"
641class="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.hr2.de/programm/doppelkopf/index.html"
642class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
643data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubN
643avInRubrikNav::Programm-Link geklickt"}]}'
644>
645Doppelkopf        </a>
646</li><li :class="dropped ? 'h-auto' : 'h-10'"
647class="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.hr2.de/programm/feature/index.html"
648class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
649data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
650>
651Feature        </a>
652</li><li :class="dropped ? 'h-auto' : 'h-10'"
653class="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.hr2.de/programm/hoerbar/index.html"
654class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
655data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
656>
657Hörbar        </a>
658</li><li :class="dropped ? 'h-auto' : 'h-10'"
659class="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.hr2.de/programm/hoerspiel/index.html"
660class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
661data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
662>
663Hörspiel        </a>
664</li><li :class="dropped ? 'h-auto' : 'h-10'"
665class="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.hr2.de/programm/jazz/index.html"
666class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
667data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
668>
669Jazz        </a>
670</li><li :class="dropped ? 'h-auto' : 'h-10'"
671class="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.hr2.de/programm/kinder/index.html"
672class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
673data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
674>
675Kinder        </a>
676</li></ul>                                <ul class="md:w-1/1 lg:w-1/2 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'"
677class="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.hr2.de/programm/klassik-oper/index.html"
678class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
679data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
680>
681Klassik und Oper        </a>
682</li><li :class="dropped ? 'h-auto' : 'h-10'"
683class="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.hr2.de/programm/lesung/index.html"
684class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
685data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubN
685avInRubrikNav::Programm-Link geklickt"}]}'
686>
687Lesung        </a>
688</li><li :class="dropped ? 'h-auto' : 'h-10'"
689class="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.hr2.de/programm/literaturland/index.html"
690class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
691data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
692>
693Literaturland Hessen        </a>
694</li><li :class="dropped ? 'h-auto' : 'h-10'"
695class="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.hr2.de/programm/musikland-hessen/index.html"
696class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
697data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
698>
699Musikland Hessen        </a>
700</li><li :class="dropped ? 'h-auto' : 'h-10'"
701class="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.hr2.de/programm/neue_musik_klangkunst/index.html"
702class="ds-link js-load  link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full "
703data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}'
704>
705Neue Musik | Klangkunst        </a>
706</li></ul>                    </div>
707</div>
708</li>
709
710<li x-data="dropdown"
711@click.outside="dropped = false"
712@close-servicemenu.window="dropped = false"
713:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'"
714class="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">
715<a href="https://www.hr2.de/podcasts/index.html"
716class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full"
717data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Podcasts-Link geklickt"}]}'
718x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
719>
720Podcasts
721</a>
722</li>
723
724<li x-data="dropdown"
725@click.outside="dropped = false"
726@close-servicemenu.window="dropped = false"
727:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'"
728class="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">
729<a href="https://www.hr2.de/veranstaltungen/index.html"
730class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full"
731data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Veranstaltungen-Link geklickt"}]}'
732x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
733>
734Veranstaltungen
735</a>
736</li>
737
738<li x-data="dropdown"
739@click.outside="dropped = false"
740@close-servicemenu.window="dropped = false"
741:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'"
742class="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
742nded-t">
743<a href="https://www.hr2.de/moderatoren/index.html"
744class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full"
745data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Moderation-Link geklickt"}]}'
746x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
747>
748Moderation
749</a>
750</li>
751
752<li x-data="dropdown"
753@click.outside="dropped = false"
754@close-servicemenu.window="dropped = false"
755:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'"
756class="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">
757<a href="https://www.ardsounds.de/radio/hr/hr2-kultur/"
758class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full"
759data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::ARD Sounds-Link geklickt"}]}'
760x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
761>
762ARD Sounds
763</a>
764</li>
765
766</ul>
767</div>
768</div>
769</div>
770</div>
771</div>
772<div x-cloak :class="shouldServiceNavBeHidden() ? 'hidden -mt-40' : ''"
773x-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')"
774x-show="$store.searchFieldOpen"
775class="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"
776@search-close.window="$store.searchFieldOpen = false"
777@click.outside="$store.searchFieldOpen = false; $dispatch('search-mobile-click-outside'); dropped = false; toggleScrolling(!$store.serviceNavIsOpensearchFieldOpen && !$store.burgeropen)"
778x-transition:enter="transition ease-out duration-200"
779x-transition:enter-start="opacity-0 transform scale-y-90"
780x-transition:enter-end="opacity-100 transform scale-y-100"
781x-transition:leave="transition ease-in duration-100"
782x-transition:leave-start="opacity-100 transform scale-y-100"
783x-transition:leave-end="opacity-0 transform scale-y-90">
784<form
785x-data="searchSuggest()"
786role="search"
787action="https://www.hr2.de/suche/index.nc.html"
788method="get"
789class="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"
790>
791<div
792class="flex lg:h-10  w-full"
793id="search-content"
794@click.away="active=false; cursorIndex=-1"
795@keydown.arrow-down="moveDownList()"
796@keydown.arrow-up="moveUpList()"
797>
798<label for="searchInput--2643" class="hidden">suchfeld</label>
799<input
800@input.debounce="getSuggestionsForInput();cursorIndex=-1"
801@click="active=true"
802name="query"
803x-model="query"
804placeholder='Suchen'
805class="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"
806type="text"
807id="searchInput--2643"
808autocomplete="off"
809role="combobox"
810aria-haspopup="listbox"
811aria-autocomplete="list"
812x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))"
813aria-owns="suggestionlist--2643"
814aria-controls="suggestionlist--2643"
815>
816<div
817class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10"
818x-show="query.length > 1 && active && suggestions.length"
819x-cloak
820x-transition:leave="transition ease-in duration-100"
821x-transition:leave-start="opacity-100"
822x-transition:leave-end="opacity-0"
823>
824<ul
825role="listbox"
826id="suggestionlist--2643"
827aria-label="Suche öffnen"
828x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
829class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl"
830x-ref="list"
831>
832<template x-for="(suggestion, index) in suggestions" :key="index">
833<li class="first-of-type:border-none">
834<a
835x-bind:active="false"
836x-bind:href="'https://www.hr2.de/suche/index.nc.html?query=' + suggestion"
837x-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 }"
838>
839<span x-text="suggestion"></span>
840</a>
841</li>
842</template>
843</ul>
844</div>
845</div>
846<button
847aria-label='Suche starten'
848type="submit"
849class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary ">
850<svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent  " role="presentation" aria-hidden="true"
851><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use>
852</svg>                                                </button>
853</form>
854<script type="text/javascript">
855function searchSuggest() {
856return {
857active:true,
858cursorIndex: -1,
859query: "",
860suggestions: [],
861getSuggestionsForInput() {
862suggestionDataUrl = 'https://www.hr2.de/suche/index~suggest.jsp' + '?suggestions=' + this.query;
863fetch(suggestionDataUrl)
864.then((res) =>{  return res.text()})
865.then((data) => {
866data = JSON.parse(data.replace(/&quot;/g, '"'))
867data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query)
868this.suggestions= this.filterSortbylength(data.solrSuggestions)
869});
870},
871filterStartwith(data, query) {
872return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim()))
873},
874filterSortbylength(data) {
875return data.sort((a, b) => a.length - b.length)
876},
877moveDownList() {
878if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1)
879{
880this.cursorIndex++;
881this.query = this.suggestions[this.cursorIndex];
882}
883},
884moveUpList() {
885if (this.suggestions.length > 0 && this.cursorIndex > 0)
886{
887this.cursorIndex--;
888this.query = this.suggestions[this.cursorIndex];
889}
890},
891};
892}
893</script>
893
894</div>
895</div>
896</header>
897<div class="justify-center hidden w-full scale-50 brand-logo_print print:flex">
898<img loading="lazy"
899alt="Startseite hr2 . d e"
900src="https://www.hr2.de/assets_4.49.0/base/icons/rsslogo/brandlogo--rss.jpg"
901/>
902</div>
903<div x-ref="myOverlay">
904<div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()"
905class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-100 lg:hidden opacity-70"></div>
906</div>
907</div>
908<main onclick="void(0)" role="main" id="content"
909class="contentBody js-main js-load z-0 contentBody__backgroundImage"
910data-hr-init-service-worker='{"swUrl":"https://www.hr2.de/sw.js","assetRoot":"https://www.hr2.de/assets_4.49.0/"}'>
911<header class="page__header flex flex-col">
912<div class="grid grid-page print:hidden order-1 z-10">
913<div class="col-full sm:col-main bg-white py-3">
914<nav id="breadcrumb-nav" class="print:hidden px-5 lg:px-10 inline-block bg-white rounded-r hide-last-item-below-sm"
915role="navigation"
916aria-label="Sie sind hier: "
917>
918<ul>
919<li class="inline">
920<a href="https://www.hr2.de/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline">
921<span>Start</span>
922</a>
923<span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link  " role="presentation" aria-hidden="true"
924><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use>
925</svg></span>
926</li>
927<li class="inline">
928<a href="https://www.hr2.de/service/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline">
929<span>Service</span>
930</a>
931<span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link  " role="presentation" aria-hidden="true"
932><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use>
933</svg></span>
934</li>
935                                <li class="inline">
936<h1 class="inline sr-only sm:not-sr-only">
937<a href="https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html" class="ds-link py-2 text-link font-copy text-xs hover:underline">ARD Sounds - Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD</a>
938</h1>
939</li>
940</ul>
941</nav>                                            </div>
942</div>
943
944</header><div class="grid grid-page">
945<article class="grid items-start bg-white dark:bg-black grid-article">
946<div class="items-start article-full-width grid grid-article relative">
947<div class="absolute w-full h-full -z-10" x-ref="scroll_depth_container" ax-load x-data="measureScrollDepth()" x-ignore>
948<div data-scroll-depth="0%" x-ref="scroll_depth_0" class="w-full h-1/4"></div>
949<div data-scroll-depth="25%" x-ref="scroll_depth_25" class="w-full h-1/4"></div>
950<div data-scroll-depth="50%" x-ref="scroll_depth_50" class="w-full h-1/4"></div>
951<div data-scroll-depth="75%" x-ref="scroll_depth_75" class="w-full h-1/4"></div>
952<div data-scroll-depth="100%" x-ref="scroll_depth_100" class="w-full h-px"></div>
953</div>
954<header class="mt-1 sm:mt-8">
955<h2>
956<span class="block mb-2 text-base sm480:text-xl font-heading dark:text-text-dark">Kommen Sie mit zu ARD Sounds!</span>
957<span class="text-3xl ui-test-story-title font-headingSerif sm480:text-4xl dark:text-text-dark">Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD</span>
958</h2>
959</header>
960<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 neuen App ARD Sounds haben Sie Ihren Lieblingssender immer dabei, auch zum &quot;Zurückspulen&quot;, also zum Springen im Programm um bis zu fünf Stunden. Der gewohnte Kalender mit allen Sendezeiten informiert Sie umfassend. Hunderte von Podcasts von hr2-kultur und vielen anderen Wellen warten - probieren Sie ARD Sounds einfach aus, es lohnt sich!</p>
961<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">
962<div class="flex clear-both w-full my-4 sm:my-4">
963<div class="self-center">
964</div>
965<div
966x-data="socialSharingHandler('metadatabox')"
967x-init="initBrowserDetection(); $watch('$store.sharingIsVisible', () => {$store.sharingIsOpen.metadatabox = false; $store.sharingIsOpen.mobilesticky = false})"
968class="flex self-center justify-end ml-3 print:hidden grow"
969x-intersect:leave="$store.sharingIsVisible=false"
970x-intersect:enter="$store.sharingIsVisible=true"
971x-on:resize.window="$store.sharingIsOpen.metadatabox = false"
972x-on:keydown.escape.prevent.stop="close()"
973@click.outside="close()"
974ax-load
975x-ignore
976>
977<div class="relative right-0 flex gap-3 bg-white md:h-auto"  >
978<button
979class="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"
980x-ref="button"
981x-on:click="toggle()"
982:aria-expanded="open"
983:aria-controls="$id('dropdown-button')"
984aria-label="Artikel teilen"
985x-show="$store.sharingIsVisible"
986x-intersect="sharingModuleShown()"
987>
988<svg class="sb-icon w-5 h-5 fill-current group-hover:fill-link--dark  " role="presentation" aria-hidden="true"
989><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#sharing"></use>
990</svg>                                    </button>
991<div
992x-ref="panel"
993:class="{ 'hidden': !$store.sharingIsOpen.metadatabox,'flex': $store.sharingIsOpen.metadatabox }"
994:id="$id('dropdown-button')"
995class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
996x-intersect="sharingModuleShown(true)"
997>
998<ul class="flex gap-3">
999<li class="relative">
1000<button
1001x-on:click="copyToClipboard('https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html')"
1002class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1003title="In die Zwischenablage kopieren"
1004data-url="https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html"
1005data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::metadatabox::copybutton"}]}'
1006>
1007<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"
1008><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#copy-ds"></use>
1009</svg></span>
1010<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"
1011><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#status-done"></use>
1012</svg></span>
1013</button>
1014<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">
1015Link kopiert!
1016</div>
1017</li>
1018<li class="">
1019<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1020href="https://www.facebook.com/sharer/sharer.php?u&#x3D;https%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html"
1021target="_blank"
1022rel="noopener noreferrer"
1023title="Bei Facebook teilen"
1024data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::metadatabox::facebook"}]}'
1025><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1026><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use>
1027</svg></a>
1028</li>
1029<li class="">
1030<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1031href="https://api.whatsapp.com/send?text&#x3D;ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%20-%20https%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html"
1032target="_blank"
1033rel="noopener noreferrer"
1034title="Bei Whatsapp teilen"
1035data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::metadatabox::whatsapp"}]}'
1036><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1037><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use>
1038</svg></a>
1039</li>
1040<li class="">
1041<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1042href="mailto:?subject&#x3D;Linktipp%3A%20ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%20%28hr2.de%29&amp;body&#x3D;Linktipp%3A%20ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%0AMit%20der%20neuen%20App%20ARD%20Sounds%20haben%20Sie%20Ihren%20Lieblingssender%20immer%20dabei%2C%20auch%20zum%20%22Zur%C3%BCckspulen%22%2C%20also%20zum%20Springen%20im%20Programm%20um%20bis%20zu%20f%C3%BCnf%2
10420Stunden.%20Der%20gewohnte%20Kalender%20mit%20allen%20Sendezeiten%20informiert%20Sie%20umfassend.%20Hunderte%20von%20Podcasts%20von%20hr2-kultur%20und%20vielen%20anderen%20Wellen%20warten%20-%20probieren%20Sie%20ARD%20Sounds%20einfach%20aus%2C%20es%20lohnt%20sich%21%0Ahttps%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html%0A%28Beitrag%20von%20hr2.de%29"
1043title="Per E-Mail versenden"
1044data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::metadatabox::mailto"}]}'
1045><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1046><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use>
1047</svg></a>
1048</li>
1049</ul>
1050</div>
1051</div>
1052</div>
1053</div>
1054</aside>
1055<figure class="relative article-full-width md:article-breakout mt-5 sm:mt-7 ">
1056<div class="ar-16-9">
1057<img
1058sizes="(min-width: 1024px) 940px, (min-width: 768px) calc(68.67vw + 198px), 100vw"  fetchpriority="high"
1059srcset="https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9__small.jpg 320w, https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9__medium.jpg 480w, https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9.jpg 960w, https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9__retina.jpg 1920w"
1060src="https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9__medium.jpg"
1061alt="Dame mit Kopfhörer daneben ein Mobiltelefon mit der Wellenheimat hr2-kultur in der ARD Sounds App"
1062class="w-full"></div>
1063<figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif mx-5 md:mx-0"
1064x-data="{
1065open: false,
1066truncated: true,
1067init() {
1068this.$nextTick(() => {
1069if (this.$refs.caption.scrollHeight === this.$refs.caption.clientHeight) {
1070this.truncated = false;
1071}
1072});
1073}
1074}"
1075@resize.window="open = false; $refs.caption.scrollHeight === $refs.caption.clientHeight ? truncated = false : truncated = true">
1076<div  class="dark:text-text-dark overflow-anywhere hyphens-auto"  x-ref="caption"
1077:class="!open ? 'line-clamp-2' : 'line-clamp-none'" >
1078<span class="pr-3">
1079Schön zu hören: hr2-kultur in der App von ARD Sounds
1080</span><span class="text-gray-scorpion dark:text-text-dark">Bild &copy;  Adobe Stock, hr</span>                                                                    </div>
1081<template x-if="truncated">
1082<button x-cloak
1083type="button"
1084x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schließen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')"
1085>
1086<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"
1087><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use>
1088</svg></span>
1089<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"
1090><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-up"></use>
1091</svg></span>
1092</button>
1093</template>
1094</figcaption>
1095</figure>
1096<div
1097x-init=""
1098class="print:hidden hidden top-0 sticky w-10 col-start-2 pt-6 z-100 h-fit"
1099x-data="socialSharingHandler('vertical-desktop')"
1100x-intersect="sharingModuleShown()"
1101ax-load
1102x-ignore
1103x-cloak
1104>
1105<div
1106class="relative right-0 p-1 bg-white md:h-auto">
1107<ul class="flex flex-col gap-3">
1108<li class="relative">
1109<button
1110x-on:click="copyToClipboard('https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html')"
1111class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1112title="In die Zwischenablage kopieren"
1113data-url="https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html"
1114data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::vertical-desktop::copybutton"}]}'
1115>
1116<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"
1117><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#copy-ds"></use>
1118</svg></span>
1119<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"
1120><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#status-done"></use>
1121</svg></span>
1122</button>
1123<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">
1124Link kopiert!
1125</div>
1126</li>
1127<li class="">
1128<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1129href="https://www.facebook.com/sharer/sharer.php?u&#x3D;https%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html"
1130target="_blank"
1131rel="noopener noreferrer"
1132title="Bei Facebook teilen"
1133data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::vertical-desktop::facebook"}]}'
1134><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1135><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use>
1136</svg></a>
1137</li>
1138<li class="">
1139<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1140href="https://api.whatsapp.com/send?text&#x3D;ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%20-%20https%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html"
1141target="_blank"
1142rel="noopener noreferrer"
1143title="Bei Whatsapp teilen"
1144data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::vertical-desktop::whatsapp"}]}'
1145><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1146><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use>
1147</svg></a>
1148</li>
1149<li class="">
1150<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1151href="mailto:?subject&#x3D;Linktipp%3A%20ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%20%28hr2.de%29&amp;body&#x3D;Linktipp%3A%20ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%0AMit%20der%20neuen%20App%20ARD%20Sounds%20haben%20Sie%20Ihren%20Lieblingssender%20immer%20dabei%2C%20auch%20zum%20%22Zur%C3%BCckspulen%22%2C%20also%20zum%20Springen%20im%20Programm%20um%20bis%20zu%20f%C3%BCnf%20Stunden.%20Der%20gewohnte%20Kalender%20mit%20allen%20Sendezeiten%20informiert%20Sie%20umfassend.%20Hunderte%20von%20Podcasts%20von%20hr2-kultur%20und%20vielen%20anderen%20Wellen%20warten%20-%20probieren%20Sie%20ARD%20Sounds%20einfach%20aus%2C%20es%20lohnt%20sich%21%0Ahttps%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html%0A%28Beitrag%20von%20hr2.de%29"
1152title="Per E-Mail versenden"
1153data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::vertical-desktop::mailto"}]}'
1154><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1155><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use>
1156</svg></a>
1157</li>
1158</ul>
1159</div>
1160</div>
1161<div class="mt-2 hrds-copytext contents sm:block copytextWrapper">                    <figure class="relative hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow 
1161sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid">
1162<img
1163sizes="(min-width: 768px) 364px, (min-width: 640px) calc(35.56vw + 72px), 100vw"  loading="lazy"
1164srcset="https://www.hr2.de/service/screen3_offboarding-100~_t-1785834057473_v-16toX__small.jpg 320w, https://www.hr2.de/service/screen3_offboarding-100~_t-1785834057473_v-16toX__medium.jpg 480w, https://www.hr2.de/service/screen3_offboarding-100~_t-1785834057473_v-16toX.jpg 960w"
1165src="https://www.hr2.de/service/screen3_offboarding-100~_t-1785834057473_v-16toX__medium.jpg"
1166alt="Ansicht eines iPhone-Screens zum Umstieg auf ARD Sounds"
1167class="w-full">
1168<figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif mx-5 sm:mx-0"
1169x-data="{
1170open: false,
1171truncated: true,
1172init() {
1173this.$nextTick(() => {
1174if (this.$refs.caption.scrollHeight === this.$refs.caption.clientHeight) {
1175this.truncated = false;
1176}
1177});
1178}
1179}"
1180@resize.window="open = false; $refs.caption.scrollHeight === $refs.caption.clientHeight ? truncated = false : truncated = true">
1181<div  class="dark:text-text-dark overflow-anywhere hyphens-auto"  x-ref="caption"
1182:class="!open ? 'line-clamp-2' : 'line-clamp-none'" >
1183<span class="pr-3">
1184ARD Sounds: Komfortabel hören!
1185</span><span class="text-gray-scorpion dark:text-text-dark">Bild &copy;  hr</span>                                                                    </div>
1186<template x-if="truncated">
1187<button x-cloak
1188type="button"
1189x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schließen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')"
1190>
1191<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"
1192><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use>
1193</svg></span>
1194<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"
1195><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-up"></use>
1196</svg></span>
1197</button>
1198</template>
1199</figcaption>
1200</figure>
1201<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">Neues Logo, neuer Name: Die ARD Audiothek ist jetzt ARD Sounds. Was bleibt, ist ein Rundum-Sorglos-Paket für alle Radio- und Podcast-Fans. Diese App ist der Ort für alles, was Sie gerne hören – vom Livestream von hr2-kultur und aller ARD-Hörfunkprogramme, mit Sendungen zum Nachhören bis zum vielfältigen Podcast-Angebot der ARD aus allen Bereichen, von Hörspiel über Lesungen, True Crime und jeder Menge Talk und Musik. <br/>Funktioniert auf ihrem Smartphone, Tablet, PC oder Mac zuhause! <br/>Öffnen Sie wie gewohnt die hr2-App, dort finden Sie unten den Butto zu ARD Sounds - melden Sie sich gerne kostenlos an und definieren hr2-kultur zu Ihrem Lieblingssender. ARD Sounds ist so programmiert, dass Ihre Daten nicht weitergegeben werden können.</p>
1202<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">
1203<span class="sr-only">Weitere Informationen</span>            <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">ARD Sounds für iPhone, iPad und alle Android-Geräte gibt es in den jeweiligen App-Stores</h3>
1204<p class=" mt-4 text-base sm480:text-lg sm480:leading-normal dark:text-text-dark"><br/><a class="hrds-copytext__link js-load "  target="_blank" href="https://apps.apple.com/de/app/ard-sounds/id1224607890?ppid=52a27588-5f10-4057-81d9-101e54284045" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link-ard_audiothek_app_apple-100 geklickt"}]}'><strong>Für Ihr iPhone oder <span class="whitespace-nowrap">iPad</strong><svg class="sb-icon hrds-copytext__icon" role="presentation"><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use></svg></span></a><strong> </strong><a class="hrds-copytext__link js-load "  target="_blank" href="https://apps.apple.com/de/app/ard-sounds/id1224607890?ppid=52a27588-5f10-4057-81d9-101e54284045" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link-ard_audiothek_app_apple-100 geklickt"}]}'><strong>(Link zum Apple <span class="whitespace-nowrap">AppStore)</strong><svg class="sb-icon hrds-copytext__icon" role="presentation"><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use></svg></span></a><br/>
1204<br/><a class="hrds-copytext__link js-load "  target="_blank" href="https://kurz.ard.de/hr2-ardsounds-android" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link-ard_audiothek_app_google-100 geklickt"}]}'><strong>Für Ihr Android-Gerät (Link zum Google <span class="whitespace-nowrap">Playstore)</strong><svg class="sb-icon hrds-copytext__icon" role="presentation"><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use></svg></span></a><strong><br/><br/></strong><a class="hrds-copytext__link js-load "  target="_blank" href="https://www.ardsounds.de/radio/hr/hr2-kultur/" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-audiothek-104 geklickt"}]}'><strong>Und direkt auf Ihrem <span class="whitespace-nowrap">PC/Mac</strong><svg class="sb-icon hrds-copytext__icon" role="presentation"><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use></svg></span></a><strong> <br/></strong></p>
1205<span class="sr-only">Ende der weiteren Informationen</span>
1206</div>            <div class="print:hidden article-narrow w-auto xs:article-full-width xs:mx-13 hrds-copytext-teaser-full clear-both mb-2 mt-6 [&:has(+h2)]:mb-0 sm:my-8 sm:mx-26 ">
1207<article class="mx-0 js-load relative col-span-12 flex gap-y-5 gap-x-4 flex-col">
1208<figure class="ar-1-1 sm:ar-16-9" aria-hidden="true">
1209<picture class="">
1210<source media="all and (min-width: 640px)"
1211sizes="(min-width: 768px) 520px, (min-width: 640px) calc(80vw - 120px), (min-width: 360px) calc(100vw - 104px), calc(100vw - 40px)"
1212srcset="https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-16to9__small.jpg 320w, https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-16to9__medium.jpg 480w, https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-16to9.jpg 960w">
1213<source media="all and (max-width: 639px)"
1214sizes="(min-width: 768px) 520px, (min-width: 640px) calc(80vw - 120px), (min-width: 360px) calc(100vw - 104px), calc(100vw - 40px)"
1215srcset="https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-1to1__xsmall.jpg 260w, https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-1to1__small.jpg 380w, https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-1to1__medium.jpg 480w, https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-1to1.jpg 720w">
1216<img  class="w-full rounded-tl-hr rounded-br-hr" loading="lazy" src="https://www.hr2.de/programm/ard-sounds-logo-mit-frau-100~_t-1778250446599_v-1to1__medium.jpg" alt="ARD Sounds Logo mit Frau">
1217</picture>
1218</figure>
1219<div class="absolute flex flex-col justify-end w-full h-full pb-[70px] sm480:pb-[86px] sm:pb-16 md:pb-[70px] bg-gradient-to-t to-80% from-black rounded-tl-hr rounded-br-hr">
1220<a             href="https://hilfe.ard.de/ard-sounds/ueber-ard-sounds/ard-audiothek-wird-zu-ard-sounds/"
1221class="ds-link js-load  ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor "
1222data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:app-122:link_hilfe_ard-sounds-100"}]}' target="_blank"  rel="noopener"
1223>
1224<div class="line-clamp-4 xs:line-clamp-5 md:line-clamp-4 lg:line-clamp-4">
1225<header class="text-center">
1226<h3 class="text-shadow text-center text-white mx-2 xs:mx-6 sm:mx-8 md:mx-5 lg:mx-8">
1227<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-xl sm480:text-2xl md:text-5xl md:leading-10 whitespace-pre-wrap'></span>                                </h3>
1228</header>
1229</div>
1230</a>
1231</div>
1232<span class="absolute flex items-end justify-center w-full h-full ds-cta">
1233<a             href="https://hilfe.ard.de/ard-sounds/ueber-ard-sounds/ard-audiothek-wird-zu-ard-sounds/"
1234class="ds-link js-load  z-20 mb-4 sm480:mb-7 sm:mb-3 hover:bg-white inline-flex items-center font-heading border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark active:text-button active:bg-button-inverted--dark  active:scale-95 px-4 py-2.5 min-w-11 justify-center"
1235data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:
1235app-122:link_hilfe_ard-sounds-100"}]}' target="_blank"  rel="noopener"
1236aria-hidden="true" tabindex="-1"
1237>
1238<span class='ds-button-label text-base '>Hier gibt es die wichtigsten Infos zur frischen Radio-App ARD Sounds</span>                                    </a>
1239</span>
1240</article>            </div>
1241<h2 class="clear-both mt-12 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif sm480:mt-14 dark:text-text-dark"></h2>
1242</div>
1243</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">
1244<p>Quelle: hr2-kultur</p>
1245</footer><aside class="mt-12 sm:mt-14"><div class="clear-both mb-12 sm:mb-14">
1246<div class="flex flex-wrap ">
1247<span class="w-full text-2xl  sm:w-fit font-headingSerif dark:text-text-dark">Thema in</span><!--
1248-->
1249<div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
1250<img class="max-w-full" loading="lazy" alt="hr2kultur" src="https://www.hr2.de/assets_4.49.0/images/logos/hr2kultur.png">
1251</div>
1252</div>            </div></aside>
1253</article>
1254</div>
1255<div class="grid grid-page">
1256<div class="grid items-start bg-white dark:bg-black grid-article">
1257<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 ">
1258<h4 class="text-2xl  justifyLine col-span-full py-0 font-title  headline-barrier">Das könnte Sie auch interessieren</h4>
1259<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"
1260data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Related-Content geklickt"}]}'
1261><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"
1262x-data="{ avStart: false }"
1263:class="avStart ? 'flex-col' : 'flex-row'"
1264>
1265<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}" >
1266<div class="relative ar-1-1 md:ar-16-9">
1267<picture class="">
1268<source media="(max-width: 767px)"
1269sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1270srcset="https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-1to1__xsmall.png 260w, https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-1to1__small.png 380w, https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-1to1__medium.png 480w, https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-1to1.png 720w, https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-1to1__large.png 960w">
1271<source media="(min-width: 768px)"
1272sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1273srcset="https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-16to9__small.png 320w, https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-16to9__medium.png 480w, https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-16to9__medium__extended.png 640w, https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-16to9.png 960w, https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-16to9__retina.png 1920w">
1274<img  class="w-full" loading="lazy" src="https://www.hr2.de/service/genre_kontakt-100~_t-1506349627254_v-16to9__medium.png" alt="Tastatur mit Sprechblase, @-Zeichen, RSS-Symbol und Briefumschlag ">
1275</picture>
1276</div>
1277</figure>
1278<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}">
1279<header>
1280<a             href="https://www.hr2.de/service/hr2-kultur-kontakt-v5,kontakt-208.html"
1281class="ds-link js-load  ui-test-teaser-link ds-teaser-focus hover:text-toplineColor "
1282data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:app-122:kontakt-208"}]}'
1283>
1284<h5 class="overflow-anywhere hyphens-auto">
1285<span class='pt-px block text-base text-toplineColor font-heading'>E-Mail, Telefon, per Post 🐌</span>
1285                                        <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Kontakt zu hr2-kultur</span>                            </h5>
1286</a>
1287</header>
1288<div class="sm:px-0">
1289<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto">
1290<time datetime="2026-09-30T11:40+0200">30.09.26</time><span class="mx-1 last-of-type:hidden">|</span><span>Service</span> <span class="mx-1 last-of-type:hidden">|</span>                                                            </p>
1291</div>
1292</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"
1293x-data="{ avStart: false }"
1294:class="avStart ? 'flex-col' : 'flex-row'"
1295>
1296<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}" >
1297<div class="relative ar-1-1 md:ar-16-9">
1298<picture class="">
1299<source media="(max-width: 767px)"
1300sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1301srcset="https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-1to1__xsmall.png 260w, https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-1to1__small.png 380w, https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-1to1__medium.png 480w, https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-1to1.png 720w, https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-1to1__large.png 960w">
1302<source media="(min-width: 768px)"
1303sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1304srcset="https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-16to9__small.png 320w, https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-16to9__medium.png 480w, https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-16to9__medium__extended.png 640w, https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-16to9.png 960w, https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-16to9__retina.png 1920w">
1305<img  class="w-full" loading="lazy" src="https://www.hr2.de/service/genre_newsletter-102~_t-1506349662665_v-16to9__medium.png" alt="Zwei Uboot-Periskope, die sich ansehen">
1306</picture>
1307</div>
1308</figure>
1309<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}">
1310<header>
1311<a             href="https://www.hr2.de/service/der-hr2-kultur-newsletter---informationen-zu-programm-und-veranstaltungen-v9,newsletter-138.html"
1312class="ds-link js-load  ui-test-teaser-link ds-teaser-focus hover:text-toplineColor "
1313data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:app-122:newsletter-138"}]}'
1314>
1315<h5 class="overflow-anywhere hyphens-auto">
1316<span class='pt-px block text-base text-toplineColor font-heading'>Sie haben Post! </span>                                        <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Unser Newsletter - bestellen, lesen, besser Hören!</span>                            </h5>
1317</a>
1318</header>
1319<div class="sm:px-0">
1320<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto">
1321<time datetime="2023-11-28T10:50+0100">28.11.23</time><span class="mx-1 last-of-type:hidden">|</span><span>Service</span> <span class="mx-1 last-of-type:hidden">|</span>                                                            </p>
1322</div>
1323</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"
1324x-data="{ avStart: false }"
1325:class="avStart ? 'flex-col' : 'flex-row'"
1326>
1327<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}" >
1328<div class="relative ar-1-1 md:ar-16-9">
1329<picture class="">
1330<source media="(max-width: 767px)"
1331sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1332srcset="https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-1to1__xsmall.jpg 260w, https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-1to1__small.jpg 380w, https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-1to1__medium.jpg 480w, https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-1to1.jpg 720w, https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-1to1__large.jpg 960w">
1333<source media="(min-width: 768px)"
1334sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1335srcset="https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-16to9__small.jpg 320w, https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-16to9__medium.jpg 480w, https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-16to9.jpg 960w, https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-16to9__retina.jpg 1920w">
1336<img  class="w-full" loading="lazy" src="https://www.hr2.de/programm/schmuckbild-aelteres-paar-hoert-gemeinsam-ueber-kopfhoerer-100~_t-1636646908638_v-16to9__medium.jpg" alt="Älteres Paar hört gemeinsam über Kopfhörer">
1337</picture>
1338</div>
1339</figure>
1340<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}">
1341<header>
1342<a             href="https://www.hr2.de/service/hr2-kultur-als-livestream---die-qualitaet-bestimmen-sie-v3,livestream-116.html"
1343class="ds-link js-load  ui-test-teaser-link ds-teaser-focus hover:text-toplineColor "
1344data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:
1344app-122:livestream-116"}]}'
1345>
1346<h5 class="overflow-anywhere hyphens-auto">
1347<span class='pt-px block text-base text-toplineColor font-heading'>Die Qualität bestimmen Sie!</span>                                        <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>hr2-kultur als Livestream </span>                            </h5>
1348</a>
1349</header>
1350<div class="sm:px-0">
1351<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto">
1352<time datetime="2023-01-06T21:58+0100">06.01.23</time><span class="mx-1 last-of-type:hidden">|</span><span>Service</span> <span class="mx-1 last-of-type:hidden">|</span>                                                            </p>
1353</div>
1354</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"
1355x-data="{ avStart: false }"
1356:class="avStart ? 'flex-col' : 'flex-row'"
1357>
1358<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}" >
1359<div class="relative ar-1-1 md:ar-16-9">
1360<picture class="">
1361<source media="(max-width: 767px)"
1362sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1363srcset="https://www.hr2.de/programm/podcast-abo-100~_t-1639591762914_v-1to1__xsmall.jpg 260w, https://www.hr2.de/programm/podcast-abo-100~_t-1639591762914_v-1to1__small.jpg 380w, https://www.hr2.de/programm/podcast-abo-100~_t-1639591762914_v-1to1__medium.jpg 480w">
1364<source media="(min-width: 768px)"
1365sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1366srcset="https://www.hr2.de/programm/podcast-abo-100~_t-1639591762914_v-16to9__small.jpg 320w, https://www.hr2.de/programm/podcast-abo-100~_t-1639591762914_v-16to9__medium.jpg 480w, https://www.hr2.de/programm/podcast-abo-100~_t-1639591762914_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/programm/podcast-abo-100~_t-1639591762914_v-16to9.jpg 960w">
1367<img  class="w-full" loading="lazy" src="https://www.hr2.de/programm/podcast-abo-100~_t-1639591762914_v-16to9__medium.jpg" alt="Podcast-Abo">
1368</picture>
1369</div>
1370</figure>
1371<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}">
1372<header>
1373<a             href="https://www.hr2.de/service/rss-feeds-von-hr2de-v1,rss-feed-100.html"
1374class="ds-link js-load  ui-test-teaser-link ds-teaser-focus hover:text-toplineColor "
1375data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:app-122:rss-feed-100"}]}'
1376>
1377<h5 class="overflow-anywhere hyphens-auto">
1378<span class='pt-px block text-base text-toplineColor font-heading'>Alles im Blick</span>                                        <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>RSS-Feeds von hr2.de</span>                            </h5>
1379</a>
1380</header>
1381<div class="sm:px-0">
1382<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto">
1383<time datetime="2021-12-03T11:20+0100">03.12.21</time><span class="mx-1 last-of-type:hidden">|</span><span>Service</span> <span class="mx-1 last-of-type:hidden">|</span>                                                            </p>
1384</div>
1385</div></article></div>
1386</section>
1387</aside>    </div>
1388</div>
1389</div>
1390
1391<div class="h-8" x-data="{ isVisible: false }">
1392<div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }">
1393<div class="flex justify-between h-0 col-full sm:col-main"
1394:class="{ 'bg-white h-8': $store.footerIsVisible, 'h-22': $store.appBannerIsVisible && !$store.footerIsVisible}"
1395x-show="!$store.sharingIsVisible && isVisible"
1396x-transition:enter="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first"
1397x-transition:enter-start="opacity-0 translate-y-8"
1398x-transition:enter-end="opacity-100 translate-y-0"
1399x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300"
1400x-transition:leave-start="opacity-100 translate-y-0"
1401x-transition:leave-end="opacity-0 translate-y-12"
1402@scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )"
1403>
1404<div x-data="socialSharingHandler('mobilesticky')"
1405x-init="initBrowserDetection();"
1406class=" relative ml-5 z-100 h-9.5 w-9.5"
1407:class="$store.footerIsVisible ? '-mt-6' : '-mt-12'"
1408x-on:resize.window="$store.sharingIsOpen.mobilesticky = false"
1409x-on:keydown.escape.prevent.stop="close()"
1410@click.outside="close()"
1411ax-load
1412x-ignore
1413>
1414<div class="absolute bottom-0 flex flex-col self-center gap-3 bg-white">
1415<button
1416class="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"
1417x-ref="button"
1418x-on:click="toggle()"
1419:aria-expanded="open"
1420:aria-controls="$id('dropdown-button')"
1421aria-label='Artikel teilen'
1422x-intersect="sharingModuleShown()"
1423>
1424<svg class="sb-icon w-5 h-5 fill-current group-hover:fill-link--dark  " role="presentation" aria-hidden="true"
1425><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#sharing"></use>
1426</svg>                                    </button>
1427<div
1428x-ref="panel"
1429:class="$store.sharingIsOpen.mobilesticky ? 'flex' : 'hidden '"
1430:id="$id('dropdown-button')"
1431class="relative right-0 self-center bg-white md:h-auto lg:hidden"
1432>
1433<ul class="flex flex-col gap-3 mt-2">
1434<li class="relative">
1435<button
1436x-on:click="copyToClipboard('https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html')"
1437class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1438title="In die Zwischenablage kopieren"
1439data-url="https://www.hr2.de/service/ard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18,app-122.html"
1440data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::mobilesticky::copybutton"}]}'
1441>
1442<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"
1443><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#copy-ds"></use>
1444</svg></span>
1445<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"
1446><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#status-done"></use>
1447</svg></span>
1448</button>
1449<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">
1450Link kopiert!
1451</div>
1452</li>
1453<li class="">
1454<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1455href="https://www.facebook.com/sharer/sharer.php?u&#x3D;https%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html"
1456target="_blank"
1457rel="noopener noreferrer"
1458title="Bei Facebook teilen"
1459data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::mobilesticky::facebook"}]}'
1460><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1461><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use>
1462</svg></a>
1463</li>
1464<li class="">
1465<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1466href="https://api.whatsapp.com/send?text&#x3D;ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%20-%20https%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html"
1467target="_blank"
1468rel="noopener noreferrer"
1469title="Bei Whatsapp teilen"
1470data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::mobilesticky::whatsapp"}]}'
1471><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1472><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use>
1473</svg></a>
1474</li>
1475<li class="">
1476<a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
1477href="mailto:?subject&#x3D;Linktipp%3A%20ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%20%28hr2.de%29&amp;body&#x3D;Linktipp%3A%20ARD%20Sounds%20-%20Radio%2C%20Podcasts%2C%20Konzerte%20-%20der%20Klang-Kosmos%20von%20hr2-kultur%20und%20allen%20H%C3%B6rfunk-Wellen%20der%20ARD%0AMit%20der%20neuen%20App%20ARD%20Sounds%20haben%20Sie%20Ihren%20Lieblingssender%20immer%20dabei%2C%20auch%20zum%20%22Zur%C3%BCckspulen%22%2C%20also%20zum%20Springen%20im%20Programm%20um%20bis%20zu%20f%C3%BCnf%20Stunden.%20Der%20gewohnte%20Kalender%20mit%20allen%20Sendezeiten%20informiert%20Sie%20umfassend.%20Hunderte%20von%20Podcasts%20von%20hr2-kultur%20und%20vielen%20anderen%20Wellen%20warten%20-%20probieren%20Sie%20ARD%20Sounds%20einfach%20aus%2C%20es%20lohnt%20sich%21%0Ahttps%3A%2F%2Fwww.hr2.de%2Fservice%2Fard-sounds---radio-podcasts-konzerte---der-klang-kosmos-von-hr2-kultur-und-allen-hoerfunk-wellen-der-ard-v18%2Capp-122.html%0A%28Beitrag%20von%20hr2.de%29"
1478title="Per E-Mail versenden"
1479data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "10","clickLabel": "socialShareClick::mobilesticky::mailto"}]}'
1480><svg class="sb-icon w-full h-full fill-link dark:fill-link-dark hover:scale-105  " role="presentation" aria-hidden="true"
1481><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use>
1482</svg></a>
1483</li>
1484</ul>
1485</div>
1486</div>
1487</div>
1488<button
1489@click="window.scrollTo({top: 0, behavior: 'smooth'})"
1490:class="$store.footerIsVisible ? '-mt-6' : '-mt-12'"
1491class="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"
1492aria-label='Zum Seitenanfang springen'
1493>
1494<svg class="sb-icon w-5 h-5 fill-current dark:fill-link-dark  " role="presentation" aria-hidden="true"
1495><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-up"></use>
1496</svg>                        </button>
1497</div>
1498</div>
1499<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>
1500</div>
1501</main>
1502    <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" >
1503        <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div>
1504        <div class="col-full sm:col-main md:px-10">
1505            <span class="hidden">Footer Navigation</span>
1506                    
1507            <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">
1508    <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">
1509        
1510        <span class="flex justify-start text-lg font-bold text-footer-heading "  title="hr2.de" onclick="">hr2.de  </span>  
1511        
1512        <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''">
1513<svg class="sb-icon w-3 h-2 fill-current  " role="presentation" aria-hidden="true"
1514                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use>
1515</svg>        </div>
1516        
1517    </div>
1518
1519    <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap">
1520            <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full">
1521                                <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 ">
1522                                    <a             href="https://www.hr2.de/index.html"
1523            class="ds-link js-load  flex hover:underline "
1524            
1525            
1526                                                        
1527
1528            >
1529                                        Start<span class="sr-only">hr2</span></a>
1530                                </li>
1531                                <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 ">
1532                                    <a             href="https://www.hr2.de/programm/index.html"
1533            class="ds-link js-load  flex hover:underline "
1534            
1535            
1536                                                        
1537
1538            >
1539                                        Programm</a>
1540                                </li>
1541                                <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 ">
1542                                    <a             href="https://www.hr2.de/podcasts/index.html"
1543            class="ds-link js-load  flex hover:underline "
1544            
1545            
1546                                                        
1547
1548            >
1549                                        Podcasts</a>
1550                                </li>
1551                            <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">
1552                                    <a             href="https://www.ardsounds.de"
1553            class="ds-link js-load  flex hover:underline "
1554             target="_blank"  rel="noopener"
1555            
1556                                                        
1557
1558            >
1559                                        ARD Sounds                                            <span class="inline-flex mt-0.5 ml-1">
1560<svg class="sb-icon w-4 h-4 fill-current  " role="presentation" aria-hidden="true"
1561                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
1562</svg>                                            </span>
1563</a>
1564                            </li>
1565            </ul>
1566            <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full">
1567                                <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 ">
1568                                    <a             href="https://www.hr2.de/veranstaltungen/index.html"
1569            class="ds-link js-load  flex hover:underline "
1570            
1571            
1572                                                        
1573
1574            >
1575                                        Veranstaltungen</a>
1576                                </li>
1577                                <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 ">
1578                                    <a             href="https://www.hr2.de/moderatoren/index.html"
1579            class="ds-link js-load  flex hover:underline "
1580            
1581            
1582                                                        
1583
1584            >
1585                                        Moderation</a>
1586                                </li>
1587            </ul>
1588    </div>
1589    
1590</nav></div>
1591
1592<div class="flex w-full md:w-1/4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8">
1593    <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">
1594        
1595        <span class="flex justify-start text-lg font-bold text-footer-heading "  title="Service" onclick="">Service  </span>  
1596        
1597        <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''">
1598<svg class="sb-icon w-3 h-2 fill-current  " role="presentation" aria-hidden="true"
1599                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use>
1600</svg>        </div>
1601        
1602    </div>
1603
1604    <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap">
1605            <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full">
1606                                <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 ">
1607                                    <a             href="https://www.hr2.de/kontakt/index.html"
1608            class="ds-link js-load  flex hover:underline "
1609            
1610            
1611                                                        
1612
1613            >
1614                                        Kontakt</a>
1615                                </li>
1616                                <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 ">
1617                                    <a             href="https://www.hr2.de/hilfe/index.html"
1618            class="ds-link js-load  flex hover:underline "
1619            
1620            
1621                                                        
1622
1623            >
1624                                        Hilfe</a>
1625                                </li>
1626                                <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 ">
1627                                    <a             href="https://www.hr2.de/newsletter/index.html"
1628            class="ds-link js-load  flex hover:underline "
1629            
1630            
1631                                                        
1632
1633            >
1634                                        Newsletter</a>
1635                                </li>
1636                                <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 ">
1637                                    <a             href="https://www.hr2.de/frequenzen/index.html"
1638            class="ds-link js-load  flex hover:underline "
1639            
1640            
1641                                                        
1642
1643            >
1644                                        Frequenzen</a>
1645                                </li>
1646                                <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 ">
1647                                    <a             href="https://www.hr2.de/livestream/index.html"
1648            class="ds-link js-load  flex hover:underline "
1649            
1650            
1651                                                        
1652
1653            >
1654                                        Livestream</a>
1655                                </li>
1656                                <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 ">
1657                                    <a             href="https://www.hr.de/presse/fotos-und-logos/hr2-kultur/index.html"
1658            class="ds-link js-load  flex hover:underline "
1659             target="_blank"  rel="noopener"
1660            
1661                                                        
1662
1663            >
1664                                        Presse hr2-kultur                                            <span class="inline-flex mt-0.5 ml-1">
1665<svg class="sb-icon w-4 h-4 fill-current  " role="presentation" aria-hidden="true"
1666                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
1667</svg>                                            </span>
1668</a>
1669                                </li>
1670                                <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 ">
1671                                    <a             href="https://www.hr.de/unternehmen/korrekturen/index.html"
1672            class="ds-link js-load  flex hover:underline "
1673             target="_blank"  rel="noopener"
1674            
1675                                                        
1676
1677            >
1678                                        Korrekturen                                            <sp
1678an class="inline-flex mt-0.5 ml-1">
1679<svg class="sb-icon w-4 h-4 fill-current  " role="presentation" aria-hidden="true"
1680                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
1681</svg>                                            </span>
1682</a>
1683                                </li>
1684            </ul>
1685    </div>
1686    
1687</nav></div> 
1688
1689<div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0">
1690
1691    <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
1692        <div class="relative mx-auto ">
1693            <div class="flex px-5 pt-4 md:pt-0 md:px-0">
1694                                        <form 
1695                                            x-data="searchSuggest()"
1696                                            role="search" 
1697                                            action="https://www.hr2.de/suche/index.nc.html" 
1698                                            method="get" 
1699                                            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"
1700                                        >
1701                                            <div 
1702                                                class="flex flex-col-reverse h-10 gap-y-1  w-full" 
1703                                                id="search-content"
1704                                                @click.away="active=false; cursorIndex=-1"
1705                                                @keydown.arrow-down="moveDownList()"
1706                                                @keydown.arrow-up="moveUpList()"
1707                                            >   
1708                                                <label for="searchInput--2098" class="hidden">suchfeld</label>
1709                                                <input 
1710                                                    @input.debounce="getSuggestionsForInput();cursorIndex=-1"
1711                                                    @click="active=true" 
1712                                                    name="query" 
1713                                                    x-model="query"
1714                                                    placeholder='Suchen' 
1715                                                    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"
1716                                                    type="text"
1717                                                    id="searchInput--2098"
1718                                                    autocomplete="off"
1719                                                    role="combobox" 
1720                                                    aria-haspopup="listbox" 
1721                                                    aria-autocomplete="list" 
1722                                                    x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))"
1723                                                    aria-owns="suggestionlist--2098"
1724                                                    aria-controls="suggestionlist--2098"
1725                                                > 
1726                                                <div 
1727                                                    class="absolute left-0 w-auto min-w-full z-100 bottom-11" 
1728                                                    x-show="query.length > 1 && active && suggestions.length"
1729                                                    x-cloak
1730                                                    x-transition:leave="transition ease-in duration-100"
1731                                                    x-transition:leave-start="opacity-100"
1732                                                    x-transition:leave-end="opacity-0"
1733                                                >
1734                                                    <ul 
1735                                                        role="listbox" 
1736                                                        id="suggestionlist--2098" 
1737                                                        aria-label="Suche öffnen"
1738                                                        x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
1739                                                        class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl"
1740                                                        x-ref="list"
1741                                                    >
1742                                                        
1743                                                        <template x-for="(suggestion, index) in suggestions" :key="index">
1744                                                            <li class="first-of-type:border-none">
1745                                                                <a  
1746                                                                    x-bind:active="false"
1747                                                                    x-bind:href="'https://www.hr2.de/suche/index.nc.html?query=' + suggestion"
1748                                                                    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 }"
1749                                                                >
1750                                                                    <sp
1750an x-text="suggestion"></span>
1751                                                                </a>
1752                                                            </li>
1753                                                        </template>
1754                                                        
1755                                                    </ul>
1756                                                </div>  
1757                                            </div>
1758                                            
1759                                                <button 
1760                                                aria-label='Suche starten' 
1761                                                type="submit" 
1762                                                class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary ">
1763<svg class="sb-icon w-7 h-7 text-search-footer-text fill-current bg-transparent  " role="presentation" aria-hidden="true"
1764                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use>
1765</svg>                                                </button>    
1766                                        </form>
1767                                        
1768                                        
1768<script type="text/javascript">
1769                                        
1770                                            function searchSuggest() {
1771                                        
1772                                                return {
1773                                                    active:true,
1774                                                    cursorIndex: -1,
1775                                                    query: "",
1776                                                    suggestions: [],
1777                                        
1778                                                    getSuggestionsForInput() {
1779                                        
1780                                                        suggestionDataUrl = 'https://www.hr2.de/suche/index~suggest.jsp' + '?suggestions=' + this.query;
1781                                        
1782                                                        fetch(suggestionDataUrl)
1783                                        
1784                                                            .then((res) =>{  return res.text()})
1785                                        
1786                                                            .then((data) => {
1787                                                                data = JSON.parse(data.replace(/&quot;/g, '"'))
1788                                                                data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query)
1789                                                                this.suggestions= this.filterSortbylength(data.solrSuggestions)
1790                                                            });
1791                                        
1792                                                    },
1793                                        
1794                                                    filterStartwith(data, query) {
1795                                                       return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim()))
1796                                                    },
1797                                        
1798                                                    filterSortbylength(data) {
1799                                                       return data.sort((a, b) => a.length - b.length)
1800                                                    },
1801                                        
1802                                                    moveDownList() {
1803                                                            if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) 
1804                                                            {
1805                                                                this.cursorIndex++;
1806                                                                this.query = this.suggestions[this.cursorIndex];
1807                                                            }
1808                                                    },
1809                                        
1810                                                    moveUpList() {
1811                                                            if (this.suggestions.length > 0 && this.cursorIndex > 0) 
1812                                                            {
1813                                                                this.cursorIndex--;
1814                                                                this.query = this.suggestions[this.cursorIndex];
1815                                                            }
1816                                                    },
1817                                        
1818                                                };
1819                                        
1820                                            }
1821                                        
1822                                        </script>
1822            </div>
1823            
1824        </div>    </div>
1825     
1826    <nav class="block pb-0 mx-auto md:mx-0" aria-labelledby="c-footer_social_media_title" >
1827        <span id="c-footer_social_media_title" class="hidden">Social Media</span>
1828            <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4">
1829                        <li class="flex pr-2 last:pr-0">
1830                            <a             href="https://www.hr2.de/rss/index.html"
1831            class="ds-link js-load  text-footer-text "
1832            
1833            
1834                                            title="hr2.de RSS-Feed"
1835
1836            >
1837<svg class="sb-icon w-8 h-8 fill-current hover:scale-105  " role="presentation" aria-hidden="true"
1838                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#rss-ds"></use>
1839</svg>                            </a>
1840                        </li>
1841                        <li class="flex pr-2 last:pr-0">
1842                            <a             href="https://www.hr2.de/kontakt/index.html"
1843            class="ds-link js-load  text-footer-text "
1844            
1845            
1846                                            title="Zum Kontaktformular"
1847
1848            >
1849<svg class="sb-icon w-8 h-8 fill-current hover:scale-105  " role="presentation" aria-hidden="true"
1850                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use>
1851</svg>                            </a>
1852                        </li>
1853            </ul>
1854    </nav>    
1855    <div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
1856                <button
1857     id="globalSettingsButton" 
1858    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 "
1859    
1860    type="submit"
1861                        data-piano-tracking='{"label":"Footer","secondLevelId":1}'
1862                    data-a11y-dialog-show="datapolicy-settings-dialog"
1863>
1864
1865<svg class="sb-icon ds-button-icon w-4 h-4 fill-current w-5 h-5  " role="presentation" aria-hidden="true"
1866                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#settings"></use>
1867</svg>                                            <span class='ds-button-label text-base '>Einstellungen</span>                </button>
1868        </div>
1869        <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">
1870            <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>
1871            </div>
1872            <div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6">
1873                <div class="flex w-full px-6 bg-primary z-100">
1874                    <span class="flex justify-start w-full py-4">
1875                        <span
1876                            class="pr-4 -ml-1 fill-white"> <svg class="sb-icon h-7 w-7 inline  " role="presentation" aria-hidden="true"
1877                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#settings"></use>
1878</svg></span>
1879                        <span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span>
1880                        <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>
1881<svg class="sb-icon h-6 w-6 inline  " role="presentation" aria-hidden="true"
1882                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#close"></use>
1883</svg>                        </button>
1884                    </span>
1885                </div>
1886    
1887                <div class="bg-[#d8e9f6] p-6 ">
1888                    <span id="datapolicy-settings-title" class="block text-lg text-black font-headingSerif">Erhebung von Nutzungszahlen</span>
1889                    <p class="mt-4 text-black">
1890                                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.
1891                                <a class="block mt-2 ds-link text-link hover:underline" target="_blank"
1892                                rel="noopener noreferrer" href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html"
1893                                title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
1894<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex  " role="presentation" aria-hidden="true"
1895                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
1896</svg>                                </a>
1897                    </p>
1898                </div>
1899    
1900                <div class="bg-[#e3e3e3] py-2.5 px-6">
1901                    <span class="text-lg text-black font-headingSerif">Statistische Messverfahren</span>
1902                </div>
1903    
1904                <ul class="">
1905                    <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]">
1906                        <span class="text-base text-black">AGF <a
1907                            class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
1908                            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"
1909                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
1910</svg></a></span>
1911                        <div class="flex w-fit">
1912                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="agf" data-whitelist="true"/>    
1913                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="agf">
1914                                    <span class="sr-only">agf aktivieren/deaktivieren</span>
1915                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
1916                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
1917</svg></label>                        </div>
1918                    </li>
1919                  <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]">
1920                        <span class="text-base text-black">Piano Software Inc. <a
1921                            class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
1922                            href="https://www.piano.io/"
1923                            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"
1924                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
1925</svg></a></span>
1926                        <div class="flex w-fit">
1927                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="piano" data-whitelist="true"/>    
1928                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="piano">
1929                                    <span class="sr-only">piano aktivieren/deaktivieren</span>
1930                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
1931                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
1932</svg></label>                        </div>
1933                    </li>
1934                </ul>
1935    
1936                <div class="bg-[#d8e9f6] p-6">
1937                    <span class="block text-lg text-black font-headingSerif ">Externe Inhalte</span>
1938                    <p class="mt-4 text-base text-black">
1939                                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.
1940                                <a class="block mt-2 ds-link text-link hover:underline" target="_blank"
1941                                rel="noopener noreferrer" href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html"
1942                                title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
1943<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex  " role="presentation" aria-hidden="true"
1944                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
1945</svg>                                </a>
1946                    </p>
1947                </div>
1948                <div class="bg-[#e3e3e3] py-2.5 px-6">
1949                    <span class="block pb-2 text-lg text-black font-headingSerif">Externe Anbieter</span>
1950                    <div class="flex justify-between">
1951                        <span class="inline-flex text-base text-black js-providerTitle">x</span>
1952                        <div class="flex float-right">
1953                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox-all" type="checkbox" id="all" data-whitelist="false"/>    
1954                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="all">
1955                                    <span class="sr-only">alle aktivieren/deaktivieren</span>
1956                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
1957                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
1958</svg></label>                        </div>
1959                    </div>
1960                </div>
1961    
1962                <ul>
1963                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
1964                                <span class="inline-flex text-base leading-6 text-black align-text-top">23 Degrees (Kommunalwahl 2026)</span>
1965                                <div class="flex float-right">
1966                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="23degrees" data-whitelist="true"/>    
1967                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="23degrees">
1968                                    <span class="sr-only">23degrees aktivieren/deaktivieren</span>
1969                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
1970                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
1971</svg></label>                                </div>
1972                            </li>
1973                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
1974                                <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Mediathek (Video)</span>
1975                                <div class="flex float-right">
1976                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_mediathek" data-whitelist="true"/>    
1977                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_mediathek">
1978                                    <span class="sr-only">ard_mediathek aktivieren/deaktivieren</span>
1979                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
1980                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
1981</svg></label>                                </div>
1982                            </li>
1983                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
1984                                <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Audiothek (Audio) Alte Version</span>
1985                                <div class="flex float-right">
1986                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_audiothek" data-whitelist="true"/>    
1987                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_audiothek">
1988                                    <span class="sr-only">ard_audiothek aktivieren/deaktivieren</span>
1989                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
1990                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
1991</svg></label>                                </div>
1992                            </li>
1993                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
1994                                <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Sounds (Audio) Episode</span>
1995                                <div class="flex float-right">
1996                                <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"/>    
1997                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_audiothek_new">
1998                                    <span class="sr-only">ard_audiothek_new aktivieren/deaktivieren</span>
1999                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2000                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2001</svg></label>                                </div>
2002                            </li>
2003                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2004                                <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Sounds (Audio) </span>
2005                                <div class="flex float-right">
2006                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_sounds" data-whitelist="true"/>    
2007                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_sounds">
2008                                    <span class="sr-only">ard_sounds aktivieren/deaktivieren</span>
2009                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2010                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2011</svg></label>                                </div>
2012                            </li>
2013                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2014                                <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert</span>
2015                                <div class="flex float-right">
2016                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert" data-whitelist="true"/>    
2017                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert">
2018                                    <span class="sr-only">arte_concert aktivieren/deaktivieren</span>
2019                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2020                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2021</svg></label>                                </div>
2022                            </li>
2023                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2024                                <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert 2.0</span>
2025                                <div class="flex float-right">
2026                                <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"/>    
2027                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert_new">
2028                                    <span class="sr-only">arte_concert_new aktivieren/deaktivieren</span>
2029                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2030                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2031</svg></label>                                </div>
2032                            </li>
2033                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2034                                <span class="inline-flex text-base leading-6 text-black align-text-top">Datawrapper (Datengrafik)</span>
2035                                <div class="flex float-right">
2036                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="datawrapper_cdn" data-whitelist="true"/>    
2037                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="datawrapper_cdn">
2038                                    <span class="sr-only">datawrapper_cdn aktivieren/deaktivieren</span>
2039                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2040                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2041</svg></label>                                </div>
2042                            </li>
2043                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2044                                <span class="inline-flex text-base leading-6 text-black align-text-top">Esri (Notfallkarte)</span>
2045                                <div class="flex float-right">
2046                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="esri" data-whitelist="false"/>    
2047                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="esri">
2048                                    <span class="sr-only">esri aktivieren/deaktivieren</span>
2049                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2050                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2051</svg></label>                                </div>
2052                            </li>
2053                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2054                                <span class="inline-flex text-base leading-6 text-black align-text-top">Flourish (Datengrafik)</span>
2055                                <div class="flex float-right">
2056                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="flourish" data-whitelist="false"/>    
2057                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="flourish">
2058                                    <span class="sr-only">flourish aktivieren/deaktivieren</span>
2059                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2060                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2061</svg></label>                                </div>
2062                            </li>
2063                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2064                                <span class="inline-flex text-base leading-6 text-black align-text-top">Giphy (animiertes GIF)</span>
2065                                <div class="flex float-right">
2066                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="giphy" data-whitelist="false"/>    
2067                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="giphy">
2068                                    <span class="sr-only">giphy aktivieren/deaktivieren</span>
2069                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2070                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2071</svg></label>                                </div>
2072                            </li>
2073                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2074                                <span class="inline-flex text-base leading-6 text-black align-text-top">Facebook</span>
2075                                <div class="flex float-right">
2076                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="facebook-post" data-whitelist="false"/>    
2077                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="facebook-post">
2078                                    <span class="sr-only">facebook-post aktivieren/deaktivieren</span>
2079                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2080                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2081</svg></label>                                </div>
2082                            </li>
2083                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2084                                <span class="inline-flex text-base leading-6 text-black align-text-top">Instagram</span>
2085                                <div class="flex float-right">
2086                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="instagram" data-whitelist="false"/>    
2087                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="instagram">
2088                                    <span class="sr-only">instagram aktivieren/deaktivieren</span>
2089                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2090                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2091</svg></label>                                </div>
2092                            </li>
2093                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2094                                <span class="inline-flex text-base leading-6 text-black align-text-top">lokal-o-mat 2026</span>
2095                                <div class="flex float-right">
2096                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="lokalomat2026" data-whitelist="false"/>    
2097                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="lokalomat2026">
2098                                    <span class="sr-only">lokalomat2026 aktivieren/deaktivieren</span>
2099                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2100                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2101</svg></label>                                </div>
2102                            </li>
2103                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2104                                <span class="inline-flex text-base leading-6 text-black align-text-top">Microsoft Forms Formulare</span>
2105                                <div class="flex float-right">
2106                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="microsoft-forms" data-whitelist="false"/>    
2107                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="microsoft-forms">
2108                                    <span class="sr-only">microsoft-forms aktivieren/deaktivieren</span>
2109                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2110                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2111</svg></label>                                </div>
2112                            </li>
2113                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2114                                <span class="inline-flex text-base leading-6 text-black align-text-top">TikTok</span>
2115                                <div class="flex float-right">
2116                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="tiktok" data-whitelist="false"/>    
2117                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="tiktok">
2118                                    <span class="sr-only">tiktok aktivieren/deaktivieren</span>
2119                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2120                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2121</svg></label>                                </div>
2122                            </li>
2123                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2124                                <span class="inline-flex text-base leading-6 text-black align-text-top">Vimeo (Video)</span>
2125                                <div class="flex float-right">
2126                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="vimeo" data-whitelist="false"/>    
2127                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="vimeo">
2128                                    <span class="sr-only">vimeo aktivieren/deaktivieren</span>
2129                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2130                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2131</svg></label>                                </div>
2132                            </li>
2133                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2134                                <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube (Video)</span>
2135                                <div class="flex float-right">
2136                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube" data-whitelist="false"/>    
2137                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube">
2138                                    <span class="sr-only">youtube aktivieren/deaktivieren</span>
2139                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2140                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2141</svg></label>                                </div>
2142                            </li>
2143                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2144                                <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube 360 (360° Video)</span>
2145                                <div class="flex float-right">
2146                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube360" data-whitelist="false"/>    
2147                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube360">
2148                                    <span class="sr-only">youtube360 aktivieren/deaktivieren</span>
2149                                    <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]  " role="presentation" aria-hidden="true"
2150                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2151</svg></label>                                </div>
2152                            </li>
2153                            <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2154                                <span class="inline-flex text-base leading-6 text-black align-text-top">X</span>
2155                                <div class="flex float-right">
2156                                <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="twitter-post" data-whitelist="false"/>    
2157                                <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="twitter-post">
2158                                    <span class="sr-only">twitter-post 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.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use>
2161</svg></label>                                </div>
2162                            </li>
2163                </ul>
2164            </div>
2165        </div>    
2166</div>
2167
2168<div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0">
2169                                    <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" 
2170                                        href=https://www.hr2.de/index.html 
2171                                        title="Startseite hr2 . d e">
2172                                    
2173                                            <div  
2174                                                    class="relative flex h-10  md:hidden"
2175                                            >   
2176                                                <img width="152" height="150" src="https://www.hr2.de/assets_4.49.0/base/icons/logo/brandlogo--mobile.min.svg" 
2177                                                    class="w-auto h-full" alt="hr2.de">
2178                                            </div>      
2179                                            
2180                                            <div 
2181                                                    class="md:flex hidden justify-start w-auto h-10 lg:h-12  "
2182                                            >
2183                                                <img width="300" height="66" src="https://www.hr2.de/assets_4.49.0/base/icons/logo/brandlogo--desk.min.svg" 
2184                                                    class="w-auto h-full" alt="hr2.de">     
2185                                            </div>
2186                                              
2187                                    </a>
2188                                    
2188<script>
2189                                        percent = 0
2190                                    </script>
2190                </div>
2191                <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-0 md:flex-row ">
2192                    <div class="flex flex-col self-center text-sm md:self-end w-fit md:flex-row">
2193                        <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
2194                            <a             href="https://www.hr.de/index.html"
2195            class="ds-link js-load  flex whitespace-nowrap hover:underline "
2196             target="_blank"  rel="noopener"
2197            
2198                                            
2199                                 title="Hessischer Rundfunk"
2200
2201            >
2202                                &copy; Hessischer Rundfunk                                         <span class="inline-flex">
2203<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text  " role="presentation" aria-hidden="true"
2204                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
2205</svg>                                        </span>
2206</a>
2207                        </div>
2208                    
2209                        <span class="hidden px-2 md:flex ">|</span>
2210                    
2211                        <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
2212                            <a             href="https://www.ard.de/"
2213            class="ds-link js-load  flex whitespace-nowrap hover:underline "
2214             target="_blank"  rel="noopener"
2215            
2216                                            
2217                                 title="ARD.de"
2218
2219            >
2220                                ARD.de                                        <span class="inline-flex">
2221<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text  " role="presentation" aria-hidden="true"
2222                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
2223</svg>                                        </span>
2224</a>
2225                        </div>
2226                    
2227                        <span class="hidden px-2 md:flex ">|</span>
2228                    
2229                        <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
2230                             <a             href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html"
2231            class="ds-link js-load  flex whitespace-nowrap hover:underline "
2232             target="_blank"  rel="noopener"
2233            
2234                                            
2235                                 title="Datenschutz"
2236
2237            >
2238                                Datenschutz                                        <span class="inline-flex">
2239<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text  " role="presentation" aria-hidden="true"
2240                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
2241</svg>                                        </span>
2242</a>
2243                        </div>
2244                    
2245                        <span class="hidden px-2 md:flex ">|</span>
2246                    
2247                        <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
2248                             <a             href="https://www.hr.de/impressum/index.html"
2249            class="ds-link js-load  flex whitespace-nowrap hover:underline "
2250             target="_blank"  rel="noopener"
2251            
2252                                            
2253                                 title="Impressum"
2254
2255            >
2256                                Impressum                                        <span class="inline-flex">
2257<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text  " role="presentation" aria-hidden="true"
2258                ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use>
2259</svg>                                        </span>
2260</a>
2261                        </div>
2262                    </div>                </div>
2263            </div>
2264        </div>
2265    </footer>
2266
2267<script type="text/javascript">
2268var pianoWasInit = false
2269var pageDisplayConfig = {}
2270const isInWebAppiOS = (window.navigator.standalone === true)
2271const isInWebAppChrome =
2272(window.matchMedia('(display-mode: standalone)').matches)
2273const displayMode = isInWebAppiOS ? 'pwa-ios' : isInWebAppChrome ? 'pwa' : 'browser-tab'
2274const getCookie = (cookieName) => {
2275let cookieString = RegExp('' + cookieName + '[^;]+').exec(document.cookie)
2276return unescape(!!cookieString ? cookieString.toString().replace(/^[^=]+./, '') : '')
2277}
2278const getJSONCookie = (cookieName) => {
2279let cookie
2280try {
2281cookie = JSON.parse(getCookie(cookieName))
2282} catch (e) {
2283}
2284return cookie
2285}
2286const isPianoTrackingAllowed = () => {
2287const cookie = getJSONCookie('hrSettings')
2288console.log('undefined === cookie || cookie[\'ati\'] === true', undefined === cookie || cookie['ati'] === true)
2289return undefined === cookie || !cookie.hasOwnProperty('ati') || cookie['ati'] === true
2290}
2291function initPiano() {
2292if (!pianoWasInit) {
2293if (undefined !== window.pa) {
2294console.log("Piano Script run:", performance.now());
2295window.pa.setConfigurations({
2296site: 582964,
2297collectDomain: 'https://logs1187.xiti.com'
2298})
2299pageDisplayConfig = {
2300'page': "ARD Sounds \- Radio, Podcasts, Konzerte \- der Klang\-Kosmos von hr2\-kultur und allen Hörfunk\-Wellen der ARD",
2301'site_level2_id': 10,
2302'hr_first_publication_date': "2017-07-04T11:39:59+02:00",
2303'hr_modification_date_timestamp': "2026-09-02T17:37:24+02:00",
2304'hr_sophora_id': "app-122",
2305'hr_document_type': "hr-nt:story"
2306, 'display_mode': displayMode
2307}
2308if (isPianoTrackingAllowed()) {
2309window.pa.sendEvent('page.display', pageDisplayConfig)
2310}
2311pianoWasInit = true;
2312}
2313}
2314}
2315initPiano();
2316addEventListener("pianoAnalyticsIsLoaded", initPiano);
2317addEventListener("DOMContentLoaded", initPiano);
2318</script>
2318</div>
2319<div id="hr-radioplayer" data-properties='{"assetsFolder":"https://www.hr2.de/assets_4.49.0/vendor/hr-radio-player", "playlistPush": "//push.hr.de/push/","streamUrl":"https://hr-radio.ard-mcdn.de/hr/radio/hr2/hls/master.m3u8", "streams":[{&quot;url&quot;:&quot;https://hr-radio.ard-mcdn.de/hr/radio/hr2/hls/master.m3u8&quot;,&quot;name&quot;:&quot;Rhein-Main&quot;,&quot;id&quot;:&quot;rheinmain&quot;}], "fullPlaylistUrl":"https://www.hr2.de/hrzwei-playlist-100.html", "currentShowUrl":"https://www.hr2.de/programm/sendezeiten/hrzwei-guide-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;&quot;,&quot;hr-radioplayer_current_song_tab_label&quot;:&quot;Jetzt läuft&quot;,&quot;hr-radioplayer_sr_contact_information&quot;:&quot;Wenn Sie Fragen zum Programm haben oder Ihnen etwas besonders gut gefallen hat, dann schreiben Sie uns.&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;hr2-kultur 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":"HR2"}'
2320class="js-load"
2321data-hr-radioplayer='{"radioStation":"HR2", "loadingIcon": "<svg class=\"icon \" role=\"presentation\" aria-hidden=\"true\"><use href=\"https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#loading\"></use>\n</svg>"}'></div>
2322
2323<script type="module" src="https://www.hr2.de/assets_4.49.0/vendor/hr-radio-player/bundle.js"></script>
2323
2324</body>
2325</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.