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>Alle Podcasts von hr2-kultur | 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="2017-05-19T14:15+0200" /> 18<meta name="description" content="Die Podcasts von hr2-kultur: Geschichten, Reportagen, Gespräche und mehr. ⺠Jetzt auf hr2.de anhören. 19" /> 20<link rel="canonical" href="https://www.hr2.de/podcasts/index.html" /> 21<meta property="og:site_name" content="hr2.de" /> 22<meta property="og:locale" content="de_DE" /> 23<meta property="og:url" content="https://www.hr2.de/podcasts/index.html" /> 24<meta property="og:title" content="Alle Podcasts von hr2-kultur" /> 25<meta property="og:description" content="Wie funktioniert Podcast? Was kann ich anhören? hr2-kultur hören, wann Sie wollen!" /> 26<meta property="og:type" content="website" /> 27<meta property="og:image" content="https://www.hr2.de/podcasts/img-podcat-genre-102~_t-1568696398603_v-16to9__retina.png" /> 28<meta property="og:image:type" content="image/jpeg" /> 29<meta property="og:image:height" content="1080" /> 30<meta property="og:image:width" content="1920" /> 31<meta property="article:publisher" content="https://www.facebook.com/hr2/?fref=ts" /> 32<meta property="fb:page_id" content="229309057146754" /> 33<meta property="fb:pages" content="229309057146754" /> 34<meta property="twitter:title" content="Alle Podcasts von hr2-kultur" /> 35<meta property="twitter:description" content="Wie funktioniert Podcast? Was kann ich anhören? hr2-kultur hören, wann Sie wollen!" /> 36<meta property="twitter:image" content="https://www.hr2.de/podcasts/img-podcat-genre-102~_t-1568696398603_v-16to9__retina.png" /> 37<meta property="twitter:image:alt" content="Podcast allgemein" /> 38<meta property="twitter:url" content="https://www.hr2.de/podcasts/index.html" /> 39<meta property="twitter:site" content="" /> 40<meta property="twitter:site:id" content="" /> 41<meta property="twitter:domain" content="https://www.hr2.de/" /> 42<meta property="twitter:creator" content="" /> 43<meta property="twitter:creator:id" content="" /> 44<meta property="twitter:card" content="summary_large_image" /> 45<link href="https://www.hr2.de/assets_4.49.0/index.css" rel="preload" type="text/css" as="style"> 46<link href="https://www.hr2.de/assets_4.49.0/index.css" rel="stylesheet" type="text/css"> 47<link href="https://www.hr2.de/assets_4.49.0/radioplayer.css" rel="stylesheet" type="text/css"> 48<meta name="viewport" content="width=device-width, initial-scale=1"/> 49<meta name="msapplication-tap-highlight" content="no"/> 50 <link rel="icon" href="https://www.hr2.de/favicon.ico?v=4.49.0" sizes="48x48"> 51 <link rel="icon" href="https://www.hr2.de/favicon.min.svg?v=4.49.0" type="image/svg+xml"> 52 <link rel="apple-touch-icon" href="https://www.hr2.de/favicon.png?v=4.49.0"> 53 54 55 <link href="https://www.hr2.de/assets_4.49.0/vendor/hr-radio-player/styles.css" rel="preload" type="text/css" as="style"> 56<link href="https://www.hr2.de/assets_4.49.0/js/vendor/modernizr.cust.js" rel="preload" as="script"> 57<link href="https://www.hr2.de/assets_4.49.0/js/index.js" rel="preload" as="script"> 58<link href="https://www.hr2.de/assets_4.49.0/js/alpine.js" rel="preload" as="script"> 59<link href="https://www.hr2.de/assets_4.49.0/js/vendor/piano-analytics.js" rel="preload" as="script"> 60
61<script>'function' != typeof self.queueMicrotask && (self.queueMicrotask = function (e) { 62 Promise.resolve().then(e).catch(e => setTimeout(() => { 63 throw e 64 })) 65})</script>
vendor: 1 bytes, line 65
65
66<script> 67 document.onreadystatechange = () => { 68 if (document.readyState === "complete") { 69 initChromeSVGFix(); 70 } 71 }; 72 73 function initChromeSVGFix() { 74 document.querySelectorAll('svg').forEach(x => { 75 if (x.firstChild.nodeName === 'use') { 76 x.innerHTML = x.innerHTML 77 } 78 }); 79 } 80</script>
80 81
82<script>window.MSInputMethodContext && document.documentMode && document.write('
82<script src="https://www.hr2.de/assets_4.49.0/js/polyfill/ie11CustomProperties.js"><\/script>')</script>
82 83 84 85 <link href="https://www.hr2.de/assets_4.49.0/fonts/RobotoCondensed-Bold.woff2" rel="preload" as="font" crossorigin> 86<link href="https://www.hr2.de/assets_4.49.0/fonts/RobotoCondensed.woff2" rel="preload" as="font" crossorigin> 87<link href="https://www.hr2.de/assets_4.49.0/fonts/DINWebPro.woff" rel="preload" as="font" crossorigin> 88 <link href="https://www.hr2.de/assets_4.49.0/fonts/RobotoSlabbed.woff2" rel="preload" as="font" crossorigin> 89 90 91 92<link href="https://logs.xiti.com" rel="dns-prefetch"> 93
94<script defer src="https://www.hr2.de/assets_4.49.0/js/vendor/piano-analytics.js"></script>
vendor: 1 bytes, line 94
94
95<script defer src='https://www.hr2.de/assets_4.49.0/js/alpine.js'></script>
95 96<!--[if lt IE 9]> 97
97<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/es5-shim.js'></script>
97 98
98<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/selectivizr.js'></script>
98 99
99<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/respond.js'></script>
99 100
100<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/svg4everybody_legacy.js'></script>
100 101
101<script>svg4everybody();</script>
101 102<![endif]--><!--[if lte IE 9]> 103
103<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/html5shiv.js'></script>
103 104
104<script src='https://www.hr2.de/assets_4.49.0/js/polyfill/classList.js'></script>
104 105<![endif]--> 106 107 108 <link id="styles" rel="stylesheet" href="https://www.hr2.de/assets_4.49.0/vendor/hr-radio-player/styles.css" 109 type="text/css"/> 110
111<script> 112 var HrcmsConfig = { 113 'isProduction': true, 114 'isATITest': false, 115 'isDSGVOTest': false, 116 } 117 118 119function 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)} 120 121var 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"); 122</script>
122 123 124<!--[if lte IE 9]> 125 <link href='https://www.hr2.de/assets_4.49.0/library_ie9.css' rel='stylesheet' type='text/css'> 126<![endif]--> 127 128<link href="https://www.hr2.de/index.rss" title="Alle Beiträge RSS-Feed - hr2.de" rel="alternate" 129type="application/rss+xml"> 130
131<script type="application/ld+json"> 132{ 133"@type" : "BreadcrumbList", 134"@context" : "https://schema.org/", 135"itemListElement" : [ { 136"@type" : "ListItem", 137"@context" : "https://schema.org/", 138"item" : { 139"@id" : "https://www.hr2.de/index.html", 140"@type" : "Thing", 141"@context" : "https://schema.org/", 142"id" : "https://www.hr2.de/index.html", 143"url" : "https://www.hr2.de/index.html" 144}, 145"name" : "Start", 146"position" : 1 147}, { 148"@type" : "ListItem", 149"@context" : "https://schema.org/", 150"item" : { 151"@id" : "https://www.hr2.de/podcasts/index.html", 152"@type" : "Thing", 153"@context" : "https://schema.org/", 154"id" : "https://www.hr2.de/podcasts/index.html", 155"url" : "https://www.hr2.de/podcasts/index.html" 156}, 157"name" : "Podcasts", 158"position" : 2 159} ] 160} 161</script>
vendor: 1 bytes, line 161
161
162<script type="application/ld+json"> 163{ 164"@type" : "CollectionPage", 165"@context" : "https://schema.org/", 166"datePublished" : "2017-05-19T14:15:51.001+02:00", 167"description" : "Die Podcasts von hr2-kultur: Geschichten, Reportagen, Gespräche und mehr. ⺠Jetzt auf hr2.de anhören.\r\n", 168"dateModified" : "2026-09-02T17:37:24.550+02:00", 169"headline" : "Alle Podcasts von hr2-kultur", 170"url" : "https://www.hr2.de/podcasts/index.html" 171} 172</script>
vendor: 1 bytes, line 172
172
173<script type="application/ld+json"> 174{ 175"@type" : "ItemList", 176"@context" : "https://schema.org/", 177"itemListElement" : [ { 178"@type" : "ListItem", 179"@context" : "https://schema.org/", 180"item" : { 181"@type" : "NewsArticle", 182"@context" : "https://schema.org/", 183"datePublished" : "2017-07-04T11:39:59.657+02:00", 184"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" ], 185"author" : [ { 186"@type" : "NewsMediaOrganization", 187"@context" : "https://schema.org/", 188"name" : "Redaktion hessenschau.de", 189"url" : "https://www.hr2.de/redaktion/index.html" 190} ], 191"dateModified" : "2026-09-02T17:37:24.550+02:00", 192"headline" : "ARD Sounds - Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD", 193"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" 194}, 195"position" : 1 196}, { 197"@type" : "ListItem", 198"@context" : "https://schema.org/", 199"item" : { 200"@type" : "NewsArticle", 201"@context" : "https://schema.org/", 202"datePublished" : "2017-10-02T11:34:07.576+02:00", 203"image" : [ "https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836_v-16to9__retina.jpg", "https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836_v-4to3__retina.jpg", "https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836.jpg" ], 204"author" : [ { 205"@type" : "Person", 206"@context" : "https://schema.org/", 207"worksFor" : { 208"@type" : "Organization", 209"@context" : "https://schema.org/", 210"name" : "Hessischer Rundfunk" 211}, 212"name" : "Alf Haubitz", 213"description" : "Welche Musik hören Sie unter der Dusche oder in der Badewanne?", 214"url" : "https://www.hr2.de/moderatoren/ihre-hr2-moderatorenalf-haubitz,moderator-142.html" 215} ], 216"dateModified" : "2021-12-15T19:13:50.109+01:00", 217"headline" : "Wie funktioniert ein Podcast? Ganz einfach!", 218"url" : "https://www.hr2.de/podcasts/wie-funktioniert-ein-podcast-ganz-einfach,podcast-erklaerung-104.html" 219}, 220"position" : 2 221} ] 222} 223</script>
223 224 225</head> 226<body x-data 227:class="$store.navIsVisible && $store.subNavIsVisible ? '-navIsVisible -subnavIsVisible' : $store.navIsVisible ? '-navIsVisible' : '-navIsHidden'" > 228<div class="js-pageSwap"> 229<div class="js-load" data-hr-piano-tracking="{}"></div> 230<div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init=""> 231<header class="print:hidden relative z-110 lg:h-auto md:h-header-md h-header-sm"> 232<div x-data 233id="headerWrapper" 234x-ref="headerWrapper" 235@resize.window="resetNav()" 236:class="shouldBrandNavBeHidden() ? '-mt-[33px] md:-mt-[33px]' : '' " 237class=" flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full bg-white"> 238<div id="anchorNavWrapper" 239class="sr-only"> 240<nav id="sprungmarken" aria-labelledby="anchorNavHeadline"> 241<span id="anchorNavHeadline">Sprungmarken</span> 242<ul> 243<li><a href="#brandNavWrapper" >Ãbersicht der Marken des HR anspringen</a></li> 244<li><a href="#serviceNavWrapper">Servicenavigation anspringen</a></li> 245<li><a href="#sectionNavWrapper">Bereichsnavigation anspringen</a></li> 246<li><a href="#featureBox">Livestream Player anspringen</a></li> 247 248<li><a href="#content">Inhalt anspringen</a></li> 249</ul> 250</nav> </div> 251<div id="brandNavWrapper" 252class="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"> 253<div class="grid-cols-12 px-5 lg:px-10 col-full sm:col-main"> 254<div x-data="slider()" 255x-init="initialize($refs.scrollContainer_0)" 256class="relative w-full" 257ax-load 258x-ignore 259> 260<template x-if="isScrollable && $screen('xs')"> 261<div> 262<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" > 263<svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" 264><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> 265</svg> </button> 266<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"> 267<svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" 268><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> 269</svg> </button> 270</div> 271</template> 272<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"> 273<nav class="flex w-full text-xs list-none text-grey-scorpion"> 274<span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span> 275<ul class="flex pr-3 md:px-0 flex-nowrap lg:mr-0"> 276<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> 277</nav> 278</div> 279</div> 280</div> 281</div> 282<div id="serviceNavWrapper" 283:class="shouldServiceNavBeHidden() ? '-mt-40' : ''" 284class="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"> 285<div id="serviceNavMainContainer" 286class="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"> 287<span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span> 288<div id="serviceLogoWrapper" 289class="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"> 290<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" 291href=https://www.hr2.de/index.html 292title="Startseite hr2 . d e"> 293<div 294class="relative flex h-10 brand-logo-size md:hidden" 295> 296<img width="152" height="150" src="https://www.hr2.de/assets_4.49.0/base/icons/logo/brandlogo--mobile.min.svg" 297class="w-auto h-full" alt="hr2.de"> 298</div> 299<div 300class="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] " 301> 302<img width="300" height="66" src="https://www.hr2.de/assets_4.49.0/base/icons/logo/brandlogo--desk.min.svg" 303class="w-auto h-full" alt="hr2.de"> 304</div> 305</a>
306<script> 307percent = 0 308</script>
308 </div> 309<div id="serviceItemsWrapper" 310class="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"> 311<div 312id="serviceList" 313@click.outside="$store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen && !$store.burgeropen)" 314x-ref="serviceList" 315:class="shouldServiceIconsBeHidden() ? 'delay-300 duration-500 -mt-40 -z-40' : 'delay-0 duration-0 mt-0 z-130'" 316class="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 " 317> 318<ul class="flex justify-around w-full h-full -itemCount- lg:w-auto lg:justify-end lg:pt-1"> 319<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"> 320<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-6223-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Titelliste-Link geklickt"}]}'> 321<div class="w-7 md:w-8 h-7 md:h-8" > 322<svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" 323><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#playlist-ds"></use> 324</svg> <span class="sr-only lg:hidden">Titelliste</span> 325</div> 326<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"> 327<div class="flex" > 328<span class="flex text-xs leading-4 whitespace-nowrap"> 329Titelliste 330</span> 331</div> 332</div> 333</a> 334</li> 335 <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"> 336<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-8746-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Programm-Link geklickt"}]}'> 337<div class="w-7 md:w-8 h-7 md:h-8" > 338<svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" 339><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#calendar-ds"></use> 340</svg> <span class="sr-only lg:hidden">Programm</span> 341</div> 342<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"> 343<div class="flex" > 344<span class="flex text-xs leading-4 whitespace-nowrap"> 345Programm 346</span> 347</div> 348</div> 349</a> 350</li> 351 <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"> 352<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-1708-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Podcasts-Link geklickt"}]}'> 353<div class="w-7 md:w-8 h-7 md:h-8" > 354<svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" 355><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#podcast-ds"></use> 356</svg>
356 <span class="sr-only lg:hidden">Podcasts</span> 357</div> 358<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"> 359<div class="flex" > 360<span class="flex text-xs leading-4 whitespace-nowrap"> 361Podcasts 362</span> 363</div> 364</div> 365</a> 366</li> 367 </ul> 368</div> 369<div 370x-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" 371:class="$store.searchFieldOpen == true ? 'bg-white mt-2 rounded-t md:mt-0 md:rounded-none' : 'bg-navigation-bg'" 372> 373<button 374@click="$store.searchFieldOpen = ! $store.searchFieldOpen; dropped = false; $store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen)" 375@click.debounce.100ms="$dispatch('burger-close'); $dispatch('search-mobile-click'); $dispatch('close-servicemenu');" 376class="h-full cursor-pointer text-navigation-text md:px-4 lg:hidden" 377x-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')" 378> 379<svg 380x-show="$store.searchFieldOpen == false" 381class="h-5 fill-current text-navigation-text w-9" 382xmlns="http://www.w3.org/2000/svg" 383viewBox="0 0 20 20" 384x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == true)" 385> 386<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> 387</svg> 388<svg 389x-show="$store.searchFieldOpen == true" 390class="h-6 fill-current w-9 text-primary" 391xmlns="http://www.w3.org/2000/svg" 392viewBox="0 0 20 20" 393x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == false)" 394> 395<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> 396</svg> 397</button> 398</div> <div class="hidden lg:flex"> 399<form 400x-data="searchSuggest()" 401role="search" 402action="https://www.hr2.de/suche/index.nc.html" 403method="get" 404class="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" 405> 406<div 407class="flex lg:h-10 w-full" 408id="search-content" 409@click.away="active=false; cursorIndex=-1" 410@keydown.arrow-down="moveDownList()" 411@keydown.arrow-up="moveUpList()" 412> 413<label for="searchInput--776" class="hidden">suchfeld</label> 414<input 415@input.debounce="getSuggestionsForInput();cursorIndex=-1" 416@click="active=true" 417name="query" 418x-model="query" 419placeholder='Suchen' 420class="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" 421type="text" 422id="searchInput--776" 423autocomplete="off" 424role="combobox" 425aria-haspopup="listbox" 426aria-autocomplete="list" 427x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" 428aria-owns="suggestionlist--776" 429aria-controls="suggestionlist--776" 430> 431<div 432class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" 433x-show="query.length > 1 && active && suggestions.length" 434x-cloak 435x-transition:leave="transition ease-in duration-100" 436x-transition:leave-start="opacity-100" 437x-transition:leave-end="opacity-0" 438> 439<ul 440role="listbox" 441id="suggestionlist--776" 442aria-label="Suche öffnen" 443x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" 444class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" 445x-ref="list" 446> 447<template x-for="(suggestion, index) in suggestions" :key="index"> 448<li class="first-of-type:border-none"> 449<a 450x-bind:active="false" 451x-bind:href="'https://www.hr2.de/suche/index.nc.html?query=' + suggestion" 452x-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 }" 453> 454<span x-text="suggestion"></span> 455</a> 456</li> 457</template> 458</ul> 459</div> 460</div> 461<button 462aria-label='Suche starten' 463type="submit" 464class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> 465<svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" 466><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> 467</svg> </button> 468</form>
469<script type="text/javascript"> 470function searchSuggest() { 471return { 472active:true, 473cursorIndex: -1, 474query: "", 475suggestions: [], 476getSuggestionsForInput() { 477suggestionDataUrl = 'https://www.hr2.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; 478fetch(suggestionDataUrl) 479.then((res) =>{ return res.text()}) 480.then((data) => { 481data = JSON.parse(data.replace(/"/g, '"')) 482data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) 483this.suggestions= this.filterSortbylength(data.solrSuggestions) 484}); 485}, 486filterStartwith(data, query) { 487return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) 488}, 489filterSortbylength(data) { 490return data.sort((a, b) => a.length - b.length) 491}, 492moveDownList() { 493if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) 494{ 495this.cursorIndex++; 496this.query = this.suggestions[this.cursorIndex]; 497} 498}, 499moveUpList() { 500if (this.suggestions.length > 0 && this.cursorIndex > 0) 501{ 502this.cursorIndex--; 503this.query = this.suggestions[this.cursorIndex]; 504} 505}, 506}; 507} 508</script>
508 </div> 509<div id="burgerWrapper" 510class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden"> 511<div x-data="burger()" class="flex items-center justify-center h-full fill-current sb-burger"> 512<nav class="h-10 tablet:h-12"> 513<button 514class="relative w-10 h-10 text-navigation-text tablet:w-18 tablet:h-12 focus:outline-none bg-brand" 515@burger-close.window="burgerClose()" 516@click="burgerClick()" 517aria-owns="sectionNav" 518aria-controls="sectionNav" 519x-effect="$el.setAttribute('aria-expanded', $store.burgeropen);$el.setAttribute('aria-label', $store.burgeropen ? 'Navigation schlieÃen' : 'Navigation öffnen')" 520> 521<span class="sr-only md:hidden">Open main menu</span> 522<div class="absolute block w-6 -mt-px transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2"> 523<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> 524<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> 525<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> 526</div> 527</button> 528</nav> 529</div>
530<script> 531var burger = () => { 532return { 533burgerClose(){ 534this.$store.burgeropen = false 535this.$dispatch('toggle-sectionnav', false); 536}, 537burgerClick(){ 538this.$store.serviceNavIsOpen = false 539this.$store.burgeropen = !this.$store.burgeropen 540this.$dispatch('toggle-sectionnav', this.$store.burgeropen); 541// Todo: not doing anything! can be removed? 542// this.percent > 50 ? this.removeYtranslate() : null; 543this.toggleScrolling(!this.$store.burgeropen) 544}, 545removeYtranslate(){ 546// Todo: not doing anything! can be removed? 547//this.$refs.serviceList.classList.remove('-mt-40'); 548//this.$refs.sectionnavigation.classList.remove('-mt-40') 549} 550} 551} 552</script>
552 553</div> 554</div> 555</div> </div> 556<div id="sectionNavWrapper" 557x-ref="sectionnavigation" 558@toggle-sectionnav.window="toggleSectionNav" 559:class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''" 560class="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 " 561> 562<div 563id="sectionNav" 564class="w-full px-0 mt-10 sb-section-navigation md:mt-0 lg:grid-cols-12 lg:px-10 lg:col-main " 565x-effect="$el.setAttribute('aria-expanded', $store.burgeropen || $screen('lg')); $el.setAttribute('aria-hidden', ! ($store.burgeropen || $screen('lg')))" 566> 567<div x-data="slider()" 568x-init="initialize($refs.scrollContainer_776)" 569class="relative w-full" 570ax-load 571x-ignore 572> 573<template x-if="isScrollable && $screen('lg')"> 574<div> 575<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_776)" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" > 576<svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" 577><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> 578</svg> </button> 579<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_776)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true"> 580<svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" 581><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> 582</svg> </button> 583</div> 584</template> 585<div x-ref="scrollContainer_776" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> 586<div class="flex w-full"> 587<span id="sectionNavHeadline" class="hidden">Bereichsnavigation</span> 588<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"> 589<li x-data="dropdown" 590@click.outside="dropped = false" 591@close-servicemenu.window="dropped = false" 592:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 593class="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"> 594<a href="https://www.hr2.de/index.html" 595class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 596aria-label="Startseite hr2" 597data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Start-Link geklickt"}]}' 598x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 599> 600Start<span class="sr-only">hr2</span> 601</a> 602</li> 603 604<li x-data="dropdown" 605@click.outside="dropped = false" 606@close-servicemenu.window="dropped = false" 607:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 608class="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
608nded-t"> 609<a href="https://www.hr2.de/programm/index.html" 610id="button-0-1" 611@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()" 612@resize.window="dropped=false; correctFlyoutPos()" 613:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'" 614class="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" 615aria-haspopup="true" 616x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 617aria-owns="flyout-0" 618aria-controls="flyout-0" 619aria-labelledby="flyout-0-1" 620data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Programm-Toggle-Link geklickt"}]}' 621> 622Programm<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex"> 623<div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''"> 624<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 625><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 626</svg> </div> 627</div> 628</a> 629<button 630@click.debounce.100ms="toggle()" 631id="button-0-1" 632class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" 633aria-haspopup="true" 634x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" 635aria-owns="flyout-0" 636aria-controls="flyout-0" 637aria-labelledby="flyout-0-1" 638data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Programm-Toggle-Link geklickt"}]}'> 639<span class="hidden">Programm</span> 640<div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''"> 641<svg class="sb-icon w-4 h-2 fill-current " role="presentation" aria-hidden="true" 642><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 643</svg> </div> 644</button> 645<div x-cloak 646x-data="flyoutHandler" 647x-ref="0" 648id="flyout-0" 649@resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" 650x-show="dropped" 651x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" 652class="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 653hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 654lg:rounded-b lg:px-4 lg:absolute" 655aria-labelledby="flyout-0-1" 656x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" 657> 658<div class="w-full"> 659<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 "> 660<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"}]}' > 661Ãbersicht Programm 662</a> 663</div> 664</div> 665<div class="lg:flex lg:flex-row -columnCount--2 lg:divide-x lg:divide-gray-200 "> 666<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'" 667class="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" 668class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 669target="_blank" rel="noopener" 670data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 671> 672Der Tag<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 673><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 674</svg> </a> 675</li><li :class="dropped ? 'h-auto' : 'h-10'" 676class="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" 677class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 678data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubN
678avInRubrikNav::Programm-Link geklickt"}]}' 679> 680Doppelkopf </a> 681</li><li :class="dropped ? 'h-auto' : 'h-10'" 682class="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" 683class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 684data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 685> 686Feature </a> 687</li><li :class="dropped ? 'h-auto' : 'h-10'" 688class="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" 689class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 690data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 691> 692Hörbar </a> 693</li><li :class="dropped ? 'h-auto' : 'h-10'" 694class="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" 695class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 696data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 697> 698Hörspiel </a> 699</li><li :class="dropped ? 'h-auto' : 'h-10'" 700class="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" 701class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 702data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 703> 704Jazz </a> 705</li><li :class="dropped ? 'h-auto' : 'h-10'" 706class="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" 707class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 708data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 709> 710Kinder </a> 711</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'" 712class="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" 713class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 714data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 715> 716Klassik und Oper </a> 717</li><li :class="dropped ? 'h-auto' : 'h-10'" 718class="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" 719class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 720data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubN
720avInRubrikNav::Programm-Link geklickt"}]}' 721> 722Lesung </a> 723</li><li :class="dropped ? 'h-auto' : 'h-10'" 724class="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" 725class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 726data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 727> 728Literaturland Hessen </a> 729</li><li :class="dropped ? 'h-auto' : 'h-10'" 730class="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" 731class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 732data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 733> 734Musikland Hessen </a> 735</li><li :class="dropped ? 'h-auto' : 'h-10'" 736class="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" 737class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " 738data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Programm-Link geklickt"}]}' 739> 740Neue Musik | Klangkunst </a> 741</li></ul> </div> 742</div> 743</li> 744 745<li x-data="dropdown" 746@click.outside="dropped = false" 747@close-servicemenu.window="dropped = false" 748:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 749class="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"> 750<a href="https://www.hr2.de/podcasts/index.html" 751class="-currentSection lg:justify-center link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full font-bold" 752data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Podcasts-Link geklickt"}]}' 753x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 754> 755Podcasts 756</a> 757</li> 758 759<li x-data="dropdown" 760@click.outside="dropped = false" 761@close-servicemenu.window="dropped = false" 762:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 763class="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"> 764<a href="https://www.hr2.de/veranstaltungen/index.html" 765class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 766data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Veranstaltungen-Link geklickt"}]}' 767x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 768> 769Veranstaltungen 770</a> 771</li> 772 773<li x-data="dropdown" 774@click.outside="dropped = false" 775@close-servicemenu.window="dropped = false" 776:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 777class="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
777nded-t"> 778<a href="https://www.hr2.de/moderatoren/index.html" 779class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 780data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Moderation-Link geklickt"}]}' 781x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 782> 783Moderation 784</a> 785</li> 786 787<li x-data="dropdown" 788@click.outside="dropped = false" 789@close-servicemenu.window="dropped = false" 790:class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" 791class="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"> 792<a href="https://www.ardsounds.de/radio/hr/hr2-kultur/" 793class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" 794data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::ARD Sounds-Link geklickt"}]}' 795x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" 796> 797ARD Sounds 798</a> 799</li> 800 801</ul> 802</div> 803</div> 804</div> 805</div> 806</div> 807<div x-cloak :class="shouldServiceNavBeHidden() ? 'hidden -mt-40' : ''" 808x-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')" 809x-show="$store.searchFieldOpen" 810class="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" 811@search-close.window="$store.searchFieldOpen = false" 812@click.outside="$store.searchFieldOpen = false; $dispatch('search-mobile-click-outside'); dropped = false; toggleScrolling(!$store.serviceNavIsOpensearchFieldOpen && !$store.burgeropen)" 813x-transition:enter="transition ease-out duration-200" 814x-transition:enter-start="opacity-0 transform scale-y-90" 815x-transition:enter-end="opacity-100 transform scale-y-100" 816x-transition:leave="transition ease-in duration-100" 817x-transition:leave-start="opacity-100 transform scale-y-100" 818x-transition:leave-end="opacity-0 transform scale-y-90"> 819<form 820x-data="searchSuggest()" 821role="search" 822action="https://www.hr2.de/suche/index.nc.html" 823method="get" 824class="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" 825> 826<div 827class="flex lg:h-10 w-full" 828id="search-content" 829@click.away="active=false; cursorIndex=-1" 830@keydown.arrow-down="moveDownList()" 831@keydown.arrow-up="moveUpList()" 832> 833<label for="searchInput--8881" class="hidden">suchfeld</label> 834<input 835@input.debounce="getSuggestionsForInput();cursorIndex=-1" 836@click="active=true" 837name="query" 838x-model="query" 839placeholder='Suchen' 840class="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" 841type="text" 842id="searchInput--8881" 843autocomplete="off" 844role="combobox" 845aria-haspopup="listbox" 846aria-autocomplete="list" 847x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" 848aria-owns="suggestionlist--8881" 849aria-controls="suggestionlist--8881" 850> 851<div 852class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" 853x-show="query.length > 1 && active && suggestions.length" 854x-cloak 855x-transition:leave="transition ease-in duration-100" 856x-transition:leave-start="opacity-100" 857x-transition:leave-end="opacity-0" 858> 859<ul 860role="listbox" 861id="suggestionlist--8881" 862aria-label="Suche öffnen" 863x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" 864class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" 865x-ref="list" 866> 867<template x-for="(suggestion, index) in suggestions" :key="index"> 868<li class="first-of-type:border-none"> 869<a 870x-bind:active="false" 871x-bind:href="'https://www.hr2.de/suche/index.nc.html?query=' + suggestion" 872x-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 }" 873> 874<span x-text="suggestion"></span> 875</a> 876</li> 877</template> 878</ul> 879</div> 880</div> 881<button 882aria-label='Suche starten' 883type="submit" 884class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> 885<svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" 886><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> 887</svg> </button> 888</form>
889<script type="text/javascript"> 890function searchSuggest() { 891return { 892active:true, 893cursorIndex: -1, 894query: "", 895suggestions: [], 896getSuggestionsForInput() { 897suggestionDataUrl = 'https://www.hr2.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; 898fetch(suggestionDataUrl) 899.then((res) =>{ return res.text()}) 900.then((data) => { 901data = JSON.parse(data.replace(/"/g, '"')) 902data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) 903this.suggestions= this.filterSortbylength(data.solrSuggestions) 904}); 905}, 906filterStartwith(data, query) { 907return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) 908}, 909filterSortbylength(data) { 910return data.sort((a, b) => a.length - b.length) 911}, 912moveDownList() { 913if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) 914{ 915this.cursorIndex++; 916this.query = this.suggestions[this.cursorIndex]; 917} 918}, 919moveUpList() { 920if (this.suggestions.length > 0 && this.cursorIndex > 0) 921{ 922this.cursorIndex--; 923this.query = this.suggestions[this.cursorIndex]; 924} 925}, 926}; 927} 928</script>
928 929</div> 930</div> 931</header> 932<div class="justify-center hidden w-full scale-50 brand-logo_print print:flex"> 933<img loading="lazy" 934alt="Startseite hr2 . d e" 935src="https://www.hr2.de/assets_4.49.0/base/icons/rsslogo/brandlogo--rss.jpg" 936/> 937</div> 938<div x-ref="myOverlay"> 939<div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" 940class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-100 lg:hidden opacity-70"></div> 941</div> 942</div> 943<main onclick="void(0)" role="main" id="content" 944class="contentBody js-main js-load z-0 contentBody__backgroundImage" 945data-hr-init-service-worker='{"swUrl":"https://www.hr2.de/sw.js","assetRoot":"https://www.hr2.de/assets_4.49.0/"}'> 946<header class="page__header flex flex-col"> 947<div class="grid grid-page print:hidden order-1 z-10"> 948<div class="col-full sm:col-main bg-white py-3"> 949<nav id="breadcrumb-nav" class="print:hidden px-5 lg:px-10 inline-block bg-white rounded-r" 950role="navigation" 951aria-label="Sie sind hier: " 952> 953<ul> 954<li class="inline"> 955<a href="https://www.hr2.de/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline"> 956<span>Start</span> 957</a> 958<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" 959><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> 960</svg></span> 961</li> 962 <li class="inline"> 963<h1 class="inline"> 964<a href="https://www.hr2.de/podcasts/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline">Podcasts</a> 965</h1> 966</li> 967</ul> 968</nav> </div> 969</div> 970<div class="grid grid-page w-full order-2"> 971<div role="banner" class="grid col-full sm:col-main relative px-4 md:px-5 lg:px-10 bg-white dark:bg-black"> 972<div class="relative pb-4 border-b border-gray-boulder"> 973<h2> 974<span class="block mt-2 text-4xl sm480:text-5xl font-title text-text dark:text-text-dark"> 975Podcasts - Geschichten, Reportagen, Gespräche und mehr 976</span> 977</h2> 978</div> 979</div> 980</div> 981 982</header> <div class="grid grid-page"> 983<div class="grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14"> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> 984<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">Jetzt umsteigen auf die App von ARD Sounds</h2> 985<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 986> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 flex-col" 987x-data="{ avStart: false }" 988> 989<figure class="relative ar-16-9 w-full" > 990<div class="relative ar-16-9"> 991<img 992sizes="(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw" fetchpriority="high" 993srcset="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" 994src="https://www.hr2.de/hr2-kultur-ard-sounds-100~_t-1783679725584_v-16to9__medium.jpg" 995alt="Dame mit Kopfhörer daneben ein Mobiltelefon mit der Wellenheimat hr2-kultur in der ARD Sounds App" 996class="w-full"> 997</div> 998</figure> 999<div class=""> 1000<header class="px-5 sm:px-0"> 1001<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" 1002class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1003data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Teaser:uebersichtsseite-podcasts-100:app-122"}]}' 1004> 1005<h3 class="overflow-anywhere hyphens-auto"> 1006<span class='pt-px block text-base text-toplineColor font-heading'>Kommen Sie mit zu ARD Sounds!</span>
1006 <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-5xl'>Radio, Podcasts, Konzerte - der Klang-Kosmos von hr2-kultur und allen Hörfunk-Wellen der ARD</span> </h3> 1007</a> 1008</header> 1009<div class="sm:px-0 px-5"> 1010<div class="mt-2 text-base font-copy"> 1011<span class='flex hidden md:inline '>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!</span> 1012</div> </div> 1013</div></article> 1014 1015</div> 1016</section> 1017</div> 1018<div class="grid col-full grid-page my-5 md:my-7 bg-orange-bridesmaid"> 1019<section class="grid grid-cols-12 py-5 md:py-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-9"> 1020<div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6"> 1021<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title text-center">Lesungen - jetzt in ARD Sounds</h2> 1022<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1023> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1024x-data="{ avStart: false }" 1025> 1026<figure class="relative ar-16-9 w-full" > 1027<div class="relative ar-16-9"> 1028<img 1029sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1030srcset="https://www.hr.de/audiothek/ard/lesungen/loest_lenz/lenz_deutschstunde/d_channelbild-100~_t-1770634249698_v-16to9__small.jpg 320w, https://www.hr.de/audiothek/ard/lesungen/loest_lenz/lenz_deutschstunde/d_channelbild-100~_t-1770634249698_v-16to9__medium.jpg 480w, https://www.hr.de/audiothek/ard/lesungen/loest_lenz/lenz_deutschstunde/d_channelbild-100~_t-1770634249698_v-16to9__medium__extended.jpg 640w, https://www.hr.de/audiothek/ard/lesungen/loest_lenz/lenz_deutschstunde/d_channelbild-100~_t-1770634249698_v-16to9.jpg 960w, https://www.hr.de/audiothek/ard/lesungen/loest_lenz/lenz_deutschstunde/d_channelbild-100~_t-1770634249698_v-16to9__retina.jpg 1920w" 1031src="https://www.hr.de/audiothek/ard/lesungen/loest_lenz/lenz_deutschstunde/d_channelbild-100~_t-1770634249698_v-16to9__medium.jpg" 1032alt="Deutschstunde Channelbild" 1033class="w-full"> 1034</div> 1035</figure> 1036<div class=""> 1037<header class="px-5 sm:px-0"> 1038<a href="https://www.ardsounds.de/episode/urn:ard:episode:ccdd8ee2fc0c0007/" 1039class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1040data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-sounds-siegfried-lenz-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1041> 1042<h3 class="overflow-anywhere hyphens-auto"> 1043<span class='pt-px block text-base text-toplineColor font-heading'>gelesen vom Autor</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Siegfried Lenz: Deutschstunde</span> </h3> 1044</a> 1045</header> 1046<div class="sm:px-0 px-5"> 1047<div class="mt-2 text-base font-copy"> 1048<span class='flex hidden md:inline '>Eine Elbinsel, 1954: Siggi Jepsen sitzt in einer Jugendstrafanstalt und soll einen Aufsatz über "Die Freuden der Pflicht" schreiben. Siegfried Lenz liest seine weltberühmte "Deutschstunde" fast 70-jährig selbst â und schlüpft in die Rolle des 21-jährigen.</span> 1049<a href="https://www.ardsounds.de/episode/urn:ard:episode:ccdd8ee2fc0c0007/" 1050class="ds-link js-load relative inline text-link z-20 ds-focus " 1051data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-sounds-siegfried-lenz-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1052> 1053<span class="hover:underline decoration-1 font-copy">In ARD Sounds<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" 1054><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1055</svg></span> 1056</a> 1057</div> </div> 1058</div></article> 1059 1060<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1061x-data="{ avStart: false }" 1062> 1063<figure class="relative ar-16-9 w-full" > 1064<div class="relative ar-16-9"> 1065<img 1066sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1067srcset="https://www.hr2.de/programm/lesung/bachmann-108~_t-1781094075074_v-16to9__small.jpg 320w" 1068src="" 1069alt="Bachmann" 1070class="w-full"> 1071</div> 1072</figure> 1073<div class=""> 1074<header class="px-5 sm:px-0"> 1075<a href="https://www.ardsounds.de/sendung/bachmann-100-erzaehlungen-einer-ikone/urn:ard:show:17c68c69e2d5149d/" 1076class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1077data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-sounds-ingeborg-bachmann-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1078> 1079<h3 class="overflow-anywhere hyphens-auto"> 1080<span class='pt-px block text-base text-toplineColor font-heading'>Erzählungen einer Ikone</span>
1080 <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Bachmann 100</span> </h3> 1081</a> 1082</header> 1083<div class="sm:px-0 px-5"> 1084<div class="mt-2 text-base font-copy"> 1085<span class='flex hidden md:inline '>Ingeborg Bachmann, geboren vor 100 Jahren, war ein Star der Literaturszene ihrer Zeit und frühe Feministin. Sie zählt zu den bedeutendsten Autorinnen des 20. Jahrhunderts. Ihre Sprache ist poetisch und präzise, ihre Themen universell: Liebe, Verlust, Identität und die Abgründe menschlicher Existenz. Mit einer einzigartigen Sensibilität und sprachlichen Bildkraft erzählt sie von den inneren und äuÃeren Krisen des Lebens.</span> 1086<a href="https://www.ardsounds.de/sendung/bachmann-100-erzaehlungen-einer-ikone/urn:ard:show:17c68c69e2d5149d/" 1087class="ds-link js-load relative inline text-link z-20 ds-focus " 1088data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-sounds-ingeborg-bachmann-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1089> 1090<span class="hover:underline decoration-1 font-copy">In ARD Sounds<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" 1091><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1092</svg></span> 1093</a> 1094</div> </div> 1095</div></article> 1096 1097<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1098x-data="{ avStart: false }" 1099> 1100<figure class="relative ar-16-9 w-full" > 1101<div class="relative ar-16-9"> 1102<img 1103sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1104srcset="https://www.hr.de/audiothek/ard/lesungen/kult-klassiker_ard/der_letzte_sommer/huch_bild-100~_t-1776945626566_v-16to9__small.jpg 320w, https://www.hr.de/audiothek/ard/lesungen/kult-klassiker_ard/der_letzte_sommer/huch_bild-100~_t-1776945626566_v-16to9__medium.jpg 480w, https://www.hr.de/audiothek/ard/lesungen/kult-klassiker_ard/der_letzte_sommer/huch_bild-100~_t-1776945626566_v-16to9__medium__extended.jpg 640w, https://www.hr.de/audiothek/ard/lesungen/kult-klassiker_ard/der_letzte_sommer/huch_bild-100~_t-1776945626566_v-16to9.jpg 960w, https://www.hr.de/audiothek/ard/lesungen/kult-klassiker_ard/der_letzte_sommer/huch_bild-100~_t-1776945626566_v-16to9__retina.jpg 1920w" 1105src="https://www.hr.de/audiothek/ard/lesungen/kult-klassiker_ard/der_letzte_sommer/huch_bild-100~_t-1776945626566_v-16to9__medium.jpg" 1106alt="Ricarda Huch: Der letzte Sommer" 1107class="w-full"> 1108</div> 1109</figure> 1110<div class=""> 1111<header class="px-5 sm:px-0"> 1112<a href="https://www.ardsounds.de/episode/urn:ard:episode:38171fdb5cb38ecb/" 1113class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1114data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::huch-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1115> 1116<h3 class="overflow-anywhere hyphens-auto"> 1117<span class='pt-px block text-base text-toplineColor font-heading'>ARD Sounds</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Ricarda Huch: Der letzte Sommer</span> </h3> 1118</a> 1119</header> 1120<div class="sm:px-0 px-5"> 1121<div class="mt-2 text-base font-copy"> 1122<span class='flex hidden md:inline '>Anfang Mai 1905. In Sankt Petersburg liegt die Revolution in der Luft. Gouverneur Jegorâ¯vonâ¯Rasimkara hat sich mit seiner Frau Lusinja, und den Kindern Welja, Jessica und Katja nach Kremskoje zurückgezogen. Bei ihnen ist Lju, Sekretär und "Schutzengel". </span> 1123<a href="https://www.ardsounds.de/episode/urn:ard:episode:38171fdb5cb38ecb/" 1124class="ds-link js-load relative inline text-link z-20 ds-focus " 1125data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::huch-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1126> 1127<span class="hover:underline decoration-1 font-copy">
1127In ARD Sounds<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" 1128><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1129</svg></span> 1130</a> 1131</div> </div> 1132</div></article> 1133 1134</div> 1135</div> 1136</section> 1137</div> 1138<div class="grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14 hideGridGroupIfEmpty"> 1139</div> 1140<div class="grid col-full grid-page my-5 md:my-7 bg-gray-concrete"> 1141<section class="grid grid-cols-12 py-5 md:py-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-9"> 1142<div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6"> 1143<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title text-center">Neue Geschichten, frei erzählt</h2> 1144<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1145> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" 1146x-data="{ avStart: false }" 1147> 1148<figure class="relative ar-16-9 w-full" > 1149<div class="relative ar-16-9"> 1150<img 1151sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1152srcset="https://www.hr2.de/programm/unterwegs_26_-100~_t-1781091482179_v-16to9__small.jpg 320w, https://www.hr2.de/programm/unterwegs_26_-100~_t-1781091482179_v-16to9__medium.jpg 480w, https://www.hr2.de/programm/unterwegs_26_-100~_t-1781091482179_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/programm/unterwegs_26_-100~_t-1781091482179_v-16to9.jpg 960w, https://www.hr2.de/programm/unterwegs_26_-100~_t-1781091482179_v-16to9__retina.jpg 1920w" 1153src="https://www.hr2.de/programm/unterwegs_26_-100~_t-1781091482179_v-16to9__medium.jpg" 1154alt="Unterwegs - Geschichten für Kinder - ein hr2-Podcast in ARD Sounds" 1155class="w-full"> 1156</div> 1157</figure> 1158<div class=""> 1159<header class="px-5 sm:px-0"> 1160<a href="https://www.ardsounds.de/sendung/unterwegs-geschichten-fuer-kinder-frei-erzaehlt/urn:ard:show:9b4b9d031562a1e0/" 1161class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1162data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link_unterwegs_sparda_erzaehlfestival_26_-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1163> 1164<h3 class="overflow-anywhere hyphens-auto"> 1165<span class='pt-px block text-base text-toplineColor font-heading'>In ARD Sounds - Podcast zum Hören und Mitnehmen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Unterwegs - neue Geschichten für Kinder</span> </h3> 1166</a> 1167</header> 1168<div class="sm:px-0 px-5"> 1169<div class="mt-2 text-base font-copy"> 1170<span class='flex hidden md:inline '>In unseren Kindergeschichten sind alle unterwegs, um Abenteuer zu erleben, jemandem zu helfen oder einfach, um ihr eigenes Ding zu machen. Gelingt es Yoma, ihren kleinen Bruder zu retten? Wohin reisen die drei Prinzen? Und mit wem will der Tiger seine Stimme tauschen? Elf spannende und lustige Märchen und Geschichten für Kinder von 4-10 und darüber hinaus â mit Katharina Ritter, André Wülfing, Johanna Wollin und Gudrun Rathke. Eine Produktion von hr2-kultur und dem 22. Sparda-Erzählfestival.</span> 1171<a href="https://www.ardsounds.de/sendung/unterwegs-geschichten-fuer-kinder-frei-erzaehlt/urn:ard:show:9b4b9d031562a1e0/" 1172class="ds-link js-load relative inline text-link z-20 ds-focus " 1173data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link_unterwegs_sparda_erzaehlfestival_26_-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1174> 1175<span class="hover:underline decoration-1 font-copy">mehr in ARD Sounds<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" 1176><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1177</svg></span> 1178</a> 1179</div> </div> 1180</div></article> 1181 1182<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" 1183x-data="{ avStart: false }" 1184> 1185<figure class="relative ar-16-9 w-full" > 1186<div class="relative ar-16-9"> 1187<img 1188sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1189srcset="https://www.hr2.de/programm/von_wegen_sparda_26_-102~_t-1781091441948_v-16to9__small.jpg 320w, https://www.hr2.de/programm/von_wegen_sparda_26_-102~_t-1781091441948_v-16to9__medium.jpg 480w, https://www.hr2.de/programm/von_wegen_sparda_26_-102~_t-1781091441948_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/programm/von_wegen_sparda_26_-102~_t-1781091441948_v-16to9.jpg 960w, https://www.hr2.de/programm/von_wegen_sparda_26_-102~_t-1781091441948_v-16to9__retina.jpg 1920w" 1190src="https://www.hr2.de/programm/von_wegen_sparda_26_-102~_t-1781091441948_v-16to9__medium.jpg" 1191alt="Von Wegen - Geschichten für Erwachsene - ein hr2-Podcast in ARD Sounds" 1192class="w-full"> 1193</div> 1194</figure> 1195<div class=""> 1196<header class="px-5 sm:px-0"> 1197<a href="https://www.ardsounds.de/sendung/von-wegen-geschichten-fuer-erwachsene-frei-erzaehlt/urn:ard:show:7f43d4aa75cf21ca/" 1198class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1199data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link_von-wegen-sparda_erzaehlfestival_podcast_26_-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1200> 1201<h3 class="overflow-anywhere hyphens-auto"> 1202<span class='pt-px block text-base text-toplineColor font-heading'>In ARD Sounds - Podcast zum Hören und Mitnehmen</span>
1202 <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Von Wegen - Geschichten für Erwachsene</span> </h3> 1203</a> 1204</header> 1205<div class="sm:px-0 px-5"> 1206<div class="mt-2 text-base font-copy"> 1207<span class='flex hidden md:inline '>Vierzehn Märchen, Sagen und Geschichten von mutigen Aufbrüchen und überraschenden Umwegen, von wundersamen Begegnungen am Wegesrand und manch beeindruckendem Lebensweg, von verwunschenen Wegen und verwegenen Wünschen â fesselnd, berührend und auch mal schräg, in der in der Tradition des freien mündlichen Erzählens. Eine Produktion von hr2-kultur und dem 22. Sparda-Erzählfestival.</span> 1208<a href="https://www.ardsounds.de/sendung/von-wegen-geschichten-fuer-erwachsene-frei-erzaehlt/urn:ard:show:7f43d4aa75cf21ca/" 1209class="ds-link js-load relative inline text-link z-20 ds-focus " 1210data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::link_von-wegen-sparda_erzaehlfestival_podcast_26_-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1211> 1212<span class="hover:underline decoration-1 font-copy">mehr in ARD Sounds<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" 1213><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1214</svg></span> 1215</a> 1216</div> </div> 1217</div></article> 1218 1219<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" 1220x-data="{ avStart: false }" 1221> 1222<figure class="relative ar-16-9 w-full" > 1223<div class="relative ar-16-9"> 1224<img 1225sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1226srcset="https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_zauberkessel/bild_channel-100~_t-1749802483525_v-16to9__small.jpg 320w, https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_zauberkessel/bild_channel-100~_t-1749802483525_v-16to9__medium.jpg 480w, https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_zauberkessel/bild_channel-100~_t-1749802483525_v-16to9__medium__extended.jpg 640w, https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_zauberkessel/bild_channel-100~_t-1749802483525_v-16to9.jpg 960w, https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_zauberkessel/bild_channel-100~_t-1749802483525_v-16to9__retina.jpg 1920w" 1227src="https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_zauberkessel/bild_channel-100~_t-1749802483525_v-16to9__medium.jpg" 1228alt="Zauberkessel - Geschichten für Kinder" 1229class="w-full"> 1230</div> 1231</figure> 1232<div class=""> 1233<header class="px-5 sm:px-0"> 1234<a href="https://www.hr2.de/podcasts/zauberkessel/index.html" 1235class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1236data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument4590"}]}' 1237> 1238<h3 class="overflow-anywhere hyphens-auto"> 1239<span class='pt-px block text-base text-toplineColor font-heading'>Podcast - zum Anhören, Runterladen, Mitnehmen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Zauberkessel â Geschichten für Kinder, frei erzählt</span> </h3> 1240</a> 1241</header> 1242<div class="sm:px-0 px-5"> 1243<div class="mt-2 text-base font-copy"> 1244<span class='flex hidden md:inline '>Wie füttert man einen Glücksdrachen? Was will der Küchenzwerg? Wozu braucht ein Topf drei Beine? Das und noch mehr erfährst du in unseren Geschichten, erzählt in der Tradition der mündlichen Ãberlieferung. Eine Produktion von hr2-kultur und dem 21. Sparda-Erzählfestival für Kinder von 5 bis 10.</span> 1245</div> </div> 1246</div></article> 1247 1248<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" 1249x-data="{ avStart: false }" 1250> 1251<figure class="relative ar-16-9 w-full" > 1252<div class="relative ar-16-9"> 1253<img 1254sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1255srcset="https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_aufgetischt/bild_channel-102~_t-1749802436268_v-16to9__small.jpg 320w, https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_aufgetischt/bild_channel-102~_t-1749802436268_v-16to9__medium.jpg 480w, https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_aufgetischt/bild_channel-102~_t-1749802436268_v-16to9__medium__extended.jpg 640w, https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_aufgetischt/bild_channel-102~_t-1749802436268_v-16to9.jpg 960w, https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_aufgetischt/bild_channel-102~_t-1749802436268_v-16to9__retina.jpg 1920w" 1256src="https://www.hr.de/audiothek/hr2/hoespiele-lesungen/sparda_aufgetischt/bild_channel-102~_t-1749802436268_v-16to9__medium.jpg" 1257alt="Aufgetischt - Geschichten für Erwachsene" 1258class="w-full"> 1259</div> 1260</figure> 1261<div class=""> 1262<header class="px-5 sm:px-0"> 1263<a href="https://www.hr2.de/podcasts/aufgetischt/index.html" 1264class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1265data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument4592"}]}' 1266> 1267<h3 class="overflow-anywhere hyphens-auto"> 1268<span class='pt-px block text-base text-toplineColor font-heading'>
1268Podcast - zum Anhören, Runterladen, Mitnehmen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Aufgetischt â Geschichten für Erwachsene, frei erzählt</span> </h3> 1269</a> 1270</header> 1271<div class="sm:px-0 px-5"> 1272<div class="mt-2 text-base font-copy"> 1273<span class='flex hidden md:inline '>Geschichten vom Essen, von seinem Ãberfluss und seinem Mangel, von gelungenen Tischgemeinschaften, der Lust am Kochen und vielem mehr â serviert von hr2-kultur und dem 21. SpardaErzählfestival in der Tradition der freien mündlichen Erzählkunst.</span> 1274</div> </div> 1275</div></article> 1276 1277</div> 1278</div> 1279</section> 1280</div> 1281<div class="grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14 hideGridGroupIfEmpty"> 1282</div> 1283<div class="grid col-full grid-page my-5 md:my-7 bg-orange-bridesmaid"> 1284<section class="grid grid-cols-12 py-5 md:py-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-9"> 1285<div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6"> 1286<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title text-center"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr2.de/podcasts/musiksendungen/index.html">Musiksendungen als Podcast</a></h2> 1287<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1288><article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0 px-5" 1289x-data="{ avStart: false }" 1290:class="avStart ? 'flex-col' : 'flex-row'" 1291> 1292<figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" 1293:class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" 1294> 1295<div class="relative ar-1-1 md:ar-16-9"> 1296<picture class=""> 1297<source media="all and (max-width: 47.938em)" 1298sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" 1299srcset="https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-1to1__xsmall.jpg 260w, https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-1to1__small.jpg 380w, https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-1to1__medium.jpg 480w, https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-1to1.jpg 720w, https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-1to1__large.jpg 960w"> 1300<source media="all and (min-width: 48em) " 1301sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" 1302srcset="https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-16to9.jpg 960w"> 1303<img class="w-full" loading="lazy" src="https://www.hr2.de/podcasts/genre-hoerbar-100~_t-1568696412400_v-16to9__medium.jpg" alt="Genrebild Hörbar"> 1304</picture> 1305</div> 1306</figure> 1307<div class=" basis-3/5 w-3/5 md:basis-2/3-gap-6":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> 1308<header> 1309<a href="https://www.hr2.de/podcasts/hoerbar/index.html" 1310class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1311data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:hoerbar-106"}]}' 1312> 1313<h3 class="overflow-anywhere hyphens-auto"> 1314<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Hörbar â Musik grenzenlos</span> </h3> 1315</a> 1316</header> 1317<div class="sm:px-0"> 1318<div class="mt-2 text-base font-copy"> 1319<span class='flex hidden md:inline '>Musik grenzenlos und global - Chanson, Folk, Jazz, Singer/Songwriter, Klassik oder Filmmusik â hier ist alles möglich, was gefällt und sich gut kombinieren lässt.</span> 1320</div> </div> 1321</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" 1322x-data="{ avStart: false }" 1323:class="avStart ? 'flex-col' : 'flex-row'" 1324> 1325<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}" > 1326<div class="relative ar-1-1 md:ar-16-9"> 1327<picture class=""> 1328<source media="(max-width: 767px)" 1329sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1330srcset="https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-1to1__xsmall.jpg 260w, https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-1to1__small.jpg 380w, https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-1to1__medium.jpg 480w, https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-1to1.jpg 720w, https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-1to1__large.jpg 960w"> 1331<source media="(min-width: 768px)" 1332sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1333srcset="https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-16to9.jpg 960w, https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-16to9__retina.jpg 1920w"> 1334<img class="w-full" loading="lazy" src="https://www.hr2.de/podcasts/jazz-image-100~_t-1568713896391_v-16to9__medium.jpg" alt="Jazz"> 1335</picture> 1336</div> 1337</figure> 1338<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}"> 1339<header> 1340<a href="https://www.hr2.de/podcasts/jazz/index.html" 1341class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1342data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:jazz-196"}]}' 1343> 1344<h3 class="overflow-anywhere hyphens-auto"> 1345<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Jazz</span> </h3> 1346</a> 1347</header> 1348<div class="sm:px-0"> 1349<div class="mt-2 text-base font-copy"> 1350<span class='flex hidden '>Hot &
1350 Cool: Von Coleman Hawkins bis Kamasi Washington - live, von der hr-BigBand, mit neuen CDs oder aus dem Archiv</span> 1351</div> </div> 1352</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" 1353x-data="{ avStart: false }" 1354:class="avStart ? 'flex-col' : 'flex-row'" 1355> 1356<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}" > 1357<div class="relative ar-1-1 md:ar-16-9"> 1358<picture class=""> 1359<source media="(max-width: 767px)" 1360sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1361srcset="https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-1to1__xsmall.jpg 260w, https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-1to1__small.jpg 380w, https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-1to1__medium.jpg 480w, https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-1to1.jpg 720w, https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-1to1__large.jpg 960w"> 1362<source media="(min-width: 768px)" 1363sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1364srcset="https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-16to9.jpg 960w, https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-16to9__retina.jpg 1920w"> 1365<img class="w-full" loading="lazy" src="https://www.hr2.de/podcasts/kaisers-klaenge-102~_t-1568816938499_v-16to9__medium.jpg" alt="Kaisers Klänge"> 1366</picture> 1367</div> 1368</figure> 1369<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}"> 1370<header> 1371<a href="https://www.hr2.de/podcasts/kaisers-klaenge/index.html" 1372class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1373data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:kaisers-klaenge-104"}]}' 1374> 1375<h3 class="overflow-anywhere hyphens-auto"> 1376<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Kaisers Klänge</span> </h3> 1377</a> 1378</header> 1379<div class="sm:px-0"> 1380<div class="mt-2 text-base font-copy"> 1381<span class='flex hidden '>Ob "Winterreise pauschal" oder "Sound der DDR" - kommen Sie mit auf musikalische Entdeckungsreisen!</span> 1382</div> </div> 1383</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" 1384x-data="{ avStart: false }" 1385:class="avStart ? 'flex-col' : 'flex-row'" 1386> 1387<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}" > 1388<div class="relative ar-1-1 md:ar-16-9"> 1389<picture class=""> 1390<source media="(max-width: 767px)" 1391sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)"
1392srcset="https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-1to1__xsmall.jpg 260w, https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-1to1__small.jpg 380w, https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-1to1__medium.jpg 480w, https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-1to1.jpg 720w, https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-1to1__large.jpg 960w"> 1393<source media="(min-width: 768px)" 1394sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1395srcset="https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-16to9.jpg 960w, https://www.hr2.de/podcasts/notenschluessel/ch
1395annelbild-164~_t-1719248194772_v-16to9__retina.jpg 1920w"> 1396<img class="w-full" loading="lazy" src="https://www.hr2.de/podcasts/notenschluessel/channelbild-164~_t-1719248194772_v-16to9__medium.jpg" alt="hr2-kultur Notenschlüssel"> 1397</picture> 1398</div> 1399</figure> 1400<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}"> 1401<header> 1402<a href="https://www.hr2.de/podcasts/notenschluessel/index.html" 1403class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1404data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument2816"}]}' 1405> 1406<h3 class="overflow-anywhere hyphens-auto"> 1407<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Notenschlüssel</span> </h3> 1408</a> 1409</header> 1410<div class="sm:px-0"> 1411<div class="mt-2 text-base font-copy"> 1412<span class='flex hidden '>Klassische Musik â noch Fragen? Unser langjähriger hr-Musikredakteur gibt ganz persönliche Antworten: In jedem Podcast entschlüsselt er ein anderes Werk, lässt Zusammenhänge hörbar werden, führt in die Welt der Komponisten. Freuen Sie sich auf diese Sendungen aus dem hr-Archiv!</span> 1413</div> </div> 1414</div></article> 1415 1416<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" 1417x-data="{ avStart: false }" 1418:class="avStart ? 'flex-col' : 'flex-row'" 1419> 1420<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}" > 1421<div class="relative ar-1-1 md:ar-16-9"> 1422<picture class=""> 1423<source media="(max-width: 767px)" 1424sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1425srcset="https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-1to1__xsmall.jpg 260w, https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-1to1__small.jpg 380w, https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-1to1__medium.jpg 480w, https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-1to1.jpg 720w, https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-1to1__large.jpg 960w"> 1426<source media="(min-width: 768px)" 1427sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" 1428srcset="https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-16to9.jpg 960w, https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-16to9__retina.jpg 1920w"> 1429<img class="w-full" loading="lazy" src="https://www.hr2.de/podcasts/stimmenreich-image-100~_t-1568811515343_v-16to9__medium.jpg" alt="Stimmenreich"> 1430</picture> 1431</div> 1432</figure> 1433<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}"> 1434<header> 1435<a href="https://www.hr2.de/podcasts/stimmenreich/index.html" 1436class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1437data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:stimmenreich-174"}]}' 1438> 1439<h3 class="overflow-anywhere hyphens-auto"> 1440<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Stimmenreich</span> </h3> 1441</a> 1442</header> 1443<div class="sm:px-0"> 1444<div class="mt-2 text-base font-copy"> 1445<span class='flex hidden '>Vokalmusik aus fünf Jahrhunderten - von der Gregorianik bis zur Neuen Musik</span> 1446</div> </div> 1447</div></article></div> 1448</div> 1449</section> 1450</div> 1451<div class="grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14 hideGridGroupIfEmpty"> 1452</div>
1453<div class="grid col-full grid-page my-5 md:my-7 bg-gray-concrete"> 1454<section class="grid grid-cols-12 py-5 md:py-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-9"> 1455<div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6"> 1456<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title text-center">Talk </h2> 1457<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1458> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1459x-data="{ avStart: false }" 1460> 1461<figure class="relative ar-16-9 w-full" > 1462<div class="relative ar-16-9"> 1463<img 1464sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1465srcset="https://www.hr2.de/podcasts/doppelkopf/show-doppelkopf-102~_t-1773134062427_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/doppelkopf/show-doppelkopf-102~_t-1773134062427_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/doppelkopf/show-doppelkopf-102~_t-1773134062427_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/doppelkopf/show-doppelkopf-102~_t-1773134062427_v-16to9.jpg 960w, https://www.hr2.de/podcasts/doppelkopf/show-doppelkopf-102~_t-1773134062427_v-16to9__retina.jpg 1920w" 1466src="https://www.hr2.de/podcasts/doppelkopf/show-doppelkopf-102~_t-1773134062427_v-16to9__medium.jpg" 1467alt="hr2-kultur Doppelkopf" 1468class="w-full"> 1469</div> 1470</figure> 1471<div class=""> 1472<header class="px-5 sm:px-0"> 1473<a href="https://www.hr2.de/podcasts/doppelkopf/index.html" 1474class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1475data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:doppelkopf-100"}]}' 1476> 1477<h3 class="overflow-anywhere hyphens-auto"> 1478<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Doppelkopf</span> </h3> 1479</a> 1480</header> 1481<div class="sm:px-0 px-5"> 1482<div class="mt-2 text-base font-copy"> 1483<span class='flex hidden md:inline '>Interessante Zeitgenossen - Menschen, die etwas zu sagen haben.</span> 1484</div> </div> 1485</div></article> 1486 1487<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1488x-data="{ avStart: false }" 1489> 1490<figure class="relative ar-16-9 w-full" > 1491<div class="relative ar-16-9"> 1492<img 1493sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1494srcset="https://www.hr2.de/podcasts/freiheit_deluxe/freiheit_deluxe-100~_t-1734337683604_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/freiheit_deluxe/freiheit_deluxe-100~_t-1734337683604_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/freiheit_deluxe/freiheit_deluxe-100~_t-1734337683604_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/freiheit_deluxe/freiheit_deluxe-100~_t-1734337683604_v-16to9.jpg 960w, https://www.hr2.de/podcasts/freiheit_deluxe/freiheit_deluxe-100~_t-1734337683604_v-16to9__retina.jpg 1920w" 1495src="https://www.hr2.de/podcasts/freiheit_deluxe/freiheit_deluxe-100~_t-1734337683604_v-16to9__medium.jpg" 1496alt="FREIHEIT DELUXE mit Jagoda MariniÄ" 1497class="w-full"> 1498</div> 1499</figure> 1500<div class=""> 1501<header class="px-5 sm:px-0"> 1502<a href="https://www.hr2.de/podcasts/freiheit_deluxe/index.html" 1503class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1504data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument336"}]}' 1505> 1506<h3 class="overflow-anywhere hyphens-auto"> 1507<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>"Freiheit deluxe" mit Jagoda MariniÄ</span> </h3> 1508</a> 1509</header> 1510<div class="sm:px-0 px-5"> 1511<div class="mt-2 text-base font-copy"> 1512<span class='flex hidden md:inline '>Jagoda MariniÄ trifft alle zwei Wochen Menschen, die mit ihren Worten und ihrem Wirken Debatten auslösen und sortieren.</span> 1513</div> </div> 1514</div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1515x-data="{ avStart: false }" 1516> 1517<figure class="relative ar-16-9 w-full" > 1518<div class="relative ar-16-9"> 1519<img 1520sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1521srcset="https://www.hr2.de/podcasts/menschen-und-ihre-musik/channelbild-116~_t-1599729394689_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/menschen-und-ihre-musik/channelbild-116~_t-1599729394689_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/menschen-und-ihre-musik/channelbild-116~_t-1599729394689_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/menschen-und-ihre-musik/channelbild-116~_t-1599729394689_v-16to9.jpg 960w, https://www.hr2.de/podcasts/menschen-und-ihre-musik/channelbild-116~_t-1599729394689_v-16to9__retina.jpg 1920w" 1522src="https://www.hr2.de/podcasts/menschen-und-ihre-musik/channelbild-116~_t-1599729394689_v-16to9__medium.jpg" 1523alt="Podcast: Menschen und ihre Musik " 1524class="w-full"> 1525</div> 1526</figure> 1527<div class=""> 1528<header class="px-5 sm:px-0"> 1529<a href="https://www.hr2.de/podcasts/menschen-und-ihre-musik/index.html" 1530class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1531data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:menschen-und-ihre-musik-100"}]}' 1532> 1533<h3 class="overflow-anywhere hyphens-auto"> 1534<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Menschen und ihre Musik...</span> </h3> 1535</a> 1536</header> 1537<div class="sm:px-0 px-5"> 1538<div class="mt-2 text-base font-copy"> 1539<span class='flex hidden md:inline '>Menschen und ihre Musik - von Bach bis Beatles, ausgewählt und präsentiert von prominenten Gästen.</span> 1540</div> </div> 1541</div></article></div> 1542</div> 1543</section> 1544</div> 1545<div class="grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14 hideGridGroupIfEmpty"> 1546<section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> 1547<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1548> <article class="ui-test-teaser-cluster mx-5 sm:mx-0 col-span-12 grid bg-highlight-1 rounded-tl-hr rounded-br-hr "> 1549<div class=""> 1550<h2 class="flex items-center px-5 py-5 text-clusterTeaserHeadline"> 1551<span class="overflow-anywhere hyphens-auto text-2xl border-clusterTeaserHeadline font-titleCluster ">Neueste Audios und Podcasts</span> 1552</h2> 1553<div class="flex flex-col"> <ul class="ui-test-teaser-cluster__list mx-5 divide-y divide-white divide-solid border-t border-white"> 1554<li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> 1555<a href="https://www.hr2.de/podcasts/das-hr2-hoerraetsel-detlef-bierstedt-liest--aber-wen,audio-120098.html" 1556class="ds-link js-load block group " 1557> 1558<div class="leading-5.5 text-byline"> 1559<span 1560class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading 1561bg-labelMedia' 1562> 1563Audio 1564</span> </div> 1565<h3> 1566<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm 1567group-hover:underline text-clusterTeaserLink'>Das hr2-Hörrätsel: Detlef Bierstedt liest ... aber wen?</span> </h3> 1568</a> 1569<p class="mt-1 text-xs text-gray-scorpion font-headingSerif ">
1569 <span> 1570Podcasts</span> 1571<span class="mx-px last-of-type:hidden">|</span> 1572<time datetime="2026-09-30T07:14+0200">30.09.26</time> 1573<span class="mx-px last-of-type:hidden">|</span> 1574</p> 1575</li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> 1576<a href="https://www.hr2.de/podcasts/freiheit_deluxe/robert-stadlober--zeit-fuer-traeume-von-einer-liebevolleren-welt,podcast-episode-153290.html" 1577class="ds-link js-load block group " 1578> 1579<div class="leading-5.5 text-byline"> 1580<span 1581class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading 1582bg-labelMedia' 1583> 1584Podcast 1585</span> </div> 1586<h3> 1587<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm 1588group-hover:underline text-clusterTeaserLink'>Robert Stadlober â Zeit für Träume von einer liebevolleren Welt</span> </h3> 1589</a> 1590<p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <span> 1591Podcasts</span> 1592<span class="mx-px last-of-type:hidden">|</span> 1593<time datetime="2026-10-02T00:05+0200">02.10.26</time> 1594<span class="mx-px last-of-type:hidden">|</span> 1595</p> 1596</li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> 1597<a href="https://www.hr2.de/podcasts/hoerbuchzeit/hoertipps---rudi-wo-die-toten-sprechen---weiler-das-vogelhaus---regener-frankie-und-freddie-ua,podcast-episode-153288.html" 1598class="ds-link js-load block group " 1599> 1600<div class="leading-5.5 text-byline"> 1601<span 1602class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading 1603bg-labelMedia' 1604> 1605Podcast 1606</span> </div> 1607<h3> 1608<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm 1609group-hover:underline text-clusterTeaserLink'>Hörtipps - RudiÅ¡: Wo die Toten sprechen - Weiler: Das Vogelhaus - Regener: Frankie und Freddie u.a.</span> </h3> 1610</a> 1611<p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <span> 1612Podcasts</span> 1613<span class="mx-px last-of-type:hidden">|</span> 1614<time datetime="2026-10-02T00:00+0200">02.10.26</time> 1615<span class="mx-px last-of-type:hidden">|</span> 1616</p> 1617</li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> 1618<a href="https://www.hr2.de/podcasts/der-tag/80-jahre-nuernberger-prozesse--die-lange-suche-nach-gerechtigkeit,podcast-episode-153286.html" 1619class="ds-link js-load block group " 1620> 1621<div class="leading-5.5 text-byline"> 1622<span 1623class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading 1624bg-labelMedia' 1625> 1626Podcast 1627</span> </div> 1628<h3> 1629<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm 1630group-hover:underline text-clusterTeaserLink'>80 Jahre Nürnberger Prozesse â die lange Suche nach Gerechtigkeit</span> </h3> 1631</a> 1632<p class="mt-1 text-xs text-gray-scorpion font-headingSerif "> <span> 1633Podcasts</span> 1634<span class="mx-px last-of-type:hidden">|</span> 1635<time datetime="2026-10-01T19:00+0200">01.10.26</time> 1636<span class="mx-px last-of-type:hidden">|</span> 1637</p> 1638</li></ul></div> </div></article> 1639 1640</div> 1641</section> 1642<section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> 1643<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">...und alle anderen Podcasts</h2> 1644<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1645><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1646x-data="{ avStart: false }" 1647> 1648<figure class="relative ar-16-9 w-full" > 1649<div class="relative ar-16-9"> 1650<img 1651sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1652srcset="https://www.hr2.de/podcasts/fruehkritik_neu-100~_t-1787131480299_v-16to9__small.png 320w, https://www.hr2.de/podcasts/fruehkritik_neu-100~_t-1787131480299_v-16to9__medium.png 480w, https://www.hr2.de/podcasts/fruehkritik_neu-100~_t-1787131480299_v-16to9__medium__extended.png 640w, https://www.hr2.de/podcasts/fruehkritik_neu-100~_t-1787131480299_v-16to9.png 960w, https://www.hr2.de/podcasts/fruehkritik_neu-100~_t-1787131480299_v-16to9__retina.png 1920w" 1653src="https://www.hr2.de/podcasts/fruehkritik_neu-100~_t-1787131480299_v-16to9__medium.png" 1654alt="Podcast Frühkritik" 1655class="w-full"> 1656</div> 1657</figure> 1658<div class=""> 1659<header class="px-5 sm:px-0"> 1660<a href="https://www.hr2.de/programm/tag-fruehkritik-100.html" 1661class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1662data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Teaser:uebersichtsseite-podcasts-100:tag-fruehkritik-100"}]}' 1663> 1664<h3 class="overflow-anywhere hyphens-auto"> 1665<span class='pt-px block text-base text-toplineColor font-heading'>Mo-Fr gegen 7:30 Uhr und hier als Audio</span>
1665 <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Die hr2-Frühkritik</span> </h3> 1666</a> 1667</header> 1668<div class="sm:px-0 px-5"> 1669<div class="mt-2 text-base font-copy"> 1670<span class='flex hidden md:inline '>Theater, Museum, Liederabend, Oper, Lesung: Aktueller Ereignisse in Hessen der vergangenen Tage und Wochen. </span> 1671</div> </div> 1672</div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1673x-data="{ avStart: false }" 1674> 1675<figure class="relative ar-16-9 w-full" > 1676<div class="relative ar-16-9"> 1677<img 1678sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1679srcset="https://www.hr-inforadio.de/programm/der-tag/dertag-682~_t-1730367312830_v-16to9__small.jpg 320w, https://www.hr-inforadio.de/programm/der-tag/dertag-682~_t-1730367312830_v-16to9__medium.jpg 480w, https://www.hr-inforadio.de/programm/der-tag/dertag-682~_t-1730367312830_v-16to9__medium__extended.jpg 640w, https://www.hr-inforadio.de/programm/der-tag/dertag-682~_t-1730367312830_v-16to9.jpg 960w, https://www.hr-inforadio.de/programm/der-tag/dertag-682~_t-1730367312830_v-16to9__retina.jpg 1920w" 1680src="https://www.hr-inforadio.de/programm/der-tag/dertag-682~_t-1730367312830_v-16to9__medium.jpg" 1681alt="Der Tag" 1682class="w-full"> 1683</div> 1684</figure> 1685<div class=""> 1686<header class="px-5 sm:px-0"> 1687<a href="https://www.hr2.de/podcasts/der-tag/index.html" 1688class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1689data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:der-tag-100"}]}' 1690> 1691<h3 class="overflow-anywhere hyphens-auto"> 1692<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Der Tag</span> </h3> 1693</a> 1694</header> 1695<div class="sm:px-0 px-5"> 1696<div class="mt-2 text-base font-copy"> 1697<span class='flex hidden md:inline '>Ein wichtiges Thema, Fragen und Antworten </span> 1698</div> </div> 1699</div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1700x-data="{ avStart: false }" 1701> 1702<figure class="relative ar-16-9 w-full" > 1703<div class="relative ar-16-9"> 1704<img 1705sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1706srcset="https://www.hr2.de/podcasts/podcast-neue-buecher-100~_t-1568696407420_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/podcast-neue-buecher-100~_t-1568696407420_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/podcast-neue-buecher-100~_t-1568696407420_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/podcast-neue-buecher-100~_t-1568696407420_v-16to9.jpg 960w, https://www.hr2.de/podcasts/podcast-neue-buecher-100~_t-1568696407420_v-16to9__retina.jpg 1920w" 1707src="https://www.hr2.de/podcasts/podcast-neue-buecher-100~_t-1568696407420_v-16to9__medium.jpg" 1708alt="Podcast Neue Bücher" 1709class="w-full"> 1710</div> 1711</figure> 1712<div class=""> 1713<header class="px-5 sm:px-0"> 1714<a href="https://www.hr2.de/podcasts/neue-buecher/index.html" 1715class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1716data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:neue-buecher-100"}]}' 1717> 1718<h3 class="overflow-anywhere hyphens-auto"> 1719<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Neue Bücher</span> </h3> 1720</a> 1721</header> 1722<div class="sm:px-0 px-5"> 1723<div class="mt-2 text-base font-copy"> 1724<span class='flex hidden md:inline '>Lesenswerte Neuerscheinungen - von unseren Rezensenten und den hr2-Partnerbuchhandlungen</span> 1725</div> </div> 1726</div></article> 1727 1728</div> 1729</section> 1730</div> 1731<div class="grid col-full grid-page my-5 md:my-7 bg-orange-bridesmaid"> 1732<section class="grid grid-cols-12 py-5 md:py-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-9"> 1733<div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6"> 1734<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1735><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1736x-data="{ avStart: false }" 1737> 1738<figure class="relative ar-16-9 w-full" > 1739<div class="relative ar-16-9"> 1740<img 1741sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1742srcset="https://www.hr2.de/podcasts/hoerspiel/hoerspielaudio-100~_t-1645445663958_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/hoerspiel/hoerspielaudio-100~_t-1645445663958_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/hoerspiel/hoerspielaudio-100~_t-1645445663958_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/hoerspiel/hoerspielaudio-100~_t-1645445663958_v-16to9.jpg 960w, https://www.hr2.de/podcasts/hoerspiel/hoerspielaudio-100~_t-1645445663958_v-16to9__retina.jpg 1920w" 1743src="https://www.hr2.de/podcasts/hoerspiel/hoerspielaudio-100~_t-1645445663958_v-16to9__medium.jpg" 1744alt="Hörspiele als Podcast" 1745class="w-full"> 1746</div> 1747</figure> 1748<div class=""> 1749<header class="px-5 sm:px-0"> 1750<a href="https://www.hr2.de/podcasts/hoerspiel/index.html" 1751class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1752data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:hoerspiel-112"}]}' 1753> 1754<h2 class="overflow-anywhere hyphens-auto"> 1755<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Hörspiel - Kino für den Kopf, wann immer Sie wollen</span> </h2> 1756</a> 1757</header> 1758<div class="sm:px-0 px-5"> 1759<div class="mt-2 text-base font-copy"> 1760<span class='flex hidden md:inline '>Für alle, die Hörspiele, Hörbücher, Podcast-Serials und Klangkunst lieben!</span> 1761</div> </div> 1762</div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1763x-data="{ avStart: false }" 1764> 1765<figure class="relative ar-16-9 w-full" > 1766<div class="relative ar-16-9"> 1767<img 1768sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1769srcset="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-116~_t-1729169079647_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-116~_t-1729169079647_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-116~_t-1729169079647_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-116~_t-1729169079647_v-16to9.jpg 960w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-116~_t-1729169079647_v-16to9__retina.jpg 1920w" 1770src="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-116~_t-1729169079647_v-16to9__medium.jpg" 1771alt="Podcast Hörbuchzeit" 1772class="w-full"> 1773</div> 1774</figure> 1775<div class=""> 1776<header class="px-5 sm:px-0"> 1777<a href="https://www.hr2.de/podcasts/hoerbuchzeit/index.html" 1778class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1779data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:hoerbuecher-100"}]}' 1780> 1781<h2 class="overflow-anywhere hyphens-auto"> 1782<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Hörbuch Zeit</span> </h2> 1783</a> 1784</header> 1785<div class="sm:px-0 px-5"> 1786<div class="mt-2 text-base font-copy"> 1787<span class='flex hidden md:inline '>Neuerscheinungen und Klassiker des Hörbuchmarkts.</span> 1788</div> </div> 1789</div></article> 1790 1791<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1792x-data="{ avStart: false }" 1793> 1794<figure class="relative ar-16-9 w-full" > 1795<div class="relative ar-16-9"> 1796<img 1797sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1798srcset="https://www.hr2.de/podcasts/dokumentation-reportage/podcast-140~_t-1737117162325_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/dokumentation-reportage/podcast-140~_t-1737117162325_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/dokumentation-reportage/podcast-140~_t-1737117162325_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/dokumentation-reportage/podcast-140~_t-1737117162325_v-16to9.jpg 960w, https://www.hr2.de/podcasts/dokumentation-reportage/podcast-140~_t-1737117162325_v-16to9__retina.jpg 1920w" 1799src="https://www.hr2.de/podcasts/dokumentation-reportage/podcast-140~_t-1737117162325_v-16to9__medium.jpg" 1800alt="Dokumentation und Reportage" 1801class="w-full"> 1802</div> 1803</figure> 1804<div class=""> 1805<header class="px-5 sm:px-0"> 1806<a href="https://www.hr2.de/podcasts/dokumentation-reportage/index.html" 1807class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1808data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:dokumentation-reportage-100"}]}' 1809> 1810<h2 class="overflow-anywhere hyphens-auto"> 1811<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Dokumentation und Reportage</span> </h2> 1812</a> 1813</header> 1814<div class="sm:px-0 px-5"> 1815<div class="mt-2 text-base font-copy"> 1816<span class='flex hidden md:inline '>Anregende Porträts, spannende Reportagen oder Essays zu Fragen, die die Welt bewegen.</span> 1817</div> </div> 1818</div></article></div> 1819</div> 1820</section> 1821</div> 1822<div class="grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-10 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14 hideGridGroupIfEmpty"> 1823<section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6">
1824<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">Aus Religionen und Gesellschaft</h2> 1825<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1826> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1827x-data="{ avStart: false }" 1828> 1829<figure class="relative ar-16-9 w-full" > 1830<div class="relative ar-16-9"> 1831<img 1832sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1833srcset="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-130~_t-1707816086917_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-130~_t-1707816086917_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-130~_t-1707816086917_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-130~_t-1707816086917_v-16to9.jpg 960w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-130~_t-1707816086917_v-16to9__retina.jpg 1920w" 1834src="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-130~_t-1707816086917_v-16to9__medium.jpg" 1835alt="Podcast Zuspruch" 1836class="w-full"> 1837</div> 1838</figure> 1839<div class=""> 1840<header class="px-5 sm:px-0"> 1841<a href="https://www.hr2.de/podcasts/zuspruch/index.html" 1842class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1843data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:zuspruch-100"}]}' 1844> 1845<h3 class="overflow-anywhere hyphens-auto"> 1846<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Zuspruch</span> </h3> 1847</a> 1848</header> 1849<div class="sm:px-0 px-5"> 1850<div class="mt-2 text-base font-copy"> 1851<span class='flex hidden md:inline '>An jedem Werktag ein Gedanke für den Tag</span> 1852</div> </div> 1853</div></article> 1854 1855<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1856x-data="{ avStart: false }" 1857> 1858<figure class="relative ar-16-9 w-full" > 1859<div class="relative ar-16-9"> 1860<img 1861sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1862srcset="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-118~_t-1707816124997_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-118~_t-1707816124997_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-118~_t-1707816124997_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-118~_t-1707816124997_v-16to9.jpg 960w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-118~_t-1707816124997_v-16to9__retina.jpg 1920w" 1863src="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-118~_t-1707816124997_v-16to9__medium.jpg" 1864alt="Podcast Morgenfeier" 1865class="w-full"> 1866</div> 1867</figure> 1868<div class=""> 1869<header class="px-5 sm:px-0"> 1870<a href="https://www.hr2.de/podcasts/morgenfeier/index.html" 1871class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1872data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:morgenfeier-100"}]}' 1873> 1874<h3 class="overflow-anywhere hyphens-auto"> 1875<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Morgenfeier</span> </h3> 1876</a> 1877</header> 1878<div class="sm:px-0 px-5"> 1879<div class="mt-2 text-base font-copy"> 1880<span class='flex hidden md:inline '>Biblisch fundiert und lebensnah entfaltet.</span> 1881</div> </div> 1882</div></article> 1883 1884<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1885x-data="{ avStart: false }" 1886> 1887<figure class="relative ar-16-9 w-full" > 1888<div class="relative ar-16-9"> 1889<img 1890sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1891srcset="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-112~_t-1707816045950_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-112~_t-1707816045950_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-112~_t-1707816045950_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-112~_t-1707816045950_v-16to9.jpg 960w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-112~_t-1707816045950_v-16to9__retina.jpg 1920w" 1892src="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-112~_t-1707816045950_v-16to9__medium.jpg" 1893alt="Podcast Camino" 1894class="w-full"> 1895</div> 1896</figure> 1897<div class=""> 1898<header class="px-5 sm:px-0"> 1899<a href="https://www.hr2.de/podcasts/camino/index.html" 1900class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1901data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:camino-100"}]}' 1902> 1903<h3 class="overflow-anywhere hyphens-auto"> 1904<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Camino</span> </h3> 1905</a> 1906</header> 1907<div class="sm:px-0 px-5"> 1908<div class="mt-2 text-base font-copy"> 1909<span class='flex hidden md:inline '>Reportagen zu Lebensfragen, Ethik und Theologie.</span> 1910</div> </div> 1911</div></article> 1912 1913<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1914x-data="{ avStart: false }" 1915> 1916<figure class="relative ar-16-9 w-full" > 1917<div class="relative ar-16-9"> 1918<img 1919sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1920srcset="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-106~_t-1707816165783_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-106~_t-1707816165783_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-106~_t-1707816165783_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-106~_t-1707816165783_v-16to9.jpg 960w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-106~_t-1707816165783_v-16to9__retina.jpg 1920w" 1921src="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-106~_t-1707816165783_v-16to9__medium.jpg" 1922alt="Podcast Jüdische Welt" 1923class="w-full"> 1924</div> 1925</figure> 1926<div class=""> 1927<header class="px-5 sm:px-0"> 1928<a href="https://www.hr2.de/podcasts/juedische-welt/index.html" 1929class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1930data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:juedische-welt-100"}]}' 1931> 1932<h3 class="overflow-anywhere hyphens-auto"> 1933<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Jüdische Welt</span> </h3> 1934</a> 1935</header> 1936<div class="sm:px-0 px-5"> 1937<div class="mt-2 text-base font-copy"> 1938<span class='flex hidden md:inline '>Das Leben in jüdischen Gemeinden und Organisationen</span> 1939</div> </div> 1940</div></article> 1941 1942<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 1943x-data="{ avStart: false }" 1944> 1945<figure class="relative ar-16-9 w-full" > 1946<div class="relative ar-16-9"> 1947<img 1948sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1949srcset="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-122~_t-1729169580918_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-122~_t-1729169580918_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-122~_t-1729169580918_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-122~_t-1729169580918_v-16to9.jpg 960w, https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-122~_t-1729169580918_v-16to9__retina.jpg 1920w" 1950src="https://www.hr2.de/podcasts/hr2_podcast_1920x1080_-122~_t-1729169580918_v-16to9__medium.jpg" 1951alt="Podcast Lebenswert" 1952class="w-full"> 1953</div> 1954</figure> 1955<div class=""> 1956<header class="px-5 sm:px-0"> 1957<a href="https://www.ardsounds.de/sendung/hr2-lebenswert/urn:ard:show:8df252647a8ffc72/" 1958class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 1959data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::lebenswert-110 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1960> 1961<h3 class="overflow-anywhere hyphens-auto"> 1962<span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Lebenswert</span> </h3> 1963</a> 1964</header> 1965<div class="sm:px-0 px-5"> 1966<div class="mt-2 text-base font-copy"> 1967<span class='flex hidden md:inline '>Mut im Alltag, Umgang mit Krisen, spielerisch leben: Diese und viele andere Aspekte der Lebenskunst und Lebenshilfe sind unsere Gesprächsthemen.</span> 1968<a href="https://www.ardsounds.de/sendung/hr2-lebenswert/urn:ard:show:8df252647a8ffc72/" 1969class="ds-link js-load relative inline text-link z-20 ds-focus " 1970data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::lebenswert-110 geklickt"}]}' target="_blank" rel="noopener noreferrer" 1971> 1972<span class="hover:underline decoration-1 font-copy">
1972In ARD Sounds<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" 1973><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 1974</svg></span> 1975</a> 1976</div> </div> 1977</div></article> 1978 1979</div> 1980</section> 1981<section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> 1982<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">Für Kinder und Familien</h2> 1983<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 1984> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" 1985x-data="{ avStart: false }" 1986> 1987<figure class="relative ar-16-9 w-full" > 1988<div class="relative ar-16-9"> 1989<img 1990sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 1991srcset="https://www.hr.de/audiothek/hr/hoerspiele-lesungen/glitzer_gang/glitzerbild-116~_t-1744624064593_v-16to9__small.jpg 320w, https://www.hr.de/audiothek/hr/hoerspiele-lesungen/glitzer_gang/glitzerbild-116~_t-1744624064593_v-16to9__medium.jpg 480w, https://www.hr.de/audiothek/hr/hoerspiele-lesungen/glitzer_gang/glitzerbild-116~_t-1744624064593_v-16to9__medium__extended.jpg 640w, https://www.hr.de/audiothek/hr/hoerspiele-lesungen/glitzer_gang/glitzerbild-116~_t-1744624064593_v-16to9.jpg 960w, https://www.hr.de/audiothek/hr/hoerspiele-lesungen/glitzer_gang/glitzerbild-116~_t-1744624064593_v-16to9__retina.jpg 1920w" 1992src="https://www.hr.de/audiothek/hr/hoerspiele-lesungen/glitzer_gang/glitzerbild-116~_t-1744624064593_v-16to9__medium.jpg" 1993alt="Die Glitzer-Gang" 1994class="w-full"> 1995</div> 1996</figure> 1997<div class=""> 1998<header class="px-5 sm:px-0"> 1999<a href="https://www.ardsounds.de/sendung/die-glitzer-gang-actionreiche-hoerspielreihe-fuer-kinder-ab-9-jahren-und-die-ganze-familie/urn:ard:show:315352a230d4aa06/" 2000class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2001data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hoerspiel-die-glitzer-gang-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 2002> 2003<h3 class="overflow-anywhere hyphens-auto"> 2004<span class='pt-px block text-base text-toplineColor font-heading'>Actionreiche Hörspielreihe für Kinder ab 9 Jahren und die ganze Familie</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Die Glitzer-Gang</span> </h3> 2005</a> 2006</header> 2007<div class="sm:px-0 px-5"> 2008<div class="mt-2 text-base font-copy"> 2009<span class='flex hidden md:inline '>Richie, Sohn der superreichen "Kings", sein treuer Roboter-Butler "Robo" und Amira, ein Mädchen mit top technischem Verständnis â das ist die "Glitzer-Gang". Gemeinsam lösen die drei Freunde in der futuristischen Stadt Glitzercity knifflige Fälle, kommen Gaunern auf die Spur und knacken jede noch so harte Nuss. Spaà und volle Spannung garantiert! </span> 2010<a href="https://www.ardsounds.de/sendung/die-glitzer-gang-actionreiche-hoerspielreihe-fuer-kinder-ab-9-jahren-und-die-ganze-familie/urn:ard:show:315352a230d4aa06/" 2011class="ds-link js-load relative inline text-link z-20 ds-focus " 2012data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::hoerspiel-die-glitzer-gang-100 geklickt"}]}' target="_blank" rel="noopener noreferrer" 2013> 2014<span class="hover:underline decoration-1 font-copy">In der ARD-Audiothek<svg class="sb-icon inline -mt-0.5 w-5 h-5 fill-current ml-1 " role="presentation" aria-hidden="true" 2015><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2016</svg></span> 2017</a> 2018</div> </div> 2019</div></article> 2020 2021<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" 2022x-data="{ avStart: false }" 2023> 2024<figure class="relative ar-16-9 w-full" > 2025<div class="relative ar-16-9"> 2026<img 2027sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 2028srcset="https://www.hr2.de/podcasts/kinder/wunderwigwam/wunderwigwam-102~_t-1770388148701_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/kinder/wunderwigwam/wunderwigwam-102~_t-1770388148701_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/kinder/wunderwigwam/wunderwigwam-102~_t-1770388148701_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/kinder/wunderwigwam/wunderwigwam-102~_t-1770388148701_v-16to9.jpg 960w, https://www.hr2.de/podcasts/kinder/wunderwigwam/wunderwigwam-102~_t-1770388148701_v-16to9__retina.jpg 1920w" 2029src="https://www.hr2.de/podcasts/kinder/wunderwigwam/wunderwigwam-102~_t-1770388148701_v-16to9__medium.jpg" 2030alt="Podcast hr2 Wunderwigwam" 2031class="w-full"> 2032</div> 2033</figure> 2034<div class=""> 2035<header class="px-5 sm:px-0"> 2036<a href="https://www.hr2.de/podcasts/kinder/wunderwigwam/index.html" 2037class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2038data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument238"}]}' 2039> 2040<h3 class="overflow-anywhere hyphens-auto"> 2041<span class='pt-px block text-base text-toplineColor font-heading'>Unterhaltsam und lehrreich - Kult!</span>
2041 <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>hr2 Wunderwigwam - Der Kinderpodcast</span> </h3> 2042</a> 2043</header> 2044<div class="sm:px-0 px-5"> 2045<div class="mt-2 text-base font-copy"> 2046<span class='flex hidden md:inline '>Ein Podcast für Grundschulkinder und alle, die Spaà am Mehr-Wissen haben. Fox Schlaufuchs und Polly Plapperschlange finden Antworten auf spannende Fragen. Mehr aus der Wunderwigwam-Welt mit Sachen zum Rätseln und Spielen gibtâs auf www.wunderwigwam.de.</span> 2047</div> </div> 2048</div></article> 2049 2050<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 2051x-data="{ avStart: false }" 2052> 2053<figure class="relative ar-16-9 w-full" > 2054<div class="relative ar-16-9"> 2055<img 2056sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 2057srcset="https://www.hr2.de/podcasts/welten_entdecken_hr2-/channelbild_welten_entdecken-100~_t-1718636312542_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/welten_entdecken_hr2-/channelbild_welten_entdecken-100~_t-1718636312542_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/welten_entdecken_hr2-/channelbild_welten_entdecken-100~_t-1718636312542_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/welten_entdecken_hr2-/channelbild_welten_entdecken-100~_t-1718636312542_v-16to9.jpg 960w, https://www.hr2.de/podcasts/welten_entdecken_hr2-/channelbild_welten_entdecken-100~_t-1718636312542_v-16to9__retina.jpg 1920w" 2058src="https://www.hr2.de/podcasts/welten_entdecken_hr2-/channelbild_welten_entdecken-100~_t-1718636312542_v-16to9__medium.jpg" 2059alt="Channelbild Welten entdecken" 2060class="w-full"> 2061</div> 2062</figure> 2063<div class=""> 2064<header class="px-5 sm:px-0"> 2065<a href="https://www.hr2.de/podcasts/welten_entdecken_hr2-/index.html" 2066class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2067data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument2780"}]}' 2068> 2069<h3 class="overflow-anywhere hyphens-auto"> 2070<span class='pt-px block text-base text-toplineColor font-heading'>Neu 2024 - Podcast - zum Anhören, Runterladen, Mitnehmen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Welten entdecken â Geschichten für Kinder, frei erzählt</span> </h3> 2071</a> 2072</header> 2073<div class="sm:px-0 px-5"> 2074<div class="mt-2 text-base font-copy"> 2075<span class='flex hidden md:inline '>Ein König mit Pferdeohren! Ein Junge, der auf den Wolken spazieren gehen will! Entdecke abenteuerliche Welten - erzählt in der Tradition der mündlichen Ãberlieferung. Produziert von hr2-kultur und dem 20. Sparda-Erzählfestival.</span> 2076</div> </div> 2077</div></article> 2078 2079<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 2080x-data="{ avStart: false }" 2081> 2082<figure class="relative ar-16-9 w-full" > 2083<div class="relative ar-16-9"> 2084<img 2085sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 2086srcset="https://www.hr2.de/podcasts/zauberwald/channeld-bild-100~_t-1686837380355_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/zauberwald/channeld-bild-100~_t-1686837380355_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/zauberwald/channeld-bild-100~_t-1686837380355_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/zauberwald/channeld-bild-100~_t-1686837380355_v-16to9.jpg 960w, https://www.hr2.de/podcasts/zauberwald/channeld-bild-100~_t-1686837380355_v-16to9__retina.jpg 1920w" 2087src="https://www.hr2.de/podcasts/zauberwald/channeld-bild-100~_t-1686837380355_v-16to9__medium.jpg" 2088alt="Channelbild Zauberwald " 2089class="w-full"> 2090</div> 2091</figure> 2092<div class=""> 2093<header class="px-5 sm:px-0"> 2094<a href="https://www.hr2.de/podcasts/zauberwald/index.html" 2095class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2096data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument1072"}]}' 2097> 2098<h3 class="overflow-anywhere hyphens-auto"> 2099<span class='pt-px block text-base text-toplineColor font-heading'>
2099Podcast - zum Anhören, Runterladen, Mitnehmen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Zauberwald â Geschichten für Kinder</span> </h3> 2100</a> 2101</header> 2102<div class="sm:px-0 px-5"> 2103<div class="mt-2 text-base font-copy"> 2104<span class='flex hidden md:inline '>Komm mit in verwunschene Wälder, geheimnisvolle Zaubergärten und zu magischen Bäumen, begleite Angsthasen in tiefe Urwälder und Unerschrockene ins Land der Riesen. GroÃe und kleine Abenteuer voller Ãberraschungen warten auf Dich â erzählt in der Tradition der mündlichen Ãberlieferung. Eine Produktion von hr2-kultur und dem 19. Sparda-Erzählfestival</span> 2105</div> </div> 2106</div></article> 2107 2108<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 2109x-data="{ avStart: false }" 2110> 2111<figure class="relative ar-16-9 w-full" > 2112<div class="relative ar-16-9"> 2113<img 2114sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 2115srcset="https://www.hr2.de/programm/channelbild_sparda_erz_kinder_2022_-100~_t-1654700846855_v-16to9__small.jpg 320w, https://www.hr2.de/programm/channelbild_sparda_erz_kinder_2022_-100~_t-1654700846855_v-16to9__medium.jpg 480w, https://www.hr2.de/programm/channelbild_sparda_erz_kinder_2022_-100~_t-1654700846855_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/programm/channelbild_sparda_erz_kinder_2022_-100~_t-1654700846855_v-16to9.jpg 960w, https://www.hr2.de/programm/channelbild_sparda_erz_kinder_2022_-100~_t-1654700846855_v-16to9__retina.jpg 1920w" 2116src="https://www.hr2.de/programm/channelbild_sparda_erz_kinder_2022_-100~_t-1654700846855_v-16to9__medium.jpg" 2117alt="Channelbild Sparda-Erzählwettbewerb 2022 Kinder" 2118class="w-full"> 2119</div> 2120</figure> 2121<div class=""> 2122<header class="px-5 sm:px-0"> 2123<a href="https://www.hr2.de/podcasts/von_freundschaft_und_mut/index.html" 2124class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2125data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument606"}]}' 2126> 2127<h3 class="overflow-anywhere hyphens-auto"> 2128<span class='pt-px block text-base text-toplineColor font-heading'>Podcast - zum Anhören, Runterladen, Mitnehmen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Von Freundschaft und Mut - Geschichten für Kinder</span> </h3> 2129</a> 2130</header> 2131<div class="sm:px-0 px-5"> 2132<div class="mt-2 text-base font-copy"> 2133<span class='flex hidden md:inline '>Sie bezwingen machtsüchtige Könige und menschenfressende Ungeheuer, gehen gemeinsam durch dick und dünn und lassen sich von nichts und niemandem unterkriegen. Eine Produktion von hr2-kultur und dem 18. Sparda-Erzählfestival.</span> 2134</div> </div> 2135</div></article> 2136 2137<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 2138x-data="{ avStart: false }" 2139> 2140<figure class="relative ar-16-9 w-full" > 2141<div class="relative ar-16-9"> 2142<img 2143sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 2144srcset="https://www.hr2.de/podcasts/abenteuer-geschichten/abenteuer-geschichten-102~_t-1623403622115_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/abenteuer-geschichten/abenteuer-geschichten-102~_t-1623403622115_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/abenteuer-geschichten/abenteuer-geschichten-102~_t-1623403622115_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/abenteuer-geschichten/abenteuer-geschichten-102~_t-1623403622115_v-16to9.jpg 960w, https://www.hr2.de/podcasts/abenteuer-geschichten/abenteuer-geschichten-102~_t-1623403622115_v-16to9__retina.jpg 1920w" 2145src="https://www.hr2.de/podcasts/abenteuer-geschichten/abenteuer-geschichten-102~_t-1623403622115_v-16to9__medium.jpg" 2146alt="Abenteuer Geschichten" 2147class="w-full"> 2148</div> 2149</figure> 2150<div class=""> 2151<header class="px-5 sm:px-0"> 2152<a href="https://www.hr2.de/podcasts/abenteuer-geschichten/index.html" 2153class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2154data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:structurenodedocument392"}]}' 2155> 2156<h3 class="overflow-anywhere hyphens-auto"> 2157<span class='pt-px block text-base text-toplineColor font-heading'>
2157Podcast - zum Anhören, Runterladen, Mitnehmen</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Auf ins Abenteuer â Geschichten für Kinder</span> </h3> 2158</a> 2159</header> 2160<div class="sm:px-0 px-5"> 2161<div class="mt-2 text-base font-copy"> 2162<span class='flex hidden md:inline '>Sie sind unterwegs zu fürchterlichen Drachen, betreten verbotene Wälder, leben bei Löwen oder wagen sich in verfluchte Schlösser â Abenteuer erleben sie alle. Davon erzählen diese Geschichten in der Tradition mündlicher Erzählkunst. 2163Eine Gemeinschaftsproduktion von hr2-kultur und dem 17. Sparda-Erzählfestival.</span> 2164</div> </div> 2165</div></article> 2166 2167<article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" 2168x-data="{ avStart: false }" 2169> 2170<figure class="relative ar-16-9 w-full" > 2171<div class="relative ar-16-9"> 2172<img 2173sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 2174srcset="https://www.hr2.de/podcasts/kinder/kinder-podcast-bild-100~_t-1709208872222_v-16to9__small.jpg 320w, https://www.hr2.de/podcasts/kinder/kinder-podcast-bild-100~_t-1709208872222_v-16to9__medium.jpg 480w, https://www.hr2.de/podcasts/kinder/kinder-podcast-bild-100~_t-1709208872222_v-16to9__medium__extended.jpg 640w, https://www.hr2.de/podcasts/kinder/kinder-podcast-bild-100~_t-1709208872222_v-16to9.jpg 960w, https://www.hr2.de/podcasts/kinder/kinder-podcast-bild-100~_t-1709208872222_v-16to9__retina.jpg 1920w" 2175src="https://www.hr2.de/podcasts/kinder/kinder-podcast-bild-100~_t-1709208872222_v-16to9__medium.jpg" 2176alt="Kinderhörspiel hr2-Lauschinsel" 2177class="w-full"> 2178</div> 2179</figure> 2180<div class=""> 2181<header class="px-5 sm:px-0"> 2182<a href="https://www.hr2.de/podcasts/kinder/index.html" 2183class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2184data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Posterteaser:uebersichtsseite-podcasts-100:kinder-148"}]}' 2185> 2186<h3 class="overflow-anywhere hyphens-auto"> 2187<span class='pt-px block text-base text-toplineColor font-heading'>Für Kinder und jung Gebliebene</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Gruseleien, Märchenhaftes, Büchertipps</span> </h3> 2188</a> 2189</header> 2190<div class="sm:px-0 px-5"> 2191<div class="mt-2 text-base font-copy"> 2192<span class='flex hidden md:inline '>Hörspiele, Lesungen, Reportagen, der Wunderwigwam-Kinderpodcast, Buchtipps und das Kinder-Funkkolleg.</span> 2193</div> </div> 2194</div></article> 2195 2196</div> 2197</section> 2198<section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> 2199<h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">Service</h2> 2200<div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" 2201><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" 2202x-data="{ avStart: false }" 2203> 2204<figure class="relative ar-16-9 w-full" > 2205<div class="relative ar-16-9"> 2206<img 2207sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 2208srcset="https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836_v-16to9__small.jpg 320w, https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836_v-16to9__medium.jpg 480w, https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836_v-16to9__medium__extended.jpg 640w, https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836_v-16to9.jpg 960w, https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836_v-16to9__retina.jpg 1920w" 2209src="https://www.hr-inforadio.de/programm/themen/ard-audiothek-102~_t-1563778976836_v-16to9__medium.jpg" 2210alt="Eine Frau hört Podcasts über die ARD Audiotek-App auf ihrem Smartphone" 2211class="w-full"> 2212</div> 2213</figure> 2214<div class=""> 2215<header class="px-5 sm:px-0"> 2216<a href="https://www.hr2.de/podcasts/wie-funktioniert-ein-podcast-ganz-einfach,podcast-erklaerung-104.html" 2217class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2218data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Teaser:uebersichtsseite-podcasts-100:podcast-erklaerung-104"}]}' 2219> 2220<h3 class="overflow-anywhere hyphens-auto"> 2221<span class='pt-px block text-base text-toplineColor font-heading'>
2221Einfach erklärt</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Wie funktioniert ein Podcast? Ganz einfach!</span> </h3> 2222</a> 2223</header> 2224<div class="sm:px-0 px-5"> 2225<p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> 2226<span>Von Alf Haubitz , [email protected]</span> <span class="mx-1 last-of-type:hidden">|</span> </p> 2227</div> 2228</div></article><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" 2229x-data="{ avStart: false }" 2230> 2231<figure class="relative ar-16-9 w-full" > 2232<div class="relative ar-16-9"> 2233<img 2234sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" 2235srcset="https://www.hessenschau.de/video-podcast/podcasts/ard-sounds-logo-102~_t-1782823056242_v-16to9__small.jpg 320w, https://www.hessenschau.de/video-podcast/podcasts/ard-sounds-logo-102~_t-1782823056242_v-16to9__medium.jpg 480w, https://www.hessenschau.de/video-podcast/podcasts/ard-sounds-logo-102~_t-1782823056242_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/video-podcast/podcasts/ard-sounds-logo-102~_t-1782823056242_v-16to9.jpg 960w, https://www.hessenschau.de/video-podcast/podcasts/ard-sounds-logo-102~_t-1782823056242_v-16to9__retina.jpg 1920w" 2236src="https://www.hessenschau.de/video-podcast/podcasts/ard-sounds-logo-102~_t-1782823056242_v-16to9__medium.jpg" 2237alt="ARD SOUNDS Logo" 2238class="w-full"> 2239</div> 2240</figure> 2241<div class=""> 2242<header class="px-5 sm:px-0"> 2243<a href="https://www.ardsounds.de/radio/hr/hr2-kultur/" 2244class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " 2245data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::ard-audiothek-104 geklickt"}]}' target="_blank" rel="noopener" 2246> 2247<h3 class="overflow-anywhere hyphens-auto"> 2248<span class='pt-px block text-base text-toplineColor font-heading'>Die besten Podcasts der ARD</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>ARD Sounds</span> </h3> 2249</a> 2250</header> 2251</div></article></div> 2252</section> 2253</div> 2254</div> 2255<div class="h-8" x-data="{ isVisible: false }"> 2256<div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }"> 2257<div class="flex justify-between h-0 col-full sm:col-main" 2258:class="{ 'bg-white h-8': $store.footerIsVisible, 'h-22': $store.appBannerIsVisible && !$store.footerIsVisible}" 2259x-show="!$store.sharingIsVisible && isVisible" 2260x-transition:enter="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first" 2261x-transition:enter-start="opacity-0 translate-y-8" 2262x-transition:enter-end="opacity-100 translate-y-0" 2263x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300" 2264x-transition:leave-start="opacity-100 translate-y-0" 2265x-transition:leave-end="opacity-0 translate-y-12" 2266@scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )" 2267> 2268<button 2269@click="window.scrollTo({top: 0, behavior: 'smooth'})" 2270:class="$store.footerIsVisible ? '-mt-6' : '-mt-12'" 2271class="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" 2272aria-label='Zum Seitenanfang springen' 2273> 2274<svg class="sb-icon w-5 h-5 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" 2275><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> 2276</svg> </button> 2277</div> 2278</div> 2279<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> 2280</div> 2281</main> 2282 <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" > 2283 <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div> 2284 <div class="col-full sm:col-main md:px-10">
2285 <span class="hidden">Footer Navigation</span> 2286 2287 <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"> 2288 <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"> 2289 2290 <span class="flex justify-start text-lg font-bold text-footer-heading " title="hr2.de" onclick="">hr2.de </span> 2291 2292 <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> 2293<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 2294 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 2295</svg> </div> 2296 2297 </div> 2298 2299 <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> 2300 <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> 2301 <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 "> 2302 <a href="https://www.hr2.de/index.html" 2303 class="ds-link js-load flex hover:underline " 2304 2305 2306 2307 2308 > 2309 Start<span class="sr-only">hr2</span></a> 2310 </li> 2311 <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 "> 2312 <a href="https://www.hr2.de/programm/index.html" 2313 class="ds-link js-load flex hover:underline " 2314 2315 2316 2317 2318 > 2319 Programm</a> 2320 </li> 2321 <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 "> 2322 <a href="https://www.hr2.de/podcasts/index.html" 2323 class="ds-link js-load flex hover:underline " 2324 2325 2326 2327 2328 > 2329 Podcasts</a> 2330 </li> 2331 <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"> 2332 <a href="https://www.ardsounds.de" 2333 class="ds-link js-load flex hover:underline " 2334 target="_blank" rel="noopener" 2335 2336 2337 2338 > 2339 ARD Sounds <span class="inline-flex mt-0.5 ml-1"> 2340<svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" 2341 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2342</svg> </span> 2343</a> 2344 </li> 2345 </ul> 2346 <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> 2347 <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 "> 2348 <a href="https://www.hr2.de/veranstaltungen/index.html" 2349 class="ds-link js-load flex hover:underline " 2350 2351 2352 2353 2354 > 2355 Veranstaltungen</a> 2356 </li> 2357 <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 "> 2358 <a href="https://www.hr2.de/moderatoren/index.html" 2359 class="ds-link js-load flex hover:underline " 2360 2361 2362 2363 2364 > 2365 Moderation</a> 2366 </li> 2367 </ul> 2368 </div> 2369 2370</nav></div> 2371 2372<div class="flex w-full md:w-1/4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8"> 2373 <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"> 2374
2375 <span class="flex justify-start text-lg font-bold text-footer-heading " title="Service" onclick="">Service </span> 2376 2377 <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> 2378<svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" 2379 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> 2380</svg> </div> 2381 2382 </div> 2383 2384 <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> 2385 <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> 2386 <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 "> 2387 <a href="https://www.hr2.de/kontakt/index.html" 2388 class="ds-link js-load flex hover:underline " 2389 2390 2391 2392 2393 > 2394 Kontakt</a> 2395 </li> 2396 <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 "> 2397 <a href="https://www.hr2.de/hilfe/index.html" 2398 class="ds-link js-load flex hover:underline " 2399 2400 2401 2402 2403 > 2404 Hilfe</a> 2405 </li> 2406 <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 "> 2407 <a href="https://www.hr2.de/newsletter/index.html" 2408 class="ds-link js-load flex hover:underline " 2409 2410 2411 2412 2413 > 2414 Newsletter</a> 2415 </li> 2416 <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 "> 2417 <a href="https://www.hr2.de/frequenzen/index.html" 2418 class="ds-link js-load flex hover:underline " 2419 2420 2421 2422 2423 > 2424 Frequenzen</a> 2425 </li> 2426 <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 "> 2427 <a href="https://www.hr2.de/livestream/index.html" 2428 class="ds-link js-load flex hover:underline " 2429 2430 2431 2432 2433 > 2434 Livestream</a> 2435 </li> 2436 <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 "> 2437 <a href="https://www.hr.de/presse/fotos-und-logos/hr2-kultur/index.html" 2438 class="ds-link js-load flex hover:underline " 2439 target="_blank" rel="noopener" 2440 2441 2442 2443 > 2444 Presse hr2-kultur <span class="inline-flex mt-0.5 ml-1"> 2445<svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" 2446 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2447</svg> </span> 2448</a> 2449 </li> 2450 <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 "> 2451 <a href="https://www.hr.de/unternehmen/korrekturen/index.html" 2452 class="ds-link js-load flex hover:underline " 2453 target="_blank" rel="noopener" 2454 2455 2456 2457 > 2458 Korrekturen <sp
2458an class="inline-flex mt-0.5 ml-1"> 2459<svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" 2460 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2461</svg> </span> 2462</a> 2463 </li> 2464 </ul> 2465 </div> 2466 2467</nav></div> 2468 2469<div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0"> 2470 2471 <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading"> 2472 <div class="relative mx-auto "> 2473 <div class="flex px-5 pt-4 md:pt-0 md:px-0"> 2474 <form 2475 x-data="searchSuggest()" 2476 role="search" 2477 action="https://www.hr2.de/suche/index.nc.html" 2478 method="get" 2479 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" 2480 > 2481 <div 2482 class="flex flex-col-reverse h-10 gap-y-1 w-full" 2483 id="search-content" 2484 @click.away="active=false; cursorIndex=-1" 2485 @keydown.arrow-down="moveDownList()" 2486 @keydown.arrow-up="moveUpList()" 2487 > 2488 <label for="searchInput--4466" class="hidden">suchfeld</label> 2489 <input 2490 @input.debounce="getSuggestionsForInput();cursorIndex=-1" 2491 @click="active=true" 2492 name="query" 2493 x-model="query" 2494 placeholder='Suchen' 2495 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" 2496 type="text" 2497 id="searchInput--4466" 2498 autocomplete="off" 2499 role="combobox" 2500 aria-haspopup="listbox" 2501 aria-autocomplete="list" 2502 x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" 2503 aria-owns="suggestionlist--4466" 2504 aria-controls="suggestionlist--4466" 2505 > 2506 <div 2507 class="absolute left-0 w-auto min-w-full z-100 bottom-11" 2508 x-show="query.length > 1 && active && suggestions.length" 2509 x-cloak 2510 x-transition:leave="transition ease-in duration-100" 2511 x-transition:leave-start="opacity-100" 2512 x-transition:leave-end="opacity-0" 2513 > 2514 <ul 2515 role="listbox" 2516 id="suggestionlist--4466" 2517 aria-label="Suche öffnen" 2518 x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" 2519 class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" 2520 x-ref="list" 2521 > 2522 2523 <template x-for="(suggestion, index) in suggestions" :key="index"> 2524 <li class="first-of-type:border-none"> 2525 <a 2526 x-bind:active="false" 2527 x-bind:href="'https://www.hr2.de/suche/index.nc.html?query=' + suggestion" 2528 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 }" 2529 > 2530 <sp
2530an x-text="suggestion"></span> 2531 </a> 2532 </li> 2533 </template> 2534 2535 </ul> 2536 </div> 2537 </div> 2538 2539 <button 2540 aria-label='Suche starten' 2541 type="submit" 2542 class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> 2543<svg class="sb-icon w-7 h-7 text-search-footer-text fill-current bg-transparent " role="presentation" aria-hidden="true" 2544 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> 2545</svg> </button> 2546 </form> 2547 2548
2548<script type="text/javascript"> 2549 2550 function searchSuggest() { 2551 2552 return { 2553 active:true, 2554 cursorIndex: -1, 2555 query: "", 2556 suggestions: [], 2557 2558 getSuggestionsForInput() { 2559 2560 suggestionDataUrl = 'https://www.hr2.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; 2561 2562 fetch(suggestionDataUrl) 2563 2564 .then((res) =>{ return res.text()}) 2565 2566 .then((data) => { 2567 data = JSON.parse(data.replace(/"/g, '"')) 2568 data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) 2569 this.suggestions= this.filterSortbylength(data.solrSuggestions) 2570 }); 2571 2572 }, 2573 2574 filterStartwith(data, query) { 2575 return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) 2576 }, 2577 2578 filterSortbylength(data) { 2579 return data.sort((a, b) => a.length - b.length) 2580 }, 2581 2582 moveDownList() { 2583 if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) 2584 { 2585 this.cursorIndex++; 2586 this.query = this.suggestions[this.cursorIndex]; 2587 } 2588 }, 2589 2590 moveUpList() { 2591 if (this.suggestions.length > 0 && this.cursorIndex > 0) 2592 { 2593 this.cursorIndex--; 2594 this.query = this.suggestions[this.cursorIndex]; 2595 } 2596 }, 2597 2598 }; 2599 2600 } 2601 2602 </script>
2602 </div> 2603 2604 </div> </div> 2605 2606 <nav class="block pb-0 mx-auto md:mx-0" aria-labelledby="c-footer_social_media_title" > 2607 <span id="c-footer_social_media_title" class="hidden">Social Media</span> 2608 <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4"> 2609 <li class="flex pr-2 last:pr-0"> 2610 <a href="https://www.hr2.de/rss/index.html" 2611 class="ds-link js-load text-footer-text " 2612 2613 2614 title="hr2.de RSS-Feed" 2615 2616 > 2617<svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" 2618 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#rss-ds"></use> 2619</svg> </a> 2620 </li> 2621 <li class="flex pr-2 last:pr-0"> 2622 <a href="https://www.hr2.de/kontakt/index.html" 2623 class="ds-link js-load text-footer-text " 2624 2625 2626 title="Zum Kontaktformular" 2627 2628 > 2629<svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" 2630 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> 2631</svg> </a> 2632 </li> 2633 </ul> 2634 </nav> 2635 <div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'> 2636 <button 2637 id="globalSettingsButton" 2638 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 " 2639 2640 type="submit" 2641 data-piano-tracking='{"label":"Footer","secondLevelId":1}' 2642 data-a11y-dialog-show="datapolicy-settings-dialog" 2643> 2644 2645<svg class="sb-icon ds-button-icon w-4 h-4 fill-current w-5 h-5 " role="presentation" aria-hidden="true" 2646 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#settings"></use> 2647</svg> <span class='ds-button-label text-base '>Einstellungen</span> </button> 2648 </div> 2649 <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"> 2650 <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> 2651 </div> 2652 <div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6"> 2653 <div class="flex w-full px-6 bg-primary z-100"> 2654 <span class="flex justify-start w-full py-4"> 2655 <span 2656 class="pr-4 -ml-1 fill-white"> <svg class="sb-icon h-7 w-7 inline " role="presentation" aria-hidden="true" 2657 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#settings"></use> 2658</svg></span> 2659 <span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span> 2660 <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> 2661<svg class="sb-icon h-6 w-6 inline " role="presentation" aria-hidden="true" 2662 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#close"></use> 2663</svg> </button> 2664 </span> 2665 </div> 2666 2667 <div class="bg-[#d8e9f6] p-6 "> 2668 <span id="datapolicy-settings-title" class="block text-lg text-black font-headingSerif">Erhebung von Nutzungszahlen</span> 2669 <p class="mt-4 text-black"> 2670 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. 2671 <a class="block mt-2 ds-link text-link hover:underline" target="_blank" 2672 rel="noopener noreferrer" href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html" 2673 title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz 2674<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 2675 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2676</svg> </a> 2677 </p> 2678 </div> 2679 2680 <div class="bg-[#e3e3e3] py-2.5 px-6">
2681 <span class="text-lg text-black font-headingSerif">Statistische Messverfahren</span> 2682 </div> 2683 2684 <ul class=""> 2685 <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> 2686 <span class="text-base text-black">AGF <a 2687 class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" 2688 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" 2689 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2690</svg></a></span> 2691 <div class="flex w-fit"> 2692 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="agf" data-whitelist="true"/> 2693 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="agf"> 2694 <span class="sr-only">agf aktivieren/deaktivieren</span> 2695 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2696 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2697</svg></label> </div> 2698 </li> 2699 <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> 2700 <span class="text-base text-black">Piano Software Inc. <a 2701 class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" 2702 href="https://www.piano.io/" 2703 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" 2704 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2705</svg></a></span> 2706 <div class="flex w-fit"> 2707 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="piano" data-whitelist="true"/> 2708 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="piano"> 2709 <span class="sr-only">piano aktivieren/deaktivieren</span> 2710 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2711 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2712</svg></label> </div> 2713 </li> 2714 </ul> 2715 2716 <div class="bg-[#d8e9f6] p-6"> 2717 <span class="block text-lg text-black font-headingSerif ">Externe Inhalte</span> 2718 <p class="mt-4 text-base text-black"> 2719 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. 2720 <a class="block mt-2 ds-link text-link hover:underline" target="_blank" 2721 rel="noopener noreferrer" href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html" 2722 title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz 2723<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" 2724 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2725</svg> </a> 2726 </p> 2727 </div> 2728 <div class="bg-[#e3e3e3] py-2.5 px-6">
2729 <span class="block pb-2 text-lg text-black font-headingSerif">Externe Anbieter</span> 2730 <div class="flex justify-between"> 2731 <span class="inline-flex text-base text-black js-providerTitle">x</span> 2732 <div class="flex float-right"> 2733 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox-all" type="checkbox" id="all" data-whitelist="false"/> 2734 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="all"> 2735 <span class="sr-only">alle aktivieren/deaktivieren</span> 2736 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2737 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2738</svg></label> </div> 2739 </div> 2740 </div> 2741 2742 <ul> 2743 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2744 <span class="inline-flex text-base leading-6 text-black align-text-top">23 Degrees (Kommunalwahl 2026)</span> 2745 <div class="flex float-right"> 2746 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="23degrees" data-whitelist="true"/> 2747 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="23degrees"> 2748 <span class="sr-only">23degrees aktivieren/deaktivieren</span> 2749 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2750 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2751</svg></label> </div> 2752 </li> 2753 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2754 <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Mediathek (Video)</span> 2755 <div class="flex float-right"> 2756 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_mediathek" data-whitelist="true"/> 2757 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_mediathek"> 2758 <span class="sr-only">ard_mediathek aktivieren/deaktivieren</span> 2759 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2760 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2761</svg></label> </div> 2762 </li> 2763 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2764 <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Audiothek (Audio) Alte Version</span> 2765 <div class="flex float-right"> 2766 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_audiothek" data-whitelist="true"/> 2767 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_audiothek"> 2768 <span class="sr-only">ard_audiothek aktivieren/deaktivieren</span> 2769 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2770 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2771</svg></label> </div> 2772 </li> 2773 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2774 <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Sounds (Audio) Episode</span> 2775 <div class="flex float-right"> 2776 <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"/> 2777 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_audiothek_new"> 2778 <span class="sr-only">ard_audiothek_new aktivieren/deaktivieren</span> 2779 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2780 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2781</svg></label> </div> 2782 </li> 2783 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2784 <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Sounds (Audio) </span> 2785 <div class="flex float-right"> 2786 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_sounds" data-whitelist="true"/> 2787 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_sounds"> 2788 <span class="sr-only">ard_sounds aktivieren/deaktivieren</span> 2789 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2790 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2791</svg></label> </div> 2792 </li> 2793 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2794 <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert</span> 2795 <div class="flex float-right"> 2796 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert" data-whitelist="true"/> 2797 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert"> 2798 <span class="sr-only">arte_concert aktivieren/deaktivieren</span> 2799 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2800 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2801</svg></label> </div> 2802 </li> 2803 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2804 <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert 2.0</span> 2805 <div class="flex float-right"> 2806 <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"/> 2807 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert_new"> 2808 <span class="sr-only">arte_concert_new aktivieren/deaktivieren</span> 2809 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2810 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2811</svg></label> </div> 2812 </li> 2813 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2814 <span class="inline-flex text-base leading-6 text-black align-text-top">Datawrapper (Datengrafik)</span> 2815 <div class="flex float-right"> 2816 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="datawrapper_cdn" data-whitelist="true"/> 2817 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="datawrapper_cdn"> 2818 <span class="sr-only">datawrapper_cdn aktivieren/deaktivieren</span> 2819 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2820 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2821</svg></label> </div> 2822 </li> 2823 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2824 <span class="inline-flex text-base leading-6 text-black align-text-top">Esri (Notfallkarte)</span> 2825 <div class="flex float-right"> 2826 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="esri" data-whitelist="false"/> 2827 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="esri"> 2828 <span class="sr-only">esri aktivieren/deaktivieren</span> 2829 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2830 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2831</svg></label> </div> 2832 </li> 2833 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2834 <span class="inline-flex text-base leading-6 text-black align-text-top">Flourish (Datengrafik)</span> 2835 <div class="flex float-right"> 2836 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="flourish" data-whitelist="false"/> 2837 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="flourish"> 2838 <span class="sr-only">flourish aktivieren/deaktivieren</span> 2839 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2840 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2841</svg></label> </div> 2842 </li> 2843 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2844 <span class="inline-flex text-base leading-6 text-black align-text-top">Giphy (animiertes GIF)</span> 2845 <div class="flex float-right"> 2846 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="giphy" data-whitelist="false"/> 2847 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="giphy"> 2848 <span class="sr-only">giphy aktivieren/deaktivieren</span> 2849 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2850 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2851</svg></label> </div> 2852 </li> 2853 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2854 <span class="inline-flex text-base leading-6 text-black align-text-top">Facebook</span> 2855 <div class="flex float-right"> 2856 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="facebook-post" data-whitelist="false"/> 2857 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="facebook-post"> 2858 <span class="sr-only">facebook-post aktivieren/deaktivieren</span> 2859 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2860 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2861</svg></label> </div> 2862 </li> 2863 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2864 <span class="inline-flex text-base leading-6 text-black align-text-top">Instagram</span> 2865 <div class="flex float-right"> 2866 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="instagram" data-whitelist="false"/> 2867 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="instagram"> 2868 <span class="sr-only">instagram aktivieren/deaktivieren</span> 2869 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2870 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2871</svg></label> </div> 2872 </li> 2873 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2874 <span class="inline-flex text-base leading-6 text-black align-text-top">lokal-o-mat 2026</span> 2875 <div class="flex float-right"> 2876 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="lokalomat2026" data-whitelist="false"/> 2877 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="lokalomat2026"> 2878 <span class="sr-only">lokalomat2026 aktivieren/deaktivieren</span> 2879 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2880 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2881</svg></label> </div> 2882 </li> 2883 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2884 <span class="inline-flex text-base leading-6 text-black align-text-top">Microsoft Forms Formulare</span> 2885 <div class="flex float-right"> 2886 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="microsoft-forms" data-whitelist="false"/> 2887 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="microsoft-forms"> 2888 <span class="sr-only">microsoft-forms aktivieren/deaktivieren</span> 2889 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2890 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2891</svg></label> </div> 2892 </li> 2893 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2894 <span class="inline-flex text-base leading-6 text-black align-text-top">TikTok</span> 2895 <div class="flex float-right"> 2896 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="tiktok" data-whitelist="false"/> 2897 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="tiktok"> 2898 <span class="sr-only">tiktok aktivieren/deaktivieren</span> 2899 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2900 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2901</svg></label> </div> 2902 </li> 2903 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2904 <span class="inline-flex text-base leading-6 text-black align-text-top">Vimeo (Video)</span> 2905 <div class="flex float-right"> 2906 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="vimeo" data-whitelist="false"/> 2907 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="vimeo"> 2908 <span class="sr-only">vimeo aktivieren/deaktivieren</span> 2909 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2910 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2911</svg></label> </div> 2912 </li> 2913 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2914 <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube (Video)</span> 2915 <div class="flex float-right"> 2916 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube" data-whitelist="false"/> 2917 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube"> 2918 <span class="sr-only">youtube aktivieren/deaktivieren</span> 2919 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2920 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2921</svg></label> </div> 2922 </li> 2923 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> 2924 <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube 360 (360° Video)</span> 2925 <div class="flex float-right"> 2926 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube360" data-whitelist="false"/> 2927 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube360"> 2928 <span class="sr-only">youtube360 aktivieren/deaktivieren</span> 2929 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2930 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2931</svg></label> </div> 2932 </li> 2933 <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
2934 <span class="inline-flex text-base leading-6 text-black align-text-top">X</span> 2935 <div class="flex float-right"> 2936 <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="twitter-post" data-whitelist="false"/> 2937 <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="twitter-post"> 2938 <span class="sr-only">twitter-post aktivieren/deaktivieren</span> 2939 <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" 2940 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#check"></use> 2941</svg></label> </div> 2942 </li> 2943 </ul> 2944 </div> 2945 </div> 2946</div> 2947 2948<div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0"> 2949 <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" 2950 href=https://www.hr2.de/index.html 2951 title="Startseite hr2 . d e"> 2952 2953 <div 2954 class="relative flex h-10 md:hidden" 2955 > 2956 <img width="152" height="150" src="https://www.hr2.de/assets_4.49.0/base/icons/logo/brandlogo--mobile.min.svg" 2957 class="w-auto h-full" alt="hr2.de"> 2958 </div> 2959 2960 <div 2961 class="md:flex hidden justify-start w-auto h-10 lg:h-12 " 2962 > 2963 <img width="300" height="66" src="https://www.hr2.de/assets_4.49.0/base/icons/logo/brandlogo--desk.min.svg" 2964 class="w-auto h-full" alt="hr2.de"> 2965 </div> 2966 2967 </a> 2968
2968<script> 2969 percent = 0 2970 </script>
2970 </div> 2971 <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-0 md:flex-row "> 2972 <div class="flex flex-col self-center text-sm md:self-end w-fit md:flex-row"> 2973 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 2974 <a href="https://www.hr.de/index.html" 2975 class="ds-link js-load flex whitespace-nowrap hover:underline " 2976 target="_blank" rel="noopener" 2977 2978 2979 title="Hessischer Rundfunk" 2980 2981 > 2982 © Hessischer Rundfunk <span class="inline-flex"> 2983<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 2984 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 2985</svg> </span> 2986</a> 2987 </div> 2988 2989 <span class="hidden px-2 md:flex ">|</span> 2990 2991 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 2992 <a href="https://www.ard.de/" 2993 class="ds-link js-load flex whitespace-nowrap hover:underline " 2994 target="_blank" rel="noopener" 2995 2996 2997 title="ARD.de" 2998 2999 > 3000 ARD.de <span class="inline-flex"> 3001<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 3002 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 3003</svg> </span> 3004</a> 3005 </div> 3006 3007 <span class="hidden px-2 md:flex ">|</span> 3008 3009 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 3010 <a href="https://www.hr.de/unternehmen/struktur/datenschutzerklaerung-v1,datenschutzerklaerung-des-hr-100.html" 3011 class="ds-link js-load flex whitespace-nowrap hover:underline " 3012 target="_blank" rel="noopener" 3013 3014 3015 title="Datenschutz" 3016 3017 > 3018 Datenschutz <span class="inline-flex"> 3019<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 3020 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 3021</svg> </span> 3022</a> 3023 </div> 3024 3025 <span class="hidden px-2 md:flex ">|</span> 3026 3027 <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> 3028 <a href="https://www.hr.de/impressum/index.html" 3029 class="ds-link js-load flex whitespace-nowrap hover:underline " 3030 target="_blank" rel="noopener" 3031 3032 3033 title="Impressum" 3034 3035 > 3036 Impressum <span class="inline-flex"> 3037<svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" 3038 ><use href="https://www.hr2.de/assets_4.49.0/base/icons/icons/svgmap.min.svg#extern"></use> 3039</svg> </span> 3040</a> 3041 </div> 3042 </div> </div> 3043 </div> 3044 </div> 3045 </footer> 3046
3047<script type="text/javascript"> 3048var pianoWasInit = false 3049var pageDisplayConfig = {} 3050const isInWebAppiOS = (window.navigator.standalone === true) 3051const isInWebAppChrome = 3052(window.matchMedia('(display-mode: standalone)').matches) 3053const displayMode = isInWebAppiOS ? 'pwa-ios' : isInWebAppChrome ? 'pwa' : 'browser-tab' 3054const getCookie = (cookieName) => { 3055let cookieString = RegExp('' + cookieName + '[^;]+').exec(document.cookie) 3056return unescape(!!cookieString ? cookieString.toString().replace(/^[^=]+./, '') : '') 3057} 3058const getJSONCookie = (cookieName) => { 3059let cookie 3060try { 3061cookie = JSON.parse(getCookie(cookieName)) 3062} catch (e) { 3063} 3064return cookie 3065} 3066const isPianoTrackingAllowed = () => { 3067const cookie = getJSONCookie('hrSettings') 3068console.log('undefined === cookie || cookie[\'ati\'] === true', undefined === cookie || cookie['ati'] === true) 3069return undefined === cookie || !cookie.hasOwnProperty('ati') || cookie['ati'] === true 3070} 3071function initPiano() { 3072if (!pianoWasInit) { 3073if (undefined !== window.pa) { 3074console.log("Piano Script run:", performance.now()); 3075window.pa.setConfigurations({ 3076site: 582964, 3077collectDomain: 'https://logs1187.xiti.com' 3078}) 3079pageDisplayConfig = { 3080'page': "podcasts", 3081'site_level2_id': 14, 3082'hr_first_publication_date': "2017-05-19T14:15:51+02:00", 3083'hr_modification_date_timestamp': "2026-09-07T18:56:14+02:00", 3084'hr_sophora_id': "uebersichtsseite-podcasts-100", 3085'hr_document_type': "hr-nt:index" 3086, 'display_mode': displayMode 3087} 3088if (isPianoTrackingAllowed()) { 3089window.pa.sendEvent('page.display', pageDisplayConfig) 3090} 3091pianoWasInit = true; 3092} 3093} 3094} 3095initPiano(); 3096addEventListener("pianoAnalyticsIsLoaded", initPiano); 3097addEventListener("DOMContentLoaded", initPiano); 3098</script>
3098</div> 3099<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"}' 3100class="js-load" 3101data-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> 3102
3103<script type="module" src="https://www.hr2.de/assets_4.49.0/vendor/hr-radio-player/bundle.js"></script>
3103 3104</body> 3105</html> 3106
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.