hr1.de | Genau meins in Hessen

<!DOCTYPE html> <html class="no-js no-js-burgerMenu preload noMicroInteraction" data-theme="hr1" lang="de"> <head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>hr1.de | Genau meins in Hessen</title> <meta name="application-name" content="hr1.de" /> <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" /> <meta name="author" content="hr1.de, Frankfurt, Germany"/> <meta name="publisher" content="hr1.de" /> <meta name="language" content="Deutsch" /> <meta http-equiv="Content-Security-Policy" content="img-src * data: blob: android-webview-video-poster:;"> <meta name="robots" content="follow, noarchive, index, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="last-modified" content="2024-11-25T07:45+0100" /> <meta name="date" content="2017-05-24T13:50+0200" /> <meta name="description" content="hr1 ist ein Radioprogramm, das eine einzigartige Musikmischung aus fünf Jahrzehnten mit Fokus auf den 80er-Jahren und Infos mit Gesprächswert bietet." /> <link rel="canonical" href="https://www.hr1.de/index.html" /> <meta property="og:site_name" content="hr1.de" /> <meta property="og:locale" content="de_DE" /> <meta property="og:url" content="https://www.hr1.de/index.html" /> <meta property="og:title" content="Startseite hr1" /> <meta property="og:description" content="hr1 ist ein Radioprogramm, das eine einzigartige Musikmischung aus fünf Jahrzehnten mit Fokus auf den 80er-Jahren und Infos mit Gesprächswert bietet." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://www.hr1.de/sendungen/responsive-hr1-stage-100~_t-1502857276557_v-16to9__retina.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:height" content="540" /> <meta property="og:image:width" content="960" /> <meta property="article:publisher" content="https://www.facebook.com/hr1/?fref=ts" /> <meta property="fb:page_id" content="134646292352" /> <meta property="fb:pages" content="134646292352" /> <meta property="twitter:title" content="Startseite hr1" /> <meta property="twitter:description" content="hr1 ist ein Radioprogramm, das eine einzigartige Musikmischung aus fünf Jahrzehnten mit Fokus auf den 80er-Jahren und Infos mit Gesprächswert bietet." /> <meta property="twitter:image" content="https://www.hr1.de/sendungen/responsive-hr1-stage-100~_t-1502857276557_v-16to9__retina.jpg" /> <meta property="twitter:image:alt" content="hr1 responsiv auf Desktop, Tablet und mobil" /> <meta property="twitter:url" content="https://www.hr1.de/index.html" /> <meta property="twitter:site" content="@hr1" /> <meta property="twitter:site:id" content="17009618" /> <meta property="twitter:domain" content="https://www.hr1.de/" /> <meta property="twitter:creator" content="@hr1" /> <meta property="twitter:creator:id" content="17009618" /> <meta property="twitter:card" content="summary_large_image" /> <link href="https://www.hr1.de/assets_4.4.0/index.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr1.de/assets_4.4.0/index.css" rel="stylesheet" type="text/css"> <link href="https://www.hr1.de/assets_4.4.0/radioplayer.css" rel="stylesheet" type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="msapplication-tap-highlight" content="no" /> <link rel="icon" href="https://www.hr1.de/favicon.ico?v=4.4.0" sizes="32x32"> <link rel="icon" href="https://www.hr1.de/favicon.min.svg?v=4.4.0" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.hr1.de/favicon.png?v=4.4.0"> <link href="https://www.hr1.de/assets_4.4.0/vendor/hr-radio-player/styles.css" rel="preload" type="text/css" as="style"> <link href="https://www.hr1.de/assets_4.4.0/js/vendor/modernizr.cust.js" rel="preload" as="script"> <link href="https://www.hr1.de/assets_4.4.0/js/index.js" rel="preload" as="script"> <link href="https://www.hr1.de/assets_4.4.0/js/alpine.js" rel="preload" as="script"> <link href="https://www.hr1.de/assets_4.4.0/js/hr-scriptload.js" rel="preload" as="script"> <link href="https://www.hr1.de/assets_4.4.0/js/hrQueryOld.js" rel="preload" as="script"> <script src="https://www.hr1.de/assets_4.4.0/js/vendor/piano-analytics.js"></script> <script>'function' != typeof self.queueMicrotask && (self.queueMicrotask = function(e) { Promise.resolve().then(e).catch(e => setTimeout(() => { throw e })) })</script> <script>window.MSInputMethodContext && document.documentMode && document.write('<script src="https://www.hr1.de/assets_4.4.0/js/polyfill/ie11CustomProperties.js"><\/script>')</script> <link href="https://www.hr1.de/assets_4.4.0/fonts/RobotoCondensed-Bold.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr1.de/assets_4.4.0/fonts/DINPro-Bold.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr1.de/assets_4.4.0/fonts/RobotoCondensed.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr1.de/assets_4.4.0/fonts/DINPro.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr1.de/assets_4.4.0/fonts/Merriweather-Italic.woff" rel="preload" as="font" crossorigin> <link href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="https://www.hr1.de/assets_4.4.0/base/icons/logo/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="//www.hr.gl-systemhaus.de" rel="dns-prefetch"> <link href="https://logs.xiti.com" rel="dns-prefetch"> <script defer src='https://www.hr1.de/assets_4.4.0/js/alpine.js'></script>  <link id="styles" rel="stylesheet" href="https://www.hr1.de/assets_4.4.0/vendor/hr-radio-player/styles.css" type="text/css" /> <script> var HrcmsConfig = { 'isProduction': true, 'isATITest': false, 'isDSGVOTest': false, } function 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)} var 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.hr1.de/assets_4.4.0/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hr1.de/assets_4.4.0/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hr1.de/assets_4.4.0/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hr1.de/assets_4.4.0/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hr1.de/assets_4.4.0/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hr1.de/assets_4.4.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.hr1.de/assets_4.4.0/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hr1.de/assets_4.4.0/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hr1.de/assets_4.4.0/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hr1.de/assets_4.4.0/js/'})}),"async")}))}),"async"); </script>  <link href="https://www.hr1.de/index.rss" title="Alle Beiträge RSS-Feed - hr1.de" rel="alternate" type="application/rss+xml"> </head> <body x-data :class="$store.navIsVisible && $store.subNavIsVisible ? '-navIsVisible -subnavIsVisible' : $store.navIsVisible ? '-navIsVisible' : '-navIsHidden'" > <div class="js-pageSwap"> <div class="js-load" data-hr-piano-tracking="{}"></div> <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init=""> <header class="print:hidden relative z-110 lg:h-auto md:h-header-md h-header-sm"> <div x-data id="headerWrapper" x-ref="headerWrapper" @resize.window="resetNav()" :class="shouldBrandNavBeHidden() ? '-mt-[33px] md:-mt-[33px]' : '' " class=" flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full "> <div id="anchorNavWrapper" class="sr-only"> <nav id="sprungmarken" aria-labelledby="anchorNavHeadline"> <span id="anchorNavHeadline">Sprungmarken</span> <ul> <li><a href="#brandNavWrapper" >Übersicht der Marken des HR anspringen</a></li> <li><a href="#serviceNavWrapper">Servicenavigation anspringen</a></li> <li><a href="#sectionNavWrapper">Bereichsnavigation anspringen</a></li> <li><a href="#featureBox">Livestream Player anspringen</a></li> <li><a href="#content">Inhalt anspringen</a></li> </ul> </nav> </div> <div id="brandNavWrapper" class="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"> <div class="grid-cols-12 px-5 lg:px-10 col-full sm:col-main"> <div x-data="slider()" x-init="initialize($refs.scrollContainer_0)" class="relative w-full" ax-load x-ignore > <template x-if="isScrollable && $screen('xs')"> <div> <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" > <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <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"> <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <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"> <nav class="flex w-full text-xs list-none text-grey-scorpion"> <span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span> <ul class="flex pr-3 md:px-0 flex-nowrap lg:mr-0"> <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 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="HR1" href="https://www.hr1.de/index.html" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr1-Link geklickt"}]}'>hr1</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR2" href="https://www.hr2.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr2-kultur-Link geklickt"}]}'>hr2-kultur</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR3" href="https://www.hr3.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr3-Link geklickt"}]}'>hr3</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR4" href="https://www.hr4.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr4-Link geklickt"}]}'>hr4</a> </li> <li class="sb-brand-navigation-item h-8 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="you-fm" href="https://www.you-fm.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::YOU FM-Link geklickt"}]}'>YOU FM</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> </nav> </div> </div> </div> </div> <div id="serviceNavWrapper" :class="shouldServiceNavBeHidden() ? '-mt-40' : ''" class="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"> <div id="serviceNavMainContainer" class="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"> <span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span> <div id="serviceLogoWrapper" class="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"> <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" href=https://www.hr1.de/index.html title="Startseite hr1 . d e"> <div class="relative flex h-10 brand-logo-size md:hidden" > <img src="https://www.hr1.de/assets_4.4.0/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr1.de"> </div> <div class="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] " > <img src="https://www.hr1.de/assets_4.4.0/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr1.de"> </div> </a> <script> percent = 0 </script> </div> <div id="serviceItemsWrapper" class="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"> <div id="serviceList" @click.outside="$store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen && !$store.burgeropen)" x-ref="serviceList" :class="shouldServiceIconsBeHidden() ? 'delay-300 duration-500 -mt-40 -z-40' : 'delay-0 duration-0 mt-0 z-130'" class="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 " > <ul class="flex justify-around w-full h-full -itemCount- lg:w-auto lg:justify-end lg:pt-1"> <li class="sb-service-navigation-item -news 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"> <a href="https://www.hr1.de/nachrichten/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-6094-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Nachrichten-Link geklickt"}]}'> <div class="w-7 md:w-8 h-7 md:h-8" > <svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#nachrichten-ds"></use> </svg> <span class="sr-only lg:hidden">Nachrichten</span> </div> <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"> <div class="flex" > <span class="flex text-xs leading-4 whitespace-nowrap"> Nachrichten </span> </div> </div> </a> </li> <li class="sb-service-navigation-item -weather flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-navigation-icons border-navigation-border-color"> <button id="9238" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="9238" class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 hover:lg:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset " :class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''" aria-owns="flyout-9238" aria-controls="flyout-9238" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? 'Wetter-Menü schließen' : 'Wetter-Menü öffnen')" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Wetter-Link geklickt"}]}' > <div class="w-7 md:w-8 h-7 md:h-8" > <svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#wetter-ds"></use> </svg> <span class="sr-only lg:hidden">Wetter</span> </div> <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"> <div class="flex" > <span class="flex text-xs leading-4 whitespace-nowrap"> Wetter </span> <div class="flex lg:pl-1"> <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':'' "> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </div> </div> <div x-cloak x-data="flyoutHandler" x-ref="9238" id="flyout-9238" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md z-120 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-9238-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> <a href="https://www.hr1.de/wetter/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "ServiceNavigation::Wetter::Übersicht Wetter-Link geklickt"}]}' > Übersicht Wetter </a> </div> </div> <div class="lg:flex lg:flex-row -columnCount--2 lg:divide-x lg:divide-gray-200 "> <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'" class="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.hr1.de/wetter/unwetterwarnungen/index.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Unwetterwarnungen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/wetter/regenradar-hessen/index.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Regenradar </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/wetter/wolkenfilm/index.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Wolkenfilm </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/wetter/messwerte/index.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Messwerte </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/wetter/wetterkameras/index.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Wetterkameras </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/wetter/wetterinfos-im-hr-text-v1,biowetter-pollenflug-uv-werte-niederschlag-pegelstaende100.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > mehr Wetter </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr-fernsehen.de/sendungen-a-z/alle-wetter/online-thema/index.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::online-thema-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Thema des Tages<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </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'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hr-fernsehen.de/sendungen-a-z/alle-wetter/kontakt/ihr-wetter-schnappschuss-fuer-alle-wetter,aktion100.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::aktion100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Wetter-Link geklickt"}]}' > Foto einsenden<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li></ul> </div> </div> </button> </li> <li class="sb-service-navigation-item -traffic flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-navigation-icons border-navigation-border-color"> <button id="40" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="40" class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 hover:lg:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset " :class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''" aria-owns="flyout-40" aria-controls="flyout-40" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? 'Verkehr-Menü schließen' : 'Verkehr-Menü öffnen')" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Verkehr-Link geklickt"}]}' > <div class="w-7 md:w-8 h-7 md:h-8" > <svg class="sb-icon w-full h-full fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#verkehr-ds"></use> </svg> <span class="sr-only lg:hidden">Verkehr</span> </div> <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"> <div class="flex" > <span class="flex text-xs leading-4 whitespace-nowrap"> Verkehr </span> <div class="flex lg:pl-1"> <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':'' "> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </div> </div> <div x-cloak x-data="flyoutHandler" x-ref="40" id="flyout-40" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" class="sb-navigation-flyout bg-white md:filter md:drop-shadow-md z-120 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-40-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <div class="flex pt-4 pb-2 pl-4 text-base font-bold bg-white lg:pl-0 md:pt-4 lg:pt-1 lg:pb-0 justify-left text-primary "> <a href="https://www.hr1.de/verkehr/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "ServiceNavigation::Verkehr::Übersicht Verkehr-Link geklickt"}]}' > Übersicht Verkehr </a> </div> </div> <div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> <ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/verkehr/verkehrskameras/index.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Verkehrskameras </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/verkehr/blitzer/index.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Blitzer </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hessenschau.de/verkehr/liste-aktueller-schulausfaelle-in-hessen-v366,schulausfall-hessen-aktuell-heute-liste-100.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::schulausfall-hessen-aktuell-heute-liste-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Schulausfälle<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-0 flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline"> <a href="https://www.hessenschau.de/verkehr/flugplaene-frankfurt-im-hr-text-v1,flugplaene-frankfurt-parkhaus-belegung-100.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::flugplaene-frankfurt-parkhaus-belegung-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Flugpläne Frankfurt / Parkhausbelegung<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/verkehr/staus-und-blitzer-melden-v1,stau-blitzer-melden-100.html" class="ds-link js-load link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Werden Sie hr-Staureporter! </a> </li></ul> </div> </div> </button> </li> </ul> </div> <div x-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" :class="$store.searchFieldOpen == true ? 'bg-white mt-2 rounded-t md:mt-0 md:rounded-none' : 'bg-navigation-bg'" > <button @click="$store.searchFieldOpen = ! $store.searchFieldOpen; dropped = false; $store.serviceNavIsOpen = false; toggleScrolling(!$store.searchFieldOpen)" @click.debounce.100ms="$dispatch('burger-close'); $dispatch('search-mobile-click'); $dispatch('close-servicemenu');" class="h-full cursor-pointer text-navigation-text md:px-4 lg:hidden" x-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')" > <svg x-show="$store.searchFieldOpen == false" class="h-5 fill-current text-navigation-text w-9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" role="presentation" x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == true)" > <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> </svg> <svg x-show="$store.searchFieldOpen == true" class="h-6 fill-current w-9 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" x-effect="$el.setAttribute('aria-hidden', $store.searchFieldOpen == false)" > <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> </svg> </button> </div> <div class="hidden lg:flex"> <form x-data="searchSuggest()" role="search" action="https://www.hr1.de/suche/index.nc.html" method="get" 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" > <div class="flex lg:h-10 w-full" id="search-content" @click.away="active=false; cursorIndex=-1" @keydown.arrow-down="moveDownList()" @keydown.arrow-up="moveUpList()" > <label for="searchInput--8702" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Suchen' class="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" type="text" id="searchInput--8702" autocomplete="off" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" aria-owns="suggestionlist--8702" aria-controls="suggestionlist--8702" > <div class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" x-show="query.length > 1 && active && suggestions.length" x-cloak x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <ul role="listbox" id="suggestionlist--8702" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr1.de/suche/index.nc.html?query=' + suggestion" 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 }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr1.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/"/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> <div id="burgerWrapper" class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden"> <div x-data="burger()" class="flex items-center justify-center h-full fill-current sb-burger"> <nav class="h-10 tablet:h-12"> <button class="relative w-10 h-10 text-navigation-text tablet:w-18 tablet:h-12 focus:outline-none bg-brand" @burger-close.window="burgerClose()" @click="burgerClick()" aria-owns="sectionNav" aria-controls="sectionNav" x-effect="$el.setAttribute('aria-expanded', $store.burgeropen);$el.setAttribute('aria-label', $store.burgeropen ? 'Navigation schließen' : 'Navigation öffnen')" > <span class="sr-only md:hidden">Open main menu</span> <div class="absolute block w-6 -mt-px transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2"> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current " :class="$store.burgeropen ? 'rotate-45' : '-mt-2'"></span> <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> <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-250 ease-in-out transform bg-current" :class="{'-rotate-45': $store.burgeropen, 'mt-2': ! $store.burgeropen }"></span> </div> </button> </nav> </div> <script> var burger = () => { return { burgerClose(){ this.$store.burgeropen = false this.$dispatch('toggle-sectionnav', false); }, burgerClick(){ this.$store.serviceNavIsOpen = false this.$store.burgeropen = !this.$store.burgeropen this.$dispatch('toggle-sectionnav', this.$store.burgeropen); // Todo: not doing anything! can be removed? // this.percent > 50 ? this.removeYtranslate() : null; this.toggleScrolling(!this.$store.burgeropen) }, removeYtranslate(){ // Todo: not doing anything! can be removed? //this.$refs.serviceList.classList.remove('-mt-40'); //this.$refs.sectionnavigation.classList.remove('-mt-40') } } } </script> </div> </div> </div> </div> <div id="sectionNavWrapper" x-ref="sectionnavigation" @toggle-sectionnav.window="toggleSectionNav" :class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''" class="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 " > <div id="sectionNav" class="w-full px-0 mt-10 sb-section-navigation md:mt-0 lg:grid-cols-12 lg:px-10 lg:col-main " x-effect="$el.setAttribute('aria-expanded', $store.burgeropen || $screen('lg')); $el.setAttribute('aria-hidden', ! ($store.burgeropen || $screen('lg')))" > <div x-data="slider()" x-init="initialize($refs.scrollContainer_8702)" class="relative w-full" ax-load x-ignore > <template x-if="isScrollable && $screen('lg')"> <div> <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_8702)" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" > <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <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_8702)" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true"> <svg class="sb-icon w-3.5 h-3.5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_8702" @scroll="updateIndex($event.target)" class="w-full overflow-hidden overflow-x-scroll transition-all duration-300 ease-in-out cursor-default hide-scroll-bar"> <div class="flex w-full"> <span id="sectionNavHeadline" class="hidden">Bereichsnavigation</span> <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"> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="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"> <a href="https://www.hr1.de/index.html" class="-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" aria-label="Startseite hr1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Start-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Start<span class="sr-only">hr1</span> </a> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="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"> <a href="https://www.hr1.de/titelliste/index.html" class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Titelliste-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Titelliste </a> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="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"> <a href="https://www.hr1.de/sendungen/index.html" id="button-0-1" @click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()" @resize.window="dropped=false; correctFlyoutPos()" :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'" class="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" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Sendungen-Toggle-Link geklickt"}]}' > Sendungen<div class="items-center justify-center hidden w-10 h-10 leading-4 lg:w-auto lg:border-0 lg:pl-1 lg:flex"> <div class="flex items-center justify-center" :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </a> <button @click.debounce.100ms="toggle()" id="button-0-1" class="flex items-center justify-center w-10 h-10 leading-4 border-l border-white js-load lg:hidden" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')" aria-owns="flyout-0" aria-controls="flyout-0" aria-labelledby="flyout-0-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Sendungen-Toggle-Link geklickt"}]}'> <span class="hidden">Sendungen</span> <div class="flex items-center justify-center lg:ml-2 lg:relative lg:right-0" :class="dropped ? 'transform rotate-180 ':''"> <svg class="sb-icon w-4 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </button> <div x-cloak x-data="flyoutHandler" x-ref="0" id="flyout-0" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="dropped" x-init="sectionNavFlyoutWatcher()" :class="{'hidden': shouldFlyoutBeHidden()}" class="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 hidden z-120 lg:left-auto lg:w-auto divide-y divide-gray-200 lg:rounded-b lg:px-4 lg:absolute" aria-labelledby="flyout-0-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class="w-full"> <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 "> <a href="https://www.hr1.de/sendungen/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "SubNavInRubrikNav::Sendungen::Übersicht Sendungen-Link geklickt"}]}' > Übersicht Sendungen </a> </div> </div> <div class="lg:flex lg:flex-row -columnCount--1 lg:divide-x lg:divide-gray-200 "> <ul class="md:w-1/1 lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 "><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/sendungen/reinke/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Sendungen-Link geklickt"}]}' > Reinke am Samstag </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/sendungen/dolce-vita/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Sendungen-Link geklickt"}]}' > Dolce Vita </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/sendungen/hr1-talk/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Sendungen-Link geklickt"}]}' > hr1-Talk </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="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.hr1.de/sendungen/podcasts/index.html" class="ds-link js-load link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Sendungen-Link geklickt"}]}' > Podcasts </a> </li></ul> </div> </div> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="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"> <a href="https://www.hr1.de/moderation/index.html" class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Moderation-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Moderation </a> </li> <li x-data="dropdown" @click.outside="dropped = false" @close-servicemenu.window="dropped = false" :class="dropped ? 'border-b-0 lg:bg-white lg:text-primary ' : ' hover:lg:underline'" class="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"> <a href="https://www.hr1.de/events/index.html" class=" link-focus-inset js-load flex justify-start px-5 lg:px-4 h-10 lg:justify-center items-center w-full" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Events-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Events </a> </li> </ul> </div> </div> </div> </div> </div> <div x-cloak :class="shouldServiceNavBeHidden() ? 'hidden -mt-40' : ''" x-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')" x-show="$store.searchFieldOpen" class="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" @search-close.window="$store.searchFieldOpen = false" @click.outside="$store.searchFieldOpen = false; $dispatch('search-mobile-click-outside'); dropped = false; toggleScrolling(!$store.serviceNavIsOpensearchFieldOpen && !$store.burgeropen)" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-y-90" x-transition:enter-end="opacity-100 transform scale-y-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-y-100" x-transition:leave-end="opacity-0 transform scale-y-90"> <form x-data="searchSuggest()" role="search" action="https://www.hr1.de/suche/index.nc.html" method="get" 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" > <div class="flex lg:h-10 w-full" id="search-content" @click.away="active=false; cursorIndex=-1" @keydown.arrow-down="moveDownList()" @keydown.arrow-up="moveUpList()" > <label for="searchInput--6946" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Suchen' class="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" type="text" id="searchInput--6946" autocomplete="off" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" aria-owns="suggestionlist--6946" aria-controls="suggestionlist--6946" > <div class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" x-show="query.length > 1 && active && suggestions.length" x-cloak x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <ul role="listbox" id="suggestionlist--6946" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr1.de/suche/index.nc.html?query=' + suggestion" 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 }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-search bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr1.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/"/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> </div> </header> <div class="justify-center hidden w-full scale-50 brand-logo_print print:flex"> <img loading="lazy" alt="Startseite hr1 . d e" src="https://www.hr1.de/assets_4.4.0/base/icons/rsslogo/brandlogo--rss.jpg" /> </div> <div x-ref="myOverlay"> <div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-100 lg:hidden opacity-70"></div> </div> </div> <main onclick="void(0)" role="main" id="content" class="contentBody js-main js-load z-0 contentBody__backgroundImage" data-hr-init-service-worker='{"swUrl":"https://www.hr1.de/sw.js"}'> <h1 class="sr-only">Startseite hr1</h1> <header class="page__header flex flex-col"> </header> <div class="relative grid grid-page"> <article class="col-full grid grid-page relative overflow-hidden before:content-[''] before:absolute before:h-5 before:shadow-stage before:z-10 before:-top-5 before:-left-2.5 before:-right-2.5 after:content-[''] after:absolute after:bottom-0 after:col-full after:w-full after:block after:h-5 after:bg-stagePrimary lg:after:relative"> <div class="relative col-full lg:col-main lg:px-10"> <div class="relative max-h-stage overflow-visible before:content-[''] before:block before:w-full before:pt-3/4 sm:before:pt-stage"> <div class="lg:absolute lg:h-full lg:w-full-hd lg:left-1/2 lg:top-0 lg:-ml-240"> <picture class=" w-full block"> <source media="all and (min-width: 1020px)" sizes="100vw" srcset="https://www.hr1.de/events/notp-2024-102~_t-1731417047154_v-1920to529.jpg 1920w"> <source media="all and (min-width: 650px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr1.de/events/notp-2024-102~_t-1731417047154_v-16to9.jpg 960w, https://www.hr1.de/events/notp-2024-102~_t-1731417047154_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 649px)" sizes="100vw" srcset="https://www.hr1.de/events/notp-2024-102~_t-1731417047154_v-4to3__small.jpg 320w, https://www.hr1.de/events/notp-2024-102~_t-1731417047154_v-4to3__medium.jpg 480w, https://www.hr1.de/events/notp-2024-102~_t-1731417047154_v-4to3.jpg 650w, https://www.hr1.de/events/notp-2024-102~_t-1731417047154_v-4to3__retina.jpg 1300w"> <img class="w-full w-full absolute inset-0" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Night Of The Proms: Antwerp Philharmonic Orchestra"> </picture> <noscript> <img class="w-full w-full absolute inset-0" src="https://www.hr1.de/events/notp-2024-102~_t-1731417047154_v-16to9.jpg" alt="Night Of The Proms: Antwerp Philharmonic Orchestra"> </noscript> </div> <div class="absolute left-2/4 right-auto bottom-15 lg:bottom-10 flex w-full px-5 sm:px-11.5 -translate-x-2/4 justify-start"> <div class="relative p-4 rounded-2xl bg-stageTextBox/85 w-full "> <a href="https://www.hr1.de/events/mit-hr1-als-vip-zur-night-of-the-proms-v2,vip-tix-notp-24-gewinnen-100.html" class="ds-link js-load ds-teaser-focus before:rounded-2xl " > <header> <h2 class="text-stageText"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-5xl text-stageText'>Mit hr1 als VIP zur Night Of The Proms</span> </h2> </header> </a> </div> </div> </div> </div> </article> </div> <div class="grid grid-page"> <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"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr1.de/nachrichten/index.html">Aktuelle Themen</a></h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/kleinster-weihnachtsmarkt-24-110~_t-1732518345803_v-16to9__medium.jpg" alt="Kleinster Weihnachtsmarkt Hessens"> </noscript> <img sizes="(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw" loading="auto" fetchpriority="high" srcset="https://www.hr1.de/sendungen/kleinster-weihnachtsmarkt-24-110~_t-1732518345803_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/kleinster-weihnachtsmarkt-24-110~_t-1732518345803_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/kleinster-weihnachtsmarkt-24-110~_t-1732518345803_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/kleinster-weihnachtsmarkt-24-110~_t-1732518345803_v-16to9.jpg 960w, https://www.hr1.de/sendungen/kleinster-weihnachtsmarkt-24-110~_t-1732518345803_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Kleinster Weihnachtsmarkt Hessens" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/kleinster-weihnachtsmarkt-24-104.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia' > Bildergalerie </span><span class='text-xs text-inherit font-headingSerif ml-2'> 5 Bilder</span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl md:text-5xl'>Der kleinste Weihnachtsmarkt Hessens</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Mathies Hohm stand heute morgen mit dem kleinsten Weihnachtsmarkt Hessens zwischen Dutenhofen und Heuchelheim an der berüchtigten Heuchelheimer Schranke und servierte für die Pendler alkoholfreien Punsch und Süßigkeiten. </span> </div> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">Die hr1 Kult Klubs</h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/kult-klub-party-zeppelin-106~_t-1730096965997_v-16to9__medium.jpg" alt="Kult Klub Party Zeppelin Buseck"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/kult-klub-party-zeppelin-106~_t-1730096965997_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/kult-klub-party-zeppelin-106~_t-1730096965997_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/kult-klub-party-zeppelin-106~_t-1730096965997_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/kult-klub-party-zeppelin-106~_t-1730096965997_v-16to9.jpg 960w, https://www.hr1.de/sendungen/kult-klub-party-zeppelin-106~_t-1730096965997_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Kult Klub Party Zeppelin Buseck" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/kult-klub-party-zeppelin-110.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia' > Bildergalerie </span><span class='text-xs text-inherit font-headingSerif ml-2'> 5 Bilder</span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Laser-Show und Kult-DJ sorgen für Party-Alarm in Buseck</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Samstagabend, 21 Uhr, Industriegebiet Buseck: Bei der hr1 Kult Klub Party im alten Graf Zeppelin gibt’s kein Halten mehr.</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/hr1-kult-klub-party-popcorn-huenfeld-nina-emmi-roth-100~_t-1729446732761_v-16to9__medium.jpg" alt="hr1-Kult Klub-Party im PopCorn in Hünfeld"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/hr1-kult-klub-party-popcorn-huenfeld-nina-emmi-roth-100~_t-1729446732761_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/hr1-kult-klub-party-popcorn-huenfeld-nina-emmi-roth-100~_t-1729446732761_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/hr1-kult-klub-party-popcorn-huenfeld-nina-emmi-roth-100~_t-1729446732761_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/hr1-kult-klub-party-popcorn-huenfeld-nina-emmi-roth-100~_t-1729446732761_v-16to9.jpg 960w, https://www.hr1.de/sendungen/hr1-kult-klub-party-popcorn-huenfeld-nina-emmi-roth-100~_t-1729446732761_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr1-Kult Klub-Party im PopCorn in Hünfeld" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/hr1-kult-klub-party-popcorn-huenfeld-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia' > Bildergalerie </span><span class='text-xs text-inherit font-headingSerif ml-2'> 5 Bilder</span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Legenden-Treffen bei der hr1-Kult-Klub-Party im PopCorn</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Der Gründer und zwei Ex-DJs nutzten die Gelegenheit und trafen das PopCorn, ihren alten Kult-Klub, wieder. Es war für sie und alle Gäste eine Reise in die Erinnerung.</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/kult-klub-party-city-klub-kelkheim-114~_t-1728884268347_v-16to9__medium.jpg" alt="hr1 Kult Klub Party City Club Kelkheim"> </noscript> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/kult-klub-party-city-klub-kelkheim-114~_t-1728884268347_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/kult-klub-party-city-klub-kelkheim-114~_t-1728884268347_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/kult-klub-party-city-klub-kelkheim-114~_t-1728884268347_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/kult-klub-party-city-klub-kelkheim-114~_t-1728884268347_v-16to9.jpg 960w, https://www.hr1.de/sendungen/kult-klub-party-city-klub-kelkheim-114~_t-1728884268347_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr1 Kult Klub Party City Club Kelkheim" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/kult-klub-party-city-klub-kelkheim-118.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia' > Bildergalerie </span><span class='text-xs text-inherit font-headingSerif ml-2'> 8 Bilder</span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Giltzer und Glamour - die hr1-Kult-Klub-Party in Kelkheim</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Im Kelkheimer City Club ging am 12. Oktober die Post ab. hr1 ließ in dem Kult Klub das Disco-Feeling der 70er und 80er wieder aufleben. </span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/kult-klub-party-utopia-114~_t-1728281031975_v-16to9__medium.jpg" alt="hr1 Kult-Klub-Party Utopia"> </noscript> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/kult-klub-party-utopia-114~_t-1728281031975_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/kult-klub-party-utopia-114~_t-1728281031975_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/kult-klub-party-utopia-114~_t-1728281031975_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/kult-klub-party-utopia-114~_t-1728281031975_v-16to9.jpg 960w, https://www.hr1.de/sendungen/kult-klub-party-utopia-114~_t-1728281031975_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr1 Kult-Klub-Party Utopia" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/kult-klub-party-utopia-120.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia' > Bildergalerie </span><span class='text-xs text-inherit font-headingSerif ml-2'> 8 Bilder</span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Die hr1 Kult-Klub-Party im Utopia in Frankenberg</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Im Kult Klub Utopia tanzten die Gäste bei der hr1-Party zu den besten Disco-Hits der 70er und 80er und ließen das Gefühl von damals wieder aufleben.</span> </div> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/hr1-kult-klubs-scheuer-idstein-nina-emmi-roth-106~_t-1727605283865_v-16to9__medium.jpg" alt="Party in der Scheuer in Idstein"> </noscript> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/hr1-kult-klubs-scheuer-idstein-nina-emmi-roth-106~_t-1727605283865_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/hr1-kult-klubs-scheuer-idstein-nina-emmi-roth-106~_t-1727605283865_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/hr1-kult-klubs-scheuer-idstein-nina-emmi-roth-106~_t-1727605283865_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/hr1-kult-klubs-scheuer-idstein-nina-emmi-roth-106~_t-1727605283865_v-16to9.jpg 960w, https://www.hr1.de/sendungen/hr1-kult-klubs-scheuer-idstein-nina-emmi-roth-106~_t-1727605283865_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Party in der Scheuer in Idstein" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/galerie-hr1-kult-klubs-scheuer-idstein-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia' > Bildergalerie </span><span class='text-xs text-inherit font-headingSerif ml-2'> 6 Bilder</span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>hr1 Kult Klubs: So war die Party in der Scheuer in Idstein</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Für einen Abend kehrte das Gefühl von früher in die Scheuer in Idstein zurück. Es war die erste Party der von hr1 für einen Tag wiederbelebten Kult Klubs in Hessen.</span> </div> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">hr1 am Wochenende</h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/dolce-vita/venedig-108~_t-1732523104721_v-16to9__medium.jpg" alt="Venedig"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/dolce-vita/venedig-108~_t-1732523104721_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/dolce-vita/venedig-108~_t-1732523104721_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/dolce-vita/venedig-108~_t-1732523104721_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/dolce-vita/venedig-108~_t-1732523104721_v-16to9.jpg 960w, https://www.hr1.de/sendungen/dolce-vita/venedig-108~_t-1732523104721_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Venedig" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/dolce-vita/hr1-dolce-vita-zu-gast-in-venedig,dolce-vita-968.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelProgram' > Sendung </span> <span class='text-xs text-inherit font-headingSerif ml-2'> <time datetime='2024-11-30T12:00+0100'> Sa. 30.11.24, 12:00 Uhr </time> </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>hr1-Dolce Vita: Zu Gast in Venedig</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Venedig – damit verbinden wohl viele Kanäle, Donna Leon und Gondoliere. Aber auch Massentourismus und Karneval. In Dolce Vita zeigen wir Orte jenseits der ausgetretenen Touristenpfade und schauen mit Christine Gräfin Pahlen in die Kochtöpfe der Stadt. </span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Moderation: Jürgen Rasper</span> <span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-6 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/hr1-talk/florian-hager-kuchenny-100~_t-1732282406467_v-16to9__medium.jpg" alt="Florian Hager und Marion Kuchenny"> </noscript> <img sizes="(min-width: 1024px) 458px, (min-width: 768px) 42.86vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/hr1-talk/florian-hager-kuchenny-100~_t-1732282406467_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/hr1-talk/florian-hager-kuchenny-100~_t-1732282406467_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/hr1-talk/florian-hager-kuchenny-100~_t-1732282406467_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/hr1-talk/florian-hager-kuchenny-100~_t-1732282406467_v-16to9.jpg 960w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Florian Hager und Marion Kuchenny" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/hr1-talk/der-hr1-talk-mit-florian-hager,talk-1058.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelProgram' > Sendung </span> <span class='text-xs text-inherit font-headingSerif ml-2'> <time datetime='2024-12-01T10:00+0100'> So. 01.12.24, 10:00 Uhr </time> </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Der hr1-Talk mit Florian Hager</span> <span class='block text-subline font-normal font-heading text-base sm:text-lg mt-1 sm:mt-1.5 leading-6' >"Mein Antrieb ist der öffentlich-rechtliche Auftrag"</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Florian Hager ist seit dem 1. März 2022 der Intendant des Hessischen Rundfunks. "Head of everything" wie er es halb-scherzhaft nennt. Ab 2025 wird er für zwei Jahre zusätzlich der Vorsitzende der ARD sein. Welche Herausforderungen er für die Zukunft sieht und was den hr so wertvoll für Hessen macht - das und mehr erzählt er im hr1-Talk. </span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <span>Moderation: Marion Kuchenny</span> <span class="mx-1 last-of-type:hidden">|</span> </p> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr1.de/events/index.html">hr1-Events</a></h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/events/bryan-adams-112~_t-1731918743937_v-16to9__medium.jpg" alt="Bryan Adams beim Konzert 2024 in der Frankfurter Festhalle."> </noscript> <img sizes="(min-width: 48rem) 300px,(min-width: 40rem) calc(100vw - 4rem), 100vw" loading="lazy" data-srcset="https://www.hr1.de/events/bryan-adams-112~_t-1731918743937_v-16to9__small.jpg 320w, https://www.hr1.de/events/bryan-adams-112~_t-1731918743937_v-16to9__medium.jpg 480w, https://www.hr1.de/events/bryan-adams-112~_t-1731918743937_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/bryan-adams-112~_t-1731918743937_v-16to9.jpg 960w, https://www.hr1.de/events/bryan-adams-112~_t-1731918743937_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Bryan Adams beim Konzert 2024 in der Frankfurter Festhalle." class="w-full"> <div class="absolute bg-gradient-to-t from-white bg-neutral-200 opacity-80 flex justify-center top-0 h-full"> <div class="flex flex-col items-center justify-center p-4"> <span class='text-sm font-headingSerif'>Mi.</span> <span class='text-2xl font-headingSerif font-bold'>2</span> <span class='text-sm font-headingSerif'>Jul</span> </div> </div> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/events/bryan-adams-in-fulda-auf-dem-domplatz,bryan-adams-fulda-2025-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelEvent' > Konzert </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 02.07.25, 20:00 Uhr </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Bryan Adams in Fulda auf dem Domplatz</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Im Sommer 2025 präsentiert sich der Rocksänger mit allen Hits seiner über vier Jahrzehnte währenden Karriere live auf dem Domplatz in Fulda.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> </p> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/events/nicolai-friedrich-magie-ganz-nah-106~_t-1667377326420_v-16to9__medium.jpg" alt="Nicolai Friedrich: "Magie ganz nah – mit Stil, Charme und Methode""> </noscript> <img sizes="(min-width: 48rem) 300px,(min-width: 40rem) calc(100vw - 4rem), 100vw" loading="lazy" data-srcset="https://www.hr1.de/events/nicolai-friedrich-magie-ganz-nah-106~_t-1667377326420_v-16to9__small.jpg 320w, https://www.hr1.de/events/nicolai-friedrich-magie-ganz-nah-106~_t-1667377326420_v-16to9__medium.jpg 480w, https://www.hr1.de/events/nicolai-friedrich-magie-ganz-nah-106~_t-1667377326420_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/nicolai-friedrich-magie-ganz-nah-106~_t-1667377326420_v-16to9.jpg 960w, https://www.hr1.de/events/nicolai-friedrich-magie-ganz-nah-106~_t-1667377326420_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Nicolai Friedrich: "Magie ganz nah – mit Stil, Charme und Methode"" class="w-full"> <div class="absolute bg-gradient-to-t from-white bg-neutral-200 opacity-80 flex justify-center top-0 h-full"> <div class="flex flex-col items-center justify-center p-4"> <span class='text-2xl font-headingSerif font-bold'>27</span> <span class='text-sm font-headingSerif'>Dez</span> <span class='text-sm font-headingSerif'>|</span> <span class='text-2xl font-headingSerif font-bold'>26</span> <span class='text-sm font-headingSerif'>Jan</span> </div> </div> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/events/nicolai-friedrich-magie-ganz-nah---mit-stil-charme-und-methode,nicolai-friedrich-magie-ganz-nah-104.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelEvent' > Kleinkunst </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 27.12.24, 19:00 Uhr </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Nicolai Friedrich: "Magie ganz nah - mit Stil, Charme und Methode"</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Der Mentalmagier aus Hessen verzaubert Sie nach den Weihnachtsfeiertagen 2024 mit seiner Show "Magie ganz nah - mit Stil, Charme und Methode".</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> </p> </div> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/events/alison-moyet-110~_t-1720691696358_v-16to9__medium.jpg" alt="Alison Moyet"> </noscript> <img sizes="(min-width: 48rem) 300px,(min-width: 40rem) calc(100vw - 4rem), 100vw" loading="lazy" data-srcset="https://www.hr1.de/events/alison-moyet-110~_t-1720691696358_v-16to9__small.jpg 320w, https://www.hr1.de/events/alison-moyet-110~_t-1720691696358_v-16to9__medium.jpg 480w, https://www.hr1.de/events/alison-moyet-110~_t-1720691696358_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/alison-moyet-110~_t-1720691696358_v-16to9.jpg 960w, https://www.hr1.de/events/alison-moyet-110~_t-1720691696358_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Alison Moyet" class="w-full"> <div class="absolute bg-gradient-to-t from-white bg-neutral-200 opacity-80 flex justify-center top-0 h-full"> <div class="flex flex-col items-center justify-center p-4"> <span class='text-sm font-headingSerif'>So.</span> <span class='text-2xl font-headingSerif font-bold'>13</span> <span class='text-sm font-headingSerif'>Apr</span> </div> </div> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/events/alison-moyet-praesentiert-neues-album,alison-moyet-112.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelEvent' > Konzert </span> <span class='text-xs text-inherit font-headingSerif ml-2'> 13.04.25, 20:00 Uhr </span> </div> <h3 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Alison Moyet präsentiert neues Album</span> </h3> </a> </header> <div class="sm:px-0 px-5"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Alison Moyet feiert 40 Jahre als Solokünstlerin mit neuem Album KEY und Welttournee.</span> </div> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> </p> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr1.de/sendungen/dolce-vita/index.html">Rezepte</a></h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/dolce-vita/aachenerprinten_rezept-100~_t-1732095357499_v-16to9__medium.jpg" alt="Aachener Printen"> </noscript> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/dolce-vita/aachenerprinten_rezept-100~_t-1732095357499_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/dolce-vita/aachenerprinten_rezept-100~_t-1732095357499_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/dolce-vita/aachenerprinten_rezept-100~_t-1732095357499_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/dolce-vita/aachenerprinten_rezept-100~_t-1732095357499_v-16to9.jpg 960w, https://www.hr1.de/sendungen/dolce-vita/aachenerprinten_rezept-100~_t-1732095357499_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Aachener Printen" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/dolce-vita/rezept-fuer-kraeuterprinten-v1,kraeuterprinten-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Weihnachtsgebäck</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Kräuterprinten</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/dolce-vita/schaumgebaeck-100~_t-1732095241177_v-16to9__medium.jpg" alt="Weihnachtliches Schaumgebäck"> </noscript> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/dolce-vita/schaumgebaeck-100~_t-1732095241177_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/dolce-vita/schaumgebaeck-100~_t-1732095241177_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/dolce-vita/schaumgebaeck-100~_t-1732095241177_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/dolce-vita/schaumgebaeck-100~_t-1732095241177_v-16to9.jpg 960w, https://www.hr1.de/sendungen/dolce-vita/schaumgebaeck-100~_t-1732095241177_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Weihnachtliches Schaumgebäck" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/dolce-vita/rezept-fuer-zimt-schaeumchen-v1,zimt-schaeumchen100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Weihnachtsgebäck</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Zimt-Schäumchen</span> </h3> </a> </header> </div></article> <article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-4 flex-col" x-data="{ avStart: false }" > <figure class="relative ar-16-9 w-full" > <div class="relative ar-16-9"> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/dolce-vita/platzchenteller_derangeber-100~_t-1732095492916_v-16to9__medium.jpg" alt="Plätzchenteller "Angeber" von der Patisserie-Künstlerin Elena Cremer"> </noscript> <img sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(100vw - 80px), 100vw" loading="lazy" data-srcset="https://www.hr1.de/sendungen/dolce-vita/platzchenteller_derangeber-100~_t-1732095492916_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/dolce-vita/platzchenteller_derangeber-100~_t-1732095492916_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/dolce-vita/platzchenteller_derangeber-100~_t-1732095492916_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/dolce-vita/platzchenteller_derangeber-100~_t-1732095492916_v-16to9.jpg 960w, https://www.hr1.de/sendungen/dolce-vita/platzchenteller_derangeber-100~_t-1732095492916_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Plätzchenteller "Angeber" von der Patisserie-Künstlerin Elena Cremer" class="w-full"> </div> </figure> <div class=""> <header class="px-5 sm:px-0"> <a href="https://www.hr1.de/sendungen/dolce-vita/rezept-fuer-schoko-gewuerzplaetzchen-mit-gluehweingelee-v1,schoko-gewuerzplaetzchen-100.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Weihnachtsgebäck</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Schoko-Gewürzplätzchen mit Glühweingelee</span> </h3> </a> </header> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr1.de/nachrichten/index.html">Nachrichten</a></h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="ui-test-teaser-cluster mx-5 sm:mx-0 col-span-12 grid bg-highlight-1 rounded-tl-hr rounded-br-hr md:col-span-6 "> <div class=""> <h2 class="flex items-center px-5 py-5 text-clusterTeaserHeadline"> <span> <svg class="sb-icon fill-blue-congress-hex w-10 md:w-12 h-10 md:h-12 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/cluster-teaser/svgmap.min.svg#hessenschau_de"></use> </svg> </span> <span class="overflow-anywhere hyphens-auto text-2xl border-clusterTeaserHeadline font-titleCluster pl-3 ml-3 border-l-2 border-solid ">hessenschau.de</span> </h2> <div class="flex flex-col"> <div class="pb-3 relative"> <div class="ar-16-9"> <noscript> <img class="w-full" src="https://www.hessenschau.de/politik/karl-lauterbach-102~_t-1724999334080_v-16to9__medium.jpg" alt="Bundesgesundheitsminister Karl Lauterbach schaut skeptisch "> </noscript> <img sizes="(min-width:48rem) 460px,(min-width: 40rem) calc(100vw - 4rem), calc(100vw - 2.5rem)" loading="lazy" data-srcset="https://www.hessenschau.de/politik/karl-lauterbach-102~_t-1724999334080_v-16to9__small.jpg 320w, https://www.hessenschau.de/politik/karl-lauterbach-102~_t-1724999334080_v-16to9__medium.jpg 480w, https://www.hessenschau.de/politik/karl-lauterbach-102~_t-1724999334080_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/politik/karl-lauterbach-102~_t-1724999334080_v-16to9.jpg 960w, https://www.hessenschau.de/politik/karl-lauterbach-102~_t-1724999334080_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Bundesgesundheitsminister Karl Lauterbach schaut skeptisch " class="w-full"></div> <div class="mx-5 mt-3"> <a href="https://www.hessenschau.de/panorama/reichsbuerger-muss-wegen-geplanter-lauterbach-entfuehrung-in-haft-v3,terrorprozess-urteil-100.html" class="ds-link js-load block group ds-teaser-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::terrorprozess-urteil-100 geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Reichsbürger muss wegen geplanter Lauterbach-Entführung in Haft</span> </h3> </a> </div> </div> <ul class="ui-test-teaser-cluster__list mx-5 divide-y divide-white divide-solid border-t border-white"> <li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hessenschau.de/gesellschaft/tag-gegen-gewalt-an-frauen-kundgebungen-aktionen-und-gebaeude-in-orange-v1,orange-day-hessen-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::orange-day-hessen-100 geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Tag gegen Gewalt an Frauen: Kundgebungen, Aktionen und Gebäude in Orange</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.hessenschau.de/sport/eishockey/blutende-nase-statt-shakehands-eklat-nach-sieg-der-kassel-huskies-v1,kassel-huskies-eklat-nach-spielende100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link::kassel-huskies-eklat-nach-spielende100 geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Blutende Nase statt Shakehands: Eklat nach Sieg der Kassel Huskies</span> </h3> </a> </li></ul></div> </div></article> <article class="ui-test-teaser-cluster mx-5 sm:mx-0 col-span-12 grid bg-highlight-1 rounded-tl-hr rounded-br-hr md:col-span-6 "> <div class=""> <h2 class="flex items-center px-5 py-5 text-clusterTeaserHeadline"> <span> <svg class="sb-icon fill-blue-midnight w-40 lg:w-52 h-8 md:h-12 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/cluster-teaser/svgmap.min.svg#tagesschau_de"></use> </svg> </span> <span class="overflow-anywhere hyphens-auto text-2xl border-clusterTeaserHeadline font-titleCluster pl-3 ml-3 border-l-2 border-solid sr-only">Tagesschau</span> </h2> <div class="flex flex-col"> <div class="pb-3 relative"> <div class="ar-16-9"> <noscript> <img class="w-full" src="https://images.tagesschau.de/image/cc38dfc4-e805-41d7-90a1-5ceb9b8d3b22/AAABk0MuOn0/AAABkZLk4K0/16x9-768/thyssenkrupp-216.jpg" alt="Ein Stahlarbeiter im Schutzanzug entnimmt eine Roheisenprobe im Stahlwerk von Thyssenkrupp."> </noscript> <img sizes="(min-width:48rem) 460px,(min-width: 40rem) calc(100vw - 4rem), calc(100vw - 2.5rem)" loading="lazy" data-srcset="https://images.tagesschau.de/image/cc38dfc4-e805-41d7-90a1-5ceb9b8d3b22/AAABk0MuOn0/AAABkZLjwNU/16x9-384/thyssenkrupp-216.jpg 384w, https://images.tagesschau.de/image/cc38dfc4-e805-41d7-90a1-5ceb9b8d3b22/AAABk0MuOn0/AAABkZLk4K0/16x9-768/thyssenkrupp-216.jpg 768w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Ein Stahlarbeiter im Schutzanzug entnimmt eine Roheisenprobe im Stahlwerk von Thyssenkrupp." class="w-full"></div> <div class="mx-5 mt-3"> <a href="https://www.tagesschau.de/wirtschaft/unternehmen/thyssenkrupp-stellenabbau-stahlsparte-zukunftskonzept-100.html" class="ds-link js-load block group ds-teaser-focus " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Thyssenkrupp-Stahlsparte will 5.000 Stellen streichen</span> </h3> </a> </div> </div> <ul class="ui-test-teaser-cluster__list mx-5 divide-y divide-white divide-solid border-t border-white"> <li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.tagesschau.de/inland/innenpolitik/spd-nordrhein-westfalen-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Wie startet die SPD-Basis in den Wahlkampf?</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.tagesschau.de/inland/innenpolitik/kukies-haushalt-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Finanzminister Kukies blickt optimistisch auf Haushalt</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.tagesschau.de/inland/innenpolitik/wahlhelfer-bundestagswahl-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>Kommunen müssen bis zur Neuwahl 675.000 Wahlhelfer suchen</span> </h3> </a> </li><li class="ui-test-teaser-cluster__item py-3 last-of-type:pb-3"> <a href="https://www.tagesschau.de/ausland/europa/dhl-absturz-litauen-100.html" class="ds-link js-load block group " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-sm group-hover:underline text-clusterTeaserLink'>DHL-Frachtflugzeug stürzt beim Anflug auf litauische Hauptstadt ab</span> </h3> </a> </li></ul></div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr1.de/sendungen/podcasts/index.html">Podcasts</a></h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <div class="flex gap-y-6 relative gap-x-4 flex-col mx-5 sm:mx-0 bg-highlight-1 rounded-tl-hr rounded-br-hr col-span-12" > <div class="flex w-full py-5 border-b border-white"> <div class="flex flex-col grow"> <div class="flex flex-row px-5 md:pl-5 "> <div class="flex flex-col pr-5 grow"> <div class="flex max-h-6"> <span class='sb-label mr-2 rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia'> Podcast </span> </div> <div class="flex pb-5 pr-2 md:pr-5"> <h3 class="overflow-anywhere hyphens-auto text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark font-title"> <span class="mt-0.5 line-clamp-4 text-base md:text-2xl lg:line-clamp-2">Unsere aktuellen Podcasts</span> </h3> </div> </div> <div class="flex flex-col pb-5"> <div class="w-22 md:w-32 lg:w-42 "> </div> </div> </div> </div> </div> <div class="flex flex-col col-span-12 gap-5 px-5 " x-data="podcastPlayer()" x-init="listenToGlobalStop()" ax-load x-ignore> <div class="flex pb-5 border-white border-b"> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton320" class="flex"> <button id="button320" x-on:keydown.space.prevent.stop="playAndStop(320);/* $dispatch('stopotherplayers',{playerId: 320}) */" x-on:click.stop="playAndStop(320);/* $dispatch('stopotherplayers',{playerId: 320}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Der hr1-Talk</span> <span class="mx-1">|</span> <time datetime="2024-11-24T11:05+0100">24.11.24</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr1_talk/hr1_talk_20241124_102640114.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": ""Luxus Marken zeugen weder von Geschmack noch Stil" | Albrecht Ollendiek, Modedesigner", "secondLevelId": 17 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 17 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hr1.de/sendungen/podcasts/talk/luxus-marken-zeugen-weder-von-geschmack-noch-stil--albrecht-ollendiek-modedesigner,podcast-episode-136486.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >"Luxus Marken zeugen weder von Geschmack noch Stil" | Albrecht Ollendiek, Modedesigner</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-9"> <input x-ref="range" id="range320" x-on:input="rangeInput(320)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:29:20', '320' ); " class="flex w-full"> <div id="timedisplay320" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime320" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy320">00:29:20</span> </div> </div> </div> </div> <audio class="hidden" data-id="320" x-init="registerPlayer('00:29:20','320')" @stopotherplayers.window="stopAllOtherPlayers(320)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_\"Luxus Marken zeugen weder von Geschmack noch Stil\" | Albrecht Ollendiek, Modedesigner_24.11.2024 11:05","livestream":"no","type":"content","airdate":"24.11.2024 11:05","length":"1760","program":"hr-fernsehen","assetid":"hr1_talk_102640114","nol_c2":"p2,N","nol_c5":"p5,hr1","nol_c7":"p7,/mp3/podcast/hr1_talk/hr1_talk_20241124_102640114.mp3","nol_c8":"p8,1760","nol_c9":"p9,Hessischer Rundfunk_\"Luxus Marken zeugen weder von Geschmack noch Stil\" | Albrecht Ollendiek, Modedesigner_24.11.2024 11:05","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","uurl":"/mp3/podcast/hr1_talk/hr1_talk_20241124_102640114.mp3","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-136486","av_content":"\"Luxus Marken zeugen weder von Geschmack noch Stil\" | Albrecht Ollendiek, Modedesigner","av_content_type":"Audio","av_content_duration":1760000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hr1","av_content_theme2":"podcasts","av_content_theme3":"talk","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"17"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr1_talk/hr1_talk_20241124_102640114.mp3 type='audio/mp3'/> </audio> </div> </div> <div class="flex pb-5 border-white border-b"> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton8513" class="flex"> <button id="button8513" x-on:keydown.space.prevent.stop="playAndStop(8513);/* $dispatch('stopotherplayers',{playerId: 8513}) */" x-on:click.stop="playAndStop(8513);/* $dispatch('stopotherplayers',{playerId: 8513}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>hr1 Sonntagsgedanken</span> <span class="mx-1">|</span> <time datetime="2024-11-24T06:40+0100">24.11.24</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr1_sonntagsgedanken/hr1_sonntagsgedanken_20241124_102618654.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Vom Tod mitten im Leben", "secondLevelId": 17 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 17 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hr1.de/sendungen/podcasts/sonntagsgedanken/vom-tod-mitten-im-leben,podcast-episode-136484.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Vom Tod mitten im Leben</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-0"> <input x-cloak x-ref="range" id="range8513" x-on:input="rangeInput(8513)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:10:56', '8513' ); " class="flex w-full"> <div id="timedisplay8513" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime8513" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy8513">00:10:56</span> </div> </div> </div> </div> <audio class="hidden" data-id="8513" x-init="registerPlayer('00:10:56','8513')" @stopotherplayers.window="stopAllOtherPlayers(8513)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Vom Tod mitten im Leben_24.11.2024 06:40","livestream":"no","type":"content","airdate":"24.11.2024 06:40","length":"656","program":"hr-fernsehen","assetid":"hr1_sonntagsgedanken_102618654","nol_c2":"p2,N","nol_c5":"p5,hr1","nol_c7":"p7,/mp3/podcast/hr1_sonntagsgedanken/hr1_sonntagsgedanken_20241124_102618654.mp3","nol_c8":"p8,656","nol_c9":"p9,Hessischer Rundfunk_Vom Tod mitten im Leben_24.11.2024 06:40","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","uurl":"/mp3/podcast/hr1_sonntagsgedanken/hr1_sonntagsgedanken_20241124_102618654.mp3","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-136484","av_content":"Vom Tod mitten im Leben","av_content_type":"Audio","av_content_duration":656000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hr1","av_content_theme2":"podcasts","av_content_theme3":"sonntagsgedanken","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"17"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr1_sonntagsgedanken/hr1_sonntagsgedanken_20241124_102618654.mp3 type='audio/mp3'/> </audio> </div> </div> <div class="flex pb-5 "> <div class="flex flex-wrap w-full js-load"> <div class="flex items-start w-full flex-nowrap"> <div id="playbutton1613" class="flex"> <button id="button1613" x-on:keydown.space.prevent.stop="playAndStop(1613);/* $dispatch('stopotherplayers',{playerId: 1613}) */" x-on:click.stop="playAndStop(1613);/* $dispatch('stopotherplayers',{playerId: 1613}) */" type="button" class="flex justify-start cursor-pointer group ds-button-round mr-4" aria-label="Podcast starten" > <div class="text-white rounded-full js-playbutton bg-podcast dark:bg-podcast-dark ring-white dark:ring-podcast dark:text-podcast-text ring js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:play"}]}'> <svg class="sb-icon inline w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#play-wide"></use> </svg> </div> <div class="hidden bg-white rounded-full dark:bg-podcast-dark js-pausebutton ring-podcast ring text-podcast-text js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastPlayer:pause"}]}'> <svg class="sb-icon inline py-2 w-12 h-12 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#pause"></use> </svg> </div> </button> </div> <div class="flex flex-wrap items-start w-full -mt-0.5"> <div class="flex w-full"> <div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark"> <span>Also ich fand's ja gut</span> <span class="mx-1">|</span> <time datetime="2024-11-22T09:18+0100">22.11.24</time> </div> <a href="https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr1_rainerdachselt/hr1_rainerdachselt_20241122_102631431.mp3" class="h-6 ds-link rounded-lg -mb-2 ml-2 js-load" data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "Beleidigte Woche | Satirischer Wochenrückblick vom 22.11.2024", "secondLevelId": 17 }, {"type": "uxAction", "clickLabel": "medienDownload::podcast::", "secondLevelId": 17 }]}' aria-label="Podcast herunterladen" download> <svg class="sb-icon h-6 w-6 text-podcast-text fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#download-neu"></use> </svg> </a> </div> <div class="flex w-fit max-w-3/4 "> <a href="https://www.hr1.de/sendungen/podcasts/hr1-comedians/dachselt/beleidigte-woche--satirischer-wochenrueckblick-vom-22112024,podcast-episode-136460.html" class="ds-link js-load w-full ds-link font-heading text-base text-podcast-text line-clamp-4 " > <span class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark' >Beleidigte Woche | Satirischer Wochenrückblick vom 22.11.2024</span> </a> </div> <div class="flex w-full transition-all overflow-hidden max-h-0"> <input x-cloak x-ref="range" id="range1613" x-on:input="rangeInput(1613)" type="range" min="0" max="1000" value="0" class="h-1 my-4 bg-white appearance-none cursor-pointer dark:bg-podcast-text ds-link grow seek_slider" aria-label="Schieberegler" > </div> <div x-init="setTime( '00:02:19', '1613' ); " class="flex w-full"> <div id="timedisplay1613" class="flex text-sm grow font-heading"> <span class="font-bold text-podcast-text dark:text-podcast-text-dark js-currentTime" id="currentTime1613" >0:00</span> <span class="text-podcast-text dark:text-podcast-text-dark px-0.5"> / </span> <span class="text-podcast-text dark:text-podcast-text-dark js-audioDuration" id="audioDurationFancy1613">00:02:19</span> </div> </div> </div> </div> <audio class="hidden" data-id="1613" x-init="registerPlayer('00:02:19','1613')" @stopotherplayers.window="stopAllOtherPlayers(1613)" data-prop-media-metadata='{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Beleidigte Woche | Satirischer Wochenrückblick vom 22.11.2024_22.11.2024 09:18","livestream":"no","type":"content","airdate":"22.11.2024 09:18","length":"139","program":"hr-fernsehen","assetid":"hr1_rainerdachselt_102631431","nol_c2":"p2,N","nol_c5":"p5,hr1","nol_c7":"p7,/mp3/podcast/hr1_rainerdachselt/hr1_rainerdachselt_20241122_102631431.mp3","nol_c8":"p8,139","nol_c9":"p9,Hessischer Rundfunk_Beleidigte Woche | Satirischer Wochenrückblick vom 22.11.2024_22.11.2024 09:18","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c18":"p18,N","uurl":"/mp3/podcast/hr1_rainerdachselt/hr1_rainerdachselt_20241122_102631431.mp3","nol_c20":"p20,GFKLinkID"},"piano":{"av_content_id":"podcast-episode-136460","av_content":"Beleidigte Woche | Satirischer Wochenrückblick vom 22.11.2024","av_content_type":"Audio","av_content_duration":139000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hr1","av_content_theme2":"podcasts","av_content_theme3":"hr1-comedians","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"17"}}'> <source src=https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr1_rainerdachselt/hr1_rainerdachselt_20241122_102631431.mp3 type='audio/mp3'/> </audio> </div> </div> </div></div> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier">Ihr Draht zu uns</h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <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" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/3-gap-6" :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <picture class=""> <source media="all and (max-width: 47.938em)" sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-1to1__xsmall.png 260w, https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-1to1__small.png 380w, https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-1to1__medium.png 480w, https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-1to1.png 720w, https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-1to1__large.png 960w"> <source media="all and (min-width: 48em) " sizes="(min-width: 1024px) 297px, (min-width: 768px) 28.57vw, (min-width: 640px) calc(40vw - 38px), calc(40vw - 22px)" srcset="https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-16to9__small.png 320w, https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-16to9__medium.png 480w, https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-16to9__medium__extended.png 640w, https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-16to9.png 960w, https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-16to9__retina.png 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Ein Briefumschlag"> </picture> <noscript> <img class="w-full" src="https://www.hr1.de/service/newsletter_shutterstock-100~_t-1503405782491_v-16to9__medium.png" alt="Ein Briefumschlag"> </noscript> </div> </figure> <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}"> <header> <a href="https://www.hr1.de/service/der-hr1-newsletter,newsletter-114.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h3 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Jede Woche neu</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg md:text-4xl'>Abonnieren Sie den hr1-Newsletter</span> </h3> </a> </header> <div class="sm:px-0"> <div class="mt-2 text-base font-copy"> <span class='flex hidden md:inline '>Extra Gewinnchancen, Vorab-Informationen zu Hörer-Aktionen und aktuelle Programmtipps - als Abonnent*in des hr1-Newsletters erhalten Sie wöchentlich die wichtigsten Informationen rund um hr1. Natürlich kostenlos. </span> </div> </div> </div></article> </div> </section> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 gap-x-6"> <h2 class="text-2xl md:text-5xl col-span-full py-0 font-title headline-barrier"><a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="https://www.hr1.de/events/index.html">Veranstaltungen</a></h2> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 gap-x-6" > <article class="col-span-12"> <div class="flex flex-col border-event-calendar-secondary border gap-x-4 js-load" data-hr-filterer-ds="{}"> <div class="js-load" data-hr-modal='{"trigger":".js-ticket-button-user-consent-needed-93e88502-3f2e-4228-abbd-a165b6d41577", "type":"userConsent", "dialogPolyfillBaseUrl":"https://www.hr1.de/assets_4.4.0/vendor/dialog-polyfill"}'> <dialog class='js-modal p-0 backdrop:bg-gray-scorpion/90 shadow-md sm:max-w-xl'> <form method="dialog" class="js-dialog-content p-4"> <h2> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Weiterleitung zu einem Ticketservice</span> </h2> <p class="mt-2 text-base font-copy">Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.</p> <div class="flex flex-wrap mt-4"> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button hover:bg-button-inverted hover:border-button active:bg-button-inverted active:scale-95 px-4 py-2.5 min-w-11 justify-center mr-4 mt-4 " type="submit" value="cancel" > <span class='ds-button-label text-base '>Abbrechen</span> </button> <a href="" class="ds-link js-load js-user-consent-ok js-modal-close mt-4 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 px-4 py-2.5 min-w-11 justify-center" > <span class='ds-button-label text-base '>Zum Ticketshop</span> </a> </div> </form> </dialog> </div> <h3 class="flex font-bold py-2 gap-x-4 items-center justify-center bg-event-calendar-primary"> <span class="text-white text-2xl leading-6 w-full text-center">Veranstaltungen</span> </h3> <nav class="relative border-b border-event-calendar-secondary js-load" data-hr-native-scroll-ds='{"isTeaser":"true"}'> <button class="block border-0 ml-4 absolute left-0 min-w-1 min-h-3 top-1/2 js-ns-button js-left" aria-hidden="true"> <svg class="sb-icon w-5 h-5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-left"></use> </svg> </button> <button class="block border-0 mr-4 absolute right-0 min-w-3 min-h-3 top-1/2 js-ns-button js-right" aria-hidden="true"> <svg class="sb-icon w-5 h-5 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> <div class="flex relative ml-14 mr-14 overflow-hidden box-border border-teal-600"> <div class="flex mb-0 overflow-x-auto overflow-y-hidden whitespace-nowrap scroll-smooth js-ns-scroll js-horizontal"> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mär 22</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-03-01' data-prop-filterer='{"crit":"2022-03-01","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-03.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">1</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mai 22</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item border-l border-event-calendar-secondary"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-05-09' data-prop-filterer='{"crit":"2022-05-09","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mo.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">9</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-05-17' data-prop-filterer='{"crit":"2022-05-17","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">17</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jul 22</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-07-05' data-prop-filterer='{"crit":"2022-07-05","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">5</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-07-06' data-prop-filterer='{"crit":"2022-07-06","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">6</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-07-07' data-prop-filterer='{"crit":"2022-07-07","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">7</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-07-08' data-prop-filterer='{"crit":"2022-07-08","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">8</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-07-09' data-prop-filterer='{"crit":"2022-07-09","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">9</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-07-10' data-prop-filterer='{"crit":"2022-07-10","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">10</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-07-16' data-prop-filterer='{"crit":"2022-07-16","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">16</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Nov 22</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2022-11-20' data-prop-filterer='{"crit":"2022-11-20","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2022-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">20</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Feb 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-02-03' data-prop-filterer='{"crit":"2023-02-03","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-02.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">3</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mär 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item border-l border-event-calendar-secondary"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-03-13' data-prop-filterer='{"crit":"2023-03-13","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-03.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mo.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">13</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Apr 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-04-25' data-prop-filterer='{"crit":"2023-04-25","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-04.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">25</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mai 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-05-05' data-prop-filterer='{"crit":"2023-05-05","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">5</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-05-14' data-prop-filterer='{"crit":"2023-05-14","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">14</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jun 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-06-13' data-prop-filterer='{"crit":"2023-06-13","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-06.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">13</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-06-14' data-prop-filterer='{"crit":"2023-06-14","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-06.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">14</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-06-16' data-prop-filterer='{"crit":"2023-06-16","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-06.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">16</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-06-17' data-prop-filterer='{"crit":"2023-06-17","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-06.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">17</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-06-21' data-prop-filterer='{"crit":"2023-06-21","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-06.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">21</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jul 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-07-14' data-prop-filterer='{"crit":"2023-07-14","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">14</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-07-21' data-prop-filterer='{"crit":"2023-07-21","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">21</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Aug 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-08-12' data-prop-filterer='{"crit":"2023-08-12","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">12</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-08-24' data-prop-filterer='{"crit":"2023-08-24","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">24</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-08-25' data-prop-filterer='{"crit":"2023-08-25","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">25</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-08-26' data-prop-filterer='{"crit":"2023-08-26","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">26</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-08-27' data-prop-filterer='{"crit":"2023-08-27","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Sep 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-09-15' data-prop-filterer='{"crit":"2023-09-15","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">15</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-09-16' data-prop-filterer='{"crit":"2023-09-16","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">16</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-09-17' data-prop-filterer='{"crit":"2023-09-17","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">17</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Nov 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-11-21' data-prop-filterer='{"crit":"2023-11-21","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">21</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Dez 23</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-12-02' data-prop-filterer='{"crit":"2023-12-02","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">2</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-12-20' data-prop-filterer='{"crit":"2023-12-20","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">20</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2023-12-21' data-prop-filterer='{"crit":"2023-12-21","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2023-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">21</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jan 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-01-15' data-prop-filterer='{"crit":"2024-01-15","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-01.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">30</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Feb 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-02-27' data-prop-filterer='{"crit":"2024-02-27","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-02.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Apr 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-04-12' data-prop-filterer='{"crit":"2024-04-12","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-04.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">12</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mai 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item border-l border-event-calendar-secondary"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-05-20' data-prop-filterer='{"crit":"2024-05-20","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mo.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">20</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-05-31' data-prop-filterer='{"crit":"2024-05-31","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">31</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jun 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-06-26' data-prop-filterer='{"crit":"2024-06-26","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-06.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">26</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-06-27' data-prop-filterer='{"crit":"2024-06-27","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-06.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jul 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-07-02' data-prop-filterer='{"crit":"2024-07-02","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">2</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-07-12' data-prop-filterer='{"crit":"2024-07-12","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">12</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-07-18' data-prop-filterer='{"crit":"2024-07-18","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">18</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-07-19' data-prop-filterer='{"crit":"2024-07-19","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">19</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-07-20' data-prop-filterer='{"crit":"2024-07-20","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">20</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-07-21' data-prop-filterer='{"crit":"2024-07-21","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">21</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Aug 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-08-17' data-prop-filterer='{"crit":"2024-08-17","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">17</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-08-18' data-prop-filterer='{"crit":"2024-08-18","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-08.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">18</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Sep 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-09-13' data-prop-filterer='{"crit":"2024-09-13","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">13</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-09-14' data-prop-filterer='{"crit":"2024-09-14","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">14</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-09-15' data-prop-filterer='{"crit":"2024-09-15","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">15</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-09-21' data-prop-filterer='{"crit":"2024-09-21","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">21</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-09-28' data-prop-filterer='{"crit":"2024-09-28","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-09.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">28</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Okt 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-10-05' data-prop-filterer='{"crit":"2024-10-05","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-10.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">5</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-10-12' data-prop-filterer='{"crit":"2024-10-12","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-10.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">12</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-10-16' data-prop-filterer='{"crit":"2024-10-16","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-10.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">16</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-10-17' data-prop-filterer='{"crit":"2024-10-17","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-10.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">17</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-10-18' data-prop-filterer='{"crit":"2024-10-18","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-10.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">18</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-10-19' data-prop-filterer='{"crit":"2024-10-19","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-10.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">19</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-10-26' data-prop-filterer='{"crit":"2024-10-26","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-10.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">26</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-10-27' data-prop-filterer='{"crit":"2024-10-27","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-10.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-selected"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 js-currentMonth">Nov 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-11-02' data-prop-filterer='{"crit":"2024-11-02","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">2</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-11-16' data-prop-filterer='{"crit":"2024-11-16","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">16</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white js-selected js-fr-initial" data-prop-crit='2024-11-28' data-prop-filterer='{"crit":"2024-11-28","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">28</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-11-29' data-prop-filterer='{"crit":"2024-11-29","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">29</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-11-30' data-prop-filterer='{"crit":"2024-11-30","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">30</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Dez 24</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-01' data-prop-filterer='{"crit":"2024-12-01","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">1</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-03' data-prop-filterer='{"crit":"2024-12-03","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">3</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-04' data-prop-filterer='{"crit":"2024-12-04","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">4</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-05' data-prop-filterer='{"crit":"2024-12-05","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">5</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-08' data-prop-filterer='{"crit":"2024-12-08","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">8</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item border-l border-event-calendar-secondary"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-09' data-prop-filterer='{"crit":"2024-12-09","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mo.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">9</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-10' data-prop-filterer='{"crit":"2024-12-10","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">10</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-13' data-prop-filterer='{"crit":"2024-12-13","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">13</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-14' data-prop-filterer='{"crit":"2024-12-14","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">14</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-27' data-prop-filterer='{"crit":"2024-12-27","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-28' data-prop-filterer='{"crit":"2024-12-28","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">28</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item border-l border-event-calendar-secondary"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2024-12-30' data-prop-filterer='{"crit":"2024-12-30","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2024-12.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mo.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">30</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jan 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-01-21' data-prop-filterer='{"crit":"2025-01-21","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-01.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">21</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-01-24' data-prop-filterer='{"crit":"2025-01-24","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-01.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">24</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-01-25' data-prop-filterer='{"crit":"2025-01-25","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-01.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">25</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-01-26' data-prop-filterer='{"crit":"2025-01-26","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-01.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">26</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mär 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-03-02' data-prop-filterer='{"crit":"2025-03-02","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-03.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">2</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-03-06' data-prop-filterer='{"crit":"2025-03-06","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-03.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">6</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Apr 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-04-13' data-prop-filterer='{"crit":"2025-04-13","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-04.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">13</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Mai 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-05-02' data-prop-filterer='{"crit":"2025-05-02","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">2</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-05-08' data-prop-filterer='{"crit":"2025-05-08","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">8</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-05-09' data-prop-filterer='{"crit":"2025-05-09","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Fr.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">9</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-05-15' data-prop-filterer='{"crit":"2025-05-15","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">15</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-05-18' data-prop-filterer='{"crit":"2025-05-18","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">So.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">18</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-05-24' data-prop-filterer='{"crit":"2025-05-24","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">24</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-05-27' data-prop-filterer='{"crit":"2025-05-27","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-05.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Di.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">27</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Jul 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-07-02' data-prop-filterer='{"crit":"2025-07-02","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Mi.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">2</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-07-10' data-prop-filterer='{"crit":"2025-07-10","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-07.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Do.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">10</span> </a> </li> </ul> </div> <div class="inline-block items-center justify-center border-event-calendar-secondary border-l js-ns-month js-fr-reload-trigger"> <span class="js-monthName block font-heading font-bold w-16 sticky left-0 px-2 py-3 text-gray-scorpion">Nov 25</span> <ul class="flex"> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-11-01' data-prop-filterer='{"crit":"2025-11-01","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">1</span> </a> </li> <li class="inline-block h-full group cursor-pointer js-ns-item"> <a class="js-fr-trigger js-noStateManager block h-full pt-2 pb-2.5 focus:bg-black focus:text-white focus-visible:outline-none hover:bg-black hover:text-white" data-prop-crit='2025-11-15' data-prop-filterer='{"crit":"2025-11-15","strat":["hobid"]}' href="https://www.hr1.de/events/veranstaltungen-116~_month-2025-11.html"> <span class="block font-serif italic text-center font-bold uppercase pb-2 px-3 text-sm">Sa.</span> <span class="block font-serif text-link font-bold italic text-2xl px-3 pb-0 group-hover:text-white group-focus:text-white group-focus-within:text-white">15</span> </a> </li> </ul> </div> </div> </div> </nav> <div class="js-fr-content"> <article id="2024-11-02" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target hidden" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>Sa.</span> <span class='text-4xl font-serif font-bold'>2</span> <span class='text-base font-serif'>Nov</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr1.de/events/der-hr1-dancefloor-in-bad-orb,hr1-dancefloor-bad-orb-100.html" class="ds-link js-load ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading mr-2 bg-labelEvent' > Party </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Der hr1-Dancefloor in Bad Orb</span> <span class="block text-subline font-normal font-heading text-base sm:text-xl mt-0.5" >Der hr1-Dancefloor - alle Termine</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>20:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Bad Orb <span class="font-normal">Konzerthalle Bad Orb</span> </div> </div> </div> <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4"> <button id="602" class="ds-button 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 px-4 py-2.5 min-w-11 justify-center js-ticket-button-user-consent-needed-93e88502-3f2e-4228-abbd-a165b6d41577 " type="submit" data-user-consent-link='{"url":"https://www.hr-ticketcenter.de/tickets-der-hr1-dancefloor-in-bad-orb-in-bad-orb-konzerthalle-bad-orb-am-2-11-2024/e2301447","isTargetBlank":true }' data-user-consent-tracking-data=""hr1-Ticketcenter Dancefloor Bad Orb Ticketlink-Overlay ok geklickt - Dokumenten-Id:ticketcenter-dancefloor-bad-orb-100""> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current mr-2 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </button> <noscript> <style> #602 { display:none; } </style> <a href="https://www.hr-ticketcenter.de/tickets-der-hr1-dancefloor-in-bad-orb-in-bad-orb-konzerthalle-bad-orb-am-2-11-2024/e2301447" class="ds-link js-load 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 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener noreferrer" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </a> </noscript> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-16to9__small.jpg 320w, https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-16to9__medium.jpg 480w, https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-16to9.jpg 960w, https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-4to3__small.jpg 320w, https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-4to3__medium.jpg 480w, https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-4to3.jpg 650w, https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Dancefloor Kassel am 28.9.2019"> </picture> <noscript> <img class="w-full" src="https://www.hr1.de/events/hr1_df_september-24-of-100~_t-1722859739090_v-16to9.jpg" alt="Dancefloor Kassel am 28.9.2019"> </noscript> </figure> </div> </div> </div> </article> <article id="2024-11-16" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target hidden" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>Sa.</span> <span class='text-4xl font-serif font-bold'>16</span> <span class='text-base font-serif'>Nov</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr1.de/events/der-hr1-dancefloor-in-wiesbaden,hr1-dancefloor-wiesbaden-100.html" class="ds-link js-load ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading mr-2 bg-labelEvent' > Party </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Der hr1-Dancefloor in Wiesbaden</span> <span class="block text-subline font-normal font-heading text-base sm:text-xl mt-0.5" >Der hr1-Dancefloor - alle Termine</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>20:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Wiesbaden <span class="font-normal">BadHaus.1520</span> </div> </div> </div> <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4"> <button id="1003" class="ds-button 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 px-4 py-2.5 min-w-11 justify-center js-ticket-button-user-consent-needed-93e88502-3f2e-4228-abbd-a165b6d41577 " type="submit" data-user-consent-link='{"url":"https://www.hr-ticketcenter.de/tickets-der-hr1-dancefloor-in-wiesbaden-in-wiesbaden-badhaus1520-am-16-11-2024/e2301258","isTargetBlank":true }' data-user-consent-tracking-data=""Ticketlink Dancefloor Wiesbaden Ticketlink-Overlay ok geklickt - Dokumenten-Id:ticketlink-dancefloor-wiesbaden-100""> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current mr-2 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </button> <noscript> <style> #1003 { display:none; } </style> <a href="https://www.hr-ticketcenter.de/tickets-der-hr1-dancefloor-in-wiesbaden-in-wiesbaden-badhaus1520-am-16-11-2024/e2301258" class="ds-link js-load 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 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener noreferrer" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </a> </noscript> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-16to9__small.jpg 320w, https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-16to9__medium.jpg 480w, https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-16to9.jpg 960w, https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-4to3__small.jpg 320w, https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-4to3__medium.jpg 480w, https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-4to3.jpg 650w, https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Fotos vom Dancefloor in Bad Homburg am 28.2.2020."> </picture> <noscript> <img class="w-full" src="https://www.hr1.de/events/dancefloor-homburg-262~_t-1582967532317_v-16to9.jpg" alt="Fotos vom Dancefloor in Bad Homburg am 28.2.2020."> </noscript> </figure> </div> </div> </div> </article> <article id="2024-11-16" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target border-t border-event-calendar-secondary hidden" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>Sa.</span> <span class='text-4xl font-serif font-bold'>16</span> <span class='text-base font-serif'>Nov</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr1.de/events/der-hr1-dancefloor-in-offenbach,dancefloor-offenbach-266.html" class="ds-link js-load ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading mr-2 bg-labelEvent' > Party </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Der hr1-Dancefloor in Offenbach</span> <span class="block text-subline font-normal font-heading text-base sm:text-xl mt-0.5" >Der hr1-Dancefloor - alle Termine</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>20:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Offenbach <span class="font-normal">Lounge des Stadions am Bieberer Berg</span> </div> </div> </div> <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4"> <button id="8979" class="ds-button 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 px-4 py-2.5 min-w-11 justify-center js-ticket-button-user-consent-needed-93e88502-3f2e-4228-abbd-a165b6d41577 " type="submit" data-user-consent-link='{"url":"https://www.hr-ticketcenter.de/tickets-hr/e2301262","isTargetBlank":true }' data-user-consent-tracking-data=""hr1-Ticketcenter Dancefloor Offenbach Ticketlink-Overlay ok geklickt - Dokumenten-Id:ticketcenter-dancefloor-offenbach-102""> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current mr-2 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </button> <noscript> <style> #8979 { display:none; } </style> <a href="https://www.hr-ticketcenter.de/tickets-hr/e2301262" class="ds-link js-load 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 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener noreferrer" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </a> </noscript> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-16to9__small.jpg 320w, https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-16to9__medium.jpg 480w, https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-16to9.jpg 960w, https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-4to3__small.jpg 320w, https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-4to3__medium.jpg 480w, https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-4to3.jpg 650w, https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hr1-Dancefloor am 17. März 2018 in Offenbach"> </picture> <noscript> <img class="w-full" src="https://www.hr1.de/events/dancefloor-offenbach-aufmacher-102~_t-1521348030371_v-16to9.jpg" alt="hr1-Dancefloor am 17. März 2018 in Offenbach"> </noscript> </figure> </div> </div> </div> </article> <article id="2024-11-28" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>Do.</span> <span class='text-4xl font-serif font-bold'>28</span> <span class='text-base font-serif'>Nov</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr1.de/events/bap-gehen-auf-zeitreise-tournee,bap-2024-100.html" class="ds-link js-load ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading mr-2 bg-labelEvent' > Konzert </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>BAP gehen auf Zeitreise-Tournee</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>20:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Frankfurt <span class="font-normal">myticket Jahrhunderthalle Frankfurt</span> </div> </div> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-16to9__small.jpg 320w, https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-16to9__medium.jpg 480w, https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-16to9.jpg 960w, https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-4to3__small.jpg 320w, https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-4to3__medium.jpg 480w, https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-4to3.jpg 650w, https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Wolfgang Niedecken auf dem Hessentag in Korbach"> </picture> <noscript> <img class="w-full" src="https://www.hr1.de/sendungen/hessentagbap-102~_t-1667382330481_v-16to9.jpg" alt="Wolfgang Niedecken auf dem Hessentag in Korbach"> </noscript> </figure> </div> </div> </div> </article> <article id="2024-11-28" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target border-t border-event-calendar-secondary" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>Do.</span> <span class='text-4xl font-serif font-bold'>28</span> <span class='text-base font-serif'>Nov</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr1.de/events/saga-spielen-in-hessen,saga-2024-limburg-lorsch-100.html" class="ds-link js-load ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading mr-2 bg-labelEvent' > Konzert </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Saga spielen in Hessen</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>20:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Bad Homburg <span class="font-normal">Kurtheater Bad Homburg </span> </div> </div> </div> <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4"> <button id="1100" class="ds-button 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 px-4 py-2.5 min-w-11 justify-center js-ticket-button-user-consent-needed-93e88502-3f2e-4228-abbd-a165b6d41577 " type="submit" data-user-consent-link='{"url":"https://www.hr-ticketcenter.de/tickets-saga-it-never-ends-tour-2024-in-bad-homburg-kurtheater-bad-homburg-am-28-11-2024/e2246965","isTargetBlank":true }' data-user-consent-tracking-data=""hr1-Ticketcenter Saga Bad Homburg Ticketlink-Overlay ok geklickt - Dokumenten-Id:saga-ticketcenter-bad-homburg-100""> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current mr-2 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </button> <noscript> <style> #1100 { display:none; } </style> <a href="https://www.hr-ticketcenter.de/tickets-saga-it-never-ends-tour-2024-in-bad-homburg-kurtheater-bad-homburg-am-28-11-2024/e2246965" class="ds-link js-load 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 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener noreferrer" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </a> </noscript> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr1.de/events/saga-100~_t-1708333015211_v-16to9__small.jpg 320w, https://www.hr1.de/events/saga-100~_t-1708333015211_v-16to9__medium.jpg 480w, https://www.hr1.de/events/saga-100~_t-1708333015211_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/saga-100~_t-1708333015211_v-16to9.jpg 960w, https://www.hr1.de/events/saga-100~_t-1708333015211_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr1.de/events/saga-100~_t-1708333015211_v-4to3__small.jpg 320w, https://www.hr1.de/events/saga-100~_t-1708333015211_v-4to3__medium.jpg 480w, https://www.hr1.de/events/saga-100~_t-1708333015211_v-4to3.jpg 650w, https://www.hr1.de/events/saga-100~_t-1708333015211_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Michael Sadler, Sänger der kanadischen Rockband Saga. "> </picture> <noscript> <img class="w-full" src="https://www.hr1.de/events/saga-100~_t-1708333015211_v-16to9.jpg" alt="Michael Sadler, Sänger der kanadischen Rockband Saga. "> </noscript> </figure> </div> </div> </div> </article> <article id="2024-11-29" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target hidden" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>Fr.</span> <span class='text-4xl font-serif font-bold'>29</span> <span class='text-base font-serif'>Nov</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr1.de/events/der-hr1-dancefloor-in-bad-homburg,dancefloor-bad-homburg-100.html" class="ds-link js-load ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading mr-2 bg-labelEvent' > Party </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Der hr1-Dancefloor in Bad Homburg</span> <span class="block text-subline font-normal font-heading text-base sm:text-xl mt-0.5" >Der hr1-Dancefloor - alle Termine</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>21:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Bad Homburg <span class="font-normal">Casino Lounge in der Spielbank Bad Homburg</span> </div> </div> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-16to9__small.jpg 320w, https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-16to9__medium.jpg 480w, https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-16to9.jpg 960w, https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-4to3__small.jpg 320w, https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-4to3__medium.jpg 480w, https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-4to3.jpg 650w, https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Dancefloor Bad Homburg"> </picture> <noscript> <img class="w-full" src="https://www.hr1.de/events/dancefloor-bad-homburg-1046~_t-1569220455778_v-16to9.jpg" alt="Dancefloor Bad Homburg"> </noscript> </figure> </div> </div> </div> </article> <article id="2024-11-30" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target hidden" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>Sa.</span> <span class='text-4xl font-serif font-bold'>30</span> <span class='text-base font-serif'>Nov</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr1.de/events/der-hr1-dancefloor-in-michelstadt-im-odenwald,dancefloor-michelstadt-100.html" class="ds-link js-load ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading mr-2 bg-labelEvent' > Party </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>Der hr1-Dancefloor in Michelstadt</span> <span class="block text-subline font-normal font-heading text-base sm:text-xl mt-0.5" >Der hr1-Dancefloor - alle Termine</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>20:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Michelstadt <span class="font-normal">Hüttenwerk</span> </div> </div> </div> <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4"> <button id="4578" class="ds-button 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 px-4 py-2.5 min-w-11 justify-center js-ticket-button-user-consent-needed-93e88502-3f2e-4228-abbd-a165b6d41577 " type="submit" data-user-consent-link='{"url":"https://huettenwerk.ticket.io/tded7y9f","isTargetBlank":true }' data-user-consent-tracking-data=""Tickets Dancefloor Michelstadt 11/2024 Ticketlink-Overlay ok geklickt - Dokumenten-Id:ticketlink-dancefloor-michelstadt-11-24-100""> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current mr-2 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </button> <noscript> <style> #4578 { display:none; } </style> <a href="https://huettenwerk.ticket.io/tded7y9f" class="ds-link js-load 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 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener noreferrer" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </a> </noscript> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-16to9__small.jpg 320w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-16to9__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-16to9__medium__extended.jpg 640w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-16to9.jpg 960w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-4to3__small.jpg 320w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-4to3__medium.jpg 480w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-4to3.jpg 650w, https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Eine Diskokugel, dazu die Schriftr hr1 Dancefloor"> </picture> <noscript> <img class="w-full" src="https://www.hr.de/presse/programme-und-veranstaltungen/2024/dancefloor-118~_t-1708596105278_v-16to9.jpg" alt="Eine Diskokugel, dazu die Schriftr hr1 Dancefloor"> </noscript> </figure> </div> </div> </div> </article> <article id="2024-11-30" class="col-span-12 md:flex-row gap-y-3 gap-x-4 md:px-0 js-fr-target border-t border-event-calendar-secondary hidden" x-data="{ avStart: false }"> <div class="border-none h-full"> <div class="relative"> <div class="flex flex-col items-stretch sm:flex-row"> <div class="flex basis-full w-full order-2 py-1 sm:basis-7/12 sm:w-7/12 sm:order-1"> <div class="flex flex-col basis-2/12 w-2/12 align-top items-center justify-center px-4 py-3 border-dotted border-r border-event-calendar-secondary"> <span class='text-base font-serif'>Sa.</span> <span class='text-4xl font-serif font-bold'>30</span> <span class='text-base font-serif'>Nov</span> </div> <div class="flex flex-col items-start basis-10/12 w-10/12"> <div class="absolute top-0 left-0 w-full sm:static"> <div class="ar-4-3 sm:ar-auto"> <header class="absolute bottom-0 left-0 p-4 w-full sm:pt-3 sm:pb-2 bg-white opacity-80 sm:static sm:bg-transparent"> <a href="https://www.hr1.de/events/40-jahre-alphaville---die-jubilaeumstour,alphaville-2024-konzerte-100.html" class="ds-link js-load ds-teaser-focus hover:text-toplineColor " > <div class="leading-5.5 text-byline"> <span class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading mr-2 bg-labelEvent' > Konzert </span> </div> <h3> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-2xl'>40 Jahre Alphaville - die Jubiläumstour</span> </h3> </a> </header> </div> </div> <div class="flex flex-wrap content-center w-full h-full px-2 py-1"> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#clock"></use> </svg> </div> <time class='text-base pl-4 font-sans font-bold'>20:00 Uhr</time> </div> <div class="flex grow shrink basis-6/12 align-top p-2"> <div class="min-w-3 min-h-3"> <svg class="sb-icon w-5 h-5 fill-event-calendar-secondary " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> </div> <div class='flex flex-col text-base pl-4 font-sans font-bold w-full'>Wetzlar <span class="font-normal">Buderus Arena Wetzlar </span> </div> </div> </div> <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4"> <button id="509" class="ds-button 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 px-4 py-2.5 min-w-11 justify-center js-ticket-button-user-consent-needed-93e88502-3f2e-4228-abbd-a165b6d41577 " type="submit" data-user-consent-link='{"url":"https://www.hr-ticketcenter.de/tickets-hr-praesentationen/bb48deebd-f484-4797-a02d-0a41fa7acd75","isTargetBlank":true }' data-user-consent-tracking-data=""Das hr1-Ticketcenter Ticketlink-Overlay ok geklickt - Dokumenten-Id:hr1-ticketcenter-startseite-100""> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current mr-2 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </button> <noscript> <style> #509 { display:none; } </style> <a href="https://www.hr-ticketcenter.de/tickets-hr-praesentationen/bb48deebd-f484-4797-a02d-0a41fa7acd75" class="ds-link js-load 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 px-4 py-2.5 min-w-11 justify-center" data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener noreferrer" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ticket"></use> </svg> <span class='ds-button-label text-base '>Tickets</span> </a> </noscript> </div> </div> </div> <figure class="basis-full w-full order-1 sm:basis-5/12 sm:w-5/12 sm:order-2 ar-4-3 sm:ar-16-9"> <picture class=" w-full"> <source media="all and (min-width: 890px)" sizes="(min-width: 1010px) 960px, 100vw" srcset="https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-16to9__small.jpg 320w, https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-16to9__medium.jpg 480w, https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-16to9__medium__extended.jpg 640w, https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-16to9.jpg 960w, https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-16to9__retina.jpg 1920w"> <source media="all and (max-width: 889px)" sizes="100vw" srcset="https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-4to3__small.jpg 320w, https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-4to3__medium.jpg 480w, https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-4to3.jpg 650w, https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-4to3__retina.jpg 1300w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Marian Gold, Sänger von Alphaville"> </picture> <noscript> <img class="w-full" src="https://www.hr1.de/events/alphaville-132~_t-1708336919277_v-16to9.jpg" alt="Marian Gold, Sänger von Alphaville"> </noscript> </figure> </div> </div> </div> </article> </div> <footer class='bg-event-calendar-primary text-center'> <a href="https://www.hr1.de/events/veranstaltungen-116.html" class="ds-link js-load block p-2 text-white text-sm font-serif hover:underline underline-offset-2 " > Zur Monats-Übersicht </a> </footer> </div> </article> </div> </section> </div> </div> <div class="h-8" x-data="{ isVisible: false }"> <div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }"> <div class="flex justify-between h-0 col-full sm:col-main" :class="{ 'bg-white h-8': $store.footerIsVisible }" x-show="!$store.sharingIsVisible && isVisible" x-transition:enter="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-500 transform order-first" x-transition:enter-start="opacity-0 translate-y-8" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-12" @scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )" > <button @click="window.scrollTo({top: 0, behavior: 'smooth'})" :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'" class="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 [@media(min-width:1170px)]:-mr-14" aria-label='Zum Seitenanfang springen' > <svg class="sb-icon w-5 h-5 fill-current dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </div> </div> <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> </div> </main> <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" > <div class="absolute top-feature-box-height" x-data x-intersect="$store.footerIsVisible = true" x-intersect:leave="$store.footerIsVisible = false"></div> <div class="col-full sm:col-main md:px-10"> <span class="hidden">Footer Navigation</span> <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"> <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"> <span class="flex justify-start text-lg font-bold text-footer-heading " title="hr1.de" onclick="">hr1.de </span> <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <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 "> <a href="https://www.hr1.de/index.html" class="ds-link js-load flex hover:underline " > Start<span class="sr-only">hr1</span></a> </li> <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 "> <a href="https://www.hr1.de/titelliste/index.html" class="ds-link js-load flex hover:underline " > Titelliste</a> </li> <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 "> <a href="https://www.hr1.de/sendungen/index.html" class="ds-link js-load flex hover:underline " > Sendungen</a> </li> <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 "> <a href="https://www.hr1.de/moderation/index.html" class="ds-link js-load flex hover:underline " > Moderation</a> </li> <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 "> <a href="https://www.hr1.de/events/index.html" class="ds-link js-load flex hover:underline " > Events</a> </li> </ul> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <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 "> <a href="https://www.hr1.de/nachrichten/index.html" class="ds-link js-load flex hover:underline " > Nachrichten</a> </li> <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 "> <a href="https://www.hr1.de/verkehr/index.html" class="ds-link js-load flex hover:underline " > Verkehr</a> </li> <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 "> <a href="https://www.hr1.de/wetter/index.html" class="ds-link js-load flex hover:underline " > Wetter</a> </li> </ul> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <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 "> <a href="https://www.hr1.de/sendungen/dolce-vita/index.html" class="ds-link js-load flex hover:underline " > Dolce Vita</a> </li> <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 "> <a href="https://www.hr1.de/sendungen/hr1-talk/index.html" class="ds-link js-load flex hover:underline " > Talk</a> </li> <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 "> <a href="https://www.hr1.de/sendungen/reinke/index.html" class="ds-link js-load flex hover:underline " > Reinke</a> </li> <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 "> <a href="https://www.hr1.de/events/dancefloor/index.html" class="ds-link js-load flex hover:underline " > hr1-Dancefloor</a> </li> </ul> </div> </nav></div> <div class="flex w-full md:w-1/4"><nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8"> <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"> <span class="flex justify-start text-lg font-bold text-footer-heading " title="Service" onclick="">Service </span> <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''"> <svg class="sb-icon w-3 h-2 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap"> <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full"> <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 "> <a href="https://www.hr1.de/kontakt/index.html" class="ds-link js-load flex hover:underline " > Kontakt</a> </li> <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 "> <a href="https://www.hr1.de/newsletter/index.html" class="ds-link js-load flex hover:underline " > Newsletter</a> </li> <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 "> <a href="https://www.hr1.de/sendungen/podcasts/index.html" class="ds-link js-load flex hover:underline " > Podcasts</a> </li> <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 "> <a href="https://www.hr1.de/frequenzen/index.html" class="ds-link js-load flex hover:underline " > Frequenzen</a> </li> <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 "> <a href="https://www.hr1.de/hr1-app/index.html" class="ds-link js-load flex hover:underline " > hr1-App</a> </li> <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 "> <a href="https://www.hr.de/presse/fotos-und-logos/hr1/index.html" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > Presse hr1 <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <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 "> <a href="https://www.hr.de/unternehmen/korrekturen/index.html" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > Korrekturen <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <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 "> <a href="https://www.hr-werbung.de/index.html" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > hr werbung <span class="inline-flex mt-0.5 ml-1"> <svg class="sb-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </li> <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 "> <a href="https://www.hr1.de/hilfe/index.html" class="ds-link js-load flex hover:underline " > Hilfe</a> </li> </ul> </div> </nav></div> <div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0"> <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading"> <div class="relative mx-auto "> <div class="flex px-5 pt-4 md:pt-0 md:px-0"> <form x-data="searchSuggest()" role="search" action="https://www.hr1.de/suche/index.nc.html" method="get" 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" > <div class="flex flex-col-reverse h-10 gap-y-1 w-full" id="search-content" @click.away="active=false; cursorIndex=-1" @keydown.arrow-down="moveDownList()" @keydown.arrow-up="moveUpList()" > <label for="searchInput--2456" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Suchen' 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" type="text" id="searchInput--2456" autocomplete="off" role="combobox" aria-haspopup="listbox" aria-autocomplete="list" x-effect="$el.setAttribute('aria-expanded', (query.length > 1 && active && suggestions.length > 0))" aria-owns="suggestionlist--2456" aria-controls="suggestionlist--2456" > <div class="absolute left-0 w-auto min-w-full z-100 bottom-11" x-show="query.length > 1 && active && suggestions.length" x-cloak x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <ul role="listbox" id="suggestionlist--2456" aria-label="Suche öffnen" x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))" class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl" x-ref="list" > <template x-for="(suggestion, index) in suggestions" :key="index"> <li class="first-of-type:border-none"> <a x-bind:active="false" x-bind:href="'https://www.hr1.de/suche/index.nc.html?query=' + suggestion" 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 }" > <span x-text="suggestion"></span> </a> </li> </template> </ul> </div> </div> <button aria-label='Suche starten' type="submit" class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary "> <svg class="sb-icon w-7 h-7 text-search-footer-text fill-current bg-transparent " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#suche-ds"></use> </svg> </button> </form> <script type="text/javascript"> function searchSuggest() { return { active:true, cursorIndex: -1, query: "", suggestions: [], getSuggestionsForInput() { suggestionDataUrl = 'https://www.hr1.de/suche/index~suggest.jsp' + '?suggestions=' + this.query; fetch(suggestionDataUrl) .then((res) =>{ return res.text()}) .then((data) => { data = JSON.parse(data.replace(/"/g, '"')) data.solrSuggestions = this.filterStartwith(data.solrSuggestions, this.query) this.suggestions= this.filterSortbylength(data.solrSuggestions) }); }, filterStartwith(data, query) { return data.filter(Suggestion => Suggestion.toLowerCase().startsWith(query.toLowerCase().trim())) }, filterSortbylength(data) { return data.sort((a, b) => a.length - b.length) }, moveDownList() { if (this.suggestions.length > 0 && this.cursorIndex < this.suggestions.length - 1) { this.cursorIndex++; this.query = this.suggestions[this.cursorIndex]; } }, moveUpList() { if (this.suggestions.length > 0 && this.cursorIndex > 0) { this.cursorIndex--; this.query = this.suggestions[this.cursorIndex]; } }, }; } </script> </div> </div> </div> <nav class="block pb-0 mx-auto md:mx-0" aria-labelledby="c-footer_social_media_title" > <span id="c-footer_social_media_title" class="hidden">Social Media</span> <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4"> <li class="flex pr-2 last:pr-0"> <a href="https://www.facebook.com/hr1" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hr1.de Facebook" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hr1.de/rss/index.html" class="ds-link js-load text-footer-text " title="hr1.de RSS-Feed" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#rss-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hr1.de/kontakt/index.html" class="ds-link js-load text-footer-text " title="Zum Kontaktformular" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg> </a> </li> </ul> </nav> <div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'> <button id="globalSettingsButton" 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 " type="submit" data-piano-tracking='{"label":"Footer","secondLevelId":1}' data-a11y-dialog-show="datapolicy-settings-dialog" > <svg class="sb-icon ds-button-icon w-4 h-4 fill-current w-5 h-5 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#settings"></use> </svg> <span class='ds-button-label text-base '>Einstellungen</span> </button> </div> <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"> <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> </div> <div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6"> <div class="flex w-full px-6 bg-primary z-100"> <span class="flex justify-start w-full py-4"> <span class="pr-4 -ml-1 fill-white"> <svg class="sb-icon h-7 w-7 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#settings"></use> </svg></span> <span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span> <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> <svg class="sb-icon h-6 w-6 inline " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#close"></use> </svg> </button> </span> </div> <div class="bg-[#d8e9f6] p-6 "> <span id="datapolicy-settings-title" class="block text-lg text-black font-headingSerif">Erhebung von Nutzungszahlen</span> <p class="mt-4 text-black"> 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. <a class="block mt-2 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.hr.de/datenschutz/index.html" title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz <svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </p> </div> <div class="bg-[#e3e3e3] py-2.5 px-6"> <span class="text-lg text-black font-headingSerif">Statistische Messverfahren</span> </div> <ul class=""> <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> <span class="text-base text-black">AGF <a class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" 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" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></a></span> <div class="flex w-fit"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="agf" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="agf"> <span class="sr-only">agf aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]"> <span class="text-base text-black">AT Internet <a class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.atinternet.com/de/" title="AT Internet">(https://www.atinternet.com/de/)<svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg></a></span> <div class="flex w-fit"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-tracking" type="checkbox" id="ati" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ati"> <span class="sr-only">at internet aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> </ul> <div class="bg-[#d8e9f6] p-6"> <span class="block text-lg text-black font-headingSerif ">Externe Inhalte</span> <p class="mt-4 text-base text-black"> 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. <a class="block mt-2 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer" href="https://www.hr.de/datenschutz/index.html" title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz <svg class="sb-icon h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </a> </p> </div> <div class="bg-[#e3e3e3] py-2.5 px-6"> <span class="block pb-2 text-lg text-black font-headingSerif">Externe Anbieter</span> <div class="flex justify-between"> <span class="inline-flex text-base text-black js-providerTitle">x</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox-all" type="checkbox" id="all" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="all"> <span class="sr-only">alle aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </div> </div> <ul> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">ARD Mediathek (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="ard_mediathek" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="ard_mediathek"> <span class="sr-only">ard_mediathek aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="arte_concert" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert"> <span class="sr-only">arte_concert aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Arte Concert 2.0</span> <div class="flex float-right"> <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"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="arte_concert_new"> <span class="sr-only">arte_concert_new aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Datawrapper (Datengrafik)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="datawrapper_cdn" data-whitelist="true"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="datawrapper_cdn"> <span class="sr-only">datawrapper_cdn aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Esri (Notfallkarte)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="esri" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="esri"> <span class="sr-only">esri aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Facebook</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="facebook-post" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="facebook-post"> <span class="sr-only">facebook-post aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Flourish (Datengrafik)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="flourish" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="flourish"> <span class="sr-only">flourish aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Giphy (animiertes GIF)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="giphy" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="giphy"> <span class="sr-only">giphy aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Instagram</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="instagram" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="instagram"> <span class="sr-only">instagram aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">X</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="twitter-post" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="twitter-post"> <span class="sr-only">twitter-post aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">Vimeo (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="vimeo" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="vimeo"> <span class="sr-only">vimeo aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube (Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube"> <span class="sr-only">youtube aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]"> <span class="inline-flex text-base leading-6 text-black align-text-top">YouTube 360 (360° Video)</span> <div class="flex float-right"> <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox js-toggleSwitch-checkbox js-toggleSwitch-external" type="checkbox" id="youtube360" data-whitelist="false"/> <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="youtube360"> <span class="sr-only">youtube360 aktivieren/deaktivieren</span> <svg class="sb-icon fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#check"></use> </svg></label> </div> </li> </ul> </div> </div> </div> <div class="flex w-auto mx-auto mt-12 mb-4 md:mt-0 md:mb-0 md:mx-0 md:pl-0"> <a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden" href=https://www.hr1.de/index.html title="Startseite hr1 . d e"> <div class="relative flex h-10 md:hidden" > <img src="https://www.hr1.de/assets_4.4.0/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hr1.de"> </div> <div class="md:flex hidden justify-start w-auto h-10 lg:h-12 " > <img src="https://www.hr1.de/assets_4.4.0/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hr1.de"> </div> </a> <script> percent = 0 </script> </div> <div class="flex flex-col w-full pt-2 text-left md:items-end md:justify-between md:pl-0 md:flex-row "> <div class="flex flex-col self-center text-sm md:self-end w-fit md:flex-row"> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/index.html" class="ds-link js-load flex whitespace-nowrap hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="Hessischer Rundfunk" > © Hessischer Rundfunk <span class="inline-flex"> <svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.ard.de/" class="ds-link js-load flex whitespace-nowrap hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="ARD.de" > ARD.de <span class="inline-flex"> <svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/datenschutz/index.html" class="ds-link js-load flex whitespace-nowrap hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="Datenschutz" > Datenschutz <span class="inline-flex"> <svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> <span class="hidden px-2 md:flex ">|</span> <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto"> <a href="https://www.hr.de/impressum/index.html" class="ds-link js-load flex whitespace-nowrap hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="Impressum" > Impressum <span class="inline-flex"> <svg class="sb-icon ml-1 w-4 h-4 fill-footer-text " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </a> </div> </div> </div> </div> </div> </footer> <script type="text/javascript"> if (undefined !== window.pa) { window.pa.setConfigurations({ site: 582752, collectDomain: 'https://logs1187.xiti.com' }) const isInWebAppiOS = (window.navigator.standalone === true) const isInWebAppChrome = (window.matchMedia('(display-mode: standalone)').matches) const displayMode = isInWebAppiOS ? 'pwa-ios' : isInWebAppChrome ? 'pwa' : 'browser-tab' const getCookie = (cookieName) => { let cookieString = RegExp('' + cookieName + '[^;]+').exec(document.cookie) return unescape(!!cookieString ? cookieString.toString().replace(/^[^=]+./, '') : '') } const getJSONCookie = (cookieName) => { let cookie try { cookie = JSON.parse(getCookie(cookieName)) } catch (e) { } return cookie } const isPianoTrackingAllowed = () => { const cookie = getJSONCookie('hrSettings') console.log('undefined === cookie || cookie[\'ati\'] === true', undefined === cookie || cookie['ati'] === true) return undefined === cookie || cookie['ati'] === true } var pageDisplayConfig = { 'page': "hr1", 'site_level2_id': 1, 'hr_first_publication_date': "2017-05-24T13:50:42+02:00", 'hr_modification_date_timestamp': "2024-11-25T07:45:12+01:00", 'hr_sophora_id': "uebersichtsseite-hreins-startseite-100", 'hr_document_type': "hr-nt:index" , 'display_mode': displayMode } if (isPianoTrackingAllowed()) { window.pa.sendEvent('page.display', pageDisplayConfig) } } </script></div> <div id="hr-radioplayer" data-properties='{"assetsFolder":"https://www.hr1.de/assets_4.4.0/vendor/hr-radio-player", "playlistPush": "//push.hr.de/push/","streamUrl":"https://hlshr1.akamaized.net/hls/live/2016533/hr1rheinmain/master.m3u8", "streams":[{"url":"https://hlshr1.akamaized.net/hls/live/2016533/hr1nordhessen/master.m3u8","name":"Nordhessen","id":"nordhessen"},{"url":"https://hlshr1.akamaized.net/hls/live/2016533/hr1osthessen/master.m3u8","name":"Osthessen","id":"osthessen"},{"url":"https://hlshr1.akamaized.net/hls/live/2016533/hr1mittelhessen/master.m3u8","name":"Mittelhessen","id":"mittelhessen"},{"url":"https://hlshr1.akamaized.net/hls/live/2016533/hr1rheinmain/master.m3u8","name":"Rhein-Main","id":"rheinmain"},{"url":"https://hlshr1.akamaized.net/hls/live/2016533/hr1suedhessen/master.m3u8","name":"Südhessen","id":"suedhessen"}], "fullPlaylistUrl":"https://www.hr1.de/titelliste/playlist_hrone-100.html", "currentShowUrl":"https://www.hr1.de/sendungen/sendezeiten/radioprogramm-hr1-100~radioplayer.json", "isSongvoteEnabled":true, "songvoteData": {"songvoteUrl":"https://www.hr1.de/sendungen/die-beliebtesten-hr1-songs-v4,voting-108.html","songvoteCompetitionText":"","songvoteFormUuid":null,"songvoteFormTitle":"","songvoteFormUrl":"","songvoteImageUrl":"https://www.hr1.de/musik/mixtape-100~_t-1501149106616_v-16to7__medium.png","songvoteText":"Danke für Ihre Meinung zur hr1-Musikauswahl.<br/>Ihr Song ist auf Platz {0}.","songvoteType":"doublevote","songvoteEndpoint":"https://songvote.konsole-labs.com/hr1-voting/api/vote"}, "messageProperties":{"hr-radioplayer_songvote_overlay_already_voted_and_form_sended_text":"Sie haben bereits abgestimmt und uns mitgeteilt, was dieses Lied zu Ihrem Lieblingshit macht.","hr-radioplayer_sr_pause_stream":"Radio-Livestream pausieren","hr_radioplayer_voting_up_button_text":"Yeah","hr-radioplayer_current_show_no_show_infos_text":"Keine Infos","hr-radioplayer_seekbar_live":"LIVE","hr-radioplayer_playlist_now":"LIVE","hr-radioplayer_sr_open_big_player":"Big Player öffnen","hr_radioplayer_full_playlist_link_text":"Zur Titelliste","hr-radioplayer_songvote_overlay_already_voted_text":"Sie haben bereits abgestimmt!","hr-radioplayer_sr_play_stream":"Radio-Livestream abspielen","hr_radioplayer_sr_volume-control_mute_volume":"Stummschalten","hr_radioplayer_voting_down_button_text":"No","hr_radioplayer_ma_text":"Jetzt reinhören","hr-radioplayer_current_show_contact_to_studio_text":"","hr-radioplayer_current_song_tab_label":"Jetzt läuft","hr-radioplayer_sr_contact_information":"Wenn Sie Fragen zum Programm haben oder Ihnen etwas besonders gut gefallen hat, dann schreiben Sie uns.","hr-radioplayer_sr_twenty_sec_forward":"20 Sekunden vorspulen","hr_radioplayer_current_show_tab_label_long":"Aktuelle Live Sendung","hr_radioplayer_sr_volume-control_volume_muted":"Stummgeschaltet","hr-radioplayer_playlist_tab_label_long":"hr1 zum Nachhören","hr_radioplayer_sr_volume-control_unmute_volume":"Stummschaltung aufheben","hr_radioplayer_sr_volume-control_description":"Benutzen Sie die Pfeiltasten, um die Lautstärke zu erhöhen oder zu verringern.","hr-radioplayer_sr_stop_stream":"Radio-Livestream stoppen","hr_radioplayer_sr_detail_information":"Detailinformationen zu","hr-radioplayer_sr_twenty_secs_back":"20 Sekunden zurückspulen","hr-radioplayer_sr_tabs_interface":"Tabs Interface","hr_radioplayer_sr_open_in_big_player":"im Bigplayer öffnen","hr-radioplayer_playlist_tab_label":"Nachhören","hr-radioplayer_current_show_tab_label":"Sendung","hr-radioplayer_songvote_overlay_button_to_feedback_form_text":"Die beliebtesten hr1-Songs","hr-radioplayer_current_song_timeshift_badge":"Zeitversatz","hr-radioplayer_current_show_no_song_titles_text":"Zur aktuellen Sendung liegen uns keine Titelinformationen vor.","hr_radioplayer_sr_voting_button_text":"Gib {0} von {1} dein Herz!","hr-radioplayer_current_song_timeshift_stream_paused":"Stream pausiert","hr_radioplayer_sr_volume-control_level":"Lautstärke auf Level {0}."}, "radioStation":"HR1"}' class="js-load" data-hr-radioplayer='{"radioStation":"HR1", "loadingIcon": "<svg class=\"icon \" role=\"presentation\" aria-hidden=\"true\"><use xlink:href=\"https://www.hr1.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#loading\"></use>\n</svg>"}'></div> <script type="module" src="https://www.hr1.de/assets_4.4.0/vendor/hr-radio-player/bundle.js"></script> <script type="application/ld+json"> { "@type" : "Organization", "@context" : "https://schema.org/", "name" : "hr1.de", "logo" : "https://www.hr1.de/favicon-256.png", "url" : "https://www.hr1.de/" } </script> <script type="application/ld+json"> { "@type" : "WebSite", "@context" : "https://schema.org/", "potentialAction" : { "@type" : "SearchAction", "@context" : "https://schema.org/", "query-input" : "required name=search_term_string", "target" : "https://www.hr1.de/suche/index.nc.html?query={search_term_string}" }, "url" : "https://www.hr1.de/" } </script> </body> </html>

CINXE.COM

hr1.de | Genau meins in Hessen