<!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 Reisen 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/reisen-356">
<meta name="robots" content="all">
<meta property="og:title" content="Beste Reisen Podcasts kostenlos online hören">
<meta property="og:url" content="https://www.podcast.de/beste-podcasts/reisen-356">
<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 Reisen 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%2Freisen-356" 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/freizeit-13" class="no-underline hover:text-primary transition-colors">Freizeit 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">Reisen 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 Reisen Podcasts</h1>
                            <p class="mt-4 text-gray_text dark:text-neutral-300">Hier findest du die besten Reisen Podcasts und alle weiteren Podcasts in der Kategorie Reisen.</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-reisen-podcasts-latest-channels" wire:snapshot="{&quot;data&quot;:{&quot;header&quot;:&quot;Top Podcasts in der Kategorie Reisen&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;mZxnVDShiYbVjBSXEl58&quot;,&quot;name&quot;:&quot;channel-carousel&quot;,&quot;path&quot;:&quot;beste-podcasts\/reisen-356&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;552831f882662429558753c12f567db56d88bff395ebd3ab589e3791de5d800b&quot;}" wire:effects="[]" wire:id="mZxnVDShiYbVjBSXEl58" 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 Reisen</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-4280">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/4280/ohrenblicke" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/4280/ohrenblicke.png 2x, https://cdn.podcastcms.de/images/podcasts/315/4280/ohrenblicke.png 315w, https://cdn.podcastcms.de/images/podcasts/175/4280/ohrenblicke.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/4280/ohrenblicke.png"
                                alt="Ohrenblicke"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/www.ohrenblicke.de\/audio\/folgen\/ohrenblicke081_albanien.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Näher an der Welt – Tatjanas Reisen und die Liebe zu Albanien\u0022,\u0022artist\u0022:\u0022Ohrenblicke\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.ohrenblicke.de\\\/audio\\\/folgen\\\/ohrenblicke081_albanien.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/4280\\\/s\\\/623090040\\\/naeher-an-der-welt-tatjanas-reisen-und-die-liebe-zu-albanien.png\u0022,\u0022channelId\u0022:4280,\u0022channelSlug\u0022:\u0022ohrenblicke\u0022,\u0022showId\u0022:623090040}')) "
    title="Episode `Näher an der Welt – Tatjanas Reisen und die Liebe zu Albanien` 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\\\/4280\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Freisen-356\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:\u0022Ohrenblicke\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/4280\\\/ohrenblicke.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;Ohrenblicke&quot; folgen"
            :title="subscribed ? 'Podcast `Ohrenblicke` nicht mehr folgen' : 'Podcast \u0022Ohrenblicke\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/4280/ohrenblicke">
                        <div class="title truncate text-gray_main"><b>Ohrenblicke</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-616101">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/616101/camping-caravan-podcast" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/616101/camping-caravan-podcast.png 2x, https://cdn.podcastcms.de/images/podcasts/315/616101/camping-caravan-podcast.png 315w, https://cdn.podcastcms.de/images/podcasts/175/616101/camping-caravan-podcast.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/616101/camping-caravan-podcast.png"
                                alt="Camping Caravan Podcast"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/www.campingcaravanpodcast.de\/podlove\/file\/1292\/s\/feed\/c\/aac\/CCP_89.m4a' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022CCP089: Von Himmelfahrt bis Sommer\u0022,\u0022artist\u0022:\u0022Camping Caravan Podcast\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.campingcaravanpodcast.de\\\/podlove\\\/file\\\/1292\\\/s\\\/feed\\\/c\\\/aac\\\/CCP_89.m4a\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/616101\\\/s\\\/705713317\\\/ccp089-von-himmelfahrt-bis-sommer.png\u0022,\u0022channelId\u0022:616101,\u0022channelSlug\u0022:\u0022camping-caravan-podcast\u0022,\u0022showId\u0022:705713317}')) "
    title="Episode `CCP089: Von Himmelfahrt bis Sommer` 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\\\/616101\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Freisen-356\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:\u0022Camping Caravan Podcast\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/616101\\\/camping-caravan-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;Camping Caravan Podcast&quot; folgen"
            :title="subscribed ? 'Podcast `Camping Caravan Podcast` nicht mehr folgen' : 'Podcast \u0022Camping Caravan 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/616101/camping-caravan-podcast">
                        <div class="title truncate text-gray_main"><b>Camping Caravan Podcas...</b></div>
                        <div class="subtitle truncate text-gray_text">Der Podcast rund um das T...</div>
                    </a>
                </div>
                                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-10479">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/10479/mytour-usa-reiseberichte-aus-den-usa" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/10479/mytour-usa-reiseberichte-aus-den-usa.png 2x, https://cdn.podcastcms.de/images/podcasts/315/10479/mytour-usa-reiseberichte-aus-den-usa.png 315w, https://cdn.podcastcms.de/images/podcasts/175/10479/mytour-usa-reiseberichte-aus-den-usa.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/10479/mytour-usa-reiseberichte-aus-den-usa.png"
                                alt="MyTour-USA - Reiseberichte aus den USA"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'http:\/\/www.mytour-usa.tv\/podcast\/90sec_13-07_IMG_1583_podSD.mp4' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Is this the way to Amarillo?\u0022,\u0022artist\u0022:\u0022MyTour-USA - Reiseberichte aus den USA\u0022,\u0022url\u0022:\u0022http:\\\/\\\/www.mytour-usa.tv\\\/podcast\\\/90sec_13-07_IMG_1583_podSD.mp4\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/10479\\\/s\\\/623918328\\\/is-this-the-way-to-amarillo.png\u0022,\u0022channelId\u0022:10479,\u0022channelSlug\u0022:\u0022mytour-usa-reiseberichte-aus-den-usa\u0022,\u0022showId\u0022:623918328}')) "
    title="Episode `Is this the way to Amarillo?` 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\\\/10479\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Freisen-356\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:\u0022MyTour-USA - Reiseberichte aus den USA\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/10479\\\/mytour-usa-reiseberichte-aus-den-usa.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;MyTour-USA - Reiseberichte aus den USA&quot; folgen"
            :title="subscribed ? 'Podcast `MyTour-USA - Reiseberichte aus den USA` nicht mehr folgen' : 'Podcast \u0022MyTour-USA - Reiseberichte aus den USA\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/10479/mytour-usa-reiseberichte-aus-den-usa">
                        <div class="title truncate text-gray_main"><b>MyTour-USA - Reiseberi...</b></div>
                        <div class="subtitle truncate text-gray_text">Inside USA</div>
                    </a>
                </div>
                                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-852278">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/852278/radioreisen" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/852278/radioreisen.png 2x, https://cdn.podcastcms.de/images/podcasts/315/852278/radioreisen.png 315w, https://cdn.podcastcms.de/images/podcasts/175/852278/radioreisen.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/852278/radioreisen.png"
                                alt="Radioreisen"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/media.neuland.br.de\/file\/2121872\/c\/feed\/waldbaden-talking-trees-tour-in-vancouver-schloss-vaduz-in-liechtenstein-lyrikweg-im-bregenzerwald.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Waldbaden: Talking Trees Tour in Vancouver, Schloss Vaduz in Liechtenstein, Lyrikweg im Bregenzerwald\u0022,\u0022artist\u0022:\u0022Radioreisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/media.neuland.br.de\\\/file\\\/2121872\\\/c\\\/feed\\\/waldbaden-talking-trees-tour-in-vancouver-schloss-vaduz-in-liechtenstein-lyrikweg-im-bregenzerwald.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/852278\\\/s\\\/706873306\\\/waldbaden-talking-trees-tour-in-vancouver-schloss-vaduz-in-liechtenstein-lyrikweg-im-bregenzerwald.png\u0022,\u0022channelId\u0022:852278,\u0022channelSlug\u0022:\u0022radioreisen\u0022,\u0022showId\u0022:706873306}')) "
    title="Episode `Waldbaden: Talking Trees Tour in Vancouver, Schloss Vaduz in Liechtenstein, Lyrikweg im Bregenzerwald` 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\\\/852278\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Freisen-356\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:\u0022Radioreisen\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/852278\\\/radioreisen.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;Radioreisen&quot; folgen"
            :title="subscribed ? 'Podcast `Radioreisen` nicht mehr folgen' : 'Podcast \u0022Radioreisen\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/852278/radioreisen">
                        <div class="title truncate text-gray_main"><b>Radioreisen</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-614999">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/614999/camping-caravan-podcast" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/614999/camping-caravan-podcast.png 2x, https://cdn.podcastcms.de/images/podcasts/315/614999/camping-caravan-podcast.png 315w, https://cdn.podcastcms.de/images/podcasts/175/614999/camping-caravan-podcast.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/614999/camping-caravan-podcast.png"
                                alt="Camping Caravan Podcast"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/www.campingcaravanpodcast.de\/podlove\/file\/1291\/s\/feed\/c\/mp3\/CCP_89.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022CCP089: Von Himmelfahrt bis Sommer\u0022,\u0022artist\u0022:\u0022Camping Caravan Podcast\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.campingcaravanpodcast.de\\\/podlove\\\/file\\\/1291\\\/s\\\/feed\\\/c\\\/mp3\\\/CCP_89.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/614999\\\/s\\\/705713316\\\/ccp089-von-himmelfahrt-bis-sommer.png\u0022,\u0022channelId\u0022:614999,\u0022channelSlug\u0022:\u0022camping-caravan-podcast\u0022,\u0022showId\u0022:705713316}')) "
    title="Episode `CCP089: Von Himmelfahrt bis Sommer` 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\\\/614999\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Freisen-356\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:\u0022Camping Caravan Podcast\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/614999\\\/camping-caravan-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;Camping Caravan Podcast&quot; folgen"
            :title="subscribed ? 'Podcast `Camping Caravan Podcast` nicht mehr folgen' : 'Podcast \u0022Camping Caravan 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/614999/camping-caravan-podcast">
                        <div class="title truncate text-gray_main"><b>Camping Caravan Podcas...</b></div>
                        <div class="subtitle truncate text-gray_text">Der Podcast rund um das T...</div>
                    </a>
                </div>
                                <div class="snap-start shrink-0 w-40 sm:w-48" wire:key="channel-1004648">
                    <div class="preview">
                        
                        <a href="https://www.podcast.de/podcast/1004648/rocknroll-traenen-unterwegs-auf-dem-jakobsweg" tabindex="-1" class="block">
                            <img
                                srcset="https://cdn.podcastcms.de/images/podcasts/315/1004648/rocknroll-traenen-unterwegs-auf-dem-jakobsweg.png 2x, https://cdn.podcastcms.de/images/podcasts/315/1004648/rocknroll-traenen-unterwegs-auf-dem-jakobsweg.png 315w, https://cdn.podcastcms.de/images/podcasts/175/1004648/rocknroll-traenen-unterwegs-auf-dem-jakobsweg.png 175w"
                                sizes="(max-width: 765px) 175px, 315px, 600px"
                                class="w-full h-full"
                                src="https://cdn.podcastcms.de/images/podcasts/315/1004648/rocknroll-traenen-unterwegs-auf-dem-jakobsweg.png"
                                alt="Rock´n´Roll &amp; Tränen - Unterwegs auf dem Jakobsweg"
                                loading="lazy">
                        </a>
                        <div class="overlay">
                            <!--[if BLOCK]><![endif]-->                            <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/k3pv3u.podcaster.de\/RocknRollundTraenen\/media\/Folge_12-_V-I-P-_in_Rom.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Episode 50 - Folge 12. V.I.P. in Rom. Pures Glück!\u0022,\u0022artist\u0022:\u0022Rock´n´Roll \\u0026 Tränen - Unterwegs auf dem Jakobsweg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/k3pv3u.podcaster.de\\\/RocknRollundTraenen\\\/media\\\/Folge_12-_V-I-P-_in_Rom.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/1004648\\\/s\\\/695075506\\\/episode-50-folge-12-vip-in-rom-pures-glueck.png\u0022,\u0022channelId\u0022:1004648,\u0022channelSlug\u0022:\u0022rocknroll-traenen-unterwegs-auf-dem-jakobsweg\u0022,\u0022showId\u0022:695075506}')) "
    title="Episode `Episode 50 - Folge 12. V.I.P. in Rom. Pures Glück!` 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\\\/1004648\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=beste-podcasts%2Freisen-356\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:\u0022Rock´n´Roll \\u0026 Tränen - Unterwegs auf dem Jakobsweg\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/1004648\\\/rocknroll-traenen-unterwegs-auf-dem-jakobsweg.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;Rock´n´Roll &amp; Tränen - Unterwegs auf dem Jakobsweg&quot; folgen"
            :title="subscribed ? 'Podcast `Rock´n´Roll \u0026 Tränen - Unterwegs auf dem Jakobsweg` nicht mehr folgen' : 'Podcast \u0022Rock´n´Roll \u0026 Tränen - Unterwegs auf dem Jakobsweg\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/1004648/rocknroll-traenen-unterwegs-auf-dem-jakobsweg">
                        <div class="title truncate text-gray_main"><b>Rock´n´Roll &amp; Tränen -...</b></div>
                        <div class="subtitle truncate text-gray_text">Intensive Wochen auf dem...</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/3711405/reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3711405/reisen.png"
                 alt="Reisen"
                 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/3711405/reisen" 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>Reisen</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Reiseinspirationen, Tipps und echte Erfahrungen für alle, die die
Welt entdecken wollen.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/10c76baf8\/podcast\/play\/112204329\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2025-11-5%2F30a91d5f-caf6-4b9b-5d52-9123f7c25fea.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Maderia mit Kindern\u0022,\u0022artist\u0022:\u0022Reisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/10c76baf8\\\/podcast\\\/play\\\/112204329\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2025-11-5%2F30a91d5f-caf6-4b9b-5d52-9123f7c25fea.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3711405\\\/s\\\/702754959\\\/maderia-mit-kindern.png\u0022,\u0022channelId\u0022:3711405,\u0022channelSlug\u0022:\u0022reisen\u0022,\u0022showId\u0022:702754959}')) "
    title="Episode `Maderia mit Kindern` 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">
                        Maderia mit Kindern
                    </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/3506416/reisen-reisen-sunset-stories" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3506416/reisen-reisen-sunset-stories.png"
                 alt="Reisen Reisen - Sunset Stories"
                 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/3506416/reisen-reisen-sunset-stories" 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>Reisen Reisen - Sunset Stories</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Geschichten zum Wegträumen
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/sphinx.acast.com\/p\/open\/s\/6704e0a9aa9d704b1eb02e7a\/e\/6a6b25f4908d16eed718b972\/media.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Reisen Reisen - „Bin ich noch auf dieser Welt?\\u0022\u0022,\u0022artist\u0022:\u0022Reisen Reisen - Sunset Stories\u0022,\u0022url\u0022:\u0022https:\\\/\\\/sphinx.acast.com\\\/p\\\/open\\\/s\\\/6704e0a9aa9d704b1eb02e7a\\\/e\\\/6a6b25f4908d16eed718b972\\\/media.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3506416\\\/s\\\/706562947\\\/reisen-reisen-bin-ich-noch-auf-dieser-welt.png\u0022,\u0022channelId\u0022:3506416,\u0022channelSlug\u0022:\u0022reisen-reisen-sunset-stories\u0022,\u0022showId\u0022:706562947}')) "
    title="Episode `Reisen Reisen - „Bin ich noch auf dieser Welt?&quot;` 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">
                        Reisen Reisen - „Bin ich noch auf dieser Welt?&quot;
                    </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/3719611/dieter-die-katze-auf-reisen-mit-minou" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3719611/dieter-die-katze-auf-reisen-mit-minou.png"
                 alt="Dieter, die Katze auf Reisen mit Minou"
                 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/3719611/dieter-die-katze-auf-reisen-mit-minou" 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>Dieter, die Katze auf Reisen mit Minou</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Dieter, die Katze, geht auf Reisen – gemeinsam mit Minou. In jeder
Folge erleben die beiden neue Städte, skurrile Begegnungen, kleine
Katastrophen und große Momente zwischen Witz, Charme und Abenteuer.
Eine humorvolle Hörserie voller Reisestimmung, liebenswerter
Figuren und überraschender Wendungen.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/111d0868c\/podcast\/play\/120882344\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-5-2%2F425347034-44100-2-85ad4b6ad60c9.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Dieter und Minou in Sizilien - Dieter, die Katze auf Reisen\u0022,\u0022artist\u0022:\u0022Dieter, die Katze auf Reisen mit Minou\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/111d0868c\\\/podcast\\\/play\\\/120882344\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-5-2%2F425347034-44100-2-85ad4b6ad60c9.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3719611\\\/s\\\/703833867\\\/dieter-und-minou-in-sizilien-dieter-die-katze-auf-reisen.png\u0022,\u0022channelId\u0022:3719611,\u0022channelSlug\u0022:\u0022dieter-die-katze-auf-reisen-mit-minou\u0022,\u0022showId\u0022:703833867}')) "
    title="Episode `Dieter und Minou in Sizilien - Dieter, die Katze auf Reisen` 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">
                        Dieter und Minou in Sizilien - Dieter, die Katze auf Reisen
                    </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/3684166/reisen-reisen-unter-freunden" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3684166/reisen-reisen-unter-freunden.png"
                 alt="Reisen Reisen - UNTER FREUNDEN"
                 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/3684166/reisen-reisen-unter-freunden" 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>Reisen Reisen - UNTER FREUNDEN</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Reisen Reisen Media
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/sphinx.acast.com\/p\/open\/s\/696e25e64788cf9ec6dfab26\/e\/6a6b2608cdbd41914642b9a5\/media.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Sunset Stories - „Bin ich noch auf dieser Welt?\\u0022\u0022,\u0022artist\u0022:\u0022Reisen Reisen - UNTER FREUNDEN\u0022,\u0022url\u0022:\u0022https:\\\/\\\/sphinx.acast.com\\\/p\\\/open\\\/s\\\/696e25e64788cf9ec6dfab26\\\/e\\\/6a6b2608cdbd41914642b9a5\\\/media.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3684166\\\/s\\\/706967551\\\/sunset-stories-bin-ich-noch-auf-dieser-welt.png\u0022,\u0022channelId\u0022:3684166,\u0022channelSlug\u0022:\u0022reisen-reisen-unter-freunden\u0022,\u0022showId\u0022:706967551}')) "
    title="Episode `Sunset Stories - „Bin ich noch auf dieser Welt?&quot;` 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">
                        Sunset Stories - „Bin ich noch auf dieser Welt?&quot;
                    </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/3601846/reisen-reisen-bella-italia" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3601846/reisen-reisen-bella-italia.png"
                 alt="Reisen Reisen - Bella Italia"
                 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/3601846/reisen-reisen-bella-italia" 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>Reisen Reisen - Bella Italia</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                
  &amp;gt;&amp;gt; Weitere Folgen über Italien und andere
  traumhafte Reisen gibt es bei &quot;Reisen Reisen - der Podcast&quot;
  &amp;lt;&amp;lt;


  Willkommen zur Italienreise mit Tamina Kallert, Jochen Schliemann
  und Michael Dietz


  Bella Italia ist eine Liebeserklärung an die Sehnsucht nach
  Italien. Die Freunde, Journalisten und Autoren Jochen Schliemann
  und Michael Dietz und die Queen des deutschen Reisefernsehens
  Tamina Kallert (Wunderschön) podcasten gerne auf eine Pizza
  Quattro Stagioni hin und naschen vorher oder danach auch gerne
  noch ein Tiramisu. Dabei schwelgen sie in Dolche Vita, dem süßen
  italienischen Leben und verraten ihre Lieblingsorte,
  Sehnsuchtsziele und diskutieren italienisch leidenschaftlich was
  am Ende wirklich besser ist...Sardinien oder Sizilien, Südtirol
  oder Toskana, Felicia oder Azzurro?!


  Inspirierend. Lustig und Mamma Mia


  &quot;REISEN REISEN - DER PODCAST&quot; LIVE ERLEBEN:


  24.2.2026 Hamburg


  26.2.2026 München


  &amp;gt;&amp;gt;&amp;gt; Tickets für alle Shows gibt es HIER


  &amp;gt;&amp;gt;&amp;gt; Allgemeine Tour Termine (kein Italien Fokus)


  &amp;gt;&amp;gt;&amp;gt; Shows ohne Tamina Kallert


  


  Hosted on Acast. See acast.com/privacy for more information.

            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/sphinx.acast.com\/p\/open\/s\/682857273e2c04fd7ac67085\/e\/682f0e2a615cbd81571a6144\/media.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Unsere Lieblingsinseln!\u0022,\u0022artist\u0022:\u0022Reisen Reisen - Bella Italia\u0022,\u0022url\u0022:\u0022https:\\\/\\\/sphinx.acast.com\\\/p\\\/open\\\/s\\\/682857273e2c04fd7ac67085\\\/e\\\/682f0e2a615cbd81571a6144\\\/media.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3601846\\\/s\\\/690625024\\\/unsere-lieblingsinseln.png\u0022,\u0022channelId\u0022:3601846,\u0022channelSlug\u0022:\u0022reisen-reisen-bella-italia\u0022,\u0022showId\u0022:690625024}')) "
    title="Episode `Unsere Lieblingsinseln!` 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">
                        Unsere Lieblingsinseln!
                    </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/3586518/ziemlich-beste-reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3586518/ziemlich-beste-reisen.png"
                 alt="Ziemlich Beste Reisen"
                 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/3586518/ziemlich-beste-reisen" 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>Ziemlich Beste Reisen</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Willkommen zu unserem Podcast ’Ziemlich beste Reisen - Der
Schmetterling Talk’! Begleitet uns auf einem Podcast voller
persönlicher Reiseberichte und praktischer Tipps. Wir nehmen euch
mit auf eine Abenteuerreise durch faszinierende Länder und
Kulturen, teilen unsere eigenen Erfahrungen und enthüllen geheime
Insidertipps für unvergessliche Reiseerlebnisse. ’Ziemlich beste
Reisen’ ist der Podcast für alle, die ihre Reiselust entfachen und
die Welt entdecken möchten.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/mcdn.podbean.com\/mf\/web\/ufc8cd7ss8nm2kqv\/_45_-_LMX8s3mf-sffce8-Optimized.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022#45 - Flexibel und dynamisch reisen mit LMX \\u0026 SunTrips\u0022,\u0022artist\u0022:\u0022Ziemlich Beste Reisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/mcdn.podbean.com\\\/mf\\\/web\\\/ufc8cd7ss8nm2kqv\\\/_45_-_LMX8s3mf-sffce8-Optimized.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3586518\\\/s\\\/705041427\\\/45-flexibel-und-dynamisch-reisen-mit-lmx-suntrips.png\u0022,\u0022channelId\u0022:3586518,\u0022channelSlug\u0022:\u0022ziemlich-beste-reisen\u0022,\u0022showId\u0022:705041427}')) "
    title="Episode `#45 - Flexibel und dynamisch reisen mit LMX &amp; SunTrips` 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">
                        #45 - Flexibel und dynamisch reisen mit LMX &amp; SunTrips
                    </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/3397699/dahin-der-reise-podcast-von-reisen-exclusiv" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3397699/dahin-der-reise-podcast-von-reisen-exclusiv.png"
                 alt="DAHIN! - Der Reise-Podcast von reisen EXCLUSIV"
                 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/3397699/dahin-der-reise-podcast-von-reisen-exclusiv" 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>DAHIN! - Der Reise-Podcast von reisen EXCLUSIV</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Das Magazin für Reise und Lifestyle
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/audio.podigee-cdn.net\/2584425-m-484b9636efd91c154c889ba5bb7f13f2.mp3?source=feed' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Österreich: Der Salzburger Almenweg – 350 Kilometer pures Bergglück\u0022,\u0022artist\u0022:\u0022DAHIN! - Der Reise-Podcast von reisen EXCLUSIV\u0022,\u0022url\u0022:\u0022https:\\\/\\\/audio.podigee-cdn.net\\\/2584425-m-484b9636efd91c154c889ba5bb7f13f2.mp3?source=feed\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3397699\\\/s\\\/706492488\\\/oesterreich-der-salzburger-almenweg-350-kilometer-pures-bergglueck.png\u0022,\u0022channelId\u0022:3397699,\u0022channelSlug\u0022:\u0022dahin-der-reise-podcast-von-reisen-exclusiv\u0022,\u0022showId\u0022:706492488}')) "
    title="Episode `Österreich: Der Salzburger Almenweg – 350 Kilometer pures Bergglück` 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">
                        Österreich: Der Salzburger Almenweg – 350 Kilometer pures Bergglück
                    </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/2953452/hotel-der-woche-der-hotel-podcast-von-reisen-exclusiv" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2953452/hotel-der-woche-der-hotel-podcast-von-reisen-exclusiv.png"
                 alt="Hotel der Woche - Der Hotel-Podcast von reisen EXCLUSIV"
                 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/2953452/hotel-der-woche-der-hotel-podcast-von-reisen-exclusiv" 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>Hotel der Woche - Der Hotel-Podcast von reisen EXCLUSIV</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Unsere Lieblingshotels - Der Reise-Podcast von reisen EXCLUSIV
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/audio.podigee-cdn.net\/2588170-m-cd04cfb9d474231fdad557f2f3922d71.mp3?source=feed' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Griechenland: Avaton Luxury Beach Resort – Relais \\u0026 Châteaux\u0022,\u0022artist\u0022:\u0022Hotel der Woche - Der Hotel-Podcast von reisen EXCLUSIV\u0022,\u0022url\u0022:\u0022https:\\\/\\\/audio.podigee-cdn.net\\\/2588170-m-cd04cfb9d474231fdad557f2f3922d71.mp3?source=feed\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2953452\\\/s\\\/706850586\\\/griechenland-avaton-luxury-beach-resort-relais-chateaux.png\u0022,\u0022channelId\u0022:2953452,\u0022channelSlug\u0022:\u0022hotel-der-woche-der-hotel-podcast-von-reisen-exclusiv\u0022,\u0022showId\u0022:706850586}')) "
    title="Episode `Griechenland: Avaton Luxury Beach Resort – Relais &amp; Châteaux` 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">
                        Griechenland: Avaton Luxury Beach Resort – Relais &amp; Châteaux
                    </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/2712856/db-finance-reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2712856/db-finance-reisen.png"
                 alt="d&amp;b finance reisen"
                 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/2712856/db-finance-reisen" 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>d&amp;b finance reisen</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Wir nehmen euch mit auf unsere großartigen Reisen, die äußerst
luxuriös sind und die auch ihr mit unserer Hilfe erleben könnt.
Dazu gehören atemberaubende Hotels, erstklassige Flüge,
unvergessliche Abenteuer, praktische Kreditkartentipps sowie
Punkte- und Meilen. Das ist dein d&amp;amp;b finance reisen podcast.
Kooperation mit @traveldiehr auf Instagram.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/6cd31b40\/podcast\/play\/45464416\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2021-11-29%2F239933369-44100-2-f484f0534dd28.m4a' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022#3 ️ Hotel Atlantic \\u0026 The Westin Hamburg\u0022,\u0022artist\u0022:\u0022d\\u0026b finance reisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/6cd31b40\\\/podcast\\\/play\\\/45464416\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2021-11-29%2F239933369-44100-2-f484f0534dd28.m4a\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2712856\\\/s\\\/625102499\\\/3-hotel-atlantic-the-westin-hamburg.png\u0022,\u0022channelId\u0022:2712856,\u0022channelSlug\u0022:\u0022db-finance-reisen\u0022,\u0022showId\u0022:625102499}')) "
    title="Episode `#3 ️ Hotel Atlantic &amp; The Westin Hamburg` 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">
                        #3 ️ Hotel Atlantic &amp; The Westin Hamburg
                    </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/3195898/idefix-auf-reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/3195898/idefix-auf-reisen.png"
                 alt="Idefix Auf Reisen 🐶🧳"
                 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/3195898/idefix-auf-reisen" 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>Idefix Auf Reisen 🐶🧳</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Idefix geht auf Reisen durch die ganze Welt von Asterix Comics und
beobachtet die Menschen.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/691aedd4\/podcast\/play\/39425848\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2021-7-27%2F215076102-44100-2-137a5175ea12f.m4a' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Idefix geht auf Reisen\u0022,\u0022artist\u0022:\u0022Idefix Auf Reisen 🐶🧳\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/691aedd4\\\/podcast\\\/play\\\/39425848\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2021-7-27%2F215076102-44100-2-137a5175ea12f.m4a\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3195898\\\/s\\\/625086204\\\/idefix-geht-auf-reisen.png\u0022,\u0022channelId\u0022:3195898,\u0022channelSlug\u0022:\u0022idefix-auf-reisen\u0022,\u0022showId\u0022:625086204}')) "
    title="Episode `Idefix geht auf Reisen` 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">
                        Idefix geht auf Reisen
                    </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/2555712/gullivers-reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2555712/gullivers-reisen.png"
                 alt="Gullivers Reisen"
                 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/2555712/gullivers-reisen" 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>Gullivers Reisen</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Gullivers Reisen deutsch Buch
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/5e62637c\/podcast\/play\/34944757\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2021-06-06%2F6e3c61c1e693110ed88482f7378606e7.m4a' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Gullivers Reisen\u0022,\u0022artist\u0022:\u0022Gullivers Reisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/5e62637c\\\/podcast\\\/play\\\/34944757\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2021-06-06%2F6e3c61c1e693110ed88482f7378606e7.m4a\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2555712\\\/s\\\/624957628\\\/gullivers-reisen.png\u0022,\u0022channelId\u0022:2555712,\u0022channelSlug\u0022:\u0022gullivers-reisen\u0022,\u0022showId\u0022:624957628}')) "
    title="Episode `Gullivers Reisen` 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">
                        Gullivers Reisen
                    </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/2540900/wenn-landfrauen-reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2540900/wenn-landfrauen-reisen.png"
                 alt="Wenn Landfrauen reisen"
                 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/2540900/wenn-landfrauen-reisen" 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>Wenn Landfrauen reisen</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Wenn Landfrauen reisen
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/download-media.srf.ch\/world\/video\/wennlandfrauenreisen\/2024\/09\/wennlandfrauenreisen_20240917_115510_7590418_v_webcast_h264_q60.mp4' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Wenn Landfrauen reisen vom 20.09.2024 (Staffel 8, Folge 4)\u0022,\u0022artist\u0022:\u0022Wenn Landfrauen reisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/download-media.srf.ch\\\/world\\\/video\\\/wennlandfrauenreisen\\\/2024\\\/09\\\/wennlandfrauenreisen_20240917_115510_7590418_v_webcast_h264_q60.mp4\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2540900\\\/s\\\/642995482\\\/wenn-landfrauen-reisen-vom-20092024-staffel-8-folge-4.png\u0022,\u0022channelId\u0022:2540900,\u0022channelSlug\u0022:\u0022wenn-landfrauen-reisen\u0022,\u0022showId\u0022:642995482}')) "
    title="Episode `Wenn Landfrauen reisen vom 20.09.2024 (Staffel 8, Folge 4)` 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">
                        Wenn Landfrauen reisen vom 20.09.2024 (Staffel 8, Folge 4)
                    </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/2540899/wenn-landfrauen-reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2540899/wenn-landfrauen-reisen.png"
                 alt="Wenn Landfrauen reisen"
                 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/2540899/wenn-landfrauen-reisen" 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>Wenn Landfrauen reisen</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Wenn Landfrauen reisen
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/download-media.srf.ch\/world\/video\/wennlandfrauenreisen\/2024\/09\/wennlandfrauenreisen_20240917_115510_7590418_v_webcast_h264_q60.mp4' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Wenn Landfrauen reisen vom 20.09.2024 (Staffel 8, Folge 4)\u0022,\u0022artist\u0022:\u0022Wenn Landfrauen reisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/download-media.srf.ch\\\/world\\\/video\\\/wennlandfrauenreisen\\\/2024\\\/09\\\/wennlandfrauenreisen_20240917_115510_7590418_v_webcast_h264_q60.mp4\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2540899\\\/s\\\/642995481\\\/wenn-landfrauen-reisen-vom-20092024-staffel-8-folge-4.png\u0022,\u0022channelId\u0022:2540899,\u0022channelSlug\u0022:\u0022wenn-landfrauen-reisen\u0022,\u0022showId\u0022:642995481}')) "
    title="Episode `Wenn Landfrauen reisen vom 20.09.2024 (Staffel 8, Folge 4)` 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">
                        Wenn Landfrauen reisen vom 20.09.2024 (Staffel 8, Folge 4)
                    </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/1379572/bewusst-auf-reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/1379572/bewusst-auf-reisen.png"
                 alt="Bewusst auf Reisen"
                 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/1379572/bewusst-auf-reisen" 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>Bewusst auf Reisen</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Kein Studium, keine Ausbildung aber dafür ein Abenteuer Leben? Ich
selber bin aktuell in einer Situation die ich mir als kleines Kind
gewünscht habe. Ich Reise um die Welt um dem Moment einzufangen.
Und ich nehme dich dabei mit!
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/dc48300\/podcast\/play\/57809594\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2022-8-19%2F286555865-44100-2-553365878f99e.mp3' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Wandern auf den größten Berg von Fuerteventura und der Wellen Kampf. Teil 2 -Bewusst auf reisen Podcast\u0022,\u0022artist\u0022:\u0022Bewusst auf Reisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/dc48300\\\/podcast\\\/play\\\/57809594\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2022-8-19%2F286555865-44100-2-553365878f99e.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/1379572\\\/s\\\/622977587\\\/wandern-auf-den-groessten-berg-von-fuerteventura-und-der-wellen-kampf-teil-2-bewusst-auf-reisen-podcast.png\u0022,\u0022channelId\u0022:1379572,\u0022channelSlug\u0022:\u0022bewusst-auf-reisen\u0022,\u0022showId\u0022:622977587}')) "
    title="Episode `Wandern auf den größten Berg von Fuerteventura und der Wellen Kampf. Teil 2 -Bewusst auf reisen Podcast` 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">
                        Wandern auf den größten Berg von Fuerteventura und der Wellen Kampf. Teil 2 -Bewusst auf reisen Podcast
                    </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/2808556/gedanken-reisen" class="shrink-0">
            <img src="https://cdn.podcastcms.de/images/podcasts/315/2808556/gedanken-reisen.png"
                 alt="Gedanken Reisen"
                 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/2808556/gedanken-reisen" 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>Gedanken Reisen</div>
            </a>

            <p class="text-sm text-zinc-600 dark:text-zinc-300 line-clamp-3 mb-3">
                Hier folgen virtuelle Reisen an ferne Reiseziele.
            </p>

                            <div class="flex items-center gap-2 min-w-0">
                    <button
    type="button"
    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/3cf92b44\/podcast\/play\/21576424\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2021-1-12%2F154650995-44100-2-9c05dc7f04d22.m4a' }"
    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Gedanken Reisen (Trailer)\u0022,\u0022artist\u0022:\u0022Gedanken Reisen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/3cf92b44\\\/podcast\\\/play\\\/21576424\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2021-1-12%2F154650995-44100-2-9c05dc7f04d22.m4a\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2808556\\\/s\\\/624547852\\\/gedanken-reisen-trailer.png\u0022,\u0022channelId\u0022:2808556,\u0022channelSlug\u0022:\u0022gedanken-reisen\u0022,\u0022showId\u0022:624547852}')) "
    title="Episode `Gedanken Reisen (Trailer)` 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">
                        Gedanken Reisen (Trailer)
                    </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 1.101
        </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/reisen-356?query=reisen&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/reisen-356?query=reisen&amp;page=74"
                                   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 74">74</a>
                                                                                        
                
                                    <a href="https://www.podcast.de/beste-podcasts/reisen-356?query=reisen&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/reisen-356"
          class="flex items-center gap-1"
          x-data="{
              page: '1',
              go() {
                  const target = Math.min(74, Math.max(1, parseInt(this.page) || 1));
                  this.page = target;

                                        const url = new URL('https://www.podcast.de/beste-podcasts/reisen-356?query=reisen&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="reisen">
        
        <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="74"
                   required
                   inputmode="numeric"
                   x-model="page"
                   value="1"
                   aria-label="Zu Seite springen (1 bis 74)"
                   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="8pUg5xrKN8T4sJLbMZl0MbWDfdDANqNK8wSpH7Vs" 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>