<!DOCTYPE html>
<html lang="de" 
    x-data :class="$store.mobileNav.expanded && 'overflow-y-hidden'">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
        <meta name="csrf-token" content="">
        
        <meta name="user-authenticated" content="0">
        <meta property="fb:app_id" content="109904812384029" />
        <link rel="dns-prefetch" href="//cdn.podcastcms.de">
        <link rel="dns-prefetch" href="//sockets.podcast.de">
        <link rel="dns-prefetch" href="//mto.podcast.de">
        <link rel="dns-prefetch" href="//jobs.podcast.de">
        <link rel="shortcut icon" href="https://cdn.podcastcms.de/images/defaults/favicon.ico" title="favicon" type="image/x-icon" />
        <link rel="apple-touch-icon" href="https://cdn.podcastcms.de/images/defaults/iphonefavicon.png">
        <link rel="apple-touch-startup-image" href="https://cdn.podcastcms.de/images/defaults/podcast_de_logo.gif">
        
        <!-- Favicon -->
        <link rel="icon" type="image/png" href="https://www.podcast.de/build/assets/favicon-C0OVErdq.png">
        <title>Beste Kino Podcasts kostenlos online hören</title>
<meta name="keywords" content="Podcast, Podcasts, Podcasting, Podcasten, Podcaster, MP3, Video, News">
<link rel="canonical" href="https://www.podcast.de/beste-podcasts/kino-38">
<meta name="robots" content="all">
<meta property="og:title" content="Beste Kino Podcasts kostenlos online hören">
<meta property="og:url" content="https://www.podcast.de/beste-podcasts/kino-38">
<meta property="og:type" content="article">
<meta property="og:site_name" content="podcast.de">
<meta property="og:image" content="https://www.podcast.de/images1/podcast.de.svg">

<meta name="twitter:site" content="@podcastDE">
<meta name="twitter:title" content="Beste Kino Podcasts kostenlos online hören">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"podcast.de","image":"https://www.podcast.de/images1/podcast.de.svg"}</script>        <link rel="alternate" type="application/rss+xml" href="https://www.podcast.de/feeds/news" title="podcast.de News">
    <link rel="alternate" type="application/rss+xml" href="https://www.podcast.de/feeds/news/meldungen" title="Meldungen - Alles rund ums Thema Podcasting ~ podcast.de News">
    <link rel="alternate" type="application/rss+xml" href="https://www.podcast.de/feeds/news/berichte" title="Berichte - Alles zum Thema Podcast ~ podcast.de News">
    <link rel="alternate" type="application/rss+xml" href="https://www.podcast.de/feeds/news/kommentare" title="Kommentare zu Podcasts und zum Podcasting ~ podcast.de News">
        <!-- Web Application Manifest -->
<link rel="manifest" href="https://www.podcast.de/manifest.json">
<!-- Chrome for Android theme color -->
<meta name="theme-color" content="#ff9900">

<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="podcast.de">
<link rel="icon" sizes="923x923" href="/images/icons/maskable_icon.png">

<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
<meta name="apple-mobile-web-app-title" content="podcast.de">
<link rel="apple-touch-icon" href="/images/icons/maskable_icon.png">


<link href="/images/icons/apple-splash-640-1136.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-750-1334.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-1242-2208.jpg" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-1125-2436.jpg" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-828-1792.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-1242-2688.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-1536-2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-1668-2224.jpg" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-1668-2388.jpg" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="/images/icons/apple-splash-2048-2732.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />

<!-- Tile for Win8 -->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/images/icons/maskable_icon.png">


        <style>
    :root.dark {
        color-scheme: dark;
    }
</style>
<script>
    window.Flux = {
        applyAppearance (appearance) {
            let applyDark = () => document.documentElement.classList.add('dark')
            let applyLight = () => document.documentElement.classList.remove('dark')

            if (appearance === 'system') {
                let media = window.matchMedia('(prefers-color-scheme: dark)')

                window.localStorage.removeItem('flux.appearance')

                media.matches ? applyDark() : applyLight()
            } else if (appearance === 'dark') {
                window.localStorage.setItem('flux.appearance', 'dark')

                applyDark()
            } else if (appearance === 'light') {
                window.localStorage.setItem('flux.appearance', 'light')

                applyLight()
            }
        }
    }

    window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system')
</script>
                            <link rel="preload" as="style" href="https://www.podcast.de/build/assets/site-B7tAuY-h.css" /><link rel="modulepreload" as="script" href="https://www.podcast.de/build/assets/site-CS-CF_0a.js" /><link rel="modulepreload" as="script" href="https://www.podcast.de/build/assets/rolldown-runtime-B0Z9INg1.js" /><link rel="stylesheet" href="https://www.podcast.de/build/assets/site-B7tAuY-h.css" data-navigate-track="reload" /><script type="module" src="https://www.podcast.de/build/assets/site-CS-CF_0a.js" data-navigate-track="reload"></script>        
        <script>
            let _paq = window._paq = window._paq || [];
            
            _paq.push(['trackPageView']);
            _paq.push(['trackVisibleContentImpressions']); 
            _paq.push(['enableLinkTracking']);
            (function() {
                let u="//mto.podcast.de/";
                _paq.push(['setTrackerUrl', u+'matomo.php']);
                _paq.push(['setSiteId', '3']);
                let d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
                g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
            })();
        </script>
    </head>
    <body x-data class="bg-white dark:bg-zinc-900" :class="$store.mobileNav.expanded && 'overflow-y-hidden'">
        <div>

            <div class="main-content">

                <header class="[grid-area:header] z-10 min-h-14 flex items-center px-6 lg:px-8 z-30! px-0! bg-white dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700" x-data="" x-bind:style="{ position: &#039;sticky&#039;, top: $el.offsetTop + &#039;px&#039;, &#039;max-height&#039;: &#039;calc(100vh - &#039; + $el.offsetTop + &#039;px)&#039; }" data-flux-header>
            <div class="container flex h-full items-center">
            
            <a href="https://www.podcast.de" class="mr-4 lg:mr-6 py-6 inline-flex items-center shrink-0">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 599.58 245.29"
     role="img" aria-label="podcast.de"
      
    class="w-auto" style="color: var(--brand-gray-main); height: 61px; width: auto;" width="149" height="61">
    <title>podcast.de</title>
    <g>
    	<path fill="currentColor" d="M28.76,96.22c6.05-4.23,11.23-7.67,19.87-7.67c11.67,0,29.52,8.12,29.52,31.81c0,27-14.98,35.01-31.25,35.01
    		c-6.77,0-12.24-2.4-18.14-5.95v54.89H7.44V89.93h21.32V96.22z M28.76,135.35c3.31,4,7.49,7.55,13.82,7.55
    		c12.82,0,14.69-12.59,14.69-20.26c0-7.09-2.45-18.99-14.26-18.99c-6.19,0-10.51,3.43-14.26,6.98L28.76,135.35L28.76,135.35z"/>
    	<path fill="currentColor" d="M83.71,121.96c0-17.05,11.81-33.41,35.43-33.41c23.62,0,35.43,16.36,35.43,33.41
    		c0,16.94-11.95,33.41-35.43,33.41C95.67,155.37,83.71,138.9,83.71,121.96 M132.68,121.96c0-8.01-2.02-20.94-13.54-20.94
    		c-11.52,0-13.54,12.93-13.54,20.94c0,8.01,2.02,20.94,13.54,20.94C130.66,142.9,132.68,129.97,132.68,121.96"/>
    	<path fill="currentColor" d="M211.82,148.62c-6.48,4.58-11.52,6.75-20.45,6.75c-16.28,0-31.25-8.01-31.25-35.01
    		c0-23.68,17.86-31.81,29.53-31.81c8.64,0,13.82,3.43,19.88,7.67V35.79h21.31V154H213.7L211.82,148.62z M195.26,101.94
    		c-11.81,0-14.26,11.9-14.26,18.99c0,7.67,1.87,20.02,14.69,20.02c6.34,0,10.51-3.32,13.83-7.32v-24.71
    		C205.77,105.37,201.46,101.94,195.26,101.94"/>
    	<path fill="currentColor" d="M288.75,108.46c-2.74-5.83-7.05-12.13-15.99-11.9c-17.28,0-20.59,15.1-20.59,25.86
    		c0,10.76,3.31,25.86,20.59,25.86c9.65-0.34,15.13-6.52,18.58-12.7l9.07,3.21c-4.61,9.61-14.83,17.05-27.65,17.05
    		c-17.71,0-31.83-9.73-31.83-33.41c0-23.68,14.12-33.41,31.83-33.41c13.11,0,21.17,6.52,25.49,16.02L288.75,108.46z"/>
    	<path fill="currentColor" d="M352.98,154l-1.15-8.01c-6.48,5.03-13.68,9.84-23.05,9.84c-12.24,0-22.03-8.12-22.03-18.08
    		c0-18.08,23.91-21.97,41.48-25.74l3.61-0.8v-3.55c0-7.2-6.2-11.1-15.13-11.1c-8.78,0-14.83,4.58-19.44,9.96l-7.92-4.69
    		c6.62-7.55,15.27-12.82,27.36-12.82c10.8,0,26.36,5.26,26.36,19.68v31.35c0.15,4.69-0.15,9.49,2.16,13.96H352.98z M347.36,119.56
    		c-10.66,2.52-30.1,5.95-30.1,17.28c0,5.26,5.19,10.53,11.95,10.53c8.93,0,17.14-4.92,22.62-10.3v-18.53L347.36,119.56z"/>
    	<path fill="currentColor" d="M417.93,104.92c-4.47-5.26-9.79-8.35-18.15-8.35c-7.34,0-14.26,2.98-14.26,9.38c0,15.45,41.91,8.7,41.91,29.98
    		c0,12.36-11.09,19.91-26.07,19.91c-12.82,0-23.19-4.46-29.67-13.27l8.93-4.46c4.32,6.52,11.23,10.18,20.74,10.18
    		c8.21,0,15.55-3.54,15.55-10.75c0-15.9-41.91-8.35-41.91-31.01c0-10.87,11.23-17.51,24.34-17.51c11.09,0,20.31,3.66,26.5,10.99
    		L417.93,104.92z"/>
    	<path fill="currentColor" d="M454.24,90.85h18v7.55h-18v39.7c0,6.18-0.15,10.18,9.08,10.18c3.17,0,6.19-0.23,8.93-0.8V154
    		c-3.6,1.03-7.35,1.83-11.24,1.83c-19.01,0-18-10.18-18-21.74V98.4h-12.1v-7.55h12.1V70.36h11.23V90.85z"/>
    	<rect x="477.88" y="144.21" fill="currentColor" width="10.95" height="10.08"/>
    	<path fill="currentColor" d="M530.38,90.03h8.46v64.25h-8.46v-5.43c-4.01,3.96-8.67,6.8-15.29,6.8c-8.13,0-21.9-5.94-21.9-24.2
    		c0-18.69,11.93-26.1,22.22-26.1c5.75,0,11.06,3.02,14.96,6.29V90.03z M530.38,118.89c-2.6-4.13-7.48-7.66-13.98-7.66
    		c-11.82,0-14.31,12.92-14.31,20.07c0,13.95,8.35,18.51,14.2,18.51c5.96,0,11.71-4.82,14.09-8.87V118.89z"/>
    	<path fill="currentColor" d="M555.49,131.63c0,13.61,7.26,18.34,15.93,18.34c6.29,0,11.6-4.05,14.64-8.18l6.07,3.19
    		c-3.25,6.11-11.27,10.68-21.57,10.68c-13.33,0-23.96-7.32-23.96-25.15c0-17.83,10.63-25.15,23.96-25.15
    		c17.23,0,22.22,14.64,21.03,26.27H555.49z M582.7,125.95c0.22-6.12-3.9-14.9-12.79-14.9c-9.54,0-14.09,8.18-14.2,14.9H582.7z"/>
    	<path fill="#FF9900" d="M34.67,208.19l16.82-13.3c6.5,9.43,82.73,60.22,143.29-16.69l19.44,8.78
    		C158.1,268.35,64.55,241.79,34.67,208.19"/>
    	<path fill="#FF9900" d="M67.92,182.5l12.34-9.75c5.41,6.21,48.49,27.25,81.14-9.56l14.46,6.46C144.6,210.71,90.18,203.44,67.92,182.5"
    		/>
    	<path fill="#FF9900" d="M160.57,61.04l-12.53,10.08c-2.74-3.01-42.12-25.82-77.3,9.91l-14.48-6.67
    		C89.71,35.08,137.36,43.02,160.57,61.04"/>
    	<path fill="#FF9900" d="M193.44,34.61l-16.89,13.5C123.43,6.79,64.86,29.33,37.61,65.58l-19.58-8.77
    		C44.21,15.19,123.48-24.72,193.44,34.61"/>
    </g>
</svg>
            </a>

            
            
            <nav class="flex items-center gap-0.5 py-3  -mb-px max-lg:hidden" data-flux-navbar>
    <ui-dropdown position="bottom start"  data-flux-dropdown>
    <button type="button" class="px-3 h-8 flex items-center rounded-lg relative  text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items">
        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Podcasts finden</div>
    
            <svg class="shrink-0 [:where(&amp;)]:size-6 size-5 ms-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>
    </button>
        
        <nav class="[:where(&amp;)]:min-w-48 p-[.3125rem] rounded-lg shadow-xs border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700 p-0!" popover="manual" data-flux-navmenu>
    <div class="group/cats flex">
                <div class="min-w-56 p-[.3125rem]">
                    <a href="https://www.podcast.de/podcasts" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Neu dabei
    </a>
                    <a href="https://www.podcast.de/podcast-tipps" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Tipps der Redaktion
    </a>
                    <a href="https://www.podcast.de/podcast-charts" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Charts
    </a>
                    
                    <a href="https://www.podcast.de/kategorien" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current  -me-[.3125rem] rounded-e-none group-has-[[data-categories-panel]:hover]/cats:bg-zinc-50 dark:group-has-[[data-categories-panel]:hover]/cats:bg-zinc-600" data-flux-navmenu-item="data-flux-navmenu-item" data-categories-trigger="data-categories-trigger">
        Kategorien

    
            <svg class="shrink-0 [:where(&amp;)]:size-5 ms-auto" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>
    </a>
                    <a href="https://www.podcast.de/collections" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Sammlungen
    </a>
                </div>

                
                
                <div
                    data-categories-panel
                    class="hidden w-96 flex-col border-s border-zinc-200 p-4 dark:border-zinc-600
                           group-has-[[data-categories-trigger]:hover]/cats:flex
                           group-has-[[data-categories-trigger]:focus]/cats:flex
                           group-has-[[data-categories-panel]:hover]/cats:flex
                           group-has-[[data-categories-panel]:focus-within]/cats:flex"
                >
                    <a href="https://www.podcast.de/kategorien"
                       class="mb-4 flex items-center gap-2 text-xl font-bold text-zinc-800 hover:text-primary dark:text-white">
                        Kategorien-Übersicht                        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M6.22 8.72a.75.75 0 0 0 1.06 1.06l5.22-5.22v1.69a.75.75 0 0 0 1.5 0v-3.5a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0 0 1.5h1.69L6.22 8.72Z"/>
  <path d="M3.5 6.75c0-.69.56-1.25 1.25-1.25H7A.75.75 0 0 0 7 4H4.75A2.75 2.75 0 0 0 2 6.75v4.5A2.75 2.75 0 0 0 4.75 14h4.5A2.75 2.75 0 0 0 12 11.25V9a.75.75 0 0 0-1.5 0v2.25c0 .69-.56 1.25-1.25 1.25h-4.5c-.69 0-1.25-.56-1.25-1.25v-4.5Z"/>
</svg>

                            </a>

                    
                    <div class="grid flex-1 auto-rows-fr grid-cols-2 gap-3">
                                                    
                            <a href="https://www.podcast.de/beste-podcasts/englisch-815"
                               class="group/tile relative block min-h-24 overflow-hidden rounded-lg no-underline ring-1 ring-zinc-200 dark:ring-zinc-700 bg-zinc-400 dark:bg-zinc-700">
                                                                    
                                    <picture>
                                        <source srcset="https://www.podcast.de/build/assets/englisch-podcasts-TryF1EFb.avif" type="image/avif" />
                                        <img src="https://www.podcast.de/build/assets/englisch-podcasts-D1Q3AfAp.jpg"
                                             alt="Englisch Podcasts"
                                             loading="lazy"
                                             class="absolute inset-0 size-full object-cover brightness-[0.65] transition duration-300 group-hover/tile:brightness-100 dark:brightness-[0.5] dark:group-hover/tile:brightness-85" />
                                    </picture>
                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
                                    Englisch
                                </span>
                            </a>
                                                    
                            <a href="https://www.podcast.de/beste-podcasts/geschichte-504"
                               class="group/tile relative block min-h-24 overflow-hidden rounded-lg no-underline ring-1 ring-zinc-200 dark:ring-zinc-700 bg-zinc-400 dark:bg-zinc-700">
                                                                    
                                    <picture>
                                        <source srcset="https://www.podcast.de/build/assets/geschichte-podcasts-Bz-AjwKU.avif" type="image/avif" />
                                        <img src="https://www.podcast.de/build/assets/geschichte-podcasts-k805oBLC.jpg"
                                             alt="Geschichte Podcasts"
                                             loading="lazy"
                                             class="absolute inset-0 size-full object-cover brightness-[0.65] transition duration-300 group-hover/tile:brightness-100 dark:brightness-[0.5] dark:group-hover/tile:brightness-85" />
                                    </picture>
                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
                                    Geschichte
                                </span>
                            </a>
                                                    
                            <a href="https://www.podcast.de/beste-podcasts/gesellschaft-18"
                               class="group/tile relative block min-h-24 overflow-hidden rounded-lg no-underline ring-1 ring-zinc-200 dark:ring-zinc-700 bg-zinc-400 dark:bg-zinc-700">
                                                                    
                                    <picture>
                                        <source srcset="https://www.podcast.de/build/assets/gesellschaft-podcasts-CA-W4tIX.avif" type="image/avif" />
                                        <img src="https://www.podcast.de/build/assets/gesellschaft-podcasts-BGInmbWR.jpg"
                                             alt="Gesellschaft Podcasts"
                                             loading="lazy"
                                             class="absolute inset-0 size-full object-cover brightness-[0.65] transition duration-300 group-hover/tile:brightness-100 dark:brightness-[0.5] dark:group-hover/tile:brightness-85" />
                                    </picture>
                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
                                    Gesellschaft
                                </span>
                            </a>
                                                    
                            <a href="https://www.podcast.de/beste-podcasts/gesundheit-9"
                               class="group/tile relative block min-h-24 overflow-hidden rounded-lg no-underline ring-1 ring-zinc-200 dark:ring-zinc-700 bg-zinc-400 dark:bg-zinc-700">
                                                                    
                                    <picture>
                                        <source srcset="https://www.podcast.de/build/assets/gesundheit-podcasts-Dh1jVyfR.avif" type="image/avif" />
                                        <img src="https://www.podcast.de/build/assets/gesundheit-podcasts-D43rt1qJ.jpg"
                                             alt="Gesundheit Podcasts"
                                             loading="lazy"
                                             class="absolute inset-0 size-full object-cover brightness-[0.65] transition duration-300 group-hover/tile:brightness-100 dark:brightness-[0.5] dark:group-hover/tile:brightness-85" />
                                    </picture>
                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
                                    Gesundheit
                                </span>
                            </a>
                                                    
                            <a href="https://www.podcast.de/beste-podcasts/h%25C3%25B6rb%25C3%25BCcher-2262"
                               class="group/tile relative block min-h-24 overflow-hidden rounded-lg no-underline ring-1 ring-zinc-200 dark:ring-zinc-700 bg-zinc-400 dark:bg-zinc-700">
                                                                    
                                    <picture>
                                        <source srcset="https://www.podcast.de/build/assets/hoerbuecher-podcasts-D7qgWLRP.avif" type="image/avif" />
                                        <img src="https://www.podcast.de/build/assets/hoerbuecher-podcasts-CRldObeZ.jpg"
                                             alt="Hörbücher Podcasts"
                                             loading="lazy"
                                             class="absolute inset-0 size-full object-cover brightness-[0.65] transition duration-300 group-hover/tile:brightness-100 dark:brightness-[0.5] dark:group-hover/tile:brightness-85" />
                                    </picture>
                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
                                    Hörbücher
                                </span>
                            </a>
                                                    
                            <a href="https://www.podcast.de/beste-podcasts/wissenschaft-16"
                               class="group/tile relative block min-h-24 overflow-hidden rounded-lg no-underline ring-1 ring-zinc-200 dark:ring-zinc-700 bg-zinc-400 dark:bg-zinc-700">
                                                                    
                                    <picture>
                                        <source srcset="https://www.podcast.de/build/assets/wissenschaft-podcasts-DxZuaOyK.avif" type="image/avif" />
                                        <img src="https://www.podcast.de/build/assets/wissenschaft-podcasts-C6k2DAlL.jpg"
                                             alt="Wissenschaft Podcasts"
                                             loading="lazy"
                                             class="absolute inset-0 size-full object-cover brightness-[0.65] transition duration-300 group-hover/tile:brightness-100 dark:brightness-[0.5] dark:group-hover/tile:brightness-85" />
                                    </picture>
                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
                                    Wissenschaft
                                </span>
                            </a>
                                            </div>
                </div>
            </div>
</nav>
</ui-dropdown>

    
    <ui-dropdown position="bottom start"  data-flux-dropdown>
    <button type="button" class="px-3 h-8 flex items-center rounded-lg relative  text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items">
        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Podcasts hören</div>
    
            <svg class="shrink-0 [:where(&amp;)]:size-6 size-5 ms-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>
    </button>
        <nav class="[:where(&amp;)]:min-w-48 p-[.3125rem] rounded-lg shadow-xs border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700" popover="manual" data-flux-navmenu>
    <a href="https://www.podcast.de/apps" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Übersicht
    </a>
            <div class="-mx-[.3125rem] my-[.3125rem] h-px"  data-flux-navmenu-separator>
    <div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full dark:bg-zinc-600!" data-flux-separator></div>
</div>
            <a href="https://www.podcast.de/apps/podcast-web-player" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Web
    </a>
            <a href="https://www.podcast.de/apps/podcast-app-ios" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        iOS
    </a>
            <a href="https://www.podcast.de/apps/podcast-app-android" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Android
    </a>
</nav>
</ui-dropdown>

    
    <ui-dropdown position="bottom start"  data-flux-dropdown>
    <button type="button" class="px-3 h-8 flex items-center rounded-lg relative  text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items">
        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Podcasts machen</div>
    
            <svg class="shrink-0 [:where(&amp;)]:size-6 size-5 ms-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>
    </button>
        <nav class="[:where(&amp;)]:min-w-48 p-[.3125rem] rounded-lg shadow-xs border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700" popover="manual" data-flux-navmenu>
    <a href="https://www.podcast.de/podcasts-machen" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Übersicht
    </a>
            <div class="-mx-[.3125rem] my-[.3125rem] h-px"  data-flux-navmenu-separator>
    <div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full dark:bg-zinc-600!" data-flux-separator></div>
</div>
            <a href="https://www.podcast.de/podcast-starten" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Podcast starten
    </a>
            <a href="https://www.podcast.de/faq" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        FAQ
    </a>
            <a href="https://www.podcast.de/podcast-anmelden" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Podcast anmelden
    </a>
            <div class="-mx-[.3125rem] my-[.3125rem] h-px"  data-flux-navmenu-separator>
    <div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full dark:bg-zinc-600!" data-flux-separator></div>
</div>
            <a href="https://www.podcast.de/podcast/2710717/in-5-minuten-zu" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        In 5 Minuten zu… Podcast
    </a>
</nav>
</ui-dropdown>

    
    <ui-dropdown position="bottom start"  data-flux-dropdown>
    <button type="button" class="px-3 h-8 flex items-center rounded-lg relative  text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items">
        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Podcasts erleben</div>
    
            <svg class="shrink-0 [:where(&amp;)]:size-6 size-5 ms-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>
    </button>
        <nav class="[:where(&amp;)]:min-w-48 p-[.3125rem] rounded-lg shadow-xs border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700" popover="manual" data-flux-navmenu>
    <a href="https://www.podcast.de/podcast-events" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Events
    </a>
                            <a href="https://www.podcast.de/podcast-community" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Communities
    </a>
                        <a href="https://www.podcast.de/podcast-jobs" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Jobs
    </a>
            <a href="https://www.podcast.de/newsletter" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Newsletter
    </a>
            <a href="https://www.podcast.de/podcast-wissen" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Wissen
    </a>
            <div class="-mx-[.3125rem] my-[.3125rem] h-px"  data-flux-navmenu-separator>
    <div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full dark:bg-zinc-600!" data-flux-separator></div>
</div>
            <a href="https://www.podcast.de/podcast/3411515/gezielt-der-reichweitenpodcast-mit-fabio-bacigalupo" class="group flex items-center px-2 py-2 lg:py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-800 hover:bg-zinc-50 dark:text-white dark:hover:bg-zinc-600 **:data-navmenu-icon:text-zinc-400 dark:**:data-navmenu-icon:text-white/60 [&amp;:hover_[data-navmenu-icon]]:text-current" data-flux-navmenu-item="data-flux-navmenu-item">
        Gezielt — Der Reichweiten-Podcast
    </a>
</nav>
</ui-dropdown>
</nav>


            <div class="flex-1" data-flux-spacer></div>

            
                        <div class="mr-4 flex items-center">
                
                <div
    class="contents"
    x-data
    x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'site-search' })"
            x-on:keydown.cmd.k.document="$event.preventDefault(); $dispatch('modal-show', { name: 'site-search' })"
        data-flux-modal-trigger
>
    <button type="button"
                            class="-m-2.5 inline-flex touch-manipulation items-center justify-center rounded-md border-0 bg-transparent p-2.5 text-zinc-500 transition-colors hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-100"
                            aria-label="Suche">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none"
                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
                        </svg>
                    </button>
</div>
            </div>
            
            
            
            
                        <ui-dropdown position="bottom end" class="mr-4 max-lg:hidden" data-flux-dropdown>
    <button type="button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-10 text-sm rounded-lg gap-2 w-10 inline-flex -ms-2.5 -me-2.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white" data-flux-button="data-flux-button" aria-label="Darstellung" title="Darstellung">
        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/>
</svg>
    </button>

        <nav class="[:where(&amp;)]:min-w-48 p-[.3125rem] rounded-lg shadow-xs border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700 min-w-56" popover="manual" data-flux-navmenu>
    <div x-data>
    <ui-radio-group class="block flex p-1 rounded-lg bg-zinc-800/5 dark:bg-white/10 h-8 py-[3px] px-[3px] -my-px h-[calc(2rem+2px)] w-full [&_ui-radio]:px-1.5 [&_ui-radio]:gap-1 [&_ui-radio]:text-xs [&_svg]:size-3.5" x-model="$flux.appearance" aria-label="Darstellung"  data-flux-radio-group-segmented>
        <ui-radio class="flex whitespace-nowrap flex-1 justify-center items-center gap-2 rounded-md data-checked:shadow-xs text-sm font-medium text-zinc-600 hover:text-zinc-800 dark:hover:text-white dark:text-white/70 data-checked:text-zinc-800 dark:data-checked:text-white data-checked:bg-white dark:data-checked:bg-white/20 [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none px-3 text-sm" value="system" title="Auto" data-flux-control data-flux-radio-segmented tabindex="-1">
            <svg class="shrink-0 [:where(&amp;)]:size-5 text-zinc-500 dark:text-zinc-400 [ui-radio[data-checked]_&]:text-zinc-800 dark:[ui-radio[data-checked]_&]:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd"/>
</svg>

            
    Auto

    </ui-radio>
        <ui-radio class="flex whitespace-nowrap flex-1 justify-center items-center gap-2 rounded-md data-checked:shadow-xs text-sm font-medium text-zinc-600 hover:text-zinc-800 dark:hover:text-white dark:text-white/70 data-checked:text-zinc-800 dark:data-checked:text-white data-checked:bg-white dark:data-checked:bg-white/20 [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none px-3 text-sm" value="light" title="Hell" data-flux-control data-flux-radio-segmented tabindex="-1">
            <svg class="shrink-0 [:where(&amp;)]:size-5 text-zinc-500 dark:text-zinc-400 [ui-radio[data-checked]_&]:text-zinc-800 dark:[ui-radio[data-checked]_&]:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/>
</svg>

            
    Hell

    </ui-radio>
        <ui-radio class="flex whitespace-nowrap flex-1 justify-center items-center gap-2 rounded-md data-checked:shadow-xs text-sm font-medium text-zinc-600 hover:text-zinc-800 dark:hover:text-white dark:text-white/70 data-checked:text-zinc-800 dark:data-checked:text-white data-checked:bg-white dark:data-checked:bg-white/20 [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none px-3 text-sm" value="dark" title="Dunkel" data-flux-control data-flux-radio-segmented tabindex="-1">
            <svg class="shrink-0 [:where(&amp;)]:size-5 text-zinc-500 dark:text-zinc-400 [ui-radio[data-checked]_&]:text-zinc-800 dark:[ui-radio[data-checked]_&]:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z" clip-rule="evenodd"/>
</svg>

            
    Dunkel

    </ui-radio>
    </ui-radio-group>
</div>
</nav>
</ui-dropdown>

    <a href="https://www.podcast.de/anmeldung" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-8 text-sm rounded-md gap-2 ps-2 pe-3 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]    max-lg:hidden" data-flux-group-target="data-flux-group-target">
        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z"/>
</svg>

                
                    
            
            <span>Anmeldung</span>
    </a>

    
    <div class="mr-4 flex items-center lg:hidden">
        <a href="https://www.podcast.de/anmeldung" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-10 text-sm rounded-lg gap-2 w-10 inline-flex -ms-2.5 -me-2.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white" aria-label="Anmeldung">
        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M10 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM3.465 14.493a1.23 1.23 0 0 0 .41 1.412A9.957 9.957 0 0 0 10 18c2.31 0 4.438-.784 6.131-2.1.43-.333.604-.903.408-1.41a7.002 7.002 0 0 0-13.074.003Z"/>
</svg>
    </a>
    </div>

            
            <button type="button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-10 text-sm rounded-lg gap-2 w-10 inline-flex -ms-2.5 -me-2.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white       shrink-0 lg:hidden" data-flux-button="data-flux-button" x-data="" x-on:click="$dispatch('flux-sidebar-toggle')" aria-label="Toggle sidebar" data-flux-sidebar-toggle="data-flux-sidebar-toggle" data-nav-toggle="open">
        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M2 6.75A.75.75 0 0 1 2.75 6h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 6.75Zm0 6.5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
</svg>
    </button>
            <button type="button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-10 text-sm rounded-lg gap-2 w-10 inline-flex -ms-2.5 -me-2.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white       shrink-0 lg:hidden" data-flux-button="data-flux-button" x-data="" x-on:click="$dispatch('flux-sidebar-toggle')" aria-label="Toggle sidebar" data-flux-sidebar-toggle="data-flux-sidebar-toggle" data-nav-toggle="close">
        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
</svg>
    </button>
        </div>
    </header>

    
    <ui-sidebar-toggle class="z-20 fixed inset-0 bg-black/10 hidden data-flux-sidebar-on-mobile:not-data-flux-sidebar-collapsed-mobile:block" data-flux-sidebar-backdrop></ui-sidebar-toggle>

<ui-sidebar
    class="[grid-area:sidebar] z-1 flex flex-col gap-4 [:where(&amp;)]:w-64 p-4 data-flux-sidebar-collapsed-desktop:w-14 data-flux-sidebar-collapsed-desktop:px-2 data-flux-sidebar-collapsed-desktop:cursor-e-resize rtl:data-flux-sidebar-collapsed-desktop:cursor-w-resize max-lg:data-flux-sidebar-cloak:hidden data-flux-sidebar-on-mobile:data-flux-sidebar-collapsed-mobile:-translate-x-full data-flux-sidebar-on-mobile:data-flux-sidebar-collapsed-mobile:rtl:translate-x-full z-20! data-flux-sidebar-on-mobile:start-0! data-flux-sidebar-on-mobile:fixed! data-flux-sidebar-on-mobile:top-0! data-flux-sidebar-on-mobile:min-h-dvh! data-flux-sidebar-on-mobile:max-h-dvh! max-h-dvh overflow-y-auto overscroll-contain sidebar-end lg:hidden bg-white dark:bg-zinc-900 border-zinc-100 dark:border-zinc-700" x-init="$el.classList.add(&#039;transition-transform&#039;)"
     collapsible="mobile"      stashable      sticky     x-data
    data-flux-sidebar-cloak
    data-flux-sidebar
>
    <nav class="flex flex-col overflow-visible min-h-auto" data-flux-navlist>
    <ui-disclosure class="group/disclosure"  data-flux-navlist-group>
        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
            <div class="ps-3 pe-4">
                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>

                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>

                    </div>

            <span class="text-sm font-medium leading-none">Podcasts finden</span>
        </button>

        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>

            <a href="https://www.podcast.de/podcasts" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Neu dabei</div>
    </a>
    <a href="https://www.podcast.de/podcast-tipps" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Tipps der Redaktion</div>
    </a>
    <a href="https://www.podcast.de/podcast-charts" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Charts</div>
    </a>

    
    <ui-disclosure class="group/disclosure"  data-flux-navlist-group>
        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
            <div class="ps-3 pe-4">
                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>

                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>

                    </div>

            <span class="text-sm font-medium leading-none">Kategorien</span>
        </button>

        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>

            <a href="https://www.podcast.de/kategorien" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Kategorien-Übersicht</div>
    </a>
                    <a href="https://www.podcast.de/beste-podcasts/englisch-815" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Englisch</div>
    </a>
                    <a href="https://www.podcast.de/beste-podcasts/geschichte-504" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Geschichte</div>
    </a>
                    <a href="https://www.podcast.de/beste-podcasts/gesellschaft-18" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Gesellschaft</div>
    </a>
                    <a href="https://www.podcast.de/beste-podcasts/gesundheit-9" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Gesundheit</div>
    </a>
                    <a href="https://www.podcast.de/beste-podcasts/h%25C3%25B6rb%25C3%25BCcher-2262" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Hörbücher</div>
    </a>
                    <a href="https://www.podcast.de/beste-podcasts/wissenschaft-16" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Wissenschaft</div>
    </a>
        </div>
    </ui-disclosure>
    <a href="https://www.podcast.de/collections" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Sammlungen</div>
    </a>
        </div>
    </ui-disclosure>


<ui-disclosure class="group/disclosure"  data-flux-navlist-group>
        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
            <div class="ps-3 pe-4">
                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>

                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>

                    </div>

            <span class="text-sm font-medium leading-none">Podcasts hören</span>
        </button>

        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>

            <a href="https://www.podcast.de/apps" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Übersicht</div>
    </a>
    <a href="https://www.podcast.de/apps/podcast-web-player" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Web</div>
    </a>
    <a href="https://www.podcast.de/apps/podcast-app-ios" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>iOS</div>
    </a>
    <a href="https://www.podcast.de/apps/podcast-app-android" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Android</div>
    </a>
        </div>
    </ui-disclosure>


<ui-disclosure class="group/disclosure"  data-flux-navlist-group>
        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
            <div class="ps-3 pe-4">
                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>

                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>

                    </div>

            <span class="text-sm font-medium leading-none">Podcasts machen</span>
        </button>

        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>

            <a href="https://www.podcast.de/podcasts-machen" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Übersicht</div>
    </a>
    <a href="https://www.podcast.de/podcast-starten" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Podcast starten</div>
    </a>
    <a href="https://www.podcast.de/faq" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>FAQ</div>
    </a>
    <a href="https://www.podcast.de/podcast-anmelden" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Podcast anmelden</div>
    </a>
        </div>
    </ui-disclosure>


<ui-disclosure class="group/disclosure"  data-flux-navlist-group>
        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
            <div class="ps-3 pe-4">
                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>

                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>

                    </div>

            <span class="text-sm font-medium leading-none">Podcasts erleben</span>
        </button>

        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>

            <a href="https://www.podcast.de/podcast-events" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Events</div>
    </a>
            <a href="https://www.podcast.de/podcast-community" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Communities</div>
    </a>
        <a href="https://www.podcast.de/podcast-jobs" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Jobs</div>
    </a>
    <a href="https://www.podcast.de/newsletter" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Newsletter</div>
    </a>
    <a href="https://www.podcast.de/podcast-wissen" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item">
        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Wissen</div>
    </a>
        </div>
    </ui-disclosure>
</nav>

    <div class="flex-1" data-flux-spacer></div>

            <a href="https://www.podcast.de/anmeldung?intended=beste-podcasts%2Fkino-38" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-10 text-sm rounded-lg gap-2 ps-3 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]    w-full justify-center" data-flux-group-target="data-flux-group-target">
        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z"/>
</svg>

                
                    
            
            <span>Anmeldung</span>
    </a>
        <a href="https://www.podcast.de/registrierung" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-10 text-sm rounded-lg gap-2 ps-3 pe-4 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 disabled:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 dark:disabled:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]    w-full justify-center" data-flux-group-target="data-flux-group-target">
        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M8.5 4.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM10 13c.552 0 1.01-.452.9-.994a5.002 5.002 0 0 0-9.802 0c-.109.542.35.994.902.994h8ZM12.5 3.5a.75.75 0 0 1 .75.75v1h1a.75.75 0 0 1 0 1.5h-1v1a.75.75 0 0 1-1.5 0v-1h-1a.75.75 0 0 1 0-1.5h1v-1a.75.75 0 0 1 .75-.75Z"/>
</svg>

                
                    
            
            <span>Registrierung</span>
    </a>
    
    
    <div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/5 dark:bg-white/10 h-px w-full my-2" data-flux-separator></div>
    <div x-data>
    <ui-radio-group class="block flex p-1 rounded-lg bg-zinc-800/5 dark:bg-white/10 h-8 py-[3px] px-[3px] -my-px h-[calc(2rem+2px)] w-full [&_ui-radio]:px-1.5 [&_ui-radio]:gap-1 [&_ui-radio]:text-xs [&_svg]:size-3.5" x-model="$flux.appearance" aria-label="Darstellung"  data-flux-radio-group-segmented>
        <ui-radio class="flex whitespace-nowrap flex-1 justify-center items-center gap-2 rounded-md data-checked:shadow-xs text-sm font-medium text-zinc-600 hover:text-zinc-800 dark:hover:text-white dark:text-white/70 data-checked:text-zinc-800 dark:data-checked:text-white data-checked:bg-white dark:data-checked:bg-white/20 [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none px-3 text-sm" value="system" title="Auto" data-flux-control data-flux-radio-segmented tabindex="-1">
            <svg class="shrink-0 [:where(&amp;)]:size-5 text-zinc-500 dark:text-zinc-400 [ui-radio[data-checked]_&]:text-zinc-800 dark:[ui-radio[data-checked]_&]:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z" clip-rule="evenodd"/>
</svg>

            
    Auto

    </ui-radio>
        <ui-radio class="flex whitespace-nowrap flex-1 justify-center items-center gap-2 rounded-md data-checked:shadow-xs text-sm font-medium text-zinc-600 hover:text-zinc-800 dark:hover:text-white dark:text-white/70 data-checked:text-zinc-800 dark:data-checked:text-white data-checked:bg-white dark:data-checked:bg-white/20 [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none px-3 text-sm" value="light" title="Hell" data-flux-control data-flux-radio-segmented tabindex="-1">
            <svg class="shrink-0 [:where(&amp;)]:size-5 text-zinc-500 dark:text-zinc-400 [ui-radio[data-checked]_&]:text-zinc-800 dark:[ui-radio[data-checked]_&]:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/>
</svg>

            
    Hell

    </ui-radio>
        <ui-radio class="flex whitespace-nowrap flex-1 justify-center items-center gap-2 rounded-md data-checked:shadow-xs text-sm font-medium text-zinc-600 hover:text-zinc-800 dark:hover:text-white dark:text-white/70 data-checked:text-zinc-800 dark:data-checked:text-white data-checked:bg-white dark:data-checked:bg-white/20 [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none px-3 text-sm" value="dark" title="Dunkel" data-flux-control data-flux-radio-segmented tabindex="-1">
            <svg class="shrink-0 [:where(&amp;)]:size-5 text-zinc-500 dark:text-zinc-400 [ui-radio[data-checked]_&]:text-zinc-800 dark:[ui-radio[data-checked]_&]:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z" clip-rule="evenodd"/>
</svg>

            
    Dunkel

    </ui-radio>
    </ui-radio-group>
</div>
</ui-sidebar>


<script>
(function () {
    var apply = function () {
        var header = document.querySelector('[data-flux-header]');

        if (header) {
            document.documentElement.style.setProperty('--nav-header-height', header.offsetHeight + 'px');
        }
    };

    apply();

    if (! window.__navHeaderHeightBound) {
        window.__navHeaderHeightBound = true;
        document.addEventListener('livewire:navigated', apply);
        window.addEventListener('resize', apply);
    }
})();
</script>
                                    
                                            <div x-persist="site-search">
                            <ui-modal  data-flux-modal>
    
    <dialog
        wire:ignore.self 
        class="bg-transparent w-full max-w-2xl mx-auto mt-[10vh] mb-auto"
         data-modal="site-search"                                 x-data="fluxModal('site-search', null)"
                x-on:modal-show.document="handleShow($event)"
        x-on:modal-close.document="handleClose($event)"
    >
                    <div id="search-group"
         x-data="{ q: '' }"
         x-init="q = $refs.field.value"
         class="relative w-full rounded-xl border border-zinc-200 bg-white p-5 shadow-md dark:border-zinc-700 dark:bg-zinc-800">

        
        <form action="https://www.podcast.de/suche" method="GET" role="search">
            
            <div class="relative">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="22" height="22"
                     class="pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-zinc-400">
                    <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
                </svg>
                
                <input id="autocomplete-input"
                       x-ref="field"
                       type="search"
                       name="query"
                       autofocus
                       autocomplete="off"
                       x-on:input="q = $event.target.value"
                       class="block w-full rounded-lg border border-zinc-200 bg-white py-4 pr-24 pl-13 text-lg text-gray_main outline-none placeholder:text-zinc-400 focus:border-primary sm:pr-40 dark:border-zinc-600 dark:bg-zinc-900 dark:text-neutral-100 dark:placeholder:text-zinc-500 [&::-webkit-search-cancel-button]:appearance-none"
                       placeholder="Podcasts, Episoden, Events, FAQ-Einträge, Wissensartikel">

                
                <div class="absolute top-1/2 right-2 flex -translate-y-1/2 items-center gap-1">
                    
                    <button type="button"
                            x-show="q !== ''"
                            x-cloak
                            x-on:click="
                                q = '';
                                $refs.field.value = '';
                                $refs.field.dispatchEvent(new Event('input', { bubbles: true }));
                                $refs.field.focus();
                            "
                            class="inline-flex size-9 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-700 dark:hover:bg-zinc-700 dark:hover:text-zinc-100"
                            title="Suchanfrage löschen">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                             stroke-width="2" stroke-linecap="round" width="20" height="20">
                            <path d="M18 6 6 18M6 6l12 12"/>
                        </svg>
                        <span class="sr-only">Suchanfrage löschen</span>
                    </button>

                    
                    <button type="submit"
                            class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg bg-primary px-3 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-orange_main sm:px-6">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20"
                             aria-hidden="true"
                             class="sm:hidden">
                            <polyline points="9 10 4 15 9 20"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/>
                        </svg>
                        <span class="sr-only sm:not-sr-only">Suchen</span>
                    </button>
                </div>
            </div>
        </form>

        
        
        <div id="autocomplete-hits"
             class="mt-3 hidden max-h-[55vh] flex-col overflow-y-auto rounded-lg border border-zinc-200 bg-white text-gray_main dark:border-zinc-700 dark:bg-zinc-800">
            <div id="autocomplete-hits__main" style="order:-2"></div>

            <div id="autocomplete-hits__podcasts"
                 style="order: -1;" class="flex-col">
                <span class="-order-1 flex items-center gap-2 px-4 py-1">
                    <hr class="grow"/>
                    <b class="shrink text-xs text-zinc-400">Podcasts</b>
                </span>
            </div>

            <div id="autocomplete-hits__episodes" style="" class="flex-col">
                <span class="-order-1 flex items-center gap-2 px-4 py-1">
                    <hr class="grow"/>
                    <b class="shrink text-xs text-zinc-400">Episoden</b>
                </span>
            </div>

            <div id="autocomplete-hits__faqs" style="" class="flex-col">
                <span class="-order-1 flex items-center gap-2 px-4 py-1">
                    <hr class="grow"/>
                    <b class="shrink text-xs text-zinc-400">FAQ</b>
                </span>
            </div>

            <div id="autocomplete-hits__knowledge" style="" class="flex-col">
                <span class="-order-1 flex items-center gap-2 px-4 py-1">
                    <hr class="grow"/>
                    <b class="shrink text-xs text-zinc-400">Podcast-Wissen</b>
                </span>
            </div>

            <div id="autocomplete-hits__events" style="" class="flex-col">
                <span class="-order-1 flex items-center gap-2 px-4 py-1">
                    <hr class="grow"/>
                    <b class="shrink text-xs text-zinc-400">Events</b>
                </span>
            </div>
        </div>

        
        <a href="https://www.podcast.de/suche"
           x-bind:href="'https://www.podcast.de/suche?query=' + encodeURIComponent(q)"
           x-show="q !== ''"
           x-cloak
           class="mt-4 flex select-none justify-end gap-2 text-xs font-medium text-gray_text transition-colors hover:text-primary">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="16" height="16">
                <path d="M6.5 2.25a.75.75 0 0 0-1.5 0v3a.75.75 0 0 0 1.5 0V4.5h6.75a.75.75 0 0 0 0-1.5H6.5v-.75ZM11 6.5a.75.75 0 0 0-1.5 0v3a.75.75 0 0 0 1.5 0v-.75h2.25a.75.75 0 0 0 0-1.5H11V6.5ZM5.75 10a.75.75 0 0 1 .75.75v.75h6.75a.75.75 0 0 1 0 1.5H6.5v.75a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75ZM2.75 7.25H8.5v1.5H2.75a.75.75 0 0 1 0-1.5ZM4 3H2.75a.75.75 0 0 0 0 1.5H4V3ZM2.75 11.5H4V13H2.75a.75.75 0 0 1 0-1.5Z"/>
            </svg>
            Erweiterte Suche        </a>
    </div>

                        </dialog>
</ui-modal>

                        </div>
                    
                    
                                                        <div class="container pt-3">
        <div class="inline-block mr-6 overflow-hidden">
        <ol class="inline-flex flex-nowrap items-center text-[13px] whitespace-nowrap text-gray_text">
            <li class="">
                <a href="https://www.podcast.de" title="Startseite" class="no-underline hover:text-primary transition-colors">Startseite</a>
            </li>

                                            <li class="pl-1 flex items-center gap-1">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="12" width="12" class="shrink-0 opacity-60">
                        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
                    </svg>

                                        <a href="https://www.podcast.de/podcasts" class="no-underline hover:text-primary transition-colors">Podcasts</a>
                                    </li>
                                            <li class="pl-1 flex items-center gap-1">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="12" width="12" class="shrink-0 opacity-60">
                        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
                    </svg>

                                        <a href="https://www.podcast.de/kategorien" class="no-underline hover:text-primary transition-colors">Kategorien</a>
                                    </li>
                                            <li class="pl-1 flex items-center gap-1">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="12" width="12" class="shrink-0 opacity-60">
                        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
                    </svg>

                                        <a href="https://www.podcast.de/beste-podcasts/kunst-4" class="no-underline hover:text-primary transition-colors">Kunst Podcasts</a>
                                    </li>
                                            <li class="pl-1 flex items-center gap-1">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="12" width="12" class="shrink-0 opacity-60">
                        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
                    </svg>

                                        <span class="font-medium text-gray_main">Kino Podcasts</span>
                                    </li>
                    </ol>
    </div>

    </div>


    
    <div class="container pt-3 pb-14">
                    <h1 class="text-3xl font-bold text-gray_main dark:text-neutral-100">Beste Kino Podcasts</h1>
                            <p class="mt-4 text-gray_text dark:text-neutral-300">Hier findest du die besten Kino Podcasts und alle weiteren Podcasts in der Kategorie Kino.</p>
                
    </div>

    
    <div class="container mb-10">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
            
            <aside class="max-md:hidden">
                
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-base [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 mb-4" data-flux-heading>Podcast-Kategorien</div>

                <ul class="flex flex-col gap-1 list-none p-0 text-sm">
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/comedy-27"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Comedy</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/computer-3"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Computer</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/englisch-815"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Englisch</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/freizeit-2425"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Freizeit</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/geschichte-504"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Geschichte</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/gesellschaft-18"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Gesellschaft</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/gesundheit-9"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Gesundheit</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/h%25C3%25B6rb%25C3%25BCcher-2262"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Hörbücher</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/jugendliche-325"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Jugendliche</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/kinder-535"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Kinder</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/kunst-4"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Kunst</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/musik-39"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Musik</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/religion-520"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Religion</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/sexualit%C3%A4t-521"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Sexualität</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/unterhaltung-33"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Unterhaltung</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/welt-20"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Welt</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/wissen-14"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Wissen</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/wissenschaft-16"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Wissenschaft</a>
                                                    </li>
                                            <li>
                                                            <a href="https://www.podcast.de/beste-podcasts/zuhause-10"
                                   class="text-zinc-600 dark:text-zinc-300 hover:underline">Zuhause</a>
                                                    </li>
                                    </ul>
            </aside>

            
            <div class="md:col-span-3">
                <div wire:key="channels-vertical-top-podcasts-in-der-kategorie-kino-podcasts-latest-channels" wire:snapshot="{&quot;data&quot;:{&quot;header&quot;:&quot;Top Podcasts in der Kategorie Kino&quot;,&quot;headerLink&quot;:&quot;#&quot;,&quot;slider&quot;:&quot;podcasts&quot;,&quot;playlist&quot;:&quot;latest_channels&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;nIUoEqaRCj3Nfdll8SFH&quot;,&quot;name&quot;:&quot;channel-carousel&quot;,&quot;path&quot;:&quot;beste-podcasts\/kino-38&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;de&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;aaf58a15578297a58eb4a928f2e923e2313f661a9573280d6b98c801e5bc8112&quot;}" wire:effects="[]" wire:id="nIUoEqaRCj3Nfdll8SFH" wire:name="channel-carousel" class="w-full px-0 mb-10 podcasts"
     x-data="{ scrollContainer: null }"
>
    <!--[if BLOCK]><![endif]-->    <div class="container relative">
        <div class="flex items-baseline justify-between mb-6">
            <a href="#" class="no-underline">
                <h2 class="text-xl font-bold text-gray_main sm:text-2xl dark:text-neutral-100 mb-0">Top Podcasts in der Kategorie Kino</h2>
            </a>
            <div class="flex gap-2">
                <button x-ref="btnL" @click="$refs.scrollContainer.scrollBy({left: -300, behavior: 'smooth'})" class="size-8 rounded-full border border-gray-200 dark:border-neutral-600 flex items-center justify-center text-gray_text dark:text-neutral-300 hover:border-primary hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4"><path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" /></svg></button>
                <button x-ref="btnR" @click="$refs.scrollContainer.scrollBy({left: 300, behavior: 'smooth'})" class="size-8 rounded-full border border-gray-200 dark:border-neutral-600 flex items-center justify-center text-gray_text dark:text-neutral-300 hover:border-primary hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg></button>
            </div>
        </div>
        <div x-ref="scrollContainer" class="flex gap-4 overflow-x-auto scroll-smooth snap-x snap-mandatory pb-6 scrollbar-hide">
                <!--[if BLOCK]><![endif]-->                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-7943">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/7943/nerdtalk-der-filmpodcast" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/7943/nerdtalk-der-filmpodcast.png 2x, https://cdn.podcastcms.de/images/podcasts/315/7943/nerdtalk-der-filmpodcast.png 315w, https://cdn.podcastcms.de/images/podcasts/175/7943/nerdtalk-der-filmpodcast.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/7943/nerdtalk-der-filmpodcast.png"
                                alt="Nerdtalk - Der Filmpodcast"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/www.nerdtalk.de\/podlove\/file\/1425\/s\/feed\/c\/mp3\/2026-09-10_Nerdtalk-Sendung_684.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Fickfedern - Nerdtalk #684\u0022,\u0022artist\u0022:\u0022Nerdtalk - Der Filmpodcast\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.nerdtalk.de\\\/podlove\\\/file\\\/1425\\\/s\\\/feed\\\/c\\\/mp3\\\/2026-09-10_Nerdtalk-Sendung_684.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/7943\\\/s\\\/707006701\\\/fickfedern-nerdtalk-684.png\u0022,\u0022channelId\u0022:7943,\u0022channelSlug\u0022:\u0022nerdtalk-der-filmpodcast\u0022,\u0022showId\u0022:707006701}')) "
    title="Episode `Fickfedern - Nerdtalk #684` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>
                            <!--[if ENDBLOCK]><![endif]-->                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/7943\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Fkino-38\u0022,\u0022errorHeading\u0022:\u0022Das hat nicht geklappt\u0022,\u0022errorText\u0022:\u0022Wir konnten dein Abo gerade nicht speichern. Bitte versuche es noch einmal.\u0022,\u0022channelTitle\u0022:\u0022Nerdtalk - Der Filmpodcast\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/7943\\\/nerdtalk-der-filmpodcast.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
    <!--[if BLOCK]><![endif]-->        
        <button
            type="button"
            @click.stop="toggle()"
            :disabled="busy"
            class="player-btn follow size-10 flex shrink-0 items-center justify-center rounded-full"
            :class="{ 'is-subscribed': subscribed }"
            title="Podcast &quot;Nerdtalk - Der Filmpodcast&quot; folgen"
            :title="subscribed ? 'Podcast `Nerdtalk - Der Filmpodcast` nicht mehr folgen' : 'Podcast \u0022Nerdtalk - Der Filmpodcast\u0022 folgen'"
        >
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-1/2 w-1/2">
                <path x-show="subscribed"  style="display:none"                       fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
                <path x-show="! subscribed"                       d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" />
            </svg>
        </button>
    <!--[if ENDBLOCK]><![endif]--></div>
                        </div>
                    </div>
                    <a class="inline-block w-full" href="https://www.podcast.de/podcast/7943/nerdtalk-der-filmpodcast">
                        <div class="title truncate text-gray_main"><b>Nerdtalk - Der Filmpod...</b></div>
                        <div class="subtitle truncate text-gray_text">Der Schnack über Filme, D...</div>
                    </a>
                </div>
                                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-3100">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/3100/hr3-das-guckst-du" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/3100/hr3-das-guckst-du.png 2x, https://cdn.podcastcms.de/images/podcasts/315/3100/hr3-das-guckst-du.png 315w, https://cdn.podcastcms.de/images/podcasts/175/3100/hr3-das-guckst-du.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/3100/hr3-das-guckst-du.png"
                                alt="hr3 Das guckst Du"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'http:\/\/mp3.podcast.hr-online.de\/mp3\/podcast\/kinonews\/kinonews_20200524_85025373.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Dirk Steffens über das Artensterben\u0022,\u0022artist\u0022:\u0022hr3 Das guckst Du\u0022,\u0022url\u0022:\u0022http:\\\/\\\/mp3.podcast.hr-online.de\\\/mp3\\\/podcast\\\/kinonews\\\/kinonews_20200524_85025373.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3100\\\/s\\\/625104185\\\/dirk-steffens-ueber-das-artensterben.png\u0022,\u0022channelId\u0022:3100,\u0022channelSlug\u0022:\u0022hr3-das-guckst-du\u0022,\u0022showId\u0022:625104185}')) "
    title="Episode `Dirk Steffens über das Artensterben` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>
                            <!--[if ENDBLOCK]><![endif]-->                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3100\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Fkino-38\u0022,\u0022errorHeading\u0022:\u0022Das hat nicht geklappt\u0022,\u0022errorText\u0022:\u0022Wir konnten dein Abo gerade nicht speichern. Bitte versuche es noch einmal.\u0022,\u0022channelTitle\u0022:\u0022hr3 Das guckst Du\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3100\\\/hr3-das-guckst-du.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
    <!--[if BLOCK]><![endif]-->        
        <button
            type="button"
            @click.stop="toggle()"
            :disabled="busy"
            class="player-btn follow size-10 flex shrink-0 items-center justify-center rounded-full"
            :class="{ 'is-subscribed': subscribed }"
            title="Podcast &quot;hr3 Das guckst Du&quot; folgen"
            :title="subscribed ? 'Podcast `hr3 Das guckst Du` nicht mehr folgen' : 'Podcast \u0022hr3 Das guckst Du\u0022 folgen'"
        >
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-1/2 w-1/2">
                <path x-show="subscribed"  style="display:none"                       fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
                <path x-show="! subscribed"                       d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" />
            </svg>
        </button>
    <!--[if ENDBLOCK]><![endif]--></div>
                        </div>
                    </div>
                    <a class="inline-block w-full" href="https://www.podcast.de/podcast/3100/hr3-das-guckst-du">
                        <div class="title truncate text-gray_main"><b>hr3 Das guckst Du</b></div>
                        <div class="subtitle truncate text-gray_text"></div>
                    </a>
                </div>
                                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-9556">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/9556/bester-filmde-kino-podcast-aktuell-und-persoenlich" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/9556/bester-filmde-kino-podcast-aktuell-und-persoenlich.png 2x, https://cdn.podcastcms.de/images/podcasts/315/9556/bester-filmde-kino-podcast-aktuell-und-persoenlich.png 315w, https://cdn.podcastcms.de/images/podcasts/175/9556/bester-filmde-kino-podcast-aktuell-und-persoenlich.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/9556/bester-filmde-kino-podcast-aktuell-und-persoenlich.png"
                                alt="Bester-Film.de - Kino-Podcast aktuell und persönlich"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'http:\/\/www.bester-film.de\/assets\/podcasts\/toystory4.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Toy Story 4: Film-Rezension bei Bester-Film.de\u0022,\u0022artist\u0022:\u0022Bester-Film.de - Kino-Podcast aktuell und persönlich\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.bester-film.de\\\/assets\\\/podcasts\\\/toystory4.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/9556\\\/s\\\/624839390\\\/toy-story-4-film-rezension-bei-bester-filmde.png\u0022,\u0022channelId\u0022:9556,\u0022channelSlug\u0022:\u0022bester-filmde-kino-podcast-aktuell-und-persoenlich\u0022,\u0022showId\u0022:624839390}')) "
    title="Episode `Toy Story 4: Film-Rezension bei Bester-Film.de` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>
                            <!--[if ENDBLOCK]><![endif]-->                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/9556\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Fkino-38\u0022,\u0022errorHeading\u0022:\u0022Das hat nicht geklappt\u0022,\u0022errorText\u0022:\u0022Wir konnten dein Abo gerade nicht speichern. Bitte versuche es noch einmal.\u0022,\u0022channelTitle\u0022:\u0022Bester-Film.de - Kino-Podcast aktuell und persönlich\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/9556\\\/bester-filmde-kino-podcast-aktuell-und-persoenlich.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
    <!--[if BLOCK]><![endif]-->        
        <button
            type="button"
            @click.stop="toggle()"
            :disabled="busy"
            class="player-btn follow size-10 flex shrink-0 items-center justify-center rounded-full"
            :class="{ 'is-subscribed': subscribed }"
            title="Podcast &quot;Bester-Film.de - Kino-Podcast aktuell und persönlich&quot; folgen"
            :title="subscribed ? 'Podcast `Bester-Film.de - Kino-Podcast aktuell und persönlich` nicht mehr folgen' : 'Podcast \u0022Bester-Film.de - Kino-Podcast aktuell und persönlich\u0022 folgen'"
        >
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-1/2 w-1/2">
                <path x-show="subscribed"  style="display:none"                       fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
                <path x-show="! subscribed"                       d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" />
            </svg>
        </button>
    <!--[if ENDBLOCK]><![endif]--></div>
                        </div>
                    </div>
                    <a class="inline-block w-full" href="https://www.podcast.de/podcast/9556/bester-filmde-kino-podcast-aktuell-und-persoenlich">
                        <div class="title truncate text-gray_main"><b>Bester-Film.de - Kino-...</b></div>
                        <div class="subtitle truncate text-gray_text"></div>
                    </a>
                </div>
                                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-13968">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/13968/babbel-net-podcast" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/13968/babbel-net-podcast.png 2x, https://cdn.podcastcms.de/images/podcasts/315/13968/babbel-net-podcast.png 315w, https://cdn.podcastcms.de/images/podcasts/175/13968/babbel-net-podcast.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/13968/babbel-net-podcast.png"
                                alt="Babbel-Net - Podcast"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/reyes-hc.de\/babbelnet\/podcasts\/Babbel-Net%20-%20Podcast%20222.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Babbel-Net Podcast #8\u0022,\u0022artist\u0022:\u0022Babbel-Net - Podcast\u0022,\u0022url\u0022:\u0022https:\\\/\\\/reyes-hc.de\\\/babbelnet\\\/podcasts\\\/Babbel-Net%20-%20Podcast%20222.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/13968\\\/s\\\/706368574\\\/babbel-net-podcast-8.png\u0022,\u0022channelId\u0022:13968,\u0022channelSlug\u0022:\u0022babbel-net-podcast\u0022,\u0022showId\u0022:706368574}')) "
    title="Episode `Babbel-Net Podcast #8` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>
                            <!--[if ENDBLOCK]><![endif]-->                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/13968\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Fkino-38\u0022,\u0022errorHeading\u0022:\u0022Das hat nicht geklappt\u0022,\u0022errorText\u0022:\u0022Wir konnten dein Abo gerade nicht speichern. Bitte versuche es noch einmal.\u0022,\u0022channelTitle\u0022:\u0022Babbel-Net - Podcast\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/13968\\\/babbel-net-podcast.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
    <!--[if BLOCK]><![endif]-->        
        <button
            type="button"
            @click.stop="toggle()"
            :disabled="busy"
            class="player-btn follow size-10 flex shrink-0 items-center justify-center rounded-full"
            :class="{ 'is-subscribed': subscribed }"
            title="Podcast &quot;Babbel-Net - Podcast&quot; folgen"
            :title="subscribed ? 'Podcast `Babbel-Net - Podcast` nicht mehr folgen' : 'Podcast \u0022Babbel-Net - Podcast\u0022 folgen'"
        >
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-1/2 w-1/2">
                <path x-show="subscribed"  style="display:none"                       fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
                <path x-show="! subscribed"                       d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" />
            </svg>
        </button>
    <!--[if ENDBLOCK]><![endif]--></div>
                        </div>
                    </div>
                    <a class="inline-block w-full" href="https://www.podcast.de/podcast/13968/babbel-net-podcast">
                        <div class="title truncate text-gray_main"><b>Babbel-Net - Podcast</b></div>
                        <div class="subtitle truncate text-gray_text">Der Gemischtwarenladen eu...</div>
                    </a>
                </div>
                                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-16379">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/16379/detektorfm-kultur" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/16379/detektorfm-kultur.png 2x, https://cdn.podcastcms.de/images/podcasts/315/16379/detektorfm-kultur.png 315w, https://cdn.podcastcms.de/images/podcasts/175/16379/detektorfm-kultur.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/16379/detektorfm-kultur.png"
                                alt="detektor.fm | Kultur"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/flex2.acast.com\/s\/kultur-detektorfm\/u\/detektor.fm\/wp-content\/uploads\/2026\/08\/25082026monopol-podcastjuedisches-museum.24213.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Die Utopie ist schon mitten unter uns\u0022,\u0022artist\u0022:\u0022detektor.fm | Kultur\u0022,\u0022url\u0022:\u0022https:\\\/\\\/flex2.acast.com\\\/s\\\/kultur-detektorfm\\\/u\\\/detektor.fm\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/25082026monopol-podcastjuedisches-museum.24213.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/16379\\\/s\\\/705979596\\\/die-utopie-ist-schon-mitten-unter-uns.png\u0022,\u0022channelId\u0022:16379,\u0022channelSlug\u0022:\u0022detektorfm-kultur\u0022,\u0022showId\u0022:705979596}')) "
    title="Episode `Die Utopie ist schon mitten unter uns` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>
                            <!--[if ENDBLOCK]><![endif]-->                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/16379\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Fkino-38\u0022,\u0022errorHeading\u0022:\u0022Das hat nicht geklappt\u0022,\u0022errorText\u0022:\u0022Wir konnten dein Abo gerade nicht speichern. Bitte versuche es noch einmal.\u0022,\u0022channelTitle\u0022:\u0022detektor.fm | Kultur\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/16379\\\/detektorfm-kultur.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
    <!--[if BLOCK]><![endif]-->        
        <button
            type="button"
            @click.stop="toggle()"
            :disabled="busy"
            class="player-btn follow size-10 flex shrink-0 items-center justify-center rounded-full"
            :class="{ 'is-subscribed': subscribed }"
            title="Podcast &quot;detektor.fm | Kultur&quot; folgen"
            :title="subscribed ? 'Podcast `detektor.fm | Kultur` nicht mehr folgen' : 'Podcast \u0022detektor.fm | Kultur\u0022 folgen'"
        >
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-1/2 w-1/2">
                <path x-show="subscribed"  style="display:none"                       fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
                <path x-show="! subscribed"                       d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" />
            </svg>
        </button>
    <!--[if ENDBLOCK]><![endif]--></div>
                        </div>
                    </div>
                    <a class="inline-block w-full" href="https://www.podcast.de/podcast/16379/detektorfm-kultur">
                        <div class="title truncate text-gray_main"><b>detektor.fm | Kultur</b></div>
                        <div class="subtitle truncate text-gray_text"></div>
                    </a>
                </div>
                                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-37167">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/37167/insel-ruegen" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/37167/insel-ruegen.png 2x, https://cdn.podcastcms.de/images/podcasts/315/37167/insel-ruegen.png 315w, https://cdn.podcastcms.de/images/podcasts/175/37167/insel-ruegen.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/37167/insel-ruegen.png"
                                alt="Insel Ruegen"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'http:\/\/video.ostseeserver.de\/meeresblick.mpg' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Insel Ruegen\u0022,\u0022artist\u0022:\u0022Insel Ruegen\u0022,\u0022url\u0022:\u0022http:\\\/\\\/video.ostseeserver.de\\\/meeresblick.mpg\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/37167\\\/s\\\/4284485\\\/insel-ruegen.png\u0022,\u0022channelId\u0022:37167,\u0022channelSlug\u0022:\u0022insel-ruegen\u0022,\u0022showId\u0022:4284485}')) "
    title="Episode `Insel Ruegen` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>
                            <!--[if ENDBLOCK]><![endif]-->                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/37167\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Fkino-38\u0022,\u0022errorHeading\u0022:\u0022Das hat nicht geklappt\u0022,\u0022errorText\u0022:\u0022Wir konnten dein Abo gerade nicht speichern. Bitte versuche es noch einmal.\u0022,\u0022channelTitle\u0022:\u0022Insel Ruegen\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/37167\\\/insel-ruegen.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
    <!--[if BLOCK]><![endif]-->        
        <button
            type="button"
            @click.stop="toggle()"
            :disabled="busy"
            class="player-btn follow size-10 flex shrink-0 items-center justify-center rounded-full"
            :class="{ 'is-subscribed': subscribed }"
            title="Podcast &quot;Insel Ruegen&quot; folgen"
            :title="subscribed ? 'Podcast `Insel Ruegen` nicht mehr folgen' : 'Podcast \u0022Insel Ruegen\u0022 folgen'"
        >
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-1/2 w-1/2">
                <path x-show="subscribed"  style="display:none"                       fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
                <path x-show="! subscribed"                       d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" />
            </svg>
        </button>
    <!--[if ENDBLOCK]><![endif]--></div>
                        </div>
                    </div>
                    <a class="inline-block w-full" href="https://www.podcast.de/podcast/37167/insel-ruegen">
                        <div class="title truncate text-gray_main"><b>Insel Ruegen</b></div>
                        <div class="subtitle truncate text-gray_text">Ihr Videoarchiv zum Thema...</div>
                    </a>
                </div>
                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
    </div>
    <!--[if ENDBLOCK]><![endif]--></div>

                
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-base [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 mb-4 mt-8" data-flux-heading>Zuletzt aktualisierte Podcasts</div>

                <div class="flex flex-col gap-4">
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/2605576/kino" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2605576/kino.png"
                 alt="Kino"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/2605576/kino" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Kino</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Kino von Ernst &amp; Schmäh ist der Podcast für unser…
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/feeds.soundcloud.com\/stream\/1166639533-robert-leon-faustmann-tourfilm-quartett.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Tourfilm: Quartett\u0022,\u0022artist\u0022:\u0022Kino\u0022,\u0022url\u0022:\u0022https:\\\/\\\/feeds.soundcloud.com\\\/stream\\\/1166639533-robert-leon-faustmann-tourfilm-quartett.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2605576\\\/s\\\/643708851\\\/tourfilm-quartett.png\u0022,\u0022channelId\u0022:2605576,\u0022channelSlug\u0022:\u0022kino\u0022,\u0022showId\u0022:643708851}')) "
    title="Episode `Tourfilm: Quartett` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Tourfilm: Quartett
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3143867/zu-kino-sag-ich-nie-no" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3143867/zu-kino-sag-ich-nie-no.png"
                 alt="Zu Kino sag ich nie no"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3143867/zu-kino-sag-ich-nie-no" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Zu Kino sag ich nie no</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                ZU KINO SAG ICH NIE NO ist der Film-Podcast aus Berlin. In unserem
Format analysieren wir unterschiedliche Filme, von Arthaus Classics
bis hin zum Hollywood Blockbuster. Und natürlich immer mit jeder
Menge Humor und Spoilern. Also Augen zu, Start klicken und das
Podcast Kino genießen.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/ad39af50\/podcast\/play\/70902419\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2023-4-23%2Fd8bf3f3f-2ad7-f3f1-0d61-47974d1cee94.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Zu Kino sag ich nie no #6 - Wollen wir Freunde sein?\u0022,\u0022artist\u0022:\u0022Zu Kino sag ich nie no\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/ad39af50\\\/podcast\\\/play\\\/70902419\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2023-4-23%2Fd8bf3f3f-2ad7-f3f1-0d61-47974d1cee94.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3143867\\\/s\\\/623238805\\\/zu-kino-sag-ich-nie-no-6-wollen-wir-freunde-sein.png\u0022,\u0022channelId\u0022:3143867,\u0022channelSlug\u0022:\u0022zu-kino-sag-ich-nie-no\u0022,\u0022showId\u0022:623238805}')) "
    title="Episode `Zu Kino sag ich nie no #6 - Wollen wir Freunde sein?` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Zu Kino sag ich nie no #6 - Wollen wir Freunde sein?
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/2811891/kino-on-the-couch" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2811891/kino-on-the-couch.png"
                 alt="Kino on the Couch"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/2811891/kino-on-the-couch" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Kino on the Couch</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Willkommen zu „Kino on the Couch“! Einem Podcast, bei dem ein
aktueller Film zur Analyse auf die sprichwörtliche Therapie-Couch
gesetzt wird.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/7c224d50\/podcast\/play\/71823205\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2023-5-8%2F334046854-44100-2-d743190a1effe.m4a' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Kino Ambulant Classic #17 Small Deaths (1996) - Einschneidende Portäts des Aufwachsens\u0022,\u0022artist\u0022:\u0022Kino on the Couch\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/7c224d50\\\/podcast\\\/play\\\/71823205\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2023-5-8%2F334046854-44100-2-d743190a1effe.m4a\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2811891\\\/s\\\/624585177\\\/kino-ambulant-classic-17-small-deaths-1996-einschneidende-portaets-des-aufwachsens.png\u0022,\u0022channelId\u0022:2811891,\u0022channelSlug\u0022:\u0022kino-on-the-couch\u0022,\u0022showId\u0022:624585177}')) "
    title="Episode `Kino Ambulant Classic #17 Small Deaths (1996) - Einschneidende Portäts des Aufwachsens` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Kino Ambulant Classic #17 Small Deaths (1996) - Einschneidende Portäts des Aufwachsens
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3546142/kino-interview-lounge-der-star-talk-mit-christian-aust-und-bettina-aust" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3546142/kino-interview-lounge-der-star-talk-mit-christian-aust-und-bettina-aust.png"
                 alt="KINO INTERVIEW LOUNGE - Der Star Talk mit Christian Aust und Bettina Aust"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3546142/kino-interview-lounge-der-star-talk-mit-christian-aust-und-bettina-aust" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>KINO INTERVIEW LOUNGE - Der Star Talk mit Christian Aust und B...</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Sie sind neugierig, humorvoll, charmant und manchmal auch frech.
Was passiert, wenn diese beiden Menschen auf die größten Stars des
deutschen Films treffen? Inspirierende Gespräche, spannende
Einblicke und überraschende Antworten. &amp;nbsp;Christian und Bettina
Aust sind vor und hinter dem Mikrofon ein Paar und zwei, die als
Journalist und Journalistin schon seit vielen Jahren Filmstars zum
Interview treffen. Und: Sie lieben das Kino!&amp;nbsp; &amp;nbsp; Für ihren
Podcast KINO INTERVIEW LOUNGE – Der Star Talk laden sie die großen
Persönlichkeiten des deutschen Films zum Lounge-Gespräch ein. Ihre
Talks sind amüsant, emotional und trotzdem deep. Dabei geben die
Stars einen ganz persönlichen Einblick in Karriere und Leben - mit
bewegenden und überraschenden Momenten, witzigen Stories und
natürlich ihren aktuellen Projekten. &amp;nbsp; Neugierig geworden? Den
Podcast KINO INTERVIEW LOUNGE – Der Star Talk mit Christian und
Bettina Aust hört Ihr ab sofort überall dort, wo es Podcasts gibt.
&amp;nbsp;
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/lcdn.letscast.fm\/media\/podcast\/96fdce57\/episode\/8ea3a96e.mp3?t=1789500873' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Oliver Masucci im Podcast Kino Interview Lounge!\u0022,\u0022artist\u0022:\u0022KINO INTERVIEW LOUNGE - Der Star Talk mit Christian Aust und Bettina Aust\u0022,\u0022url\u0022:\u0022https:\\\/\\\/lcdn.letscast.fm\\\/media\\\/podcast\\\/96fdce57\\\/episode\\\/8ea3a96e.mp3?t=1789500873\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3546142\\\/s\\\/707203297\\\/oliver-masucci-im-podcast-kino-interview-lounge.png\u0022,\u0022channelId\u0022:3546142,\u0022channelSlug\u0022:\u0022kino-interview-lounge-der-star-talk-mit-christian-aust-und-bettina-aust\u0022,\u0022showId\u0022:707203297}')) "
    title="Episode `Oliver Masucci im Podcast Kino Interview Lounge!` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Oliver Masucci im Podcast Kino Interview Lounge!
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3110950/kirche-im-kino-innsbruck-podcasts" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3110950/kirche-im-kino-innsbruck-podcasts.png"
                 alt="Kirche im Kino Innsbruck | Podcasts"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3110950/kirche-im-kino-innsbruck-podcasts" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Kirche im Kino Innsbruck | Podcasts</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Die KIRCHE IM KINO ist eine Freikirche im Zentrum von Innsbruck.
Wir glauben an einen Gott, der Menschen aller Generationen und
Kulturen willkommen heißt. Über diesen Podcast möchten wir gerne
unsere Predigten allen Menschen zugänglich machen Wenn du Fragen
hast, schau auf unserer Homepage vorbei: https://kircheimkino.at
oder schreib uns einfach eine Mail: info@kircheimkino.at
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/4ad297c8\/podcast\/play\/125726213\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-14%2F66ca2e5e-1008-e11f-128b-8b731e2f408c.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Wähle die bessere Party\u0022,\u0022artist\u0022:\u0022Kirche im Kino Innsbruck | Podcasts\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/4ad297c8\\\/podcast\\\/play\\\/125726213\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-14%2F66ca2e5e-1008-e11f-128b-8b731e2f408c.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3110950\\\/s\\\/707155651\\\/waehle-die-bessere-party.png\u0022,\u0022channelId\u0022:3110950,\u0022channelSlug\u0022:\u0022kirche-im-kino-innsbruck-podcasts\u0022,\u0022showId\u0022:707155651}')) "
    title="Episode `Wähle die bessere Party` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Wähle die bessere Party
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/2319760/kino-kino-shortcuts" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2319760/kino-kino-shortcuts.png"
                 alt="Kino Kino-Shortcuts"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/2319760/kino-kino-shortcuts" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Kino Kino-Shortcuts</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Die Kino Kino-Shortcuts: die aktuellen Filmstarts im
Schnelldurchlauf!
            </p>

                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/923415/nie-im-kino-spektakulaer-gescheiterte-filmprojekte" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/923415/nie-im-kino-spektakular-gescheiterte-filmprojekte.png"
                 alt="Nie im Kino - Spektakulär gescheiterte Filmprojekte"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/923415/nie-im-kino-spektakulaer-gescheiterte-filmprojekte" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Nie im Kino - Spektakulär gescheiterte Filmprojekte</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Wir holen die Leichen aus dem Keller Hollywoods und sprechen über
Filme, die es nie bis ins Kino geschafft haben. Es geht um
verzweifelte Produzenten, tief enttäuschte Regisseure und
größenwahnsinnige Filmprojekte.
            </p>

                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3743268/die-spaetvorstellung-eine-ode-an-das-kino-mit-charakter" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3743268/die-spatvorstellung-eine-ode-an-das-kino-mit-charakter.png"
                 alt="Die Spätvorstellung: Eine Ode an das Kino mit Charakter"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3743268/die-spaetvorstellung-eine-ode-an-das-kino-mit-charakter" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Die Spätvorstellung: Eine Ode an das Kino mit Charakter</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Instagram: @spaetvorstellungpodcast Licht aus, Vorhang auf.
Spätvorstellung ist Marco Dierks‘ Ode an das Kino mit Charakter.
Wir zelebrieren die Liebe zum Film – vom trashigen Charme der 70er
&amp;amp; 80er über große Blockbuster bis zum Independent-Juwel. ​Wir
wecken Erinnerungen: An das Warten vor der Videothek, das
Herzklopfen beim Ins-Kino-Schleichen und das magische Knistern,
wenn die Popcorntüte raschelt. Wir lassen die Filmleidenschaft
wieder aufleben, entdecken Klassiker neu und machen Lust auf das
ganz besondere Kinoerlebnis. ​Schnapp dir deine Tüte Popcorn. Es
wird Zeit für die Spätvorstellung!
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/114349094\/podcast\/play\/125399065\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-8%2F431444907-44100-2-6380d0399537c.m4a' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022American Werewolf (1981)\u0022,\u0022artist\u0022:\u0022Die Spätvorstellung: Eine Ode an das Kino mit Charakter\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/114349094\\\/podcast\\\/play\\\/125399065\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-8%2F431444907-44100-2-6380d0399537c.m4a\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3743268\\\/s\\\/707049964\\\/american-werewolf-1981.png\u0022,\u0022channelId\u0022:3743268,\u0022channelSlug\u0022:\u0022die-spaetvorstellung-eine-ode-an-das-kino-mit-charakter\u0022,\u0022showId\u0022:707049964}')) "
    title="Episode `American Werewolf (1981)` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        American Werewolf (1981)
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3544017/jjk-der-kino-podcast" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3544017/jjk-der-kino-podcast.png"
                 alt="JJK- Der Kino Podcast"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3544017/jjk-der-kino-podcast" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>JJK- Der Kino Podcast</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Hallo und herzlich Willkommen zu unserem Kino Podcast: &quot;JJK -
Julián - Jason - Kino&quot;. Wir sprechen hier regelmäßig und möglichst
spoilerfrei über aktuelle Filme, welche wir uns im Kino anschauen.
Darüber hinaus besprechen wir auch ältere Filme sowie Serien und
Anime. Dann wird es hier immer mal wieder Special-Folgen geben, wie
zum Beispiel die 10 besten Antagonisten, die 10 besten Anime, dies,
das, Ananas. Über uns: Filme und Serien, das ist unser Hobby! Wir
sind die letzten Jahre im Schnitt 30 mal pro Jahr ins Kino gegangen
und haben anschließend über das Gesehene gequatscht. Wir haben
diskutiert, gelacht, uns aufgeregt und geschwärmt. Oft über den ca.
30 Minuten langen Heimweg hinaus. Irgendwann haben wir uns 2
Mikrofone gekauft, unsere Gespräche aufgenommen und hier sind wir
nun und wollen euch mitnehmen und begeistern!
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/jjk.podcaster.de\/jjk-der-kino-podcast\/media\/6.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Folge 6: Leviathan, Wick ist Pain, Ballerina, 28 Years Later\u0022,\u0022artist\u0022:\u0022JJK- Der Kino Podcast\u0022,\u0022url\u0022:\u0022https:\\\/\\\/jjk.podcaster.de\\\/jjk-der-kino-podcast\\\/media\\\/6.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3544017\\\/s\\\/692642231\\\/folge-6-leviathan-wick-ist-pain-ballerina-28-years-later.png\u0022,\u0022channelId\u0022:3544017,\u0022channelSlug\u0022:\u0022jjk-der-kino-podcast\u0022,\u0022showId\u0022:692642231}')) "
    title="Episode `Folge 6: Leviathan, Wick ist Pain, Ballerina, 28 Years Later` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Folge 6: Leviathan, Wick ist Pain, Ballerina, 28 Years Later
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3543814/kino-der-geschichte" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3543814/kino-der-geschichte.png"
                 alt="Kino der Geschichte"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3543814/kino-der-geschichte" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Kino der Geschichte</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Kino und Geschichte, eine Kombination, die die Massen begeistert:
Von den alten Römern über Ritter und Hexen, Piraten und
Königshäuser, bis hin zu Panzerkriegen und Wildwest-Geschichten -
es gibt unendlich viele Filme aus allen Epochen. Denise und Nils
sprechen in diesem Podcast über Geschichtsfilme und ihre
Hintergründe. Im Gespräch mit Historiker*innen und
Filminteressierten, widmen sie sich spannenden Fragen und
kontroversen Meinungen - natürlich immer mit wissenschaftlichen
Fakten und einer Prise Humor.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/1008a3544\/podcast\/play\/97788750\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2025-0-30%2Fe413ed34-a0a0-77d6-cfcd-6169bf8a1476.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Napoleon auf der Leinwand\u0022,\u0022artist\u0022:\u0022Kino der Geschichte\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/1008a3544\\\/podcast\\\/play\\\/97788750\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2025-0-30%2Fe413ed34-a0a0-77d6-cfcd-6169bf8a1476.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3543814\\\/s\\\/670158106\\\/napoleon-auf-der-leinwand.png\u0022,\u0022channelId\u0022:3543814,\u0022channelSlug\u0022:\u0022kino-der-geschichte\u0022,\u0022showId\u0022:670158106}')) "
    title="Episode `Napoleon auf der Leinwand` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Napoleon auf der Leinwand
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3467738/kay-kino-der-film-und-heimkino-podcast" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3467738/kay-kino-der-film-und-heimkino-podcast.png"
                 alt="Kay Kino - Der Film- und Heimkino Podcast"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3467738/kay-kino-der-film-und-heimkino-podcast" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Kay Kino - Der Film- und Heimkino Podcast</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Film-, Fernseh-, Streaming- und Heimkino-Therapie mit
Filmjournalist und Filmwissenschaftler Kay Pinno und möglicherweise
illustren Gästen. Alles Neue und Alte rund um Kino- und
Heimkinokultur und einem Blick in die Genre-Filmblase. Kay Pinno
ist seit über 30 Jahren im Filmjournalismus unterwegs und bekannt
aus &quot;Deadline - Das Filmmagazin&quot;, &quot;DVDrome.com&quot;, &quot;Splatting Image&quot;,
&quot;WAZ - Westdeutsche Allgemeine Zeitung&quot;, &quot;Cinema&quot;, &quot;Onruhr&quot;,
&quot;Burning Paradise&quot;, &quot;Der Schnitt&quot; u.a.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/c6add54c\/podcast\/play\/125455984\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-9%2F9d382b5c-01f6-5bfe-3d51-c8a94ed0930f.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Kay Kino EP58 - HARD BOILED im Kino und auf 4K UHD - John Woo Meisterwerke Teil 2\u0022,\u0022artist\u0022:\u0022Kay Kino - Der Film- und Heimkino Podcast\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/c6add54c\\\/podcast\\\/play\\\/125455984\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-9%2F9d382b5c-01f6-5bfe-3d51-c8a94ed0930f.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3467738\\\/s\\\/706992802\\\/kay-kino-ep58-hard-boiled-im-kino-und-auf-4k-uhd-john-woo-meisterwerke-teil-2.png\u0022,\u0022channelId\u0022:3467738,\u0022channelSlug\u0022:\u0022kay-kino-der-film-und-heimkino-podcast\u0022,\u0022showId\u0022:706992802}')) "
    title="Episode `Kay Kino EP58 - HARD BOILED im Kino und auf 4K UHD - John Woo Meisterwerke Teil 2` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Kay Kino EP58 - HARD BOILED im Kino und auf 4K UHD - John Woo Meisterwerke Teil 2
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3445824/youwho-der-podcast-mit-profis-aus-film-fernsehen-kino-und-theater" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3445824/youwho-der-podcast-mit-profis-aus-film-fernsehen-kino-und-theater.png"
                 alt="YOU.WHO? - der Podcast mit Profis aus Film, Fernsehen, Kino und Theater. "
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3445824/youwho-der-podcast-mit-profis-aus-film-fernsehen-kino-und-theater" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>YOU.WHO? - der Podcast mit Profis aus Film, Fernsehen, Kino un...</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Das Who&#039;s Who ist nur die Spitze des Eisbergs. In YOU.WHO? trifft
Tim Koller Profis aus den Bereichen Film, Fernsehen, Kino und
Theater. Von den Herausforderungen der Branche bis zu
herzerwärmenden Anekdoten und inspirierenden Erfahrungen – hier
bekommst du hautnahen Einblick in die faszinierenden Geschichten
und Erlebnisse von einigen der spannendsten Persönlichkeiten, die
die Unterhaltungsbranche zu bieten hat. Wir sind uns sicher, den
ein oder anderen Gast hast du schon mal irgendwo gesehen, direkt
oder indirekt - bewusst oder unbewusst! Lass dich überraschen! - Ab
Juli 2024!
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/f4f5612c\/podcast\/play\/98281189\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2025-1-10%2F702e91fd-7cdc-47e5-c9f1-6c45a5c7cf61.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022YOU.WHO? - ALBAN MONDSCHEIN\u0022,\u0022artist\u0022:\u0022YOU.WHO? - der Podcast mit Profis aus Film, Fernsehen, Kino und Theater. \u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/f4f5612c\\\/podcast\\\/play\\\/98281189\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2025-1-10%2F702e91fd-7cdc-47e5-c9f1-6c45a5c7cf61.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3445824\\\/s\\\/673945822\\\/youwho-alban-mondschein.png\u0022,\u0022channelId\u0022:3445824,\u0022channelSlug\u0022:\u0022youwho-der-podcast-mit-profis-aus-film-fernsehen-kino-und-theater\u0022,\u0022showId\u0022:673945822}')) "
    title="Episode `YOU.WHO? - ALBAN MONDSCHEIN` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        YOU.WHO? - ALBAN MONDSCHEIN
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3423228/filmmachtkritisch-der-podcast-ueber-das-andere-kino" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3423228/filmmachtkritisch-der-podcast-uber-das-andere-kino.png"
                 alt="film.macht.kritisch. - Der Podcast über das *andere* Kino"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3423228/filmmachtkritisch-der-podcast-ueber-das-andere-kino" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>film.macht.kritisch. - Der Podcast über das *andere* Kino</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Willkommen bei film.macht.kritisch. — dem Podcast über das *andere*
Kino. Hier geht es um ein bewusst antidiskriminierendes,
intersektional feministisches, queeres und dekoloniales Kino und
eine Filmkultur, die den Status Quo herausfordert.
film.macht.kritisch. bietet einen Diskursraum für alle an, die sich
für ein diverses, solidarisches und gerechtes Kino interessieren
und in diesem Kontext aktiv sind/werden wollen. Weitere
Informationen über mich und meine Arbeit findest du auf
https://linktr.ee/cananturan und auf @canan_turan_film
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/mcdn.podbean.com\/mf\/web\/i2p2a74nu7id34hx\/Vorteile_FINAL.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022#23: Was im Film möglich wird, wenn wir Geschichten anders erzählen\u0022,\u0022artist\u0022:\u0022film.macht.kritisch. - Der Podcast über das *andere* Kino\u0022,\u0022url\u0022:\u0022https:\\\/\\\/mcdn.podbean.com\\\/mf\\\/web\\\/i2p2a74nu7id34hx\\\/Vorteile_FINAL.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3423228\\\/s\\\/707011198\\\/23-was-im-film-moeglich-wird-wenn-wir-geschichten-anders-erzaehlen.png\u0022,\u0022channelId\u0022:3423228,\u0022channelSlug\u0022:\u0022filmmachtkritisch-der-podcast-ueber-das-andere-kino\u0022,\u0022showId\u0022:707011198}')) "
    title="Episode `#23: Was im Film möglich wird, wenn wir Geschichten anders erzählen` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        #23: Was im Film möglich wird, wenn wir Geschichten anders erzählen
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3278239/ganz-grosses-kino" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3278239/ganz-grosses-kino.png"
                 alt="Ganz Grosses Kino"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3278239/ganz-grosses-kino" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>Ganz Grosses Kino</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Ein Podcast über Gott und die Welt… und Filme
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/podcast.ganz-grosses-kino.org\/media\/2024-05-19_2024-05-12-ggk-022-gerichtsfilme.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Folge 22: Anatomie eines berechtigten Zweifels\u0022,\u0022artist\u0022:\u0022Ganz Grosses Kino\u0022,\u0022url\u0022:\u0022https:\\\/\\\/podcast.ganz-grosses-kino.org\\\/media\\\/2024-05-19_2024-05-12-ggk-022-gerichtsfilme.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3278239\\\/s\\\/632386533\\\/folge-22-anatomie-eines-berechtigten-zweifels.png\u0022,\u0022channelId\u0022:3278239,\u0022channelSlug\u0022:\u0022ganz-grosses-kino\u0022,\u0022showId\u0022:632386533}')) "
    title="Episode `Folge 22: Anatomie eines berechtigten Zweifels` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        Folge 22: Anatomie eines berechtigten Zweifels
                    </div>
                </div>
                    </div>
    </div>
</div>
                                                                    <div class="border [:where(&amp;)]:bg-white [:where(&amp;)]:border-zinc-200 dark:[:where(&amp;)]:bg-white/10 dark:[:where(&amp;)]:border-white/10 [:where(&amp;)]:p-6 [:where(&amp;)]:rounded-xl [--flux-bleed:1.5rem] !p-5" data-flux-card>
    <div class="flex gap-4">
        <a href="https://www.podcast.de/podcast/3075501/akiwiwa-als-kino-wichtig-war-when-cinema-mattered" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3075501/akiwiwa-als-kino-wichtig-war-when-cinema-mattered.png"
                 alt="akiwiwa - als Kino wichtig war | when cinema mattered"
                 loading="lazy"
                 class="size-24 sm:size-28 rounded-lg object-cover bg-zinc-100 dark:bg-zinc-800" />
        </a>

        <div class="min-w-0 flex-1">
            <a href="https://www.podcast.de/podcast/3075501/akiwiwa-als-kino-wichtig-war-when-cinema-mattered" class="no-underline">
                <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-sm [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 !mb-1 line-clamp-2" data-flux-heading>akiwiwa - als Kino wichtig war | when cinema mattered</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Die Aktualität der alten Kinofilme. Podcast von Joachim Polzer und Kilian Mutschke. Website: http://akiwiwa.de akiwiwa - als Kino wichtig war | when cinema mattered is made with Jetpack Podcast. Full show notes and every episode at https://duskofdigita...
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'http:\/\/akiwiwa.de\/audio\/akiwiwa_F41_128.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022akiwiwa #41 | Vier Mal Oppenheimer | 80 Jahre Atombombe auf Hiroshima\u0022,\u0022artist\u0022:\u0022akiwiwa - als Kino wichtig war | when cinema mattered\u0022,\u0022url\u0022:\u0022http:\\\/\\\/akiwiwa.de\\\/audio\\\/akiwiwa_F41_128.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3075501\\\/s\\\/690095879\\\/akiwiwa-41-vier-mal-oppenheimer-80-jahre-atombombe-auf-hiroshima.png\u0022,\u0022channelId\u0022:3075501,\u0022channelSlug\u0022:\u0022akiwiwa-als-kino-wichtig-war-when-cinema-mattered\u0022,\u0022showId\u0022:690095879}')) "
    title="Episode `akiwiwa #41 | Vier Mal Oppenheimer | 80 Jahre Atombombe auf Hiroshima` abspielen"
    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
    class="player-btn play size-8 rounded-full flex items-center justify-center shrink-0"
>
    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
        <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
    </svg>
    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
        <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
    </svg>
</button>

                    <div class="min-w-0 text-sm font-medium text-gray_main dark:text-zinc-100 truncate">
                        akiwiwa #41 | Vier Mal Oppenheimer | 80 Jahre Atombombe auf Hiroshima
                    </div>
                </div>
                    </div>
    </div>
</div>
                                    </div>

                <div class="mt-6"><nav role="navigation" aria-label="Pagination Navigation" class="flex flex-wrap items-center justify-between gap-3">
        <p class="hidden sm:block m-0 text-sm text-zinc-500 dark:text-zinc-400">
            Treffer 1–15 von 252
        </p>

        <div class="flex flex-wrap items-center gap-3">
            <div class="flex flex-wrap items-center gap-1">
                
                                    <span class="inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm no-underline transition-colors border-zinc-200 dark:border-zinc-700 text-zinc-300 dark:text-zinc-600 cursor-not-allowed" aria-disabled="true">Zurück</span>
                
                                    
                                                                                                        <span class="inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm no-underline transition-colors border-zinc-300 dark:border-zinc-600 bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-zinc-100 font-semibold" aria-current="page">1</span>
                                                                                                                <a href="https://www.podcast.de/beste-podcasts/kino-38?query=kino&amp;page=2"
                                   class="inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm no-underline transition-colors border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 text-zinc-600 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-700"
                                   aria-label="Go to page 2">2</a>
                                                                                                                                    <span class="inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm no-underline transition-colors border-zinc-200 dark:border-zinc-700 text-zinc-300 dark:text-zinc-600 cursor-not-allowed" aria-disabled="true">...</span>
                    
                                                        
                                                                                                        <a href="https://www.podcast.de/beste-podcasts/kino-38?query=kino&amp;page=17"
                                   class="inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm no-underline transition-colors border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 text-zinc-600 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-700"
                                   aria-label="Go to page 17">17</a>
                                                                                        
                
                                    <a href="https://www.podcast.de/beste-podcasts/kino-38?query=kino&amp;page=2" rel="next" class="inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm no-underline transition-colors border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 text-zinc-600 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-700">Weiter</a>
                            </div>

            <form method="GET"
          action="https://www.podcast.de/beste-podcasts/kino-38"
          class="flex items-center gap-1"
          x-data="{
              page: '1',
              go() {
                  const target = Math.min(17, Math.max(1, parseInt(this.page) || 1));
                  this.page = target;

                                        const url = new URL('https://www.podcast.de/beste-podcasts/kino-38?query=kino&amp;page=' + target, location.href);

                      // Dieselbe Ausnahmeliste wie der Klick-Interceptor in
                      // layouts/app.blade.php: Seiten, die keinen SPA-Swap
                      // vertragen, bekommen auch hier einen echten Wechsel.
                      const excluded = (window.__spaPathExcludes || []).some(
                          (p) => url.pathname === p || url.pathname.startsWith(p + '/')
                      );

                      !excluded && window.Livewire?.navigate
                          ? window.Livewire.navigate(url.href)
                          : window.location.assign(url.href);
                                },
          }"
          @submit.prevent="go()">
                    <input type="hidden" name="query" value="kino">
        
        <label class="flex items-center gap-1">
            <span class="hidden sm:inline text-sm text-zinc-500 dark:text-zinc-400">Seite</span>

            <input type="number"
                   name="page"
                   min="1"
                   max="17"
                   required
                   inputmode="numeric"
                   x-model="page"
                   value="1"
                   aria-label="Zu Seite springen (1 bis 17)"
                   class="w-16 rounded-md border border-zinc-200 bg-white px-2 py-2 text-sm text-zinc-700 focus:border-zinc-400 focus:outline-none focus:ring-2 focus:ring-zinc-200 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-200 dark:focus:border-zinc-500 dark:focus:ring-zinc-700">
        </label>

        <button type="submit" class="inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm no-underline transition-colors border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 text-zinc-600 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-700">Los</button>
    </form>
        </div>
    </nav>
</div>
            </div>
        </div>

            </div>











            </div>

                            <footer class="mt-16 text-white bg-gray_main dark:bg-zinc-800">
    <div class="container relative mx-auto btn-up hidden lg:block" @click="window.scrollTo({ top: 0, behavior: 'smooth' })">
        <div class="w-fit bg-white rounded-full p-4 cursor-pointer absolute top-[-25.25px] right-0 z-1 shadow-md">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#444" height="30" width="30">
                <path fill-rule="evenodd" d="M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z" clip-rule="evenodd" />
            </svg>
        </div>
    </div>
    <div class="container py-14">
    <div class="flex flex-row flex-wrap">
        <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0">
            <h5 class="mb-10 sm:text-xl font-bold">Unternehmen</h5>
            <ul class="text-xs sm:text-sm flex flex-col gap-3">
                <li>
                    <a href="https://www.podcast.de/team" title="Unsere &quot;Über uns&quot;-Seite">Team</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/karriere">Karriere</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/impressum">Impressum</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/werbung">Werben auf podcast.de</a>
                </li>
            </ul>
        </div>
        <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0">
            <h5 class="mb-10 sm:text-xl font-bold">Service</h5>
            <ul class="text-xs sm:text-sm flex flex-col gap-3">
                <li>
                    <a href="https://www.podcast.de/kontakt">Kontakt</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/presse">Presse</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/agb">Nutzungsbedingungen</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/datenschutzerklaerung">Datenschutz</a>
                </li>
            </ul>
        </div>
        <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0">
            <h5 class="mb-10 sm:text-xl font-bold">Apps</h5>
            <ul class="text-xs sm:text-sm flex flex-col gap-3">
                
                <li>
                    <a href="https://www.podcast.de/apps/podcast-web-player"
                       title="Podcasts im Browser hören – der Web-Player von podcast.de">Web-Player</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/apps/podcast-app-ios"
                       title="Die podcast.de App für iPhone und iPad">iPhone &amp; iPad</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/apps/podcast-app-android"
                       title="Die podcast.de App für Android – in Entwicklung">Android</a>
                </li>
                
                

                
            </ul>
        </div>
        <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0">
            <h5 class="mb-10 sm:text-xl font-bold">Produkte</h5>
            <ul class="text-xs sm:text-sm flex flex-col gap-3">
                
                <li>
                    <a href="https://www.podcaster.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_content=podcast-hochladen&mtm_placement=footer"
                       target="_blank" title="Zum Podcast-Hosting von podcaster.de">Podcast-Hosting</a>
                </li>
                <li>
                    <a href="https://podspace.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_content=podcast-studios&mtm_placement=footer"
                       target="_blank" title="Zu den Podcast-Studios von podspace">Podcast-Studios</a>
                </li>
                <li>
                    <a href="https://www.podcastpush.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_content=podcast-push&mtm_placement=footer"
                       target="_blank" title="Zu Podcast-Push">Podcast-Push</a>
                </li>
                <li>
                    <a href="https://www.podcast.de/podcast-werbung">Podcast-Werbung</a>
                </li>
                <li>
                    <a href="https://1podcast.de/podcast-agentur">Podcast-Agentur</a>
                </li>
                
            </ul>
        </div>
    </div>
    
    <div class="flex flex-col sm:flex-row items-center justify-center gap-10 mt-14">
        <div>
            <ul class="flex flex-row gap-3 justify-center">
                <li class="rounded-full bg-gray-600 p-2" >
                    <a href="https://instagram.com/podcastplattform" rel="noreferrer nofollow noopener"
                       title="Instagram @podcastplattform" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                            <path fill="currentColor" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3" />
                        </svg>
                    </a>
                </li>
                <li class="rounded-full bg-gray-600 p-2">
                    <a href="https://www.linkedin.com/company/podcast-de"
                       rel="noreferrer nofollow noopener" title="LinkedIn" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                            <path fill="currentColor" d="M4.75 1.875a2.125 2.125 0 1 0 0 4.25a2.125 2.125 0 0 0 0-4.25m-2 6A.125.125 0 0 0 2.625 8v13c0 .069.056.125.125.125h4A.125.125 0 0 0 6.875 21V8a.125.125 0 0 0-.125-.125zm6.5 0A.125.125 0 0 0 9.125 8v13c0 .069.056.125.125.125h4a.125.125 0 0 0 .125-.125v-7a1.875 1.875 0 1 1 3.75 0v7c0 .069.056.125.125.125h4a.125.125 0 0 0 .125-.125v-8.62c0-2.427-2.11-4.325-4.525-4.106a7.2 7.2 0 0 0-2.169.548l-1.306.56V8a.125.125 0 0 0-.125-.125z" />
                        </svg>
                    </a>
                </li>
                <li class="rounded-full bg-gray-600 p-2">
                    <a href="https://facebook.com/podcastportal" rel="noreferrer nofollow noopener"
                       title="Facebook @podcastportal" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                            <path fill="currentColor" d="M17 3.5a.5.5 0 0 0-.5-.5H14a4.77 4.77 0 0 0-5 4.5v2.7H6.5a.5.5 0 0 0-.5.5v2.6a.5.5 0 0 0 .5.5H9v6.7a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-6.7h2.62a.5.5 0 0 0 .49-.37l.72-2.6a.5.5 0 0 0-.48-.63H13V7.5a1 1 0 0 1 1-.9h2.5a.5.5 0 0 0 .5-.5Z" />
                        </svg>
                    </a>
                </li>
                
                <li class="mx-1 h-6 w-px self-center bg-white/25" aria-hidden="true"></li>
                <li class="rounded-full bg-gray-600 p-2 transition-colors hover:bg-primary" x-data>
                    <button type="button"
                            data-cookie-settings
                            @click="$store.cookieConsent.openSettings()"
                            title="Cookie-Einstellungen"
                            aria-label="Cookie-Einstellungen"
                            class="flex cursor-pointer items-center justify-center">
                        
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
                             fill="none" stroke="currentColor" stroke-width="1.7"
                             stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                            <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5Z" />
                            <path d="M8.5 10.5h.01M12 15h.01M15.5 11.5h.01M8 15h.01" />
                        </svg>
                    </button>
                </li>
            </ul>
            <div class="mt-6 text-white text-center">
                podcast.de ~ 2004-2026            </div>
        </div>
    </div>

    
    <div class="mt-10 flex justify-center">
        <a href="https://www.podcastplattform.de/?mtm_campaign=nav&mtm_source=podcast&mtm_medium=website&mtm_content=logo&mtm_placement=footer"
           target="_blank">
            <img src="https://www.podcast.de/build/assets/PodcastPlattformFullService-CzCKBtSl.svg"
                 width="280" height="89"
                 alt="Podcast Plattform" style="width:280px;height:89px">
        </a>
    </div>
</div>



</footer>
            

















        </div>

        
        <div x-data
     x-show="$store.cookieConsent.settingsOpen"
     x-cloak
     @keydown.escape.window="$store.cookieConsent.closeSettings()"
     class="fixed inset-0 z-50 flex items-end justify-center p-3 sm:items-center sm:p-5 print:hidden"
     role="dialog"
     aria-modal="true"
     aria-labelledby="cookie-settings-title">
    <div class="absolute inset-0 bg-black/40" @click="$store.cookieConsent.closeSettings()"></div>

    <div class="relative w-full max-w-lg rounded-2xl border border-stroke/70 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-900">
        <h2 id="cookie-settings-title" class="mb-1 text-lg font-bold text-neutral dark:text-white">
            Cookie-Einstellungen        </h2>
        <p class="mb-4 text-sm text-gray_text dark:text-zinc-300">Du entscheidest, was wir uns in diesem Browser merken dürfen.</p>

        
                            <ul class="mb-5 space-y-1.5">
                                    <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300">
                        <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                            <path fill-rule="evenodd" d="M16.7 5.3a1 1 0 0 1 0 1.4l-7.5 7.5a1 1 0 0 1-1.4 0L3.3 9.7a1 1 0 1 1 1.4-1.4l3.8 3.8 6.8-6.8a1 1 0 0 1 1.4 0Z" clip-rule="evenodd" />
                        </svg>
                        <span>Wir verwenden technisch notwendige Cookies für die Anmeldung.</span>
                    </li>
                                    <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300">
                        <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                            <path fill-rule="evenodd" d="M16.7 5.3a1 1 0 0 1 0 1.4l-7.5 7.5a1 1 0 0 1-1.4 0L3.3 9.7a1 1 0 1 1 1.4-1.4l3.8 3.8 6.8-6.8a1 1 0 0 1 1.4 0Z" clip-rule="evenodd" />
                        </svg>
                        <span>Wir nutzen ein hauseigenes Analyse-System.</span>
                    </li>
                            </ul>
        
        <div class="flex flex-col gap-4">
            <label class="flex items-start gap-3">
                <input type="checkbox" checked disabled
                       class="mt-0.5 h-4 w-4 shrink-0 rounded-sm border-stroke text-primary opacity-50 dark:border-zinc-600">
                <span class="text-sm leading-snug text-gray_text dark:text-zinc-300">
                    <span class="font-bold text-neutral dark:text-white">Notwendige Cookies</span>
                    <span class="block">Für Anmeldung, Sicherheit und die Grundfunktionen der Seite. Ohne sie geht hier nichts, deshalb sind sie immer an.</span>
                </span>
            </label>

            <label class="flex cursor-pointer items-start gap-3">
                <input type="checkbox"
                       class="mt-0.5 h-4 w-4 shrink-0 cursor-pointer rounded-sm border-stroke text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary dark:border-zinc-600 dark:bg-zinc-800"
                       :checked="$store.cookieConsent.comfort"
                       @change="$store.cookieConsent.setComfort($event.target.checked)">
                <span class="text-sm leading-snug text-gray_text dark:text-zinc-300">
                    <span class="font-bold text-neutral dark:text-white">Komfort-Cookies</span>
                    <span class="block">Merkt sich ohne Konto, wo du eine Folge unterbrochen hast — Grundlage für "Weiterhören" auf der Startseite.</span>
                    <span class="mt-1 block text-xs text-zinc-500 dark:text-zinc-400">Schaltest du sie ab, löschen wir den gemerkten Hörfortschritt dieses Browsers.</span>
                </span>
            </label>
        </div>

        <div class="mt-6 flex justify-end">
            <button type="button"
                    @click="$store.cookieConsent.closeSettings()"
                    class="inline-flex cursor-pointer items-center justify-center rounded-full bg-primary px-6 py-2.5 text-sm font-bold text-white transition-colors hover:bg-orange_main focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary">
                Fertig            </button>
        </div>
    </div>
</div>

        
        <div x-persist="toast">
            <ui-toast-group x-data x-on:toast-show.document="$el.showToast($event.detail)" popover="manual" position="bottom start"  wire:ignore>
    <ui-toast x-data x-on:toast-show.document="! $el.closest('ui-toast-group') && $el.showToast($event.detail)" popover="manual" position="bottom end" wire:ignore>
    <template>
        <div class="max-w-sm in-[ui-toast-group]:max-w-auto in-[ui-toast-group]:w-xs sm:in-[ui-toast-group]:w-sm" data-variant="" data-flux-toast-dialog>
            <div class="p-2 flex rounded-xl shadow-lg bg-white border border-zinc-200 border-b-zinc-300/80 dark:bg-zinc-700 dark:border-zinc-600">
                <div class="flex-1 flex items-start gap-4 overflow-hidden">
                    <div class="flex-1 py-1.5 ps-2.5 flex gap-2">
                        
                        <img data-toast-cover alt=""
                             class="hidden [[data-flux-toast-dialog][data-cover]_&]:block size-10 shrink-0 self-center rounded-md bg-zinc-100 object-cover dark:bg-zinc-600"
                             loading="lazy" decoding="async" />

                        
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=success]_&]:block shrink-0 mt-0.5 size-4 text-lime-600 dark:text-lime-400">
                            <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z" clip-rule="evenodd" />
                        </svg>

                        
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=warning]_&]:block shrink-0 mt-0.5 size-4 text-amber-500 dark:text-amber-400">
                            <path fill-rule="evenodd" d="M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" />
                        </svg>

                        
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=info]_&]:block shrink-0 mt-0.5 size-4 text-cyan-500 dark:text-cyan-400">
                            <path fill-rule="evenodd" d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z" clip-rule="evenodd" />
                        </svg>

                        
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=danger]_&]:block shrink-0 mt-0.5 size-4 text-rose-500 dark:text-rose-400">
                            <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" />
                        </svg>

                        <div>
                            
                            <div class="font-medium text-sm text-zinc-800 dark:text-white [&:not(:empty)+div]:font-normal [&:not(:empty)+div]:text-zinc-500 [&:not(:empty)+div]:dark:text-zinc-300 [&:not(:empty)]:pb-2"><slot name="heading"></slot></div>

                            
                            <div class="font-medium text-sm text-zinc-800 dark:text-white"><slot name="text"></slot></div>

                            
                            <template name="link">
                                <a class="block mt-2 font-medium text-sm text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] underline underline-offset-[6px] hover:decoration-current"><slot name="text"></slot></a>
                            </template>
                        </div>
                    </div>

                    
                    <ui-close class="flex items-center">
                        <button type="button" class="inline-flex items-center font-medium justify-center gap-2 truncate disabled:opacity-50 dark:disabled:opacity-75 disabled:cursor-default h-8 text-sm rounded-md w-8 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" as="button">
                            <div>
                                <svg class="[:where(&)]:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
                                    <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"></path>
                                </svg>
                            </div>
                        </button>
                    </ui-close>
                </div>
            </div>
        </div>
    </template>
</ui-toast>
</ui-toast-group>
        </div>

        
        <div x-persist="player">
            <div id="global-player"
     x-data x-show="$store.player.isVisible"
     x-on:bookmarks-changed.window="$store.player.loadBookmarks()"
     x-on:bookmarks-saved.window="$store.player.loadBookmarks()"
     x-transition:enter="transition ease-out duration-300"
     x-transition:enter-start="translate-y-full" x-transition:enter-end="translate-y-0"
     x-cloak
     class="fixed bottom-0 inset-x-0 z-50 bg-white dark:bg-zinc-900 border-t border-gray-200 dark:border-zinc-700 shadow-md">

    
    <div class="hidden md:flex container mx-auto items-center gap-4 py-4">
        
        <div class="flex items-center gap-3 min-w-0 w-56 shrink-0">
            <img :src="$store.player.track.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'"
                 alt="" class="size-12 rounded object-cover" loading="lazy">
            <div class="min-w-0">
                <a :href="$store.player.track.channelId ? '/' + $store.player.track.channelId + '/' + $store.player.track.channelSlug : '#'"
                   class="block text-sm font-medium text-gray_main truncate hover:text-primary no-underline"
                   x-text="$store.player.track.name"></a>
                <span class="block text-xs text-gray_text truncate" x-text="$store.player.track.artist"></span>
            </div>
        </div>

        
        
        <div class="flex items-center gap-2">
            <button @click="$store.player.skip(-15)"
                    class="inline-flex items-center gap-1 p-1 text-gray_text hover:text-gray_main"
                    title="15 Sekunden zurück"
                    aria-label="15 Sekunden zurück">
                
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
                    <path d="M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" />
                </svg>
                <span class="text-[11px] font-semibold tabular-nums leading-none">15</span>
            </button>
            <button @click="$store.player.toggle()"
                    class="size-9 rounded-full flex items-center justify-center text-white bg-[#ff9900] hover:bg-[#e88a00] transition-colors">
                <svg x-show="!$store.player.isPlaying" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5 ml-0.5">
                    <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
                </svg>
                <svg x-show="$store.player.isPlaying" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5" x-cloak>
                    <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
                </svg>
            </button>
            <button @click="$store.player.skip(15)"
                    class="inline-flex items-center gap-1 p-1 text-gray_text hover:text-gray_main"
                    title="15 Sekunden vor"
                    aria-label="15 Sekunden vor">
                <span class="text-[11px] font-semibold tabular-nums leading-none">15</span>
                
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
                    <path d="m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" />
                </svg>
            </button>
        </div>

        
        <div class="flex items-center gap-2 flex-1 min-w-0">
            <span class="text-xs text-gray_text tabular-nums w-10 text-right" x-text="$store.player.formattedCurrentTime"></span>
            <div class="relative flex-1 h-1 bg-gray-200 dark:bg-zinc-700 rounded-full cursor-pointer group"
                 @click="$store.player.seek(($event.offsetX / $event.currentTarget.offsetWidth) * 100)">
                <div class="absolute inset-y-0 left-0 rounded-full bg-[#ff9900] transition-all"
                     :style="`width: ${$store.player.progress}%`"></div>

                
                <template x-for="(bookmark, index) in $store.player.bookmarks" :key="index">
                    <button type="button"
                            x-show="$store.player.duration > 0"
                            class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 h-3 w-[3px] rounded-full hover:h-4 transition-all dark:shadow-[0_0_0_1px_rgba(9,9,11,0.9)]"
                            :class="bookmark.own ? 'bg-zinc-900 dark:bg-zinc-100' : 'bg-blue-600 dark:bg-blue-400'"
                            :style="`left: ${Math.min(100, (bookmark.position_seconds / $store.player.duration) * 100)}%`"
                            :title="bookmark.tooltip"
                            @click.stop="$store.player.audio && ($store.player.audio.currentTime = bookmark.position_seconds)">
                        <span class="sr-only" x-text="bookmark.tooltip"></span>
                    </button>
                </template>

                <div class="absolute top-1/2 -translate-y-1/2 size-3 bg-[#ff9900] rounded-full opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"
                     :style="`left: calc(${$store.player.progress}% - 6px)`"></div>
            </div>
            <span class="text-xs text-gray_text tabular-nums w-10" x-text="$store.player.formattedDuration"></span>
        </div>

        
        
        
        <button type="button" @click="$dispatch('player-share')"
                class="p-1 text-gray_text hover:text-gray_main shrink-0"
                title="Episode teilen" aria-label="Episode teilen">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-5" aria-hidden="true">
                    <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/>
                    <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
                </svg>
        </button>

        
        <div class="flex items-center gap-2 w-28 shrink-0">
            <button @click="$store.player.toggleMute()" class="p-1 text-gray_text hover:text-gray_main">
                <svg x-show="!$store.player.isMuted && $store.player.volume > 0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
                    <path d="M10.5 3.75a.75.75 0 0 0-1.264-.546L5.203 7H2.667a.75.75 0 0 0-.7.48A6.985 6.985 0 0 0 1.5 10c0 .887.165 1.737.468 2.52.111.29.39.48.7.48h2.535l4.033 3.796a.75.75 0 0 0 1.264-.546V3.75ZM15.95 5.05a.75.75 0 0 0-1.06 1.061 5.5 5.5 0 0 1 0 7.778.75.75 0 0 0 1.06 1.06 7 7 0 0 0 0-9.899Z" />
                </svg>
                <svg x-show="$store.player.isMuted || $store.player.volume === 0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4" x-cloak>
                    <path d="M10.5 3.75a.75.75 0 0 0-1.264-.546L5.203 7H2.667a.75.75 0 0 0-.7.48A6.985 6.985 0 0 0 1.5 10c0 .887.165 1.737.468 2.52.111.29.39.48.7.48h2.535l4.033 3.796a.75.75 0 0 0 1.264-.546V3.75ZM12.95 7.05a.75.75 0 1 1 1.06 1.06L12.56 9.56l1.45 1.45a.75.75 0 1 1-1.06 1.06L11.5 10.62l-1.45 1.45a.75.75 0 0 1-1.06-1.06l1.45-1.45-1.45-1.45a.75.75 0 0 1 1.06-1.06l1.45 1.45 1.45-1.45Z" />
                </svg>
            </button>
            <input type="range" min="0" max="1" step="0.01"
                   :value="$store.player.volume"
                   @input="$store.player.setVolume(parseFloat($event.target.value))"
                   class="w-full h-1 bg-gray-200 dark:bg-zinc-700 rounded-full appearance-none cursor-pointer accent-primary">
        </div>

        
        <button @click="$store.player.close()" class="p-1 text-gray_text hover:text-gray_main shrink-0" title="Close">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
            </svg>
        </button>
    </div>

    
    <div class="flex md:hidden items-center gap-3 py-2 px-6">
        <img :src="$store.player.track.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'"
             alt="" class="size-10 rounded object-cover shrink-0" loading="lazy">
        <div class="min-w-0 flex-1">
            <div class="text-sm font-medium text-gray_main truncate" x-text="$store.player.track.name"></div>
            <div class="text-xs text-gray_text truncate" x-text="$store.player.track.artist"></div>
        </div>
        <button @click="$store.player.toggle()"
                class="size-8 rounded-full flex items-center justify-center text-white bg-[#ff9900] hover:bg-[#e88a00] transition-colors shrink-0">
            <svg x-show="!$store.player.isPlaying" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 ml-0.5">
                <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z" />
            </svg>
            <svg x-show="$store.player.isPlaying" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4" x-cloak>
                <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z" />
            </svg>
        </button>
        
        <button type="button" @click="$dispatch('player-share')"
                class="p-1 text-gray_text shrink-0"
                title="Episode teilen" aria-label="Episode teilen">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
                <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/>
                <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
            </svg>
        </button>

        <button @click="$store.player.close()" class="p-1 text-gray_text shrink-0">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
                <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
            </svg>
        </button>
    </div>

    
    <div class="md:hidden relative h-0.5 bg-gray-200 dark:bg-zinc-700">
        <div class="h-full bg-[#ff9900] transition-all" :style="`width: ${$store.player.progress}%`"></div>

        
        <template x-for="(bookmark, index) in $store.player.bookmarks" :key="index">
            <div x-show="$store.player.duration > 0"
                 class="absolute -top-0.5 h-1.5 w-[2px] -translate-x-1/2 rounded-full dark:shadow-[0_0_0_1px_rgba(9,9,11,0.9)]"
                 :class="bookmark.own ? 'bg-zinc-900 dark:bg-zinc-100' : 'bg-blue-600 dark:bg-blue-400'"
                 :style="`left: ${Math.min(100, (bookmark.position_seconds / $store.player.duration) * 100)}%`"
                 :title="bookmark.tooltip"></div>
        </template>
    </div>

    
    <div x-data="shareSnippet()"
     x-on:player-share.window="show($event.detail)"
     x-on:keydown.escape.window="close()">

    <template x-teleport="body">
        
        <div x-show="open" x-cloak style="display:none"
             class="fixed inset-0 z-[60] flex items-center justify-center p-4"
             role="dialog" aria-modal="true" :aria-label="'Episode teilen'">

            
            <div x-show="open" x-transition.opacity
                 class="absolute inset-0 bg-black/50" @click="close()"></div>

            <div x-show="open"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0 scale-95"
                 x-transition:enter-end="opacity-100 scale-100"
                 class="relative w-full max-w-lg max-h-[90vh] overflow-y-auto rounded-2xl bg-white p-6 shadow-xl dark:bg-zinc-900">

                <div class="mb-5 flex items-start justify-between gap-4">
                    <h2 class="m-0 text-lg font-bold text-gray_main dark:text-neutral-100">Episode teilen</h2>
                    <button type="button" @click="close()"
                            class="-mr-1 -mt-1 rounded-md p-1 text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-200"
                            :aria-label="'Schließen'">
                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>

                            </button>
                </div>

                
                <div class="flex items-start gap-3">
                    <img :src="player?.track?.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'"
                         alt="" class="size-16 shrink-0 rounded-lg object-cover" loading="lazy">
                    <div class="min-w-0">
                        <div class="truncate text-sm text-gray_text dark:text-neutral-400" x-text="player?.track?.artist"></div>
                        <strong class="block text-sm font-bold text-gray_main dark:text-neutral-100" x-text="player?.track?.name"></strong>
                    </div>
                </div>

                
                <label class="mt-5 flex items-start gap-2"
                       :class="durationKnown ? 'cursor-pointer' : 'cursor-not-allowed opacity-60'">
                    <input type="checkbox" x-model="section" :disabled="! durationKnown"
                           class="mt-0.5 size-4 rounded border-zinc-300 text-[#ff9900] focus:ring-[#ff9900] dark:border-zinc-600 dark:bg-zinc-800">
                    <span class="text-sm text-gray_main dark:text-neutral-200">
                        Abschnitt teilen                        <span x-show="! durationKnown" class="block text-xs text-gray_text dark:text-neutral-400">
                            Starte die Episode, um einen Abschnitt zu teilen.                        </span>
                    </span>
                </label>

                
                <div x-show="section" x-cloak class="mt-5">
                    <div class="flex items-start gap-3">
                        <button type="button" @click="togglePreview()"
                                class="flex size-11 shrink-0 items-center justify-center rounded-lg bg-[#ff9900] text-white transition-colors hover:bg-[#e88a00]"
                                :aria-label="previewing ? 'Anhören beenden' : 'Abschnitt anhören'">
                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-5" x-show="! previewing" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"/>
</svg>

                                    <svg class="shrink-0 [:where(&amp;)]:size-6 size-5" x-show="previewing" x-cloak="x-cloak" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"/>
</svg>

                                </button>

                        <div class="min-w-0 flex-1">
                            
                            <div class="relative h-5">
                                <div class="absolute inset-x-0 top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-zinc-200 dark:bg-zinc-700"></div>
                                <div class="absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-[#ff9900]"
                                     :style="`left: ${fromPercent}%; width: ${Math.max(0, toPercent - fromPercent)}%`"></div>
                                <div x-show="playPercent !== null"
                                     class="absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-[#e08800]"
                                     :style="`left: ${fromPercent}%; width: ${Math.max(0, (playPercent ?? 0) - fromPercent)}%`"></div>

                                <input type="range" min="0" :max="duration" :value="from"
                                       @input="moveSlider('from', $event.target.value)"
                                       class="share-range absolute inset-0 w-full"
                                       :aria-label="'Start:'">
                                <input type="range" min="0" :max="duration" :value="to"
                                       @input="moveSlider('to', $event.target.value)"
                                       class="share-range absolute inset-0 w-full"
                                       :aria-label="'Ende:'">
                            </div>

                            <div class="mt-1 flex justify-between text-xs tabular-nums text-gray_text dark:text-neutral-400">
                                <span x-text="previewing ? currentLabel : zeroLabel"></span>
                                <span x-text="durationLabel"></span>
                            </div>
                        </div>
                    </div>

                    <div class="mt-4 flex flex-wrap items-center gap-x-6 gap-y-3">
                                                    <div class="flex items-center gap-2">
                                <span class="text-sm font-semibold text-[#ff9900]">Start:</span>
                                
                                <input type="text" inputmode="numeric"
                                       :value="fromLabel"
                                       @blur="applyText('from', $event.target.value); $event.target.value = fromLabel"
                                       @keydown.enter.prevent="$event.target.blur()"
                                       @focus="$event.target.select()"
                                       class="w-24 rounded-lg border bg-transparent px-3 py-1.5 text-center text-sm font-bold tabular-nums transition-colors"
                                       :class="invalid === 'from'
                                           ? 'border-red-500 text-red-500'
                                           : 'border-[#ff9900] text-[#ff9900]'">
                            </div>
                                                    <div class="flex items-center gap-2">
                                <span class="text-sm font-semibold text-[#ff9900]">Ende:</span>
                                
                                <input type="text" inputmode="numeric"
                                       :value="toLabel"
                                       @blur="applyText('to', $event.target.value); $event.target.value = toLabel"
                                       @keydown.enter.prevent="$event.target.blur()"
                                       @focus="$event.target.select()"
                                       class="w-24 rounded-lg border bg-transparent px-3 py-1.5 text-center text-sm font-bold tabular-nums transition-colors"
                                       :class="invalid === 'to'
                                           ? 'border-red-500 text-red-500'
                                           : 'border-[#ff9900] text-[#ff9900]'">
                            </div>
                                            </div>

                    <hr class="my-5 border-zinc-200 dark:border-zinc-700">

                    <div class="text-center">
                        <h3 class="m-0 text-base font-bold text-gray_main dark:text-neutral-100">Abschnitt weiterleiten</h3>
                        <p class="mt-1 mb-0 text-xs text-gray_text dark:text-neutral-400">
                            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 align-[-2px]" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
</svg>

                                    Die Abspielzeit kann je nach Werbeschaltung leicht abweichen.                        </p>
                    </div>
                </div>

                <div class="flex flex-wrap justify-center gap-3 mt-5">
            
        <button type="button"
                @click="share('facebook')"
                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#1877F2] hover:bg-[#166fe0]"
                title="Teilen über Facebook"
                aria-label="Teilen über Facebook">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                        <path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 1.092.044 1.545.13v3.3c-.168-.018-.46-.027-.824-.027-1.17 0-1.623.443-1.623 1.596v2.559h2.332l-.4 3.667h-1.932v8.09A11.95 11.95 0 0 0 24 12.073C24 5.413 18.627 0 12 0S0 5.413 0 12.073c0 5.628 3.874 10.35 9.101 11.618"/>
                    </svg>
                            </button>
            
        <button type="button"
                @click="share('linkedin')"
                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#0A66C2] hover:bg-[#095bad]"
                title="Teilen über LinkedIn"
                aria-label="Teilen über LinkedIn">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                        <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
                    </svg>
                            </button>
            
        <button type="button"
                @click="share('whatsapp')"
                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#25D366] hover:bg-[#20bd5a]"
                title="Teilen über WhatsApp"
                aria-label="Teilen über WhatsApp">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/>
                    </svg>
                            </button>
            
        <button type="button"
                @click="share('reddit')"
                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#FF4500] hover:bg-[#e63e00]"
                title="Teilen über Reddit"
                aria-label="Teilen über Reddit">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                        <path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"/>
                    </svg>
                            </button>
            
        <button type="button"
                @click="share('email')"
                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-zinc-500 hover:bg-zinc-600"
                title="Teilen über E-Mail"
                aria-label="Teilen über E-Mail">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                        <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
                        <polyline points="22,6 12,13 2,6"/>
                    </svg>
                            </button>
            
        <button type="button"
                @click="share('copy_link')"
                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#ff9900] hover:bg-[#e88a00]"
                title="Link kopieren"
                aria-label="Link kopieren">
                                
                    <svg x-show="! copied" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                        <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
                        <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
                    </svg>
                    <svg x-show="copied" x-cloak width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                        <polyline points="20 6 9 17 4 12"/>
                    </svg>
                            </button>
    </div>
            </div>
        </div>
    </template>
</div>
</div>
        </div>

        <!-- Scripts -->
                    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
            <script src="https://www.podcast.de/vendor/livewire/livewire.min.js?id=b7ac2fb1"   data-csrf="Fc5MuIa8LAiQbWEfTcKpMN9RbNMTven6F21Qs1q7" data-module-url="https://www.podcast.de/livewire-a7225870" data-update-uri="https://www.podcast.de/tw-livewire/update" data-navigate-once="true"></script>
            <script src="https://www.podcast.de/flux/flux.min.js?id=fab81f02" data-navigate-once></script>

            
            <script>
                (function () {
                    var proto = window.HTMLElement && HTMLElement.prototype;

                    if (!proto || 'popover' in proto || typeof proto.showPopover === 'function') {
                        return;
                    }

                    document.documentElement.setAttribute('data-popover', 'missing');
                })();
            </script>
                    <script type="module"
            id="autocomplete-script"
            src="https://www.podcast.de/build/assets/autocomplete-CohiA4CP.js"
            data-advanced-search="Erweiterte Suche"
            data-site-content-type="App\Models\Channel"
            data-test="de.category.show">
    </script>

        <script>
            // Zentrale Brücke: alle `$this->dispatch('toast', title:, message:, variant:)`
            // aus Livewire-Komponenten landen hier und laufen über Flux Toast.
            document.addEventListener('livewire:init', function () {
                if (window.__toastBridgeReady) return;
                window.__toastBridgeReady = true;

                Livewire.on('toast', function (event) {
                    const data = Array.isArray(event) ? event[0] : event;
                    if (! data) return;

                    // podcastToast (resources/js/toast.js) statt Flux.toast:
                    // dessen Schnittstelle kennt kein Bild. Faellt der
                    // Modul-Stack aus, bleibt der Toast ohne Cover.
                    const toast = window.podcastToast ?? window.Flux?.toast;

                    toast?.({
                        heading: data.title,
                        text: data.message,
                        variant: data.variant,
                        cover: data.cover,
                        coverAlt: data.title,
                    });
                });
            });
        </script>

        <script>
            // Bei wire:navigate wird dieser Block erneut ausgeführt — ohne Guard
            // hinge nach jedem Seitenwechsel ein weiterer Listener am document.
            if (! window.__navigateInterceptorReady) {
            window.__navigateInterceptorReady = true;

            // SPA-Wechsel ist der Default: der JS-Kontext bleibt erhalten und
            // damit die laufende Wiedergabe im Player. Ausnahmen stehen unten.
            //
            // Was eine neue Seite dafür erfüllen muss: seiteneigene <script>-Blöcke
            // laufen beim Swap erneut (Livewire klont sie, siehe
            // prepNewBodyScriptTagsToRun), aber DOMContentLoaded feuert nicht.
            // Also (a) kein DOMContentLoaded als Einstiegspunkt, (b) kein
            // Top-Level-`let`/`const` — die zweite Ausführung wirft sonst einen
            // SyntaxError, (c) Listener am `document` gegen Doppelregistrierung
            // sichern, denn das document überlebt den Swap.
            window.__spaPathExcludes = [
                '/suche',           // vier <script type="module" src=…>; Module führt
                '/en/suche',        // der Browser pro URL nur einmal aus — InstantSearch
                                    // bliebe nach der SPA-Rückkehr tot
                '/cp',              // Statamic Control Panel (eigene Vue/Inertia-App)
                '/backend',         // Laravel Nova
                '/horizon',
                '/pulse',
                '/_debugbar',
                '/embed',           // iframe-Einbettungen ohne Layout
                '/abmelden',        // Logout: Auth-Wechsel gehört hinter einen echten Request
                '/api',             // die folgenden liefern kein HTML
                '/feed',
                '/feeds',
                '/img',
                '/social-images',
                '/sitemap',
                '/translations',
                '/broadcasting',
                '/stripe',
            ];

            document.addEventListener('click', function(e) {
                const a = e.target.closest('a');
                if (!a || !a.href) return;
                if (a.hasAttribute('wire:navigate') || a.hasAttribute('data-no-navigate')) return;
                if (a.target && a.target !== '_self') return;

                let target;
                try { target = new URL(a.href, location.href); } catch (err) { return; }

                // Host statt origin vergleichen: APP_URL erzeugt http-Links, die Seite
                // läuft aber über https. Ein origin-Vergleich hielte jeden internen
                // Link für extern — es gäbe nie eine SPA-Navigation.
                if (target.host !== location.host) return;

                // Ausnahmen normal laden lassen. Auf Segmentgrenze prüfen, damit
                // '/feed' nicht auch '/feedback' erwischt.
                if (window.__spaPathExcludes.some(function (p) {
                    return target.pathname === p || target.pathname.startsWith(p + '/');
                })) return;

                if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
                if (a.hasAttribute('download')) return;
                // Direkte Dateien nie durch den SPA-Swap schicken.
                if (a.pathname.match(/\.(pdf|zip|gz|csv|txt|xml|json|mp3|mp4|m4a|m4b|ogg|wav|flac|webm|mov|jpe?g|png|webp|gif|svg|ico)$/i)) return;
                // Same-page anchor links: let the browser handle hash navigation natively
                if (a.hash && a.pathname === location.pathname && a.search === location.search) return;

                // Auf das Schema der aktuellen Seite ziehen, sonst löst der
                // http→https-Redirect wieder einen echten Seitenwechsel aus.
                target.protocol = location.protocol;

                e.preventDefault();
                Livewire.navigate(target.href);
            });

            }
        </script>
    <div
    class="js-cookie-consent cookie-consent fixed inset-x-0 bottom-0 z-50 px-3 pb-3 sm:px-5 sm:pb-5 print:hidden"
    role="dialog"
    aria-live="polite"
    aria-label="Cookies &amp; Datenschutz"
>
    <div class="cookie-consent__panel mx-auto flex w-full max-w-3xl flex-col gap-4 rounded-2xl border border-stroke/70 bg-white/95 p-5 shadow-box_shadow_2 backdrop-blur-md sm:flex-row sm:items-center sm:gap-6 sm:p-6 dark:border-zinc-700 dark:bg-zinc-900/95">
        <div class="flex flex-1 items-start gap-4">
            <span class="hidden h-11 w-11 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary sm:flex" aria-hidden="true">
                <svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5Z" />
                    <path d="M8.5 10.5h.01M12 15h.01M15.5 11.5h.01M8 15h.01" />
                </svg>
            </span>

            <div class="min-w-0">
                                    <p class="text-base font-bold text-neutral dark:text-white">Cookies &amp; Datenschutz</p>
                
                                    <ul class="mt-2 space-y-1.5 cookie-consent__message">
                                                    <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300">
                                <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.7 5.3a1 1 0 0 1 0 1.4l-7.5 7.5a1 1 0 0 1-1.4 0L3.3 9.7a1 1 0 1 1 1.4-1.4l3.8 3.8 6.8-6.8a1 1 0 0 1 1.4 0Z" clip-rule="evenodd" />
                                </svg>
                                <span>Wir verwenden technisch notwendige Cookies für die Anmeldung.</span>
                            </li>
                                                    <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300">
                                <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.7 5.3a1 1 0 0 1 0 1.4l-7.5 7.5a1 1 0 0 1-1.4 0L3.3 9.7a1 1 0 1 1 1.4-1.4l3.8 3.8 6.8-6.8a1 1 0 0 1 1.4 0Z" clip-rule="evenodd" />
                                </svg>
                                <span>Wir nutzen ein hauseigenes Analyse-System.</span>
                            </li>
                                            </ul>
                
                
                <label class="mt-3 flex cursor-pointer items-start gap-2" x-data>
                    <input type="checkbox"
                           class="mt-0.5 h-4 w-4 shrink-0 cursor-pointer rounded-sm border-stroke text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary dark:border-zinc-600 dark:bg-zinc-800"
                           :checked="$store.cookieConsent.comfort"
                           @change="$store.cookieConsent.setComfort($event.target.checked)">
                    <span class="text-sm leading-snug text-gray_text dark:text-zinc-300">
                        <span class="font-bold text-neutral dark:text-white">Komfort-Cookies</span>
                        <span class="block">Merkt sich ohne Konto, wo du eine Folge unterbrochen hast — Grundlage für "Weiterhören" auf der Startseite.</span>
                    </span>
                </label>
            </div>
        </div>

        <button
            type="button"
            class="js-cookie-consent-agree cookie-consent__agree inline-flex shrink-0 cursor-pointer items-center justify-center rounded-full bg-primary px-6 py-2.5 text-sm font-bold text-white shadow-[0_8px_20px_-8px_rgba(255,119,0,.8)] transition-colors hover:bg-orange_main focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
        >
            Hinweis gelesen
        </button>
    </div>
</div>

    <script>

        window.laravelCookieConsent = (function () {

            const COOKIE_VALUE = 1;
            const COOKIE_DOMAIN = 'podcast.de';

            function consentWithCookies() {
                setCookie('podcastde_cc', COOKIE_VALUE, 7300);
                hideCookieDialog();
            }

            function cookieExists(name) {
                return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
            }

            function hideCookieDialog() {
                const dialogs = document.getElementsByClassName('js-cookie-consent');

                for (let i = 0; i < dialogs.length; ++i) {
                    dialogs[i].style.display = 'none';
                }
            }

            function setCookie(name, value, expirationInDays) {
                const date = new Date();
                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
                document.cookie = name + '=' + value
                    + ';expires=' + date.toUTCString()
                    + ';domain=' + COOKIE_DOMAIN
                    + ';path=/'
                    + ';samesite=lax';
            }

            if (cookieExists('podcastde_cc')) {
                hideCookieDialog();
            }

            const buttons = document.getElementsByClassName('js-cookie-consent-agree');

            for (let i = 0; i < buttons.length; ++i) {
                buttons[i].addEventListener('click', consentWithCookies);
            }

            return {
                consentWithCookies: consentWithCookies,
                hideCookieDialog: hideCookieDialog
            };
        })();
    </script>

</body>
</html>