CINXE.COM
Andreas Müller bei Darmstadt 98: Perfektionist und Distanzschütze | hessenschau.de | SV Darmstadt 98
<!DOCTYPE html> <html class="no-js no-js-burgerMenu preload noMicroInteraction" data-theme="hessenschau" lang="de"> <head> <!-- hrcms-delivery 4.4.0 --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Andreas Müller bei Darmstadt 98: Perfektionist und Distanzschütze | hessenschau.de | SV Darmstadt 98</title> <meta name="application-name" content="hessenschau.de" /> <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" /> <meta name="author" content="Henning Middeldorf"/> <meta name="publisher" content="hessenschau.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, unavailable_after:2026-11-17" /> <meta name="last-modified" content="2024-11-18T09:20+0100" /> <meta name="date" content="2024-11-17T13:20+0100" /> <meta name="description" content="Mit 118 km/h schoss Andreas Müller die Lilien zum Sieg gegen Hertha BSC. Nicht erst seit seinem ersten Pflichtspieltreffer blüht der 24-Jährige auf. Mit seiner Spielweise ist er der perfekte Sechser für das System von Florian Kohfeldt. " /> <link rel="canonical" href="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html" /> <meta name="news_keywords" content="Darmstadt,Ergebnisse & Tabellen,Fußball,SV Darmstadt 98,Sport" /> <meta property="og:site_name" content="hessenschau.de" /> <meta property="og:locale" content="de_DE" /> <meta property="og:url" content="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html" /> <meta property="og:title" content="Andreas Müller bei Darmstadt 98: Perfektionist und Distanzschütze" /> <meta property="og:description" content="Mit 118 km/h schoss Andreas Müller die Lilien zum Sieg gegen Hertha BSC. Nicht erst seit seinem ersten Pflichtspieltreffer blüht der 24-Jährige auf. Mit seiner Spielweise ist er der perfekte Sechser für das System von Florian Kohfeldt. " /> <meta property="og:type" content="article" /> <meta property="og:updated_time" content="2024-11-18T09:20+0100" /> <meta property="article:modified_time" content="2024-11-18T09:20+0100" /> <meta property="article:published_time" content="2024-11-17T13:20+0100" /> <meta property="og:image" content="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_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/Hessenschau/?fref=ts" /> <meta property="fb:page_id" content="594399277278367" /> <meta property="fb:pages" content="594399277278367" /> <meta property="twitter:title" content="Andreas Müller bei Darmstadt 98: Perfektionist und Distanzschütze" /> <meta property="twitter:description" content="Mit 118 km/h schoss Andreas Müller die Lilien zum Sieg gegen Hertha BSC. Nicht erst seit seinem ersten Pflichtspieltreffer blüht der 24-Jährige auf. Mit seiner Spielweise ist er der perfekte Sechser für das System von Florian Kohfeldt. " /> <meta property="twitter:image" content="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-16to9__retina.jpg" /> <meta property="twitter:image:alt" content="Andreas Müller jubelt nach seinem Tor gegen die Hertha" /> <meta property="twitter:url" content="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html" /> <meta property="twitter:site" content="@hessenschau" /> <meta property="twitter:site:id" content="17360630" /> <meta property="twitter:domain" content="https://www.hessenschau.de/" /> <meta property="twitter:creator" content="@hessenschau" /> <meta property="twitter:creator:id" content="17360630" /> <meta property="twitter:card" content="summary_large_image" /> <link href="https://www.hessenschau.de/assets_4.4.0/index.css" rel="preload" type="text/css" as="style"> <link href="https://www.hessenschau.de/assets_4.4.0/index.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.hessenschau.de/favicon.ico?v=4.4.0" sizes="32x32"> <link rel="icon" href="https://www.hessenschau.de/favicon.min.svg?v=4.4.0" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.hessenschau.de/favicon.png?v=4.4.0"> <link href="https://www.hessenschau.de/assets_4.4.0/js/vendor/modernizr.cust.js" rel="preload" as="script"> <link href="https://www.hessenschau.de/assets_4.4.0/js/index.js" rel="preload" as="script"> <link href="https://www.hessenschau.de/assets_4.4.0/js/alpine.js" rel="preload" as="script"> <link href="https://www.hessenschau.de/assets_4.4.0/js/hr-scriptload.js" rel="preload" as="script"> <link href="https://www.hessenschau.de/assets_4.4.0/js/hrQueryOld.js" rel="preload" as="script"> <script src="https://www.hessenschau.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.hessenschau.de/assets_4.4.0/js/polyfill/ie11CustomProperties.js"><\/script>')</script> <link href="https://www.hessenschau.de/assets_4.4.0/fonts/RobotoSlabbed.woff" rel="preload" as="font" crossorigin> <link href="https://www.hessenschau.de/assets_4.4.0/fonts/DINPro-Bold.woff" rel="preload" as="font" crossorigin> <link href="https://www.hessenschau.de/assets_4.4.0/fonts/RobotoCondensed.woff" rel="preload" as="font" crossorigin> <link href="https://www.hessenschau.de/assets_4.4.0/fonts/DINPro.woff" rel="preload" as="font" crossorigin> <link href="https://www.hessenschau.de/assets_4.4.0/fonts/Merriweather-Italic.woff" rel="preload" as="font" crossorigin> <link rel="manifest" href="https://www.hessenschau.de/index.webmanifest"> <meta name="theme-color" content="#005293" /> <link href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg" rel="preload" as="image" crossorigin> <link href="https://www.hessenschau.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.hessenschau.de/assets_4.4.0/js/alpine.js'></script> <!--[if lt IE 9]> <script src='https://www.hessenschau.de/assets_4.4.0/js/polyfill/es5-shim.js'></script> <script src='https://www.hessenschau.de/assets_4.4.0/js/polyfill/selectivizr.js'></script> <script src='https://www.hessenschau.de/assets_4.4.0/js/polyfill/respond.js'></script> <script src='https://www.hessenschau.de/assets_4.4.0/js/polyfill/svg4everybody_legacy.js'></script> <script>svg4everybody();</script> <![endif]--><!--[if lte IE 9]> <script src='https://www.hessenschau.de/assets_4.4.0/js/polyfill/html5shiv.js'></script> <script src='https://www.hessenschau.de/assets_4.4.0/js/polyfill/classList.js'></script> <![endif]--> <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.hessenschau.de/assets_4.4.0/js/vendor/modernizr.cust.js',(function(){!Modernizr.classlist&&/Trident\/[67]\b/.test(navigator.userAgent)&&aload('https://www.hessenschau.de/assets_4.4.0/js/polyfill/classList.js'),Modernizr.json||aload('https://www.hessenschau.de/assets_4.4.0/js/polyfill/json3.js'),Modernizr.promises||aload('https://www.hessenschau.de/assets_4.4.0/js/polyfill/es6-promise.js'),Modernizr.svg4everbody&&aload('https://www.hessenschau.de/assets_4.4.0/js/polyfill/svg4everybody.js',!1,"async"),Modernizr.input.required&&Modernizr.formvalidation&&Modernizr.input.placeholder||aload('https://www.hessenschau.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.hessenschau.de/assets_4.4.0/js/polyfill/picturefill.js',(function(){}),"async")})),aload('https://www.hessenschau.de/assets_4.4.0/js/index.js',(function(){domready((function(){document.FeatureLoader.init()}),"async")})),aload('https://www.hessenschau.de/assets_4.4.0/js/hr-scriptload.js',(function(){domready((function(){hrScriptLoad.init({pathPrefix:'https://www.hessenschau.de/assets_4.4.0/js/'})}),"async")}))}),"async"); </script> <!--[if lte IE 9]> <link href='https://www.hessenschau.de/assets_4.4.0/library_ie9.css' rel='stylesheet' type='text/css'> <![endif]--> <link href="https://www.hessenschau.de/sport/index.rss" title="Sport RSS-Feed - hessenschau.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="start()"> <header class="print:hidden relative z-110 lg:h-header-lg-big 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="fixed top-0 left-0 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="#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.hessenschau.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.hessenschau.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 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="hessenschau.DE" href="https://www.hessenschau.de/index.html" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hessenschau-Link geklickt"}]}'>hessenschau</a> </li> <li class="sb-brand-navigation-item h-8 cursor-pointer inline-block hover:lg:underline active:font-bold active:text-primary"> <a class="link-focus-inset leading-[34px] items-center flex-col px-3 md:flex-row js-load w-max flex justify-center " aria-label="HR1" href="https://www.hr1.de/index.html" target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Brandnavigation::hr1-Link geklickt"}]}'>hr1</a> </li> <li class="sb-brand-navigation-item h-8 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.hessenschau.de/index.html title="Startseite hessenschau . d e"> <div x-cloak class="absolute brand-logo-size md:brand-logo-size-md lg:brand-logo-size-lg flex transition-opacity duration-250 ease-in h-10 lg:h-[3.875rem] w-12 lg:w-[3.875rem]" :class="`${percent}` < 50 ? 'opacity-0' : 'opacity-100'" > <img src="https://www.hessenschau.de/assets_4.4.0/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hessenschau.de"> </div> <div class="w-auto brand-logo-size md:brand-logo-size-md lg:brand-logo-size-lg transition-opacity duration-250 ease-in-out h-12 lg:h-[3.875rem]" :class="`${percent}` < 50 ? ' opacity-100' : 'opacity-0 '" > <img src="https://www.hessenschau.de/assets_4.4.0/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hessenschau.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 -video-podcast 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="3325" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="3325" 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-3325" aria-controls="flyout-3325" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('aria-label', dropped ? 'Video & Podcast-Menü schließen' : 'Video & Podcast-Menü öffnen')" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Servicenavigation::Video & Podcast-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.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#videopodcast-ds"></use> </svg> <span class="sr-only lg:hidden">Video & Podcast</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"> Video & Podcast </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.hessenschau.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="3325" id="flyout-3325" @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-3325-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.hessenschau.de/video-podcast/index.html" class="-isHeaderLink lg:leading-10 link-focus-inset js-load" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "ServiceNavigation::Video & Podcast::Übersicht Video & Podcast-Link geklickt"}]}' > Übersicht Video & Podcast </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.hessenschau.de/tv-sendung/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::Video & Podcast-Link geklickt"}]}' > TV-Sendung </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/tv-sendung/sendungsarchiv/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::Video & Podcast-Link geklickt"}]}' > Archiv - alle Sendungen </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/videos/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::Video & Podcast-Link geklickt"}]}' > DAS THEMA </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/voice/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::Video & Podcast-Link geklickt"}]}' > Die hessenschau in 100 Sekunden </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/politik/landtag/landtagsvideos/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::Video & Podcast-Link geklickt"}]}' > Videos aus dem Landtag </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/sport/heimspiel-videos/heimspiel-videos-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::Video & Podcast-Link geklickt"}]}' > Heimspiel-Videos </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/podcasts/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::Video & Podcast-Link geklickt"}]}' > Podcasts </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.ardmediathek.de/sendung/hessenschau/Y3JpZDovL2hyLW9ubGluZS8zODAzNzQ0NA/" 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::ard-mediathek-hessenschau-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Video & Podcast-Link geklickt"}]}' > hessenschau in der ARD Mediathek<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.hessenschau.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.youtube.com/c/hessenschau" 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::youtube-204 geklickt"}]}' target="_blank" rel="noopener noreferrer" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Video & Podcast-Link geklickt"}]}' > hessenschau auf YouTube<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.hessenschau.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.ardmediathek.de/live/Y3JpZDovL2hyLmRlL0xpdmVzdHJlYW0tSFI" 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::extlink-livestream-mediathek-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Video & Podcast-Link geklickt"}]}' > Livestream hr-fernsehen<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.hessenschau.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 -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="1907" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="1907" 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-1907" aria-controls="flyout-1907" 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.hessenschau.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.hessenschau.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="1907" id="flyout-1907" @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-1907-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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.de/wetter/hochwasser-aktuell-pegelstaende-in-hessen---karte-und-meldestufen-v3,hochwasser-karte-hessen-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::Wetter-Link geklickt"}]}' > Pegelstände und Meldestufen </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/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-Infos im hr-text </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"}]}' > Wetter-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.hessenschau.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="4971" @click="toggleServiceNav()" @click.outside="dropped = false;" @close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false" x-data="dropdown" id="4971" 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-4971" aria-controls="flyout-4971" 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.hessenschau.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.hessenschau.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="4971" id="flyout-4971" @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-4971-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.hessenschau.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.hessenschau.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/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"}]}' > Staus und Blitzer melden </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":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Schulausfälle </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":"uxNavigation","secondLevelId": 1,"clickLabel":"ServiceNavigation::Verkehr-Link geklickt"}]}' > Flugpläne Frankfurt im hr-text </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.hessenschau.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--7048" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Ort oder Thema 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--7048" 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--7048" aria-controls="suggestionlist--7048" > <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--7048" 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.hessenschau.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.hessenschau.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.hessenschau.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_7048)" 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_7048)" :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.hessenschau.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_7048)" :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.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg> </button> </div> </template> <div x-ref="scrollContainer_7048" @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.hessenschau.de/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" aria-label="Startseite der hessenschau" 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">hessenschau</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"> <button id="button-4474-1" @click="toggle()" @click.nextTick="correctFlyoutPos()" @resize.window="dropped=false; correctFlyoutPos()" :class="dropped ? 'lg:underline lg:text-primary font-bold lg:font-normal' : 'font-normal'" class="link-focus-inset js-load pl-5 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-4474" aria-controls="flyout-4474" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Regionen-Toggle-Link geklickt"}]}'> Regionen<div class="items-center justify-center flex 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.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </div> </button> <div x-cloak x-data="flyoutHandler" x-ref="4474" id="flyout-4474" @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-4474-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <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.hessenschau.de/nordhessen/index.html" class="ds-link js-load link-focus-inset py-2 w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"RubrikNavigation::Regionen-Link geklickt"}]}' > Nordhessen </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/osthessen/index.html" class="ds-link js-load link-focus-inset py-2 w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"RubrikNavigation::Regionen-Link geklickt"}]}' > Osthessen </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/mittelhessen/index.html" class="ds-link js-load link-focus-inset py-2 w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"RubrikNavigation::Regionen-Link geklickt"}]}' > Mittelhessen </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/rheinmain/index.html" class="ds-link js-load link-focus-inset py-2 w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"RubrikNavigation::Regionen-Link geklickt"}]}' > Rhein-Main </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/suedhessen/index.html" class="ds-link js-load link-focus-inset py-2 w-full " data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"RubrikNavigation::Regionen-Link geklickt"}]}' > Südhessen </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.hessenschau.de/politik/index.html" id="flyout-4071-1" :class="dropped ? 'font-bold' : ''" class="link-focus-inset js-load pl-5 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-4071" aria-controls="flyout-4071" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Politik-Link geklickt"}]}' > Politik </a> <button @click.debounce.100ms="toggle()" id="button-4071-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-4071" aria-controls="flyout-4071" aria-labelledby="flyout-4071-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Politik-Toggle-Link geklickt"}]}'> <span class="hidden">Politik</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.hessenschau.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="4071" id="flyout-4071" @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 z-120 lg:left-auto lg:w-auto lg:fixed" aria-labelledby="flyout-4071-1" x-effect="$el.setAttribute('aria-expanded', dropped); $el.setAttribute('aria-hidden', !dropped)" > <div class=" "> <ul class=" 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-2 lg:first-of-type:pl-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/politik/bundestagswahl/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::Politik-Link geklickt"}]}' > Bundestagswahl 2025 </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-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/politik/europawahl/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::Politik-Link geklickt"}]}' > Europawahl 2024 </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-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/politik/landtagswahl/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::Politik-Link geklickt"}]}' > Landtagswahl 2023 </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-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/politik/landtag/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::Politik-Link geklickt"}]}' > Landtag </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-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/politik/landtag/landtagsvideos/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::Politik-Link geklickt"}]}' > Videos aus dem Landtag </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-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/politik/wahlen/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::Politik-Link geklickt"}]}' > Wahlen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-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/politik/wahlen/direktwahlen/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::Politik-Link geklickt"}]}' > Direktwahlen </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.hessenschau.de/gesellschaft/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::Gesellschaft-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Gesellschaft </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.hessenschau.de/wirtschaft/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::Wirtschaft-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Wirtschaft </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.hessenschau.de/kultur/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::Kultur-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Kultur </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.hessenschau.de/sport/index.html" id="flyout-3462-1" :class="dropped ? 'font-bold' : ''" class="-currentSection lg:justify-center link-focus-inset js-load pl-5 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center font-bold" aria-haspopup="true" x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" aria-owns="flyout-3462" aria-controls="flyout-3462" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Sport-Link geklickt"}]}' > Sport </a> <button @click.debounce.100ms="toggle()" id="button-3462-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-3462" aria-controls="flyout-3462" aria-labelledby="flyout-3462-1" data-hr-click-tracking='{"settings": [{"type": "uxAction", "secondLevelId": 1, "clickLabel": "Rubriknavigation::Sport-Toggle-Link geklickt"}]}'> <span class="hidden">Sport</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.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg> </div> </button> <div x-data="flyoutHandler" x-ref="3462" id="flyout-3462" @resize.window.debounce=" dropped = false; setFlyoutAnimationStyle();" x-show="$screen('lg') ? true : 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 isSelectedAndOpen lg:ml-0 z-100 lg:border-b lg:border-primary lg:filter-none lg:left-0 justify-center grid grid-page lg:fixed" aria-labelledby="flyout-3462-1" x-effect="$el.setAttribute('aria-expanded', $screen('lg') || dropped); $el.setAttribute('aria-hidden', !($screen('lg') || dropped))" > <div class=" lg:grid-cols-12 lg:px-10 col-main "> <ul class=" lg:only:odd:pr-0 lg:even:pl-4 lg:odd:pr-4 lg:container lg:flex lg:h-9 "><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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/sport/fussball/eintracht-frankfurt/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::Sport-Link geklickt"}]}' > Eintracht Frankfurt </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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/sport/fussball/starke-defensivleistung-bringt-den-dreier--aktuelles-von-eintracht-frankfurt-news-im-bundesliga-ticker,bundesliga-ticker-104.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::Sport-Link geklickt"}]}' > Eintracht-Ticker </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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/sport/fussball/darmstadt-98/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::Sport-Link geklickt"}]}' > Lilien </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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/sport/fussball/darmstadt-98/die-lilien-bleiben-auf-dem-boden--aktuelle-news-von-darmstadt-98-im-ticker,lilien-ticker-102.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::Sport-Link geklickt"}]}' > Lilien-Ticker </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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/sport/fussball/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::Sport-Link geklickt"}]}' > Fußball </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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/sport/ergebnisse-tabellen/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::Sport-Link geklickt"}]}' > Ergebnisse & Tabellen </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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/sport/mehr-sport/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::Sport-Link geklickt"}]}' > Mehr Sport </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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/sport/heimspiel-videos/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::Sport-Link geklickt"}]}' > Videos </a> </li><li :class="dropped ? 'h-auto' : 'h-10'" class="lg:border-0 sb-navigation-flyout-item pl-5 lg:px-2 lg:first-of-type:pl-0 lg:whitespace-nowrap 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.ardmediathek.de/hr/hr-sport-hessen" 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":"uxAction", "clickLabel": "Externer-Link::heimspiel-mediathek-100 geklickt"}]}' target="_blank" rel="noopener" data-hr-click-tracking='{"settings": [{"type":"uxNavigation","secondLevelId": 1,"clickLabel":"SubNavInRubrikNav::Sport-Link geklickt"}]}' > heimspiel<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.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </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.hessenschau.de/panorama/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::Panorama-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Panorama </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.hessenschau.de/freizeit/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::Freizeit-Link geklickt"}]}' x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')" > Freizeit </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.hessenschau.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--7090" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Ort oder Thema 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--7090" 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--7090" aria-controls="suggestionlist--7090" > <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--7090" 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.hessenschau.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.hessenschau.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.hessenschau.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 hessenschau . d e" src="https://www.hessenschau.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.hessenschau.de/sw.js"}'> <header class="page__header flex flex-col"> <div class="grid grid-page print:hidden order-1 z-10"> <div class="col-full sm:col-main bg-white py-3"> <nav id="breadcrumb-nav" class="print:hidden px-5 lg:px-10 inline-block bg-white rounded-r hide-last-item-below-sm" role="navigation" aria-label="Sie sind hier: " > <ul> <li class="inline"> <a href="https://www.hessenschau.de/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline"> <span>hessenschau.de</span> </a> <span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </li> <li class="inline"> <a href="https://www.hessenschau.de/sport/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline"> <span>Sport</span> </a> <span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </li> <li class="inline"> <a href="https://www.hessenschau.de/sport/fussball/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline"> <span>Fußball</span> </a> <span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </li> <li class="inline"> <a href="https://www.hessenschau.de/sport/fussball/darmstadt-98/index.html" class="ds-link py-2 text-link font-copy text-xs hover:underline"> <span>SV Darmstadt 98</span> </a> <span class="ds-icon-container inline-block"><svg class="sb-icon mx-2 w-2 h-2 text-inherit fill-link " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-right"></use> </svg></span> </li> <li class="inline"> <h1 class="inline sr-only sm:not-sr-only"> <a href="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html" class="ds-link py-2 text-link font-copy text-xs hover:underline">Andreas Müller bei Darmstadt 98: Perfektionist und Distanzschütze</a> </h1> </li> </ul> </nav> </div> </div> </header><div class="grid grid-page"> <article class="grid items-start bg-white dark:bg-black grid-article"> <header class="mt-1 sm:mt-8"> <h2> <span class="block mb-2 text-base sm480:text-xl font-heading dark:text-text-dark">Andreas Müller mit erstem Tor für Lilien</span> <span class="text-3xl ui-test-story-title font-headingSerif sm480:text-4xl dark:text-text-dark">Darmstadts Perfektionist ist nun auch Distanzschütze</span> </h2> </header> <p class="font-bold mt-3 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">Mit 118 km/h schoss Andreas Müller die Lilien zum Sieg gegen Hertha BSC. Nicht erst seit seinem ersten Pflichtspieltreffer blüht der 24-Jährige auf. Mit seiner Spielweise ist er der perfekte Sechser für das System von Florian Kohfeldt. </p> <aside class="clear-both mt-4 border-y border-gray-scorpion dark:border-text-dark sm:mt-5"> <div class="flex clear-both w-full my-4 sm:my-4"> <div class="self-center"> <div class="flex items-center"> <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark"> <div class="mb-1"> Von Henning Middeldorf </div> <div class="text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark"> <time datetime="2024-11-17T13:20+0100">Veröffentlicht am 17.11.24 um 13:20 Uhr</time> </div> </div> </div> </div> <div x-data="socialSharingHandler('metadatabox')" x-init="$watch('$store.sharingIsVisible', () => {$store.sharingIsOpen.metadatabox = false; $store.sharingIsOpen.mobilesticky = false})" class="flex self-center justify-end ml-3 print:hidden grow" x-intersect:leave="$store.sharingIsVisible=false" x-intersect:enter="$store.sharingIsVisible=true" x-on:resize.window="$store.sharingIsOpen.metadatabox = false" x-on:keydown.escape.prevent.stop="close()" @click.outside="close()" ax-load x-ignore > <div class="relative right-0 flex gap-3 bg-white md:h-auto" > <button class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden" x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" aria-label="Artikel teilen" x-show="$store.sharingIsVisible" x-intersect="sharingModuleShown()" > <svg class="sb-icon w-5 h-5 fill-current group-hover:fill-link--dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#sharing"></use> </svg> </button> <div x-ref="panel" :class="{ 'hidden': !$store.sharingIsOpen.metadatabox,'flex': $store.sharingIsOpen.metadatabox }" :id="$id('dropdown-button')" class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex" x-intersect="sharingModuleShown(true)" > <ul class="flex gap-3"> <li x-data="copyHandler()" x-on:click="copyToClipboard" class="relative"> <button class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" title="In die Zwischenablage kopieren" data-url="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::metadatabox::copybutton"}]}' > <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess"><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#copy-ds"></use> </svg></span> <span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess"><svg class="sb-icon w-full h-full text-green-600 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#status-done"></use> </svg></span> </button> <div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark"> Link kopiert! </div> </li> <script> function copyHandler(){ return { copySuccess: false, copyToClipboard(event) { const clickedContainer = event.currentTarget.parentNode const url = clickedContainer.querySelector ("button:first-of-type").getAttribute('data-url'); //TODO: maby do this with a magical helper in alpine navigator.clipboard .writeText(url) .then(() => { console.log("successfully copied"); this.copySuccess = true window.setTimeout(() => { this.copySuccess = false }, 2000) }) .catch(() => { console.log("something went wrong with copy"); }); } } } </script> <li> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://twitter.com/intent/tweet?via=hessenschau&url=https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html&text=Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze" target="_blank" rel="noopener noreferrer" title="Bei X teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::metadatabox::X"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#x-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html" target="_blank" rel="noopener noreferrer" title="Bei Facebook teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::metadatabox::facebook"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://api.whatsapp.com/send?text=Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%20-%20https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html" target="_blank" rel="noopener noreferrer" title="Bei Whatsapp teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::metadatabox::whatsapp"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="mailto:?subject=Linktipp%3A%20Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%20%28hessenschau.de%29&body=Linktipp%3A%20Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%0AMit%20118%20km%2Fh%20schoss%20Andreas%20M%C3%BCller%20die%20Lilien%20zum%20Sieg%20gegen%20Hertha%20BSC.%20Nicht%20erst%20seit%20seinem%20ersten%20Pflichtspieltreffer%20bl%C3%BCht%20der%2024-J%C3%A4hrige%20auf.%20Mit%20seiner%20Spielweise%20ist%20er%20der%20perfekte%20Sechser%20f%C3%BCr%20das%20System%20von%20Florian%20Kohfeldt.%20%0Ahttps%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html%0A%28Beitrag%20von%20hessenschau.de%29" title="Per E-Mail versenden" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::metadatabox::mailto"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg></a> </li> </ul> </div> </div> </div> </div> </aside> <figure class="relative article-full-width md:article-breakout mt-5 sm:mt-7 "> <div class="ar-16-9"> <noscript> <img class="w-full" src="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-16to9__medium.jpg" alt="Andreas Müller jubelt nach seinem Tor gegen die Hertha"> </noscript> <img sizes="(min-width: 1024px) 940px, (min-width: 768px) calc(68.67vw + 198px), 100vw" loading="auto" fetchpriority="high" srcset="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-16to9.jpg 960w, https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Andreas Müller jubelt nach seinem Tor gegen die Hertha" class="w-full"></div> <figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif mx-5 md:mx-0" x-data="{ open: false, truncated: true, init() { this.$nextTick(() => { if (this.$refs.caption.scrollHeight === this.$refs.caption.clientHeight) { this.truncated = false; } }); } }" @resize.window="open = false; $refs.caption.scrollHeight === $refs.caption.clientHeight ? truncated = false : truncated = true"> <div class="dark:text-text-dark overflow-anywhere hyphens-auto" x-ref="caption" :class="!open ? 'line-clamp-2' : 'line-clamp-none'" > <span class="pr-3"> Andreas Müller hat gegen Berlin sein erstes Tor für die Lilien geschossen. </span><span class="text-gray-scorpion dark:text-text-dark">Bild © Imago Images</span> </div> <template x-if="truncated"> <button x-cloak type="button" x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schließen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')" > <span x-show="!open" @click.prevent="open = true"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg></span> <span x-show="open" @click.prevent="open = false"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg></span> </button> </template> </figcaption> </figure> <div x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220" x-init="" class="print:hidden sticky w-10 col-start-2 pt-6 z-100 h-fit" x-data="socialSharingHandler('vertical-desktop')" x-intersect="sharingModuleShown()" ax-load x-ignore :class="{'top-[142px]': $store.sectionNavIsVisible && $store.subNavIsVisible && $screen('lg') , 'top-[106px]': $store.sectionNavIsVisible && !$store.subNavIsVisible && $screen('lg') , 'top-[61px]' : !$store.sectionNavIsVisible && $screen('lg')}" > <div class="relative right-0 p-1 bg-white md:h-auto"> <ul class="flex flex-col gap-3"> <li x-data="copyHandler()" x-on:click="copyToClipboard" class="relative"> <button class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" title="In die Zwischenablage kopieren" data-url="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::vertical-desktop::copybutton"}]}' > <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess"><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#copy-ds"></use> </svg></span> <span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess"><svg class="sb-icon w-full h-full text-green-600 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#status-done"></use> </svg></span> </button> <div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark"> Link kopiert! </div> </li> <script> function copyHandler(){ return { copySuccess: false, copyToClipboard(event) { const clickedContainer = event.currentTarget.parentNode const url = clickedContainer.querySelector ("button:first-of-type").getAttribute('data-url'); //TODO: maby do this with a magical helper in alpine navigator.clipboard .writeText(url) .then(() => { console.log("successfully copied"); this.copySuccess = true window.setTimeout(() => { this.copySuccess = false }, 2000) }) .catch(() => { console.log("something went wrong with copy"); }); } } } </script> <li> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://twitter.com/intent/tweet?via=hessenschau&url=https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html&text=Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze" target="_blank" rel="noopener noreferrer" title="Bei X teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::vertical-desktop::X"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#x-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html" target="_blank" rel="noopener noreferrer" title="Bei Facebook teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::vertical-desktop::facebook"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://api.whatsapp.com/send?text=Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%20-%20https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html" target="_blank" rel="noopener noreferrer" title="Bei Whatsapp teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::vertical-desktop::whatsapp"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="mailto:?subject=Linktipp%3A%20Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%20%28hessenschau.de%29&body=Linktipp%3A%20Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%0AMit%20118%20km%2Fh%20schoss%20Andreas%20M%C3%BCller%20die%20Lilien%20zum%20Sieg%20gegen%20Hertha%20BSC.%20Nicht%20erst%20seit%20seinem%20ersten%20Pflichtspieltreffer%20bl%C3%BCht%20der%2024-J%C3%A4hrige%20auf.%20Mit%20seiner%20Spielweise%20ist%20er%20der%20perfekte%20Sechser%20f%C3%BCr%20das%20System%20von%20Florian%20Kohfeldt.%20%0Ahttps%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html%0A%28Beitrag%20von%20hessenschau.de%29" title="Per E-Mail versenden" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::vertical-desktop::mailto"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg></a> </li> </ul> </div> </div> <div class="hrds-copytext mt-2 contents sm:block copytextWrapper"> <figure class="relative print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" x-data="{ avStart: false }"><span class="sr-only">Videobeitrag </span> <div class="py-3 sm:py-4 border-t-[3px] border-gray-boulder dark:border-text-dark mx-5 sm:mx-0"> <div class="leading-5.5 text-byline dark:text-text-dark"> <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' > Video </span><span class='text-xs text-inherit font-headingSerif ml-2'> 04:47 Min.</span><span class='text-xs text-inherit font-headingSerif'><span class="mx-1.5">|</span><time datetime="2024-11-14T17:55+0100">14.11.24, 17:55 Uhr</time><span class="mx-1.5">|</span>hessenschau</span> </div> <a href="https://www.hessenschau.de/tv-sendung/ausgejubelt-rekordweltmeisterin-hermann-macht-schluss--hessenschau-sport-vom-14112024,video-203896~_story-lilien-andreas-muller-100.html" class="ds-link js-load hover:underline hover:!decoration-1 text-link dark:text-link-dark ds-link block " > <h3 class="mt-1" aria-label="zum Video Ausgejubelt! Rekordweltmeisterin Hermann macht Schluss | hessenschau Sport vom 14.11.2024"> <span class="text-lg sm480:text-xl font-headingSerif dark:text-text-dark"> Ausgejubelt! Rekordweltmeisterin Hermann macht Schluss | hessenschau Sport vom 14.11.2024 </span></h3> </a> </div> <div x-show="avStart" x-cloak id="1752" class="ar-16-9 h-full z-20 js-load ui-test-video-ondemand-player" data-mediaplayer-tracking='{"playerLocation": "Copytext","playerSize": "100" }' data-hr-mediaplayer-loader='{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"__small"},{"minWidth":320,"value":"__medium"},{"minWidth":480,"value":"__medium_extended"},{"minWidth":640,"value":""},{"minWidth":960,"value":"__retina"}]}},"web":{"baseUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"1752","clipData":{"type":"content","title":"hr-fernsehen_hessenschau_Ausgejubelt! Rekordweltmeisterin Hermann macht Schluss | hessenschau Sport vom 14.11.2024_14.11.2024 17:55","program":"hr-fernsehen","length":"287","assetid":"8164f8b2b392f367e127196895b22a70","nol_c2":"p2,N","nol_c5":"p5,hessenschau","nol_c7":"p7,as/geoblocking/2024_11/hrLogo_241114181305_L494058_512x288-25p-500kbit.mp4","nol_c8":"p8,287","nol_c9":"p9,hessenschau_Ausgejubelt! Rekordweltmeisterin Hermann macht Schluss | hessenschau Sport vom 14.11.2024_14.11.2024 17:55","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c15":"p15,12B1F7CC655C4528BAEA2FC6015CB19C","nol_c16":"p16,hr-fernsehen_Information|Nachrichten","nol_c18":"p18,N"},"enabled":true},"trackingPiano@all":{"isEnabled":true,"config":{"heartbeatDuration":{"0":5,"1":10,"5":60},"events":["av.speed","av.quality","av.error","av.volume"]},"avContent":{"av_content_id":"video-203896","av_content":"Ausgejubelt! Rekordweltmeisterin Hermann macht Schluss | hessenschau Sport vom 14.11.2024","av_content_type":"Video","av_content_duration":287000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"11"}},"trackingSAND@all":{"mcdnType":"DNS","reporting":[{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-topic:publish"],"metrics":["RepSwitch","BufferLevel","Playback","Misc","LiveEdgeDelay","ErrorMetric","StartupTime"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null},{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-beacon:publish"],"metrics":["Beacon"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null}],"configuration":{"enableHeaderReporting":true,"payloadTypeEnums":["text/xml","text/json"],"payloadType":"text/json","defaults":{"metricInterval":15000,"reportingInterval":15000,"miscInterval":60000,"headInterval":30000,"errorTimeout":60000},"adaptiveInterval":{"init":60000,"metricInterval":30000,"reportingInterval":30000,"threshold":{"bufferLevelFactor":0.66,"liveEdgeDelayFactor":0.66,"memoryUsageFactor":0.66}},"customerID":"hr"},"SANDEnabled":true,"SANDDebug":true}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/geoblocking/2024_11/hrLogo_241114181305_L494058_,480x270-50p-700kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241114181305_L494058_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241114181305_L494058_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241114181305_L494058_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241114181305_L494058_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241114181305_L494058_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":287,"images":[{"kind":"preview","url":"https://www.hessenschau.de/tv-sendung/hs_sport_daily_thumbnail-16zu9_pur_14_11_-100~_t-1731605523893_v-16to9{size}.jpg"}],"title":"Ausgejubelt! Rekordweltmeisterin Hermann macht Schluss | hessenschau Sport vom 14.11.2024","synopsis":"Geschichten, News und Hintergründe: Hier gibt es täglich das Wichtigste vom Sport in Hessen. Sendung vom 14.11.2024."},"pluginData":{},"geoBlocked":false},"playerId":"1752","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hessenschau.de/assets_4.4.0/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"00"}'> </div> <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" > <noscript> <img class="w-full" src="https://www.hessenschau.de/tv-sendung/hs_sport_daily_thumbnail-16zu9_pur_14_11_-100~_t-1731605523893_v-16to9__medium.jpg" alt="hs"> </noscript> <img sizes="(min-width: 768px) 728px, (min-width: 640px) calc(71.11vw + 145px), 100vw" loading="lazy" data-srcset="https://www.hessenschau.de/tv-sendung/hs_sport_daily_thumbnail-16zu9_pur_14_11_-100~_t-1731605523893_v-16to9__small.jpg 320w, https://www.hessenschau.de/tv-sendung/hs_sport_daily_thumbnail-16zu9_pur_14_11_-100~_t-1731605523893_v-16to9__medium.jpg 480w, https://www.hessenschau.de/tv-sendung/hs_sport_daily_thumbnail-16zu9_pur_14_11_-100~_t-1731605523893_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/tv-sendung/hs_sport_daily_thumbnail-16zu9_pur_14_11_-100~_t-1731605523893_v-16to9.jpg 960w, https://www.hessenschau.de/tv-sendung/hs_sport_daily_thumbnail-16zu9_pur_14_11_-100~_t-1731605523893_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="hs" class="w-full"> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button active:bg-button-inverted active:scale-95 js-mediaplayer__button ui-test-mediaplayer-trigger group rounded-full absolute" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 1752})" > <svg class="sb-icon fill-white group-hover:text-white inline text-media-button group-hover:fill-media-button w-10 h-10 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</span> </button> </div> <figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif mx-5 sm:mx-0" x-data="{ open: false, truncated: true, init() { this.$nextTick(() => { if (this.$refs.caption.scrollHeight === this.$refs.caption.clientHeight) { this.truncated = false; } }); } }" @resize.window="open = false; $refs.caption.scrollHeight === $refs.caption.clientHeight ? truncated = false : truncated = true"> <div class="dark:text-text-dark overflow-anywhere hyphens-auto" x-ref="caption" :class="!open ? 'line-clamp-2' : 'line-clamp-none'" > <span class="text-gray-scorpion dark:text-text-dark">Bild © hs</span> </div> <template x-if="truncated"> <button x-cloak type="button" x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schließen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')" > <span x-show="!open" @click.prevent="open = true"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg></span> <span x-show="open" @click.prevent="open = false"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg></span> </button> </template> </figcaption> <span class="sr-only">Ende des Videobeitrags </span></figure> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Es ist ein Stück weit das Schicksal von Defensivspielern, dass bei sportlichem Erfolg immer zuerst die Offensive im Fokus steht. Darmstadt 98 ist da keine Ausnahme, lieferte das Team doch zuletzt ein Torspektakel nach dem anderen ab und <a class="hrds-copytext__link " href="https://www.hessenschau.de/sport/fussball/darmstadt-98/spaetzuender-lidberg-ist-entdeckung-der-saison-bei-darmstadt-98-v1,lidberg-lilien-102.html">stellt mit Isac Lidberg den Top-Torjäger der Zweiten Bundesliga</a>.</p> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Am vergangenen Wochenende drängte sich dann aber ein Mann in den Vordergrund, den wohl nur die wenigsten Darmstädter als gefährlichen Offensivakteur eingespeichert haben dürften. Andreas Müller, seines Zeichens eigentlich defensiver Mittelfeldspieler, besorgte für die Lilien den erlösenden Treffer zum <a class="hrds-copytext__link " href="https://www.hessenschau.de/sport/fussball/darmstadt-98/sv-darmstadt-98-schlaegt-hertha-bsc-mit-einer-reifen-vorstellung-v1,lilien-hertha-102.html">3:1-Endstand gegen Hertha BSC</a>. Es war Müllers erstes Pflichtspieltor für die Lilien – und was für eins.</p> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Zehn Minuten vor Schluss bekam Müller den Ball kurz hinter der Mittellinie zugespielt. Die Abstände zwischen den Hertha-Reihen: Gigantisch. Deswegen lief Müller erst einmal. Und lief, und lief, und fasste sich aus 25 Metern einfach mal ein Herz. Flachschuss, 118 km/h, der Einschlag ins linke untere Eck.</p> <figure class="relative print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" x-data="{ avStart: false }"><span class="sr-only">Videobeitrag </span> <div class="py-3 sm:py-4 border-t-[3px] border-gray-boulder dark:border-text-dark mx-5 sm:mx-0"> <div class="leading-5.5 text-byline dark:text-text-dark"> <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' > Video </span><span class='text-xs text-inherit font-headingSerif ml-2'> 06:14 Min.</span><span class='text-xs text-inherit font-headingSerif'><span class="mx-1.5">|</span><time datetime="2024-11-11">11.11.24</time><span class="mx-1.5">|</span>hr</span> </div> <a href="https://www.hessenschau.de/sport/heimspiel-videos/highlights-sv-darmstadt-98---hertha-bsc-berlin,video-203746~_story-lilien-andreas-muller-100.html" class="ds-link js-load hover:underline hover:!decoration-1 text-link dark:text-link-dark ds-link block " > <h3 class="mt-1" aria-label="zum Video Highlights: SV Darmstadt 98 - Hertha BSC "> <span class="text-lg sm480:text-xl font-headingSerif dark:text-text-dark"> Highlights: SV Darmstadt 98 - Hertha BSC </span></h3> </a> </div> <div x-show="avStart" x-cloak id="4282" class="ar-16-9 h-full z-20 js-load ui-test-video-ondemand-player" data-mediaplayer-tracking='{"playerLocation": "Copytext","playerSize": "100" }' data-hr-mediaplayer-loader='{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"__small"},{"minWidth":320,"value":"__medium"},{"minWidth":480,"value":"__medium_extended"},{"minWidth":640,"value":""},{"minWidth":960,"value":"__retina"}]}},"web":{"baseUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"4282","clipData":{"type":"content","title":"hr-fernsehen_hr_Highlights: SV Darmstadt 98 - Hertha BSC _11.11.2024 00:00","program":"hr-fernsehen","length":"374","assetid":"a289ded4eab172dd8c517d2da894b7ec","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/geoblocking/2024_11/hrLogo_241109221135_d98_highlights_512x288-25p-500kbit.mp4","nol_c8":"p8,374","nol_c9":"p9,hr_Highlights: SV Darmstadt 98 - Hertha BSC _11.11.2024 00:00","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c16":"p16,hr-fernsehen_Sport","nol_c18":"p18,N"},"enabled":true},"trackingPiano@all":{"isEnabled":true,"config":{"heartbeatDuration":{"0":5,"1":10,"5":60},"events":["av.speed","av.quality","av.error","av.volume"]},"avContent":{"av_content_id":"video-203746","av_content":"Highlights: SV Darmstadt 98 - Hertha BSC ","av_content_type":"Video","av_content_duration":374000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"heimspiel-videos","av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"6"}},"trackingSAND@all":{"mcdnType":"DNS","reporting":[{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-topic:publish"],"metrics":["RepSwitch","BufferLevel","Playback","Misc","LiveEdgeDelay","ErrorMetric","StartupTime"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null},{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-beacon:publish"],"metrics":["Beacon"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null}],"configuration":{"enableHeaderReporting":true,"payloadTypeEnums":["text/xml","text/json"],"payloadType":"text/json","defaults":{"metricInterval":15000,"reportingInterval":15000,"miscInterval":60000,"headInterval":30000,"errorTimeout":60000},"adaptiveInterval":{"init":60000,"metricInterval":30000,"reportingInterval":30000,"threshold":{"bufferLevelFactor":0.66,"liveEdgeDelayFactor":0.66,"memoryUsageFactor":0.66}},"customerID":"hr"},"SANDEnabled":true,"SANDDebug":true}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/geoblocking/2024_11/hrLogo_241109221135_d98_highlights_,480x270-50p-700kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241109221135_d98_highlights_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241109221135_d98_highlights_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241109221135_d98_highlights_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241109221135_d98_highlights_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/geoblocking/2024_11/hrLogo_241109221135_d98_highlights_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":374,"images":[{"kind":"preview","url":"https://www.hessenschau.de/sport/fussball/highlight-fussball-darmstadt-110~_t-1724404388736_v-16to9{size}.jpg"}],"title":"Highlights: SV Darmstadt 98 - Hertha BSC ","synopsis":"Florian Kohfeldt und seine Mannschaft schwimmen weiter auf der Erfolgswelle und gewinnen auch gegen Berlin. Sehen Sie hier die Highlights der Partie hier."},"pluginData":{},"geoBlocked":false},"playerId":"4282","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hessenschau.de/assets_4.4.0/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"00"}'> </div> <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" > <noscript> <img class="w-full" src="https://www.hessenschau.de/sport/fussball/highlight-fussball-darmstadt-110~_t-1724404388736_v-16to9__medium.jpg" alt="Fotocollage: zwei Vereinslogos nebeneinander: links Darmstadt 1898, rechts Hertha Berlin. Im Hintergrund unscharf ein Symbolbild des Darmstädter Fußballstadions."> </noscript> <img sizes="(min-width: 768px) 728px, (min-width: 640px) calc(71.11vw + 145px), 100vw" loading="lazy" data-srcset="https://www.hessenschau.de/sport/fussball/highlight-fussball-darmstadt-110~_t-1724404388736_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/fussball/highlight-fussball-darmstadt-110~_t-1724404388736_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/highlight-fussball-darmstadt-110~_t-1724404388736_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/fussball/highlight-fussball-darmstadt-110~_t-1724404388736_v-16to9.jpg 960w, https://www.hessenschau.de/sport/fussball/highlight-fussball-darmstadt-110~_t-1724404388736_v-16to9__retina.jpg 1920w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Fotocollage: zwei Vereinslogos nebeneinander: links Darmstadt 1898, rechts Hertha Berlin. Im Hintergrund unscharf ein Symbolbild des Darmstädter Fußballstadions." class="w-full"> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button active:bg-button-inverted active:scale-95 js-mediaplayer__button ui-test-mediaplayer-trigger group rounded-full absolute" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 4282})" > <svg class="sb-icon fill-white group-hover:text-white inline text-media-button group-hover:fill-media-button w-10 h-10 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</span> </button> </div> <figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif mx-5 sm:mx-0" x-data="{ open: false, truncated: true, init() { this.$nextTick(() => { if (this.$refs.caption.scrollHeight === this.$refs.caption.clientHeight) { this.truncated = false; } }); } }" @resize.window="open = false; $refs.caption.scrollHeight === $refs.caption.clientHeight ? truncated = false : truncated = true"> <div class="dark:text-text-dark overflow-anywhere hyphens-auto" x-ref="caption" :class="!open ? 'line-clamp-2' : 'line-clamp-none'" > <span class="text-gray-scorpion dark:text-text-dark">Bild © Wikimedia, imago-images, picture-alliance/dpa, Collage: hessenschau.de</span> </div> <template x-if="truncated"> <button x-cloak type="button" x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schließen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')" > <span x-show="!open" @click.prevent="open = true"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-down"></use> </svg></span> <span x-show="open" @click.prevent="open = false"><svg class="sb-icon m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg></span> </button> </template> </figcaption> <span class="sr-only">Ende des Videobeitrags </span></figure> <h2 class="clear-both mt-12 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif sm480:mt-14 dark:text-text-dark"><strong>Vom Bankdrücker zum Stammspieler</strong></h2> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">"Ich bin eigentlich nicht so häufig in den Regionen, wo es Sinn macht, zu schießen", erklärt Müller im Gespräch mit dem hr-sport. Sein erster Treffer habe sich gut angefühlt – vor allem wegen seines Zeitpunktes. "Berlin hat es uns nicht leicht gemacht, in dieser Phase war ein Zwei-Tore-Vorsprung brutal wichtig", findet der 24-Jährige. </p> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Brutal wichtig ist mittlerweile auch Andreas Müller für Darmstadt 98. Nachdem er in seiner ersten Saison in der Bundesliga noch größtenteils auf der Bank gesessen hatte, ist er bei den Lilien mittlerweile unumstrittener Stammspieler und verpasste in dieser Spielzeit erst eine Partie. "Die erste Saison war für mich natürlich schwierig und ungewohnt. Jetzt ist es schön und wichtig für mich, auf diesem Niveau Spiele zu sammeln", findet der Sechser. </p> <h2 class="clear-both mt-12 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif sm480:mt-14 dark:text-text-dark"><strong>Müller hat die 40-Punkte-Marke im Blick</strong> </h2> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Mit den Lilien hat Müller nun vier der letzten fünf Pflichtspiele gewonnen, von den Abstiegsrängen ist sein Team erst einmal in sichere Entfernung gerückt. Den Blick nach oben richten will der 24-Jährige trotz allem noch nicht. „In dieser Liga muss man vorsichtig sein, denn die anderen Mannschaften punkten immer irgendwann. Egal, wie sie heißen“, findet Müller. Das Ziel sei nun erst einmal, die Marke von 40 Punkten zu knacken, so der Mittelfeldmann.</p> <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 "> <article class="mx-0 relative col-span-12 flex gap-y-5 gap-x-4 flex-col "> <figure class="ar-1-1" aria-hidden="true"> <noscript> <img class="w-full rounded-tl-hr rounded-br-hr" src="https://www.hessenschau.de/sport/fussball/darmstadt-98/fernie-114~_t-1731664545529_v-1to1__medium.jpg" alt="Paul Fernie von Darmstadt 98"> </noscript> <img sizes="(min-width: 768px) 520px, (min-width: 640px) calc(80vw - 120px), (min-width: 360px) calc(100vw - 104px), calc(100vw - 40px)" loading="lazy" data-srcset="https://www.hessenschau.de/sport/fussball/darmstadt-98/fernie-114~_t-1731664545529_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/fussball/darmstadt-98/fernie-114~_t-1731664545529_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/fussball/darmstadt-98/fernie-114~_t-1731664545529_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/darmstadt-98/fernie-114~_t-1731664545529_v-1to1.jpg 720w, https://www.hessenschau.de/sport/fussball/darmstadt-98/fernie-114~_t-1731664545529_v-1to1__large.jpg 960w" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Paul Fernie von Darmstadt 98" class="w-full rounded-tl-hr rounded-br-hr"> </figure> <div class="absolute flex flex-col justify-end w-full h-full pb-[70px] sm480:pb-24 md:pb-32 bg-gradient-to-t to-80% from-black rounded-tl-hr rounded-br-hr"> <a href="https://www.hessenschau.de/sport/fussball/darmstadt-98/den-sturm-ueberlebt-fernies-zwischenfazit-von-darmstadt-98-v1,fernie-zwischenfazit-100.html" class="ds-link js-load ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor " > <div class="line-clamp-4 xs:line-clamp-5 md:line-clamp-4 lg:line-clamp-5"> <header class="text-center"> <h3 class="text-shadow text-center text-white mx-2 xs:mx-6 sm:mx-8 md:mx-5 lg:mx-8"> <span class='pt-px block text-base text-toplineColor !text-white font-heading'>Darmstadt 98 im Aufwind</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-xl sm480:text-2xl md:text-5xl md:leading-10 whitespace-pre-wrap'>"Den Sturm überlebt": Fernies Lilien-Zwischenfazit</span> </h3> </header> </div> </a> </div> <span class="absolute flex items-end justify-center w-full h-full ds-cta"> <a href="https://www.hessenschau.de/sport/fussball/darmstadt-98/den-sturm-ueberlebt-fernies-zwischenfazit-von-darmstadt-98-v1,fernie-zwischenfazit-100.html" class="ds-link js-load z-20 mb-4 sm480:mb-7 md:mb-16 hover:bg-white inline-flex items-center font-heading border text-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:text-button--dark active:text-button active:bg-button-inverted--dark active:scale-95 px-4 py-2.5 min-w-11 justify-center" aria-hidden="true" tabindex="-1" > <span class='ds-button-label text-base '>Zum Artikel</span> </a> </span> </article> </div> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Dass es mit Florian Kohfeldt an der Seitenlinie rund läuft, kann aber auch Müller nicht leugnen. "Vom Trainerteam bekommen wir gegen jede Mannschaft einen guten Plan mit. Wir können in jeder Situation auf den Gegner reagieren", erklärt er. Außerdem passe die Spielidee des Coaches gut zu den Spielern.</p> <h2 class="clear-both mt-12 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif sm480:mt-14 dark:text-text-dark"><strong>Eine Mannschaft aus Fightern</strong></h2> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">Auch Müller selbst entspricht als Spielertyp klar den Vorstellungen von Kohfeldt: Der Sechser ist zweikampfstark, läuft viel und kann auch seine Offensivqualitäten ins Darmstädter Spiel einbringen. Dazu bringt er einen enormen Ehrgeiz mit. Kohfeldt bezeichnete ihn zuletzt gar als "Über-Perfektionisten".</p> <p class="hrds-copytext__paragraph mt-4 sm:mt-5 text-lg leading-normal sm480:text-xl lg:leading-7.5 dark:text-text-dark">"Das zieht sich schon mein ganzes Leben lang durch. Bis zur U13 habe ich jedes Mal geheult, wenn ich ein Trainingsspiel verloren habe", erklärt Müller. In den Darmstädter Reihen sei er aber nicht der einzige mit einer derartigen Motivation. "Wir haben brutal ehrgeizige Charaktere in der Mannschaft. Das ist auch wichtig, damit sich im Erfolgsfall keiner ausruht", so der 24-Jährige. </p> </div> <footer class="flex flex-col mt-12 sm:mt-14 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif"> <div> <span>Sendung:</span> <span>hr-fernsehen, hessenschau sport, <time datetime="2024-11-14T17:55+0100" class=" "> 14.11.24, 17:55 Uhr </time> </span> </div> <p>Quelle: hessenschau.de</p> </footer><aside class="mt-12 sm:mt-14"> <nav role="navigation" aria-label="Orte" class=""> <ul class=""><li class="float-left mt-2 mr-2"> <a class="overflow-hidden inline-flex items-center font-heading border text-button border-button hover:text-white hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 px-2 py-0.5 min-w-7 justify-center" href="https://www.hessenschau.de/orte/darmstadt-102.html"> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#ortsmarke"></use> </svg> <span class='ds-button-label text-base flex-1 truncate'>Darmstadt</span> </a> </li></ul> </nav> <nav role="navigation" aria-label="Themen" class=""> <ul class=""><li class="float-left mt-2 mr-2"> <a class="overflow-hidden inline-flex items-center font-heading border text-button border-button hover:text-white hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 px-2 py-0.5 min-w-7 justify-center" href="https://www.hessenschau.de/sport/ergebnisse-tabellen/index.html"> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#taglabel"></use> </svg> <span class='ds-button-label text-base flex-1 truncate'>Ergebnisse & Tabellen</span> </a> </li><li class="float-left mt-2 mr-2"> <a class="overflow-hidden inline-flex items-center font-heading border text-button border-button hover:text-white hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 px-2 py-0.5 min-w-7 justify-center" href="https://www.hessenschau.de/sport/fussball/index.html"> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#taglabel"></use> </svg> <span class='ds-button-label text-base flex-1 truncate'>Fußball</span> </a> </li><li class="float-left mt-2 mr-2"> <a class="overflow-hidden inline-flex items-center font-heading border text-button border-button hover:text-white hover:bg-button--dark hover:border-button--dark active:bg-button--dark active:scale-95 px-2 py-0.5 min-w-7 justify-center" href="https://www.hessenschau.de/sport/fussball/darmstadt-98/index.html"> <svg class="sb-icon ds-button-icon w-4 h-4 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#taglabel"></use> </svg> <span class='ds-button-label text-base flex-1 truncate'>SV Darmstadt 98</span> </a> </li></ul> </nav></aside> </article> </div> <div class="grid grid-page"> <div class="grid items-start bg-white dark:bg-black grid-article"> <div class="mb-10 article-full-width sm:article-narrow md:article-breakout"><aside class="grid mt-12 print:hidden grid-page"> <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 "> <h4 class="text-2xl justifyLine col-span-full py-0 font-title headline-barrier">Das könnte Sie auch interessieren</h4> <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14 js-load gap-x-6" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Related-Content geklickt"}]}' ><article class="items-start relative col-span-12 flex gap-y-3 gap-x-4 md:col-span-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="4510" class="ar-16-9 h-full z-20 js-load ui-test-video-ondemand-player" data-mediaplayer-tracking='{"playerLocation": "Teaser","playerSize": "" }' data-hr-mediaplayer-loader='{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"__small"},{"minWidth":320,"value":"__medium"},{"minWidth":480,"value":"__medium_extended"},{"minWidth":640,"value":""},{"minWidth":960,"value":"__retina"}]}},"web":{"baseUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"4510","clipData":{"type":"content","title":"hr-fernsehen_hr_Highlights: Eintracht Frankfurt - Werder Bremen_24.11.2024 00:00","program":"hr-fernsehen","length":"377","assetid":"087d55a851af7506e638b3c8e6e350c6","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/heimspiel/2024_11/hrLogo_241124173815_23xnetcast-eintracht-bremen-neumann_syn3_512x288-25p-500kbit.mp4","nol_c8":"p8,377","nol_c9":"p9,hr_Highlights: Eintracht Frankfurt - Werder Bremen_24.11.2024 00:00","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c16":"p16,hr-fernsehen_Sport","nol_c18":"p18,N"},"enabled":true},"trackingPiano@all":{"isEnabled":true,"config":{"heartbeatDuration":{"0":5,"1":10,"5":60},"events":["av.speed","av.quality","av.error","av.volume"]},"avContent":{"av_content_id":"video-204330","av_content":"Highlights: Eintracht Frankfurt - Werder Bremen","av_content_type":"Video","av_content_duration":377000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"heimspiel-videos","av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"6"}},"trackingSAND@all":{"mcdnType":"DNS","reporting":[{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-topic:publish"],"metrics":["RepSwitch","BufferLevel","Playback","Misc","LiveEdgeDelay","ErrorMetric","StartupTime"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null},{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-beacon:publish"],"metrics":["Beacon"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null}],"configuration":{"enableHeaderReporting":true,"payloadTypeEnums":["text/xml","text/json"],"payloadType":"text/json","defaults":{"metricInterval":15000,"reportingInterval":15000,"miscInterval":60000,"headInterval":30000,"errorTimeout":60000},"adaptiveInterval":{"init":60000,"metricInterval":30000,"reportingInterval":30000,"threshold":{"bufferLevelFactor":0.66,"liveEdgeDelayFactor":0.66,"memoryUsageFactor":0.66}},"customerID":"hr"},"SANDEnabled":true,"SANDDebug":true}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/heimspiel/2024_11/hrLogo_241124173815_23xnetcast-eintracht-bremen-neumann_syn3_,480x270-50p-700kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/hrLogo_241124173815_23xnetcast-eintracht-bremen-neumann_syn3_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/hrLogo_241124173815_23xnetcast-eintracht-bremen-neumann_syn3_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/hrLogo_241124173815_23xnetcast-eintracht-bremen-neumann_syn3_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/hrLogo_241124173815_23xnetcast-eintracht-bremen-neumann_syn3_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/hrLogo_241124173815_23xnetcast-eintracht-bremen-neumann_syn3_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":377,"images":[{"kind":"preview","url":"https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/highlights-frankfurt-bremen-100~_t-1695638917748_v-16to9{size}.jpg"}],"title":"Highlights: Eintracht Frankfurt - Werder Bremen","synopsis":"Eintracht Frankfurt hat in der Fußball-Bundesliga den nächsten Sieg gefeiert. Die Hessen gewannen am Samstagabend gegen Werder Bremen mit 1:0 (1:0)."},"pluginData":{},"geoBlocked":false},"playerId":"4510","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hessenschau.de/assets_4.4.0/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"00"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Frankfurt</span> <picture class=""> <source media="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-1to1.jpg 720w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-16to9.jpg 960w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Frankfurts Arthur Theate (rechts) zeigt gegen Bremen erneut eine Top-Leistung."> </picture> <noscript> <img class="w-full" src="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/theate-bremen-100~_t-1732403284511_v-16to9__medium.jpg" alt="Frankfurts Arthur Theate (rechts) zeigt gegen Bremen erneut eine Top-Leistung."> </noscript> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button active:bg-button-inverted active:scale-95 bottom-0 right-0 js-mediaplayer__button ui-test-mediaplayer-trigger group rounded-full absolute m-2" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 4510})" > <svg class="sb-icon fill-white group-hover:text-white inline text-media-button group-hover:fill-media-button w-10 h-10 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</span> </button> </div> <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 absolute top-full right-0 py-3.5 px-3.5 text-blue-700 font-semibold z-20 md:hidden hover:bg-slate-300 " type="submit" title="Mediaplayer schließen" @click="avStart = false; $dispatch('player_closed',{playerId: 4510})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/abwehr-von-eintracht-frankfurt-um-arthur-theate-stabiles-geruest-v1,eintracht-abwehr-106.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h5 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Eintracht-Abwehr</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Ein stabiles Gerüst</span> </h5> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2024-11-25T07:24+0100">25.11.24</time><span class="mx-1 last-of-type:hidden">|</span><span>Sport</span> <span class="mx-1 last-of-type:hidden">|</span><span>Von Daniel Schmitt</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-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-audio relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="6066" class="ar-16-9 h-full z-20 js-load ui-test-audio-ondemand-player" data-mediaplayer-tracking='{"playerLocation": "Teaser","playerSize": "" }' data-hr-mediaplayer-loader='{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"__small"},{"minWidth":320,"value":"__medium"},{"minWidth":480,"value":"__medium_extended"},{"minWidth":640,"value":""},{"minWidth":960,"value":"__retina"}]}},"web":{"baseUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingPiano@all":{"isEnabled":true,"config":{"heartbeatDuration":{"0":5,"1":10,"5":60},"events":["av.speed","av.quality","av.error","av.volume"]},"avContent":{"av_content_id":"audio-101256","av_content":"Löwen ziehen in Nürnberg den Kürzeren","av_content_type":"Audio","av_content_duration":16000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":null,"av_content_theme3":null,"hr_document_type":"hr-nt:audio","site_level2_id":"6"}},"trackingSAND@all":{"mcdnType":"DNS","reporting":[{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-topic:publish"],"metrics":["RepSwitch","BufferLevel","Playback","Misc","LiveEdgeDelay","ErrorMetric","StartupTime"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null},{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-beacon:publish"],"metrics":["Beacon"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null}],"configuration":{"enableHeaderReporting":true,"payloadTypeEnums":["text/xml","text/json"],"payloadType":"text/json","defaults":{"metricInterval":15000,"reportingInterval":15000,"miscInterval":60000,"headInterval":30000,"errorTimeout":60000},"adaptiveInterval":{"init":60000,"metricInterval":30000,"reportingInterval":30000,"threshold":{"bufferLevelFactor":0.66,"liveEdgeDelayFactor":0.66,"memoryUsageFactor":0.66}},"customerID":"hr"},"SANDEnabled":true,"SANDDebug":true}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2024_11/241125061102_eishockey.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":16,"images":[{"kind":"preview","url":"https://www.hessenschau.de/video-podcast/audio-default-hessenschau-100~_t-1721139527014_v-16to9{size}.jpg"}],"title":"Löwen ziehen in Nürnberg den Kürzeren"},"pluginData":{},"geoBlocked":false},"playerId":"6066","type":"audioOndemand","typeLabel":"Audio-On-Demand","cssUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hessenschau.de/assets_4.4.0/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"00"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <picture class=""> <source media="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-1to1.jpg 720w, https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-16to9.jpg 960w, https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Löwen Frankfurt gegen Nürnberg Icetigers"> </picture> <noscript> <img class="w-full" src="https://www.hessenschau.de/sport/mehr-sport/imago-loewen-icetigers-100~_t-1732481787967_v-16to9__medium.jpg" alt="Löwen Frankfurt gegen Nürnberg Icetigers"> </noscript> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button active:bg-button-inverted active:scale-95 bottom-0 right-0 js-mediaplayer__button ui-test-mediaplayer-trigger group rounded-full absolute m-2" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 6066})" > <svg class="sb-icon fill-white group-hover:text-white inline text-media-button group-hover:fill-media-button w-10 h-10 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#audio_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Audio</span> </button> </div> <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 absolute top-full right-0 py-3.5 px-3.5 text-blue-700 font-semibold z-20 md:hidden hover:bg-slate-300 " type="submit" title="Mediaplayer schließen" @click="avStart = false; $dispatch('player_closed',{playerId: 6066})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/mehr-sport/loewen-frankfurt-verlieren-in-nuernberg-in-der-overtime-v1,loewen-in-nuernberg-102.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h5 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Eishockey</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Overtime-Niederlage für die Löwen Frankfurt</span> </h5> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2024-11-24T21:56+0100">24.11.24</time><span class="mx-1 last-of-type:hidden">|</span><span>Sport</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-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div class="relative ar-1-1 md:ar-16-9"> <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Frankfurt</span> <picture class=""> <source media="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-1to1.jpg 720w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-16to9.jpg 960w, https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-16to9__retina.jpg 1920w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Der neue Ball der Bundesliga-Saison 2024/25"> </picture> <noscript> <img class="w-full" src="https://www.hessenschau.de/sport/fussball/eintracht-frankfurt/bundesliga-sujet-100~_t-1720080313086_v-16to9__medium.jpg" alt="Der neue Ball der Bundesliga-Saison 2024/25"> </noscript> </div> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/fussball/regionalliga/u21-bon-eintracht-frankfurt-holt-punkt-gegen-stuttgarter-kickers-v1,kurz-eintracht-stuttgart-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-labelKurzmeldung' > Kurzmeldung </span> </div> <h5 class="overflow-anywhere hyphens-auto"> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>Eintracht-U21 holt Punkt gegen Stuttgart</span> </h5> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2024-11-24T16:02+0100">24.11.24</time><span class="mx-1 last-of-type:hidden">|</span><span>Sport</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-3 js-is1to1 px-5 sm:px-0 md:flex-col" x-data="{ avStart: false }" :class="avStart ? 'flex-col' : 'flex-row'" > <figure class="ui-test-video relative basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9" :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}" > <div x-show="avStart" x-cloak id="8837" class="ar-16-9 h-full z-20 js-load ui-test-video-ondemand-player" data-mediaplayer-tracking='{"playerLocation": "Teaser","playerSize": "" }' data-hr-mediaplayer-loader='{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"__small"},{"minWidth":320,"value":"__medium"},{"minWidth":480,"value":"__medium_extended"},{"minWidth":640,"value":""},{"minWidth":960,"value":"__retina"}]}},"web":{"baseUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAgf@all":{"isEnabled":true,"appId":"P726B1420-8C67-4A21-A691-9065C69349EA","playerId":"8837","clipData":{"type":"content","title":"hr-fernsehen_hr_Die Lilien-PK nach dem Spiel gegen Hannover_23.11.2024 19:08","program":"hr-fernsehen","length":"674","assetid":"643869d43aa77d5db8c5bc923c58f473","nol_c2":"p2,Y","nol_c5":"p5,hessenschau","nol_c7":"p7,as/heimspiel/2024_11/241123172607_PK-HD-2-BL-2024-2025-13-Spieltag-Hannover-96-vs-SV-Darmstadt-98_4307483_512x288-25p-500kbit.mp4","nol_c8":"p8,674","nol_c9":"p9,hr_Die Lilien-PK nach dem Spiel gegen Hannover_23.11.2024 19:08","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","nol_c16":"p16,hr-fernsehen_Sport","nol_c18":"p18,N"},"enabled":true},"trackingPiano@all":{"isEnabled":true,"config":{"heartbeatDuration":{"0":5,"1":10,"5":60},"events":["av.speed","av.quality","av.error","av.volume"]},"avContent":{"av_content_id":"video-204308","av_content":"Die Lilien-PK nach dem Spiel gegen Hannover","av_content_type":"Video","av_content_duration":674000,"av_broadcasting_type":"OnDemand","av_content_theme1":"hessenschau","av_content_theme2":"heimspiel-videos","av_content_theme3":null,"hr_document_type":"hr-nt:video","site_level2_id":"6"}},"trackingSAND@all":{"mcdnType":"DNS","reporting":[{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-topic:publish"],"metrics":["RepSwitch","BufferLevel","Playback","Misc","LiveEdgeDelay","ErrorMetric","StartupTime"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null},{"limiter":{"endpoint":"https://sand.ard.de/auth/sand-token.json?apiKey=hr"},"endpoints":["https://sand-hub.ard.de/v1/projects/deo-mpm-prod-359708/topics/sand-beacon:publish"],"metrics":["Beacon"],"schemeIdUri":"urn:mpeg:dash:sand:channel:gcp:xhr:2021","token":null}],"configuration":{"enableHeaderReporting":true,"payloadTypeEnums":["text/xml","text/json"],"payloadType":"text/json","defaults":{"metricInterval":15000,"reportingInterval":15000,"miscInterval":60000,"headInterval":30000,"errorTimeout":60000},"adaptiveInterval":{"init":60000,"metricInterval":30000,"reportingInterval":30000,"threshold":{"bufferLevelFactor":0.66,"liveEdgeDelayFactor":0.66,"memoryUsageFactor":0.66}},"customerID":"hr"},"SANDEnabled":true,"SANDDebug":true}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/heimspiel/2024_11/241123172607_PK-HD-2-BL-2024-2025-13-Spieltag-Hannover-96-vs-SV-Darmstadt-98_4307483_,480x270-50p-700kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/241123172607_PK-HD-2-BL-2024-2025-13-Spieltag-Hannover-96-vs-SV-Darmstadt-98_4307483_480x270-50p-700kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":480,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/241123172607_PK-HD-2-BL-2024-2025-13-Spieltag-Hannover-96-vs-SV-Darmstadt-98_4307483_640x360-50p-1200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":640,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/241123172607_PK-HD-2-BL-2024-2025-13-Spieltag-Hannover-96-vs-SV-Darmstadt-98_4307483_960x540-50p-1600kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":960,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/241123172607_PK-HD-2-BL-2024-2025-13-Spieltag-Hannover-96-vs-SV-Darmstadt-98_4307483_1280x720-50p-3200kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1280,"audios":[{"kind":"standard","languageCode":"de"}]},{"url":"https://hr-a.akamaihd.net/video/as/heimspiel/2024_11/241123172607_PK-HD-2-BL-2024-2025-13-Spieltag-Hannover-96-vs-SV-Darmstadt-98_4307483_1920x1080-50p-5000kbit.mp4","mimeType":"video/mp4","maxHResolutionPx":1920,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":674,"images":[{"kind":"preview","url":"https://www.hessenschau.de/videoframe_-126~_t-1732385142474_v-16to9{size}.png"}],"title":"Die Lilien-PK nach dem Spiel gegen Hannover","synopsis":"Nach dem Zweitligaspiel zwischen Darmstadt und Hannover stellen sich die Trainer den Fragen der Journalisten."},"pluginData":{},"geoBlocked":false},"playerId":"8837","type":"videoOndemand","typeLabel":"Video-On-Demand","cssUrl":"https://www.hessenschau.de/assets_4.4.0/vendor/ardplayer/ardplayer-hr-6.9.2.3be63dd6.css","jsUrl":"https://www.hessenschau.de/assets_4.4.0/js/vendor/ardplayer-hr-6.9.2.930e5d37.js","isAutoplay":true,"teaserSize":"00"}'> </div> <div class="relative ar-1-1 md:ar-16-9" x-show="!avStart" > <span class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0 hidden mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag' aria-hidden="true" >Darmstadt</span> <picture class=""> <source media="(max-width: 767px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-1to1__xsmall.jpg 260w, https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-1to1__small.jpg 380w, https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-1to1__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-1to1.jpg 720w, https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-1to1__large.jpg 960w"> <source media="(min-width: 768px)" sizes="(min-width: 1024px) 217px, (min-width: 768px) calc(17vw + 33px), calc(40vw - 22px)" srcset="https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-16to9__small.jpg 320w, https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-16to9__medium.jpg 480w, https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-16to9__medium__extended.jpg 640w, https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-16to9.jpg 960w"> <img class="w-full" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Lilien-Trainer Florian Kohfeldt (links) und Philipp Förster scheinen einen guten Draht zueinander zu haben."> </picture> <noscript> <img class="w-full" src="https://www.hessenschau.de/sport/fussball/darmstadt-98/darmstadt-foerster-102~_t-1732433431568_v-16to9__medium.jpg" alt="Lilien-Trainer Florian Kohfeldt (links) und Philipp Förster scheinen einen guten Draht zueinander zu haben."> </noscript> <button class="ds-button inline-flex items-center font-heading border bg-transparent border-transparent text-button active:bg-button-inverted active:scale-95 bottom-0 right-0 js-mediaplayer__button ui-test-mediaplayer-trigger group rounded-full absolute m-2" type="button" @click="avStart = !avStart; $dispatch('player_start',{playerId: 8837})" > <svg class="sb-icon fill-white group-hover:text-white inline text-media-button group-hover:fill-media-button w-10 h-10 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#play_button"></use> </svg> <span class='ds-button-label text-base sr-only'>Video</span> </button> </div> <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 absolute top-full right-0 py-3.5 px-3.5 text-blue-700 font-semibold z-20 md:hidden hover:bg-slate-300 " type="submit" title="Mediaplayer schließen" @click="avStart = false; $dispatch('player_closed',{playerId: 8837})" x-show="avStart" > <svg class="sb-icon w-3 h-3 fill-current " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#arrow-up"></use> </svg> </button> </figure> <div class=" basis-3/5 w-3/5 md:basis-full md:w-full":class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"> <header> <a href="https://www.hessenschau.de/sport/fussball/darmstadt-98/sv-darmstadt-98-stellt-anschluss-an-spitze-her-in-der-demut-liegt-die-kraft-v1,lilien-nach-hannover-106.html" class="ds-link js-load ui-test-teaser-link ds-teaser-focus hover:text-toplineColor " > <h5 class="overflow-anywhere hyphens-auto"> <span class='pt-px block text-base text-toplineColor font-heading'>Darmstadt 98 stellt Anschluss an Spitze her</span> <span class='ui-test-teaser-title block mt-0.5 font-title font-bold text-lg'>In der Demut liegt die Kraft</span> </h5> </a> </header> <div class="sm:px-0"> <p class="mt-2 text-xs text-gray-scorpion font-headingSerif empty:hidden overflow-anywhere hyphens-auto"> <time datetime="2024-11-24T11:31+0100">24.11.24</time><span class="mx-1 last-of-type:hidden">|</span><span>Sport</span> <span class="mx-1 last-of-type:hidden">|</span></p> </div> </div></article></div> </section> </aside> </div> </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 )" > <div x-data="socialSharingHandler('mobilesticky')" class=" relative ml-5 z-100 h-9.5 w-9.5" :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'" x-on:resize.window="$store.sharingIsOpen.mobilesticky = false" x-on:keydown.escape.prevent.stop="close()" @click.outside="close()" ax-load x-ignore > <div class="absolute bottom-0 flex flex-col self-center gap-3 bg-white"> <button class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden" x-ref="button" x-on:click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" aria-label='Artikel teilen' x-intersect="sharingModuleShown()" > <svg class="sb-icon w-5 h-5 fill-current group-hover:fill-link--dark " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#sharing"></use> </svg> </button> <div x-ref="panel" :class="$store.sharingIsOpen.mobilesticky ? 'flex' : 'hidden '" :id="$id('dropdown-button')" class="relative right-0 self-center bg-white md:h-auto lg:hidden" > <ul class="flex flex-col gap-3 mt-2"> <li x-data="copyHandler()" x-on:click="copyToClipboard" class="relative"> <button class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" title="In die Zwischenablage kopieren" data-url="https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::mobilesticky::copybutton"}]}' > <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess"><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#copy-ds"></use> </svg></span> <span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess"><svg class="sb-icon w-full h-full text-green-600 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#status-done"></use> </svg></span> </button> <div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark"> Link kopiert! </div> </li> <script> function copyHandler(){ return { copySuccess: false, copyToClipboard(event) { const clickedContainer = event.currentTarget.parentNode const url = clickedContainer.querySelector ("button:first-of-type").getAttribute('data-url'); //TODO: maby do this with a magical helper in alpine navigator.clipboard .writeText(url) .then(() => { console.log("successfully copied"); this.copySuccess = true window.setTimeout(() => { this.copySuccess = false }, 2000) }) .catch(() => { console.log("something went wrong with copy"); }); } } } </script> <li> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://twitter.com/intent/tweet?via=hessenschau&url=https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html&text=Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze" target="_blank" rel="noopener noreferrer" title="Bei X teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::mobilesticky::X"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#x-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html" target="_blank" rel="noopener noreferrer" title="Bei Facebook teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::mobilesticky::facebook"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#facebook-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="https://api.whatsapp.com/send?text=Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%20-%20https%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html" target="_blank" rel="noopener noreferrer" title="Bei Whatsapp teilen" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::mobilesticky::whatsapp"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use> </svg></a> </li> <li class=""> <a class=" js-load flex order-2 ds-button font-heading active:scale-95 w-8 h-8" href="mailto:?subject=Linktipp%3A%20Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%20%28hessenschau.de%29&body=Linktipp%3A%20Andreas%20M%C3%BCller%20bei%20Darmstadt%2098%3A%20Perfektionist%20und%20Distanzsch%C3%BCtze%0AMit%20118%20km%2Fh%20schoss%20Andreas%20M%C3%BCller%20die%20Lilien%20zum%20Sieg%20gegen%20Hertha%20BSC.%20Nicht%20erst%20seit%20seinem%20ersten%20Pflichtspieltreffer%20bl%C3%BCht%20der%2024-J%C3%A4hrige%20auf.%20Mit%20seiner%20Spielweise%20ist%20er%20der%20perfekte%20Sechser%20f%C3%BCr%20das%20System%20von%20Florian%20Kohfeldt.%20%0Ahttps%3A%2F%2Fwww.hessenschau.de%2Fsport%2Ffussball%2Fdarmstadt-98%2Fandreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1%2Clilien-andreas-muller-100.html%0A%28Beitrag%20von%20hessenschau.de%29" title="Per E-Mail versenden" data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "6","clickLabel": "socialShareClick::mobilesticky::mailto"}]}' ><svg class="sb-icon w-full h-full fill-link hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg></a> </li> </ul> </div> </div> </div> <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.hessenschau.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="hessenschau" onclick="">hessenschau </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.hessenschau.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.hessenschau.de/index.html" class="ds-link js-load flex hover:underline " > Start<span class="sr-only">hessenschau</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.hessenschau.de/nordhessen/index.html" class="ds-link js-load flex hover:underline " > Nordhessen</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.hessenschau.de/osthessen/index.html" class="ds-link js-load flex hover:underline " > Osthessen</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.hessenschau.de/mittelhessen/index.html" class="ds-link js-load flex hover:underline " > Mittelhessen</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.hessenschau.de/rheinmain/index.html" class="ds-link js-load flex hover:underline " > Rhein-Main</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.hessenschau.de/suedhessen/index.html" class="ds-link js-load flex hover:underline " > Südhessen</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.hessenschau.de/politik/index.html" class="ds-link js-load flex hover:underline " > Politik</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.hessenschau.de/gesellschaft/index.html" class="ds-link js-load flex hover:underline " > Gesellschaft</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.hessenschau.de/wirtschaft/index.html" class="ds-link js-load flex hover:underline " > Wirtschaft</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.hessenschau.de/kultur/index.html" class="ds-link js-load flex hover:underline " > Kultur</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.hessenschau.de/sport/index.html" class="ds-link js-load flex hover:underline " > Sport</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.hessenschau.de/panorama/index.html" class="ds-link js-load flex hover:underline " > Panorama</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.hessenschau.de/freizeit/index.html" class="ds-link js-load flex hover:underline " > Freizeit</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.hessenschau.de/video-podcast/index.html" class="ds-link js-load flex hover:underline " > Video & Podcast</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.hessenschau.de/wetter/index.html" class="ds-link js-load flex hover:underline " > Wetter</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.hessenschau.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.hessenschau.de/tv-sendung/index.html" class="ds-link js-load flex hover:underline " > TV-Sendung</a> </li> <li class="flex items-center w-full h-10 pl-5 bg-white border-b whitespace-nowrap md:bg-transparent md:pl-0 border-b-secondary md:mt-6 md:border-0 md:h-6"> <a href="https://www.hessenschau.de/themen/index.html" class="ds-link js-load hover:underline " > Themen</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.hessenschau.de/orte/index.html" class="ds-link js-load flex hover:underline " > Orte</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.hessenschau.de/archiv/index.html" class="ds-link js-load flex hover:underline " > Archiv</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.hessenschau.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.hessenschau.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.hessenschau.de/redaktion/index.html" class="ds-link js-load flex hover:underline " > Redaktion</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.hessenschau.de/hilfe/index.html" class="ds-link js-load flex hover:underline " > Hilfe</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.hessenschau.de/hr-apps/index.html" class="ds-link js-load flex hover:underline " > hessenschau-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.hessenschau.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.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.hessenschau.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-text.hr-fernsehen.de/ttxHtmlGenerator/index.jsp" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > hr-text <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.hessenschau.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-ticketcenter.de/" class="ds-link js-load flex hover:underline " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" > hr-ticketcenter <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.hessenschau.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.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#extern"></use> </svg> </span> </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.hessenschau.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--6233" class="hidden">suchfeld</label> <input @input.debounce="getSuggestionsForInput();cursorIndex=-1" @click="active=true" name="query" x-model="query" placeholder='Ort oder Thema 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--6233" 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--6233" aria-controls="suggestionlist--6233" > <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--6233" 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.hessenschau.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.hessenschau.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.hessenschau.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://twitter.com/hessenschau" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hessenschau X" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#x-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.instagram.com/hessenschau/" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hessenschau Instagram" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#instagram-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.facebook.com/hessenschau" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hessenschau Facebook" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.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.youtube.com/c/hessenschau" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hessenschau YouTube" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#youtube-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://whatsapp.com/channel/0029VaDcqVJAu3aJgJtKhX25" class="ds-link js-load text-footer-text " data-hr-click-tracking='{"settings": [{"type":"uxAction", "clickLabel": "Externer-Link:: geklickt"}]}' target="_blank" rel="noopener" title="hessenschau WhatsApp" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#whatsapp-ds"></use> </svg> </a> </li> </ul> <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.hessenschau.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.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#kontakt-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hessenschau.de/voice/index.html" class="ds-link js-load text-footer-text " title="hessenschau in 100 Sekunden" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#voice-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hessenschau.de/push/index.html" class="ds-link js-load text-footer-text " title="Push-Benachrichtigung in der App" > <svg class="sb-icon w-8 h-8 fill-current hover:scale-105 " role="presentation" aria-hidden="true" ><use xlink:href="https://www.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#push-ds"></use> </svg> </a> </li> <li class="flex pr-2 last:pr-0"> <a href="https://www.hessenschau.de/rss/index.html" class="ds-link js-load text-footer-text " title="hessenschau.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.hessenschau.de/assets_4.4.0/base/icons/icons/svgmap.min.svg#rss-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-inverted border-button-inverted hover:bg-button-inverted--dark hover:text-button--dark active:text-button active:bg-button-inverted--dark 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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.de/index.html title="Startseite hessenschau . d e"> <div class="relative flex h-10 md:hidden" > <img src="https://www.hessenschau.de/assets_4.4.0/base/icons/logo/brandlogo--mobile.min.svg" class="w-auto h-full" alt="hessenschau.de"> </div> <div class="md:flex hidden justify-start w-auto h-10 lg:h-12 " > <img src="https://www.hessenschau.de/assets_4.4.0/base/icons/logo/brandlogo--desk.min.svg" class="w-auto h-full" alt="hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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.hessenschau.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: 551104, collectDomain: 'https://logs1406.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': "Andreas Müller bei Darmstadt 98: Perfektionist und Distanzschütze", 'page_chapter1': "fussball", 'page_chapter2': "darmstadt-98", 'site_level2_id': 6, 'hr_first_publication_date': "2024-11-17T13:20:10+01:00", 'hr_modification_date_timestamp': "2024-11-18T09:20:38+01:00", 'hr_sophora_id': "lilien-andreas-muller-100", 'hr_document_type': "hr-nt:story" , 'display_mode': displayMode } if (isPianoTrackingAllowed()) { window.pa.sendEvent('page.display', pageDisplayConfig) } } </script></div> <script type="application/ld+json"> { "@type" : "BreadcrumbList", "@context" : "https://schema.org/", "itemListElement" : [ { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@id" : "https://www.hessenschau.de/index.html", "@type" : "Thing", "@context" : "https://schema.org/", "id" : "https://www.hessenschau.de/index.html", "url" : "https://www.hessenschau.de/index.html" }, "name" : "hessenschau.de", "position" : 1 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@id" : "https://www.hessenschau.de/sport/index.html", "@type" : "Thing", "@context" : "https://schema.org/", "id" : "https://www.hessenschau.de/sport/index.html", "url" : "https://www.hessenschau.de/sport/index.html" }, "name" : "Sport", "position" : 2 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@id" : "https://www.hessenschau.de/sport/fussball/index.html", "@type" : "Thing", "@context" : "https://schema.org/", "id" : "https://www.hessenschau.de/sport/fussball/index.html", "url" : "https://www.hessenschau.de/sport/fussball/index.html" }, "name" : "Fußball", "position" : 3 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@id" : "https://www.hessenschau.de/sport/fussball/darmstadt-98/index.html", "@type" : "Thing", "@context" : "https://schema.org/", "id" : "https://www.hessenschau.de/sport/fussball/darmstadt-98/index.html", "url" : "https://www.hessenschau.de/sport/fussball/darmstadt-98/index.html" }, "name" : "SV Darmstadt 98", "position" : 4 }, { "@type" : "ListItem", "@context" : "https://schema.org/", "item" : { "@id" : "https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html", "@type" : "Thing", "@context" : "https://schema.org/", "id" : "https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html", "url" : "https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-bei-darmstadt-98-perfektionist-und-distanzschuetze-v1,lilien-andreas-muller-100.html" }, "name" : "Andreas Müller bei Darmstadt 98: Perfektionist und Distanzschütze", "position" : 5 } ] } </script> <script type="application/ld+json"> { "@type" : "NewsMediaOrganization", "@context" : "https://schema.org/", "name" : "hessenschau.de", "logo" : "https://www.hessenschau.de/logo.png", "url" : "https://www.hessenschau.de/", "sameAs" : [ "https://www.facebook.com/Hessenschau/", "https://twitter.com/hessenschau", "https://www.youtube.com/c/hessenschau", "https://www.instagram.com/hessenschau/" ] } </script> <script type="application/ld+json"> { "@type" : "NewsArticle", "@context" : "https://schema.org/", "alternativeHeadline" : "Darmstadts Perfektionist ist nun auch Distanzschütze", "datePublished" : "2024-11-17T13:20:10.286+01:00", "image" : [ "https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-16to9__retina.jpg", "https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-4to3__retina.jpg", "https://www.hessenschau.de/sport/fussball/darmstadt-98/andreas-mueller-104~_t-1731846009926_v-1to1__xlarge.jpg" ], "articleBody" : "Mit 118 km/h schoss Andreas Müller die Lilien zum Sieg gegen Hertha BSC. Nicht erst seit seinem ersten Pflichtspieltreffer blüht der 24-Jährige auf. Mit seiner Spielweise ist er der perfekte Sechser für das System von Florian Kohfeldt. Es ist ein Stück weit das Schicksal von Defensivspielern, dass bei sportlichem Erfolg immer zuerst die Offensive im Fokus steht. Darmstadt 98 ist da keine Ausnahme, lieferte das Team doch zuletzt ein Torspektakel nach dem anderen ab und <a class=\"hrds-copytext__link \" href=\"https://www.hessenschau.de/sport/fussball/darmstadt-98/spaetzuender-lidberg-ist-entdeckung-der-saison-bei-darmstadt-98-v1,lidberg-lilien-102.html\">stellt mit Isac Lidberg den Top-Torjäger der Zweiten Bundesliga</a>. Am vergangenen Wochenende drängte sich dann aber ein Mann in den Vordergrund, den wohl nur die wenigsten Darmstädter als gefährlichen Offensivakteur eingespeichert haben dürften. Andreas Müller, seines Zeichens eigentlich defensiver Mittelfeldspieler, besorgte für die Lilien den erlösenden Treffer zum <a class=\"hrds-copytext__link \" href=\"https://www.hessenschau.de/sport/fussball/darmstadt-98/sv-darmstadt-98-schlaegt-hertha-bsc-mit-einer-reifen-vorstellung-v1,lilien-hertha-102.html\">3:1-Endstand gegen Hertha BSC</a>. Es war Müllers erstes Pflichtspieltor für die Lilien – und was für eins. Zehn Minuten vor Schluss bekam Müller den Ball kurz hinter der Mittellinie zugespielt. Die Abstände zwischen den Hertha-Reihen: Gigantisch. Deswegen lief Müller erst einmal. Und lief, und lief, und fasste sich aus 25 Metern einfach mal ein Herz. Flachschuss, 118 km/h, der Einschlag ins linke untere Eck. <strong>Vom Bankdrücker zum Stammspieler</strong> \"Ich bin eigentlich nicht so häufig in den Regionen, wo es Sinn macht, zu schießen\", erklärt Müller im Gespräch mit dem hr-sport. Sein erster Treffer habe sich gut angefühlt – vor allem wegen seines Zeitpunktes. \"Berlin hat es uns nicht leicht gemacht, in dieser Phase war ein Zwei-Tore-Vorsprung brutal wichtig\", findet der 24-Jährige. Brutal wichtig ist mittlerweile auch Andreas Müller für Darmstadt 98. Nachdem er in seiner ersten Saison in der Bundesliga noch größtenteils auf der Bank gesessen hatte, ist er bei den Lilien mittlerweile unumstrittener Stammspieler und verpasste in dieser Spielzeit erst eine Partie. \"Die erste Saison war für mich natürlich schwierig und ungewohnt. Jetzt ist es schön und wichtig für mich, auf diesem Niveau Spiele zu sammeln\", findet der Sechser. <strong>Müller hat die 40-Punkte-Marke im Blick</strong> Mit den Lilien hat Müller nun vier der letzten fünf Pflichtspiele gewonnen, von den Abstiegsrängen ist sein Team erst einmal in sichere Entfernung gerückt. Den Blick nach oben richten will der 24-Jährige trotz allem noch nicht. „In dieser Liga muss man vorsichtig sein, denn die anderen Mannschaften punkten immer irgendwann. Egal, wie sie heißen“, findet Müller. Das Ziel sei nun erst einmal, die Marke von 40 Punkten zu knacken, so der Mittelfeldmann. Dass es mit Florian Kohfeldt an der Seitenlinie rund läuft, kann aber auch Müller nicht leugnen. \"Vom Trainerteam bekommen wir gegen jede Mannschaft einen guten Plan mit. Wir können in jeder Situation auf den Gegner reagieren\", erklärt er. Außerdem passe die Spielidee des Coaches gut zu den Spielern. <strong>Eine Mannschaft aus Fightern</strong> Auch Müller selbst entspricht als Spielertyp klar den Vorstellungen von Kohfeldt: Der Sechser ist zweikampfstark, läuft viel und kann auch seine Offensivqualitäten ins Darmstädter Spiel einbringen. Dazu bringt er einen enormen Ehrgeiz mit. Kohfeldt bezeichnete ihn zuletzt gar als \"Über-Perfektionisten\". \"Das zieht sich schon mein ganzes Leben lang durch. Bis zur U13 habe ich jedes Mal geheult, wenn ich ein Trainingsspiel verloren habe\", erklärt Müller. In den Darmstädter Reihen sei er aber nicht der einzige mit einer derartigen Motivation. \"Wir haben brutal ehrgeizige Charaktere in der Mannschaft. Das ist auch wichtig, damit sich im Erfolgsfall keiner ausruht\", so der 24-Jährige. ", "author" : [ { "@type" : "Person", "@context" : "https://schema.org/", "name" : "Henning Middeldorf" } ], "about" : [ { "@type" : "Thing", "@context" : "https://schema.org/", "name" : "SV Darmstadt 98", "sameAs" : "https://www.hessenschau.de/sport/fussball/darmstadt-98/index.html" }, { "@type" : "Thing", "@context" : "https://schema.org/", "name" : "Fußball", "sameAs" : "https://www.hessenschau.de/sport/fussball/index.html" }, { "@type" : "Thing", "@context" : "https://schema.org/", "name" : "Ergebnisse & Tabellen", "sameAs" : "https://www.hessenschau.de/sport/ergebnisse-tabellen/index.html" } ], "description" : "Mit 118 km/h schoss Andreas Müller die Lilien zum Sieg gegen Hertha BSC. Nicht erst seit seinem ersten Pflichtspieltreffer blüht der 24-Jährige auf. Mit seiner Spielweise ist er der perfekte Sechser für das System von Florian Kohfeldt. ", "dateModified" : "2024-11-17T13:20:10.286+01:00", "articleSection" : "Sport", "headline" : "Andreas Müller bei Darmstadt 98: Perfektionist und Distanzschütze" } </script> </body> </html>