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 "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!" /> 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 "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!" /> 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 "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!" /> 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(/"/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(/"/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 "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!</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=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=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=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&body=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 © 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=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=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=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&body=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 © 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=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=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=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&body=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(/"/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 © 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":[{"url":"https://hr-radio.ard-mcdn.de/hr/radio/hr2/hls/master.m3u8","name":"Rhein-Main","id":"rheinmain"}], "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":{"hr-radioplayer_songvote_overlay_already_voted_and_form_sended_text":"Du hast bereits abgestimmt und uns mitgeteilt, was dieses Lied zu deinem Lieblingshit macht.","hr-radioplayer_sr_pause_stream":"Radio-Livestream pausieren","hr_radioplayer_voting_up_button_text":"Yeah","hr-radioplayer_current_show_no_show_infos_text":"Keine Infos","hr-radioplayer_seekbar_live":"LIVE","hr-radioplayer_playlist_now":"LIVE","hr-radioplayer_sr_open_big_player":"Big Player öffnen","hr_radioplayer_full_playlist_link_text":"Zur Tagesübersicht","hr-radioplayer_songvote_overlay_already_voted_text":"Du hast bereits abgestimmt","hr-radioplayer_sr_play_stream":"Radio-Livestream abspielen","hr_radioplayer_sr_volume-control_mute_volume":"Stummschalten","hr_radioplayer_voting_down_button_text":"No","hr_radioplayer_ma_text":"Jetzt reinhören","hr-radioplayer_current_show_contact_to_studio_text":"","hr-radioplayer_current_song_tab_label":"Jetzt läuft","hr-radioplayer_sr_contact_information":"Wenn Sie Fragen zum Programm haben oder Ihnen etwas besonders gut gefallen hat, dann schreiben Sie uns.","hr-radioplayer_sr_twenty_sec_forward":"20 Sekunden vorspulen","hr_radioplayer_current_show_tab_label_long":"Aktuelle Live Sendung","hr_radioplayer_sr_volume-control_volume_muted":"Stummgeschaltet","hr-radioplayer_playlist_tab_label_long":"hr2-kultur zum Nachhören","hr_radioplayer_sr_volume-control_unmute_volume":"Stummschaltung aufheben","hr_radioplayer_sr_volume-control_description":"Benutzen Sie die Pfeiltasten, um die Lautstärke zu erhöhen oder zu verringern.","hr-radioplayer_sr_stop_stream":"Radio-Livestream stoppen","hr_radioplayer_sr_detail_information":"Detailinformationen zu","hr-radioplayer_sr_twenty_secs_back":"20 Sekunden zurückspulen","hr-radioplayer_sr_tabs_interface":"Tabs Interface","hr_radioplayer_sr_open_in_big_player":"im Bigplayer öffnen","hr-radioplayer_playlist_tab_label":"Nachhören","hr-radioplayer_current_show_tab_label":"Sendung","hr-radioplayer_songvote_overlay_button_to_feedback_form_text":"Zum Feedback-Formular","hr-radioplayer_current_song_timeshift_badge":"Zeitversatz","hr-radioplayer_current_show_no_song_titles_text":"Zur aktuellen Sendung liegen uns keine Titelinformationen vor.","hr_radioplayer_sr_voting_button_text":"Gib {0} von {1} dein Herz!","hr-radioplayer_current_song_timeshift_stream_paused":"Stream pausiert","hr_radioplayer_sr_volume-control_level":"Lautstärke auf Level {0}."}, "radioStation":"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.