PageSourceSearch

https://www.hr2.de/podcasts/index.html

html hr2.de collected 2026-10-02 02:52:38 UTC 222,648 bytes, 3,106 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js no-js-burgerMenu preload noMicroInteraction"
3data-theme="hr2" lang="de">
4<head>
5<!-- hrcms-delivery 4.49.0 -->
6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
8<title>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(/&quot;/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(/&quot;/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 &quot;Zurückspulen&quot;, also zum Springen im Programm um bis zu fünf Stunden. Der gewohnte Kalender mit allen Sendezeiten informiert Sie umfassend. Hunderte von Podcasts von hr2-kultur und vielen anderen Wellen warten - probieren Sie ARD Sounds einfach aus, es lohnt sich!</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 &quot;Die Freuden der Pflicht&quot; schreiben. Siegfried Lenz liest seine weltberühmte &quot;Deutschstunde&quot; 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 &quot;Schutzengel&quot;. </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 &amp;
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 &quot;Winterreise pauschal&quot; oder &quot;Sound der DDR&quot; - 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'>&quot;Freiheit deluxe&quot; 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 &quot;Kings&quot;, sein treuer Roboter-Butler &quot;Robo&quot; und Amira, ein Mädchen mit top technischem Verständnis – das ist die &quot;Glitzer-Gang&quot;. 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(/&quot;/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                                &copy; 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":[{&quot;url&quot;:&quot;https://hr-radio.ard-mcdn.de/hr/radio/hr2/hls/master.m3u8&quot;,&quot;name&quot;:&quot;Rhein-Main&quot;,&quot;id&quot;:&quot;rheinmain&quot;}], "fullPlaylistUrl":"https://www.hr2.de/hrzwei-playlist-100.html", "currentShowUrl":"https://www.hr2.de/programm/sendezeiten/hrzwei-guide-100~radioplayer.json", "isSongvoteEnabled":false, "songvoteData": { }, "messageProperties":{&quot;hr-radioplayer_songvote_overlay_already_voted_and_form_sended_text&quot;:&quot;Du hast bereits abgestimmt und uns mitgeteilt, was dieses Lied zu deinem Lieblingshit macht.&quot;,&quot;hr-radioplayer_sr_pause_stream&quot;:&quot;Radio-Livestream pausieren&quot;,&quot;hr_radioplayer_voting_up_button_text&quot;:&quot;Yeah&quot;,&quot;hr-radioplayer_current_show_no_show_infos_text&quot;:&quot;Keine Infos&quot;,&quot;hr-radioplayer_seekbar_live&quot;:&quot;LIVE&quot;,&quot;hr-radioplayer_playlist_now&quot;:&quot;LIVE&quot;,&quot;hr-radioplayer_sr_open_big_player&quot;:&quot;Big Player öffnen&quot;,&quot;hr_radioplayer_full_playlist_link_text&quot;:&quot;Zur Tagesübersicht&quot;,&quot;hr-radioplayer_songvote_overlay_already_voted_text&quot;:&quot;Du hast bereits abgestimmt&quot;,&quot;hr-radioplayer_sr_play_stream&quot;:&quot;Radio-Livestream abspielen&quot;,&quot;hr_radioplayer_sr_volume-control_mute_volume&quot;:&quot;Stummschalten&quot;,&quot;hr_radioplayer_voting_down_button_text&quot;:&quot;No&quot;,&quot;hr_radioplayer_ma_text&quot;:&quot;Jetzt reinhören&quot;,&quot;hr-radioplayer_current_show_contact_to_studio_text&quot;:&quot;&quot;,&quot;hr-radioplayer_current_song_tab_label&quot;:&quot;Jetzt läuft&quot;,&quot;hr-radioplayer_sr_contact_information&quot;:&quot;Wenn Sie Fragen zum Programm haben oder Ihnen etwas besonders gut gefallen hat, dann schreiben Sie uns.&quot;,&quot;hr-radioplayer_sr_twenty_sec_forward&quot;:&quot;20 Sekunden vorspulen&quot;,&quot;hr_radioplayer_current_show_tab_label_long&quot;:&quot;Aktuelle Live Sendung&quot;,&quot;hr_radioplayer_sr_volume-control_volume_muted&quot;:&quot;Stummgeschaltet&quot;,&quot;hr-radioplayer_playlist_tab_label_long&quot;:&quot;hr2-kultur zum Nachhören&quot;,&quot;hr_radioplayer_sr_volume-control_unmute_volume&quot;:&quot;Stummschaltung aufheben&quot;,&quot;hr_radioplayer_sr_volume-control_description&quot;:&quot;Benutzen Sie die Pfeiltasten, um die Lautstärke zu erhöhen oder zu verringern.&quot;,&quot;hr-radioplayer_sr_stop_stream&quot;:&quot;Radio-Livestream stoppen&quot;,&quot;hr_radioplayer_sr_detail_information&quot;:&quot;Detailinformationen zu&quot;,&quot;hr-radioplayer_sr_twenty_secs_back&quot;:&quot;20 Sekunden zurückspulen&quot;,&quot;hr-radioplayer_sr_tabs_interface&quot;:&quot;Tabs Interface&quot;,&quot;hr_radioplayer_sr_open_in_big_player&quot;:&quot;im Bigplayer öffnen&quot;,&quot;hr-radioplayer_playlist_tab_label&quot;:&quot;Nachhören&quot;,&quot;hr-radioplayer_current_show_tab_label&quot;:&quot;Sendung&quot;,&quot;hr-radioplayer_songvote_overlay_button_to_feedback_form_text&quot;:&quot;Zum Feedback-Formular&quot;,&quot;hr-radioplayer_current_song_timeshift_badge&quot;:&quot;Zeitversatz&quot;,&quot;hr-radioplayer_current_show_no_song_titles_text&quot;:&quot;Zur aktuellen Sendung liegen uns keine Titelinformationen vor.&quot;,&quot;hr_radioplayer_sr_voting_button_text&quot;:&quot;Gib {0} von {1} dein Herz!&quot;,&quot;hr-radioplayer_current_song_timeshift_stream_paused&quot;:&quot;Stream pausiert&quot;,&quot;hr_radioplayer_sr_volume-control_level&quot;:&quot;Lautstärke auf Level {0}.&quot;}, "radioStation":"HR2"}'
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.