PageSourceSearch

https://www.podcast.de/podcast-tipps

html podcast.de collected 2026-10-01 10:17:47 UTC 301,706 bytes, 3,423 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de" 
3    x-data :class="$store.mobileNav.expanded && 'overflow-y-hidden'">
4    <head>
5        <meta charset="UTF-8">
6        <meta http-equiv="X-UA-Compatible" content="ie=edge">
7        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
8        <meta name="csrf-token" content="">
9        
10        <meta name="user-authenticated" content="0">
11        <meta property="fb:app_id" content="109904812384029" />
12        <link rel="dns-prefetch" href="//cdn.podcastcms.de">
13        <link rel="dns-prefetch" href="//sockets.podcast.de">
14        <link rel="dns-prefetch" href="//mto.podcast.de">
15        <link rel="dns-prefetch" href="//jobs.podcast.de">
16        <link rel="shortcut icon" href="https://cdn.podcastcms.de/images/defaults/favicon.ico" title="favicon" type="image/x-icon" />
17        <link rel="apple-touch-icon" href="https://cdn.podcastcms.de/images/defaults/iphonefavicon.png">
18        <link rel="apple-touch-startup-image" href="https://cdn.podcastcms.de/images/defaults/podcast_de_logo.gif">
19        
20        <!-- Favicon -->
21        <link rel="icon" type="image/png" href="https://www.podcast.de/build/assets/favicon-C0OVErdq.png">
22        <title>Podcast-Tipps der Redaktion</title>
23<meta name="description" content="Tipps und Empfehlungen unserer Redaktion für Podcasts aus unserem Verzeichnis">
24<meta name="keywords" content="Podcast, Podcasts, Podcasting, Podcasten, Podcaster, MP3, Video, News">
25<link rel="canonical" href="https://www.podcast.de/podcast-tipps">
26<meta name="robots" content="all">
27<meta property="og:title" content="Podcast-Tipps der Redaktion">
28<meta property="og:description" content="Tipps und Empfehlungen unserer Redaktion für Podcasts aus unserem Verzeichnis">
29<meta property="og:url" content="https://www.podcast.de/podcast-tipps">
30<meta property="og:type" content="article">
31<meta property="og:site_name" content="podcast.de">
32<meta property="og:image" content="https://www.podcast.de/images1/podcast.de.svg">
33
34<meta name="twitter:site" content="@podcastDE">
35<meta name="twitter:title" content="Podcast-Tipps der Redaktion">
36<meta name="twitter:description" content="Tipps und Empfehlungen unserer Redaktion für Podcasts aus unserem Verzeichnis">
37<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"podcast.de","description":"Tipps und Empfehlungen unserer Redaktion für Podcasts aus unserem Verzeichnis","image":"https://www.podcast.de/images1/podcast.de.svg"}</script>
37        <link rel="alternate" type="application/rss+xml" href="https://www.podcast.de/feeds/news" title="podcast.de News">
38    <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">
39    <link rel="alternate" type="application/rss+xml" href="https://www.podcast.de/feeds/news/berichte" title="Berichte - Alles zum Thema Podcast ~ podcast.de News">
40    <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">
41        <!-- Web Application Manifest -->
42<link rel="manifest" href="https://www.podcast.de/manifest.json">
43<!-- Chrome for Android theme color -->
44<meta name="theme-color" content="#ff9900">
45
46<!-- Add to homescreen for Chrome on Android -->
47<meta name="mobile-web-app-capable" content="yes">
48<meta name="application-name" content="podcast.de">
49<link rel="icon" sizes="923x923" href="/images/icons/maskable_icon.png">
50
51<!-- Add to homescreen for Safari on iOS -->
52<meta name="apple-mobile-web-app-capable" content="yes">
53<meta name="apple-mobile-web-app-status-bar-style" content="white">
54<meta name="apple-mobile-web-app-title" content="podcast.de">
55<link rel="apple-touch-icon" href="/images/icons/maskable_icon.png">
56
57
58<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" />
59<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" />
60<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" />
61<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" />
62<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" />
63<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" />
64<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" />
65<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" />
66<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" />
67<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" />
68
69<!-- Tile for Win8 -->
70<meta name="msapplication-TileColor" content="#ffffff">
71<meta name="msapplication-TileImage" content="/images/icons/maskable_icon.png">
72
73
74        <style>
75    :root.dark {
76        color-scheme: dark;
77    }
78</style>
79<script>
80    window.Flux = {
81        applyAppearance (appearance) {
82            let applyDark = () => document.documentElement.classList.add('dark')
83            let applyLight = () => document.documentElement.classList.remove('dark')
84
85            if (appearance === 'system') {
86                let media = window.matchMedia('(prefers-color-scheme: dark)')
87
88                window.localStorage.removeItem('flux.appearance')
89
90                media.matches ? applyDark() : applyLight()
91            } else if (appearance === 'dark') {
92                window.localStorage.setItem('flux.appearance', 'dark')
93
94                applyDark()
95            } else if (appearance === 'light') {
96                window.localStorage.setItem('flux.appearance', 'light')
97
98                applyLight()
99            }
100        }
101    }
102
103    window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system')
104</script>
104
105                            <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" />
105<script type="module" src="https://www.podcast.de/build/assets/site-CS-CF_0a.js" data-navigate-track="reload"></script>
105        
106        
106<script>
107            let _paq = window._paq = window._paq || [];
108            
109            _paq.push(['trackPageView']);
110            _paq.push(['trackVisibleContentImpressions']); 
111            _paq.push(['enableLinkTracking']);
112            (function() {
113                let u="//mto.podcast.de/";
114                _paq.push(['setTrackerUrl', u+'matomo.php']);
115                _paq.push(['setSiteId', '3']);
116                let d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
117                g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
118            })();
119        </script>
119
120    </head>
121    <body x-data class="bg-white dark:bg-zinc-900" :class="$store.mobileNav.expanded && 'overflow-y-hidden'">
122        <div>
123
124            <div class="main-content">
125
126                <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>
127            <div class="container flex h-full items-center">
128            
129            <a href="https://www.podcast.de" class="mr-4 lg:mr-6 py-6 inline-flex items-center shrink-0">
130                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 599.58 245.29"
131     role="img" aria-label="podcast.de"
132      
133    class="w-auto" style="color: var(--brand-gray-main); height: 61px; width: auto;" width="149" height="61">
134    <title>podcast.de</title>
135    <g>
136    	<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
137    		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
138    		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"/>
139    	<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
140    		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
141    		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"/>
142    	<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
143    		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
144    		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
145    		C205.77,105.37,201.46,101.94,195.26,101.94"/>
146    	<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
147    		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
148    		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"/>
149    	<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
150    		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
151    		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
152    		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"/>
153    	<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
154    		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
155    		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
156    		L417.93,104.92z"/>
157    	<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
158    		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"/>
159    	<rect x="477.88" y="144.21" fill="currentColor" width="10.95" height="10.08"/>
160    	<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
161    		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
162    		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"/>
163    	<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
164    		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
165    		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"/>
166    	<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
167    		C158.1,268.35,64.55,241.79,34.67,208.19"/>
168    	<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"
169    		/>
170    	<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
171    		C89.71,35.08,137.36,43.02,160.57,61.04"/>
172    	<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
173    		C44.21,15.19,123.48-24.72,193.44,34.61"/>
174    </g>
175</svg>
176            </a>
177
178            
179            
180            <nav class="flex items-center gap-0.5 py-3  -mb-px max-lg:hidden" data-flux-navbar>
181    <ui-dropdown position="bottom start"  data-flux-dropdown>
182    <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">
183        <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>
184    
185            <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">
186  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
187</svg>
188    </button>
189        
190        <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>
191    <div class="group/cats flex">
192                <div class="min-w-56 p-[.3125rem]">
193                    <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">
194        Neu dabei
195    </a>
196                    <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">
197        Tipps der Redaktion
198    </a>
199                    <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">
200        Charts
201    </a>
202                    
203                    <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">
204        Kategorien
205
206    
207            <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">
208  <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"/>
209</svg>
210    </a>
211                    <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">
212        Sammlungen
213    </a>
214                </div>
215
216                
217                
218                <div
219                    data-categories-panel
220                    class="hidden w-96 flex-col border-s border-zinc-200 p-4 dark:border-zinc-600
221                           group-has-[[data-categories-trigger]:hover]/cats:flex
222                           group-has-[[data-categories-trigger]:focus]/cats:flex
223                           group-has-[[data-categories-panel]:hover]/cats:flex
224                           group-has-[[data-categories-panel]:focus-within]/cats:flex"
225                >
226                    <a href="https://www.podcast.de/kategorien"
227                       class="mb-4 flex items-center gap-2 text-xl font-bold text-zinc-800 hover:text-primary dark:text-white">
228                        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">
229  <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"/>
230  <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"/>
231</svg>
232
233                            </a>
234
235                    
236                    <div class="grid flex-1 auto-rows-fr grid-cols-2 gap-3">
237                                                    
238                            <a href="https://www.podcast.de/beste-podcasts/englisch-815"
239                               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">
240                                                                    
241                                    <picture>
242                                        <source srcset="https://www.podcast.de/build/assets/englisch-podcasts-TryF1EFb.avif" type="image/avif" />
243                                        <img src="https://www.podcast.de/build/assets/englisch-podcasts-D1Q3AfAp.jpg"
244                                             alt="Englisch Podcasts"
245                                             loading="lazy"
246                                             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" />
247                                    </picture>
248                                                                <sp
248an class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
249                                    Englisch
250                                </span>
251                            </a>
252                                                    
253                            <a href="https://www.podcast.de/beste-podcasts/geschichte-504"
254                               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">
255                                                                    
256                                    <picture>
257                                        <source srcset="https://www.podcast.de/build/assets/geschichte-podcasts-Bz-AjwKU.avif" type="image/avif" />
258                                        <img src="https://www.podcast.de/build/assets/geschichte-podcasts-k805oBLC.jpg"
259                                             alt="Geschichte Podcasts"
260                                             loading="lazy"
261                                             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" />
262                                    </picture>
263                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
264                                    Geschichte
265                                </span>
266                            </a>
267                                                    
268                            <a href="https://www.podcast.de/beste-podcasts/gesellschaft-18"
269                               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">
270                                                                    
271                                    <picture>
272                                        <source srcset="https://www.podcast.de/build/assets/gesellschaft-podcasts-CA-W4tIX.avif" type="image/avif" />
273                                        <img src="https://www.podcast.de/build/assets/gesellschaft-podcasts-BGInmbWR.jpg"
274                                             alt="Gesellschaft Podcasts"
275                                             loading="lazy"
276                                             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" />
277                                    </picture>
278                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
279                                    Gesellschaft
280                                </span>
281                            </a>
282                                                    
283                            <a href="https://www.podcast.de/beste-podcasts/gesundheit-9"
284                               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">
285                                                                    
286                                    <picture>
287                                        <source srcset="https://www.podcast.de/build/assets/gesundheit-podcasts-Dh1jVyfR.avif" type="image/avif" />
288                                        <img src="https://www.podcast.de/build/assets/gesundheit-podcasts-D43rt1qJ.jpg"
289                                             alt="Gesundheit Podcasts"
290                                             loading="lazy"
291                                             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" />
292                                    </picture>
293                                                                <sp
293an class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
294                                    Gesundheit
295                                </span>
296                            </a>
297                                                    
298                            <a href="https://www.podcast.de/beste-podcasts/h%25C3%25B6rb%25C3%25BCcher-2262"
299                               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">
300                                                                    
301                                    <picture>
302                                        <source srcset="https://www.podcast.de/build/assets/hoerbuecher-podcasts-D7qgWLRP.avif" type="image/avif" />
303                                        <img src="https://www.podcast.de/build/assets/hoerbuecher-podcasts-CRldObeZ.jpg"
304                                             alt="Hörbücher Podcasts"
305                                             loading="lazy"
306                                             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" />
307                                    </picture>
308                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
309                                    Hörbücher
310                                </span>
311                            </a>
312                                                    
313                            <a href="https://www.podcast.de/beste-podcasts/wissenschaft-16"
314                               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">
315                                                                    
316                                    <picture>
317                                        <source srcset="https://www.podcast.de/build/assets/wissenschaft-podcasts-DxZuaOyK.avif" type="image/avif" />
318                                        <img src="https://www.podcast.de/build/assets/wissenschaft-podcasts-C6k2DAlL.jpg"
319                                             alt="Wissenschaft Podcasts"
320                                             loading="lazy"
321                                             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" />
322                                    </picture>
323                                                                <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md">
324                                    Wissenschaft
325                                </span>
326                            </a>
327                                            </div>
328                </div>
329            </div>
330</nav>
331</ui-dropdown>
332
333    
334    <ui-dropdown position="bottom start"  data-flux-dropdown>
335    <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">
336        <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>
337    
338            <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">
339  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
340</svg>
341    </button>
342        <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>
343    <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">
344        Übersicht
345    </a>
346            <div class="-mx-[.3125rem] my-[.3125rem] h-px"  data-flux-navmenu-separator>
347    <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>
348</div>
349            <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">
350        Web
351    </a>
352            <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">
353        iOS
354    </a>
355            <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">
356        Android
357    </a>
358</nav>
359</ui-dropdown>
360
361    
362    <ui-dropdown position="bottom start"  data-flux-dropdown>
363    <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">
364        <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>
365    
366            <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">
367  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
368</svg>
369    </button>
370        <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>
371    <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">
372        Übersicht
373    </a>
374            <div class="-mx-[.3125rem] my-[.3125rem] h-px"  data-flux-navmenu-separator>
375    <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>
376</div>
377            <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">
378        Podcast starten
379    </a>
380            <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">
381        FAQ
382    </a>
383            <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">
384        Podcast anmelden
385    </a>
386            <div class="-mx-[.3125rem] my-[.3125rem] h-px"  data-flux-navmenu-separator>
387    <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>
388</div>
389            <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">
390        In 5 Minuten zu… Podcast
391    </a>
392</nav>
393</ui-dropdown>
394
395    
396    <ui-dropdown position="bottom start"  data-flux-dropdown>
397    <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">
398        <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>
399    
400            <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">
401  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
402</svg>
403    </button>
404        <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>
405    <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">
406        Events
407    </a>
408                            <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">
409        Communities
410    </a>
411                        <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">
412        Jobs
413    </a>
414            <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">
415        Newsletter
416    </a>
417            <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">
418        Wissen
419    </a>
420            <div class="-mx-[.3125rem] my-[.3125rem] h-px"  data-flux-navmenu-separator>
421    <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>
422</div>
423            <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">
424        Gezielt — Der Reichweiten-Podcast
425    </a>
426</nav>
427</ui-dropdown>
428</nav>
429
430
431            <div class="flex-1" data-flux-spacer></div>
432
433            
434                        <div class="mr-4 flex items-center">
435                
436                <div
437    class="contents"
438    x-data
439    x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'site-search' })"
440            x-on:keydown.cmd.k.document="$event.preventDefault(); $dispatch('modal-show', { name: 'site-search' })"
441        data-flux-modal-trigger
442>
443    <button type="button"
444                            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"
445                            aria-label="Suche">
446                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none"
447                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
448                            <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
449                        </svg>
450                    </button>
451</div>
452            </div>
453            
454            
455            
456            
457                        <ui-dropdown position="bottom end" class="mr-4 max-lg:hidden" data-flux-dropdown>
458    <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">
459        <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">
460  <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.
460061 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"/>
461</svg>
462    </button>
463
464        <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>
465    <div x-data>
466    <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>
467        <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">
468            <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">
469  <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"/>
470</svg>
471
472            
473    Auto
474
475    </ui-radio>
476        <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">
477            <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">
478  <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"/>
479</svg>
480
481            
482    Hell
483
484    </ui-radio>
485        <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">
486            <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">
487  <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"/>
488</svg>
489
490            
491    Dunkel
492
493    </ui-radio>
494    </ui-radio-group>
495</div>
496</nav>
497</ui-dropdown>
498
499    <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">
500        <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">
501  <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"/>
502</svg>
503
504                
505                    
506            
507            <span>Anmeldung</span>
508    </a>
509
510    
511    <div class="mr-4 flex items-center lg:hidden">
512        <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">
513        <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">
514  <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"/>
515</svg>
516    </a>
517    </div>
518
519            
520            <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">
521        <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">
522  <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"/>
523</svg>
524    </button>
525            <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">
526        <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">
527  <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"/>
528</svg>
529    </button>
530        </div>
531    </header>
532
533    
534    <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>
535
536<ui-sidebar
537    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;)"
538     collapsible="mobile"      stashable      sticky     x-data
539    data-flux-sidebar-cloak
540    data-flux-sidebar
541>
542    <nav class="flex flex-col overflow-visible min-h-auto" data-flux-navlist>
543    <ui-disclosure class="group/disclosure"  data-flux-navlist-group>
544        <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">
545            <div class="ps-3 pe-4">
546                <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">
547  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
548</svg>
549
550                        <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">
551  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
552</svg>
553
554                    </div>
555
556            <span class="text-sm font-medium leading-none">Podcasts finden</span>
557        </button>
558
559        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
560            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
561
562            <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">
563        <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>
564    </a>
565    <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">
566        <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>
567    </a>
568    <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">
569        <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>
570    </a>
571
572    
573    <ui-disclosure class="group/disclosure"  data-flux-navlist-group>
574        <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">
575            <div class="ps-3 pe-4">
576                <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">
577  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
578</svg>
579
580                        <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">
581  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
582</svg>
583
584                    </div>
585
586            <span class="text-sm font-medium leading-none">Kategorien</span>
587        </button>
588
589        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
590            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
591
592            <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">
593        <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>
594    </a>
595                    <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">
596        <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>
597    </a>
598                    <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">
599        <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>
600    </a>
601                    <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">
602        <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>
603    </a>
604                    <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">
605        <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>
606    </a>
607                    <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">
608        <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>
609    </a>
610                    <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">
611        <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>
612    </a>
613        </div>
614    </ui-disclosure>
615    <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">
616        <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>
617    </a>
618        </div>
619    </ui-disclosure>
620
621
622<ui-disclosure class="group/disclosure"  data-flux-navlist-group>
623        <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">
624            <div class="ps-3 pe-4">
625                <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">
626  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
627</svg>
628
629                        <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">
630  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
631</svg>
632
633                    </div>
634
635            <span class="text-sm font-medium leading-none">Podcasts hören</span>
636        </button>
637
638        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
639            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
640
641            <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">
642        <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>
643    </a>
644    <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">
645        <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>
646    </a>
647    <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">
648        <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>
649    </a>
650    <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">
651        <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>
652    </a>
653        </div>
654    </ui-disclosure>
655
656
657<ui-disclosure class="group/disclosure"  data-flux-navlist-group>
658        <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">
659            <div class="ps-3 pe-4">
660                <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">
661  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
662</svg>
663
664                        <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">
665  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
666</svg>
667
668                    </div>
669
670            <span class="text-sm font-medium leading-none">Podcasts machen</span>
671        </button>
672
673        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
674            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
675
676            <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">
677        <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>
678    </a>
679    <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">
680        <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>
681    </a>
682    <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">
683        <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>
684    </a>
685    <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">
686        <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>
687    </a>
688        </div>
689    </ui-disclosure>
690
691
692<ui-disclosure class="group/disclosure"  data-flux-navlist-group>
693        <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">
694            <div class="ps-3 pe-4">
695                <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">
696  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
697</svg>
698
699                        <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">
700  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
701</svg>
702
703                    </div>
704
705            <span class="text-sm font-medium leading-none">Podcasts erleben</span>
706        </button>
707
708        <div class="relative hidden data-open:block space-y-[2px] ps-7" >
709            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
710
711            <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">
712        <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>
713    </a>
714            <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">
715        <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>
716    </a>
717        <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">
718        <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>
719    </a>
720    <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">
721        <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>
722    </a>
723    <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">
724        <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>
725    </a>
726        </div>
727    </ui-disclosure>
728</nav>
729
730    <div class="flex-1" data-flux-spacer></div>
731
732            <a href="https://www.podcast.de/anmeldung?intended=po
732dcast-tipps" 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">
733        <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">
734  <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"/>
735</svg>
736
737                
738                    
739            
740            <span>Anmeldung</span>
741    </a>
742        <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">
743        <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">
744  <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"/>
745</svg>
746
747                
748                    
749            
750            <span>Registrierung</span>
751    </a>
752    
753    
754    <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>
755    <div x-data>
756    <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>
757        <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">
758            <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">
759  <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"/>
760</svg>
761
762            
763    Auto
764
765    </ui-radio>
766        <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">
767            <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">
768  <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.
768061 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"/>
769</svg>
770
771            
772    Hell
773
774    </ui-radio>
775        <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">
776            <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">
777  <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"/>
778</svg>
779
780            
781    Dunkel
782
783    </ui-radio>
784    </ui-radio-group>
785</div>
786</ui-sidebar>
787
788
789<script>
790(function () {
791    var apply = function () {
792        var header = document.querySelector('[data-flux-header]');
793
794        if (header) {
795            document.documentElement.style.setProperty('--nav-header-height', header.offsetHeight + 'px');
796        }
797    };
798
799    apply();
800
801    if (! window.__navHeaderHeightBound) {
802        window.__navHeaderHeightBound = true;
803        document.addEventListener('livewire:navigated', apply);
804        window.addEventListener('resize', apply);
805    }
806})();
807</script>
807
808                                    
809                                            <div x-persist="site-search">
810                            <ui-modal  data-flux-modal>
811    
812    <dialog
813        wire:ignore.self 
814        class="bg-transparent w-full max-w-2xl mx-auto mt-[10vh] mb-auto"
815         data-modal="site-search"                                 x-data="fluxModal('site-search', null)"
816                x-on:modal-show.document="handleShow($event)"
817        x-on:modal-close.document="handleClose($event)"
818    >
819                    <div id="search-group"
820         x-data="{ q: '' }"
821         x-init="q = $refs.field.value"
822         class="relative w-full rounded-xl border border-zinc-200 bg-white p-5 shadow-md dark:border-zinc-700 dark:bg-zinc-800">
823
824        
825        <form action="https://www.podcast.de/suche" method="GET" role="search">
826            
827            <div class="relative">
828                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
829                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="22" height="22"
830                     class="pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-zinc-400">
831                    <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
832                </svg>
833                
834                <input id="autocomplete-input"
835                       x-ref="field"
836                       type="search"
837                       name="query"
838                       autofocus
839                       autocomplete="off"
840                       x-on:input="q = $event.target.value"
841                       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"
842                       placeholder="Podcasts, Episoden, Events, FAQ-Einträge, Wissensartikel">
843
844                
845                <div class="absolute top-1/2 right-2 flex -translate-y-1/2 items-center gap-1">
846                    
847                    <button type="button"
848                            x-show="q !== ''"
849                            x-cloak
850                            x-on:click="
851                                q = '';
852                                $refs.field.value = '';
853                                $refs.field.dispatchEvent(new Event('input', { bubbles: true }));
854                                $refs.field.focus();
855                            "
856                            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"
857                            title="Suchanfrage löschen">
858                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
859                             stroke-width="2" stroke-linecap="round" width="20" height="20">
860                            <path d="M18 6 6 18M6 6l12 12"/>
861                        </svg>
862                        <span class="sr-only">Suchanfrage löschen</span>
863                    </button>
864
865                    
866                    <button type="submit"
867                            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">
868                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
869                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20"
870                             aria-hidden="true"
871                             class="sm:hidden">
872                            <polyline points="9 10 4 15 9 20"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/>
873                        </svg>
874                        <span class="sr-only sm:not-sr-only">Suchen</span>
875                    </button>
876                </div>
877            </div>
878        </form>
879
880        
881        
882        <div id="autocomplete-hits"
883             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">
884            <div id="autocomplete-hits__main" style="order:-2"></div>
885
886            <div id="autocomplete-hits__podcasts"
887                 style="order: -1;" class="flex-col">
888                <span class="-order-1 flex items-center gap-2 px-4 py-1">
889                    <hr class="grow"/>
890                    <b class="shrink text-xs text-zinc-400">Podcasts</b>
891                </span>
892            </div>
893
894            <div id="autocomplete-hits__episodes" style="" class="flex-col">
895                <span class="-order-1 flex items-center gap-2 px-4 py-1">
896                    <hr class="grow"/>
897                    <b class="shrink text-xs text-zinc-400">Episoden</b>
898                </span>
899            </div>
900
901            <div id="autocomplete-hits__faqs" style="" class="flex-col">
902                <span class="-order-1 flex items-center gap-2 px-4 py-1">
903                    <hr class="grow"/>
904                    <b class="shrink text-xs text-zinc-400">FAQ</b>
905                </span>
906            </div>
907
908            <div id="autocomplete-hits__knowledge" style="" class="flex-col">
909                <span class="-order-1 flex items-center gap-2 px-4 py-1">
910                    <hr class="grow"/>
911                    <b class="shrink text-xs text-zinc-400">Podcast-Wissen</b>
912                </span>
913            </div>
914
915            <div id="autocomplete-hits__events" style="" class="flex-col">
916                <span class="-order-1 flex items-center gap-2 px-4 py-1">
917                    <hr class="grow"/>
918                    <b class="shrink text-xs text-zinc-400">Events</b>
919                </span>
920            </div>
921        </div>
922
923        
924        <a href="https://www.podcast.de/suche"
925           x-bind:href="'https://www.podcast.de/suche?query=' + encodeURIComponent(q)"
926           x-show="q !== ''"
927           x-cloak
928           class="mt-4 flex select-none justify-end gap-2 text-xs font-medium text-gray_text transition-colors hover:text-primary">
929            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="16" height="16">
930                <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"/>
931            </svg>
932            Erweiterte Suche        </a>
933    </div>
934
935                        </dialog>
936</ui-modal>
937
938                        </div>
939                    
940                    
941                                                    
942    <div class="container pt-3">
943        <div class="inline-block mr-6 overflow-hidden">
944        <ol class="inline-flex flex-nowrap items-center text-[13px] whitespace-nowrap text-gray_text">
945            <li class="">
946                <a href="https://www.podcast.de" title="Startseite" class="no-underline hover:text-primary transition-colors">Startseite</a>
947            </li>
948
949                                            <li class="pl-1 flex items-center gap-1">
950                    <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">
951                        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
952                    </svg>
953
954                                        <a href="https://www.podcast.de/podcasts" class="no-underline hover:text-primary transition-colors">Podcasts</a>
955                                    </li>
956                                            <li class="pl-1 flex items-center gap-1">
957                    <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">
958                        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
959                    </svg>
960
961                                        <span class="font-medium text-gray_main">Podcast-Tipps</span>
962                                    </li>
963                    </ol>
964    </div>
965
966    </div>
967
968
969    
970    <div class="container pt-3 pb-14">
971                    <h1 class="text-3xl font-bold text-gray_main dark:text-neutral-100">Podcast-Tipps der Redaktion</h1>
972                            <p class="mt-4 text-gray_text dark:text-neutral-300">Tipps und Empfehlungen unserer Redaktion für Podcasts aus unserem Verzeichnis</p>
973                
974    </div>
975
976    <div class="container mb-10">
977                
978        <div class="space-y-6">
979                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
980                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
981                            <a href="https://www.podcast.de/podcast/3626747/nicht-mehr-mein-land-in-der-manosphere" class="shrink-0">
982                                <img
983                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3626747/nicht-mehr-mein-land-in-der-manosphere.png 2x"
984                                    src="https://cdn.podcastcms.de/images/podcasts/175/3626747/nicht-mehr-mein-land-in-der-manosphere.png"
985                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
986                                    alt="Nicht Mehr Mein Land - In der Manosphere"
987                                    loading="lazy">
988                            </a>
989
990                            <div class="min-w-0 flex-1">
991                                <a href="https://www.podcast.de/podcast/3626747/nicht-mehr-mein-land-in-der-manosphere" class="no-underline">
992                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
993                                        Nicht Mehr Mein Land - In der Manosphere
994                                    </h3>
995                                </a>
996
997                                
998                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
999                                        <div x-ref="tipBox"
1000                                             class="content text-sm leading-relaxed text-gray_text"
1001                                             :class="{ 'line-clamp-3': ! expanded }"
1002                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1003                                            Muskeln, Geld, Andrew Tate: In Staffel 2 von „Nicht Mehr Mein Land“ taucht Ali Gutsfeld in die sogenannte Manosphere ab, zwischen Selbstoptimierung, Frauenhass und rechtem Populismus. Was ist los mit den Bros? Ehrlich und überraschend persönlich.
1004                                        </div>
1005                                        <button type="button"
1006                                                x-show="overflows"
1007                                                x-cloak
1008                                                @click="expanded = ! expanded"
1009                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1010                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1011                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1012                                        </button>
1013                                    </div>
1014                                                            </div>
1015                        </div>
1016
1017                        
1018                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1019                                                            
1020                                <div class="flex min-w-0 flex-1 items-center gap-4">
1021                                <button
1022    type="button"
1023    x-data="{ trackUrl: 'https:\/\/media.neuland.br.de\/file\/2122670\/c\/feed\/so-wirst-du-diktator-2-5.mp3' }"
1024    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1024) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022#02 So wirst du Diktator! (2\\\/5)\u0022,\u0022artist\u0022:\u0022Nicht Mehr Mein Land - In der Manosphere\u0022,\u0022url\u0022:\u0022https:\\\/\\\/media.neuland.br.de\\\/file\\\/2122670\\\/c\\\/feed\\\/so-wirst-du-diktator-2-5.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3626747\\\/s\\\/707725671\\\/02-so-wirst-du-diktator-25.png\u0022,\u0022channelId\u0022:3626747,\u0022channelSlug\u0022:\u0022nicht-mehr-mein-land-in-der-manosphere\u0022,\u0022showId\u0022:707725671}')) "
1025    title="Episode `#02 So wirst du Diktator! (2/5)` abspielen"
1026    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1027    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1028>
1029    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1030         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1031        <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" />
1032    </svg>
1033    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1034         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1035        <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" />
1036    </svg>
1037</button>
1038
1039                                <div class="min-w-0">
1040                                    <span class="sr-only">Zum Reinhören:</span>
1041                                    <a href="https://www.podcast.de/episode/707725671/02-so-wirst-du-diktator-25"
1042                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1043                                        #02 So wirst du Diktator! (2/5)
1044                                    </a>
1045                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 12 Stunden: 01.10.2026 00:00 Uhr">
1046                                        01.10.2026
1047                                        
1048                                                                                    · 60 Minuten
1049                                                                            </div>
1050                                </div>
1051                                </div>
1052                            
1053                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3626747\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Nicht Mehr Mein Land - In der Manosphere\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3626747\\\/nicht-mehr-mein-land-in-der-manosphere.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1054            <button
1055            @click="toggle()"
1056            :disabled="busy"
1057            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1058            :class="{
1059                'bg-green_main text-white hover:bg-red-500': subscribed,
1060                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1061            }"
1062        >
1063            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1064                <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" />
1065                <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" />
1066            </svg>
1067            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1068            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1069        </button>
1070
1071    </div>
1072                        </div>
1073                    </article>
1074                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1075                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1076                            <a href="https://www.podcast.de/podcast/3760916/im-sorry-dave" class="shrink-0">
1077                                <img
1078                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3760916/im-sorry-dave.png 2x"
1079                                    src="https://cdn.podcastcms.de/images/podcasts/175/3760916/im-sorry-dave.png"
1080                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1081                                    alt="I&#039;M SORRY, DAVE"
1082                                    loading="lazy">
1083                            </a>
1084
1085                            <div class="min-w-0 flex-1">
1086                                <a href="https://www.podcast.de/podcast/3760916/im-sorry-dave" class="no-underline">
1087                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1088                                        I&#039;M SORRY, DAVE
1089                                    </h3>
1090                                </a>
1091
1092                                
1093                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1094                                        <div x-ref="tipBox"
1095                                             class="content text-sm leading-relaxed text-gray_text"
1096                                             :class="{ 'line-clamp-3': ! expanded }"
1097                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1098                                            Dave: &quot;Öffne das Gondelschleusentor&quot; – HAL: &quot;Es tut mir leid, Dave, aber das kann ich nicht tun&quot;. Diese Szene aus dem Film &quot;2001: Odysee im Weltraum&quot; beschreibt den Moment, in dem ein Computer sich der Kontrolle eines Menschen entzieht und ihn dadurch sogar direkt gefährdet. Genau darum geht es mit höchster Aktualität bei &quot;I&#039;m sorry, Dave&quot;: Nachrichten und Hintergründe zu KI-Systemen, die sich scheinbar verselbstständigen und Wege zu ihren Zielen finden, mit denen vorher niemand gerechnet hat. Haben wir KI noch unter Kontrolle, wenn selbst ihre Erfinder und Geldgeber warnen und eine Verlangsamung der technischen Entwicklungen empfehlen? Welche Sicherheitsmaßnahmen brauchen wir jetzt und in Zukunft?
1099                                        </div>
1100                                        <button type="button"
1101                                                x-show="overflows"
1102                                                x-cloak
1103                                                @click="expanded = ! expanded"
1104                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1105                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1106                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1107                                        </button>
1108                                    </div>
1109                                                            </div>
1110                        </div>
1111
1112                        
1113                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1114                                                            
1115                                <div class="flex min-w-0 flex-1 items-center gap-4">
1116                                <button
1117    type="button"
1118    x-data="{ trackUrl: 'https:\/\/audio.podigee-cdn.net\/2608448-m-a043b7c573a6f9c172d54197179bacff.mp3?source=feed' }"
1119    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1119) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u002204 | DON’T LOOK UP!\u0022,\u0022artist\u0022:\u0022I\\u0027M SORRY, DAVE\u0022,\u0022url\u0022:\u0022https:\\\/\\\/audio.podigee-cdn.net\\\/2608448-m-a043b7c573a6f9c172d54197179bacff.mp3?source=feed\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3760916\\\/s\\\/707724628\\\/04-dont-look-up.png\u0022,\u0022channelId\u0022:3760916,\u0022channelSlug\u0022:\u0022im-sorry-dave\u0022,\u0022showId\u0022:707724628}')) "
1120    title="Episode `04 | DON’T LOOK UP!` abspielen"
1121    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1122    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1123>
1124    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1125         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1126        <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" />
1127    </svg>
1128    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1129         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1130        <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" />
1131    </svg>
1132</button>
1133
1134                                <div class="min-w-0">
1135                                    <span class="sr-only">Zum Reinhören:</span>
1136                                    <a href="https://www.podcast.de/episode/707724628/04-dont-look-up"
1137                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1138                                        04 | DON’T LOOK UP!
1139                                    </a>
1140                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 12 Stunden: 01.10.2026 00:00 Uhr">
1141                                        01.10.2026
1142                                        
1143                                                                                    · 35 Minuten
1144                                                                            </div>
1145                                </div>
1146                                </div>
1147                            
1148                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3760916\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022I\\u0027M SORRY, DAVE\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3760916\\\/im-sorry-dave.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1149            <button
1150            @click="toggle()"
1151            :disabled="busy"
1152            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1153            :class="{
1154                'bg-green_main text-white hover:bg-red-500': subscribed,
1155                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1156            }"
1157        >
1158            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1159                <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" />
1160                <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" />
1161            </svg>
1162            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1163            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1164        </button>
1165
1166    </div>
1167                        </div>
1168                    </article>
1169                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1170                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1171                            <a href="https://www.podcast.de/podcast/3757969/deutschland-wird-gut-wetten" class="shrink-0">
1172                                <img
1173                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3757969/deutschland-wird-gut-wetten.png 2x"
1174                                    src="https://cdn.podcastcms.de/images/podcasts/175/3757969/deutschland-wird-gut-wetten.png"
1175                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1176                                    alt="Deutschland wird gut. Wetten?"
1177                                    loading="lazy">
1178                            </a>
1179
1180                            <div class="min-w-0 flex-1">
1181                                <a href="https://www.podcast.de/podcast/3757969/deutschland-wird-gut-wetten" class="no-underline">
1182                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1183                                        Deutschland wird gut. Wetten?
1184                                    </h3>
1185                                </a>
1186
1187                                
1188                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1189                                        <div x-ref="tipBox"
1190                                             class="content text-sm leading-relaxed text-gray_text"
1191                                             :class="{ 'line-clamp-3': ! expanded }"
1192                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1193                                            Deutschland schlechtreden kann jeder – Alev Doğan wettet dagegen. In diesem Podcast nimmt sie sich Woche für Woche ein Thema vor, an dem das Land zu verzweifeln scheint: Bildung, Klima, Gesundheit, Zusammenhalt. Mit klugen Gästen aus Wirtschaft, Wissenschaft, Kultur, Medien und Sport sucht sie nach begründetem Optimismus statt Dauerkrisenmodus. Nach jeder Folge dürft ihr online mit wetten – am Ende der Staffel entscheidet die stärkste Wette über eine Spende von 50.000 Euro. Zuversicht als Programm, nicht als Naivität.
1194                                        </div>
1195                                        <button type="button"
1196                                                x-show="overflows"
1197                                                x-cloak
1198                                                @click="expanded = ! expanded"
1199                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1200                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1201                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1202                                        </button>
1203                                    </div>
1204                                                            </div>
1205                        </div>
1206
1207                        
1208                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1209                                                            
1210                                <div class="flex min-w-0 flex-1 items-center gap-4">
1211                                <button
1212    type="button"
1213    x-data="{ trackUrl: 'https:\/\/sphinx.acast.com\/p\/open\/s\/6a7f15cf6e5b5bfda67ff80f\/e\/6abae2ffb41f40e96ead4897\/media.mp3' }"
1214    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1214) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Carsten Maschmeyer: Wir werden wieder ein Land der Gründer. Wetten?\u0022,\u0022artist\u0022:\u0022Deutschland wird gut. Wetten?\u0022,\u0022url\u0022:\u0022https:\\\/\\\/sphinx.acast.com\\\/p\\\/open\\\/s\\\/6a7f15cf6e5b5bfda67ff80f\\\/e\\\/6abae2ffb41f40e96ead4897\\\/media.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3757969\\\/s\\\/707691375\\\/carsten-maschmeyer-wir-werden-wieder-ein-land-der-gruender-wetten.png\u0022,\u0022channelId\u0022:3757969,\u0022channelSlug\u0022:\u0022deutschland-wird-gut-wetten\u0022,\u0022showId\u0022:707691375}')) "
1215    title="Episode `Carsten Maschmeyer: Wir werden wieder ein Land der Gründer. Wetten?` abspielen"
1216    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1217    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1218>
1219    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1220         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1221        <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" />
1222    </svg>
1223    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1224         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1225        <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" />
1226    </svg>
1227</button>
1228
1229                                <div class="min-w-0">
1230                                    <span class="sr-only">Zum Reinhören:</span>
1231                                    <a href="https://www.podcast.de/episode/707691375/carsten-maschmeyer-wir-werden-wieder-ein-land-der-gruender-wetten"
1232                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1233                                        Carsten Maschmeyer: Wir werden wieder ein Land der Gründer. Wetten?
1234                                    </a>
1235                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 2 Tagen: 29.09.2026 00:00 Uhr">
1236                                        29.09.2026
1237                                        
1238                                                                                    · 46 Minuten
1239                                                                            </div>
1240                                </div>
1241                                </div>
1242                            
1243                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3757969\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Deutschland wird gut. Wetten?\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3757969\\\/deutschland-wird-gut-wetten.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1244            <button
1245            @click="toggle()"
1246            :disabled="busy"
1247            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1248            :class="{
1249                'bg-green_main text-white hover:bg-red-500': subscribed,
1250                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1251            }"
1252        >
1253            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1254                <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" />
1255                <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" />
1256            </svg>
1257            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1258            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1259        </button>
1260
1261    </div>
1262                        </div>
1263                    </article>
1264                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1265                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1266                            <a href="https://www.podcast.de/podcast/2561312/was-tun" class="shrink-0">
1267                                <img
1268                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/2561312/was-tun.png 2x"
1269                                    src="https://cdn.podcastcms.de/images/podcasts/175/2561312/was-tun.png"
1270                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1271                                    alt="Was tun?"
1272                                    loading="lazy">
1273                            </a>
1274
1275                            <div class="min-w-0 flex-1">
1276                                <a href="https://www.podcast.de/podcast/2561312/was-tun" class="no-underline">
1277                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1278                                        Was tun?
1279                                    </h3>
1280                                </a>
1281
1282                                
1283                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1284                                        <div x-ref="tipBox"
1285                                             class="content text-sm leading-relaxed text-gray_text"
1286                                             :class="{ 'line-clamp-3': ! expanded }"
1287                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1288                                            Beim Tipp der Redaktion letzer Woche ging es um Geschichte, diese Woche wollen wir zurück in die Gegenwart – mehr sogar noch: In die unmittelbare Zukunft. Denn die können wir gestalten. Bei &quot;Was tun?&quot; kommen politisch aktive Menschen zu Wort, erzählen von ihren Erfahrungen und geben Impulse für die zentrale Frage, die sich angesichts wachsender Ungleichheiten und Antidemokratischer Strömungen immer mehr Menschen hierzulande fragen.
1289                                        </div>
1290                                        <button type="button"
1291                                                x-show="overflows"
1292                                                x-cloak
1293                                                @click="expanded = ! expanded"
1294                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1295                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1296                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1297                                        </button>
1298                                    </div>
1299                                                            </div>
1300                        </div>
1301
1302                        
1303                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1304                                                            
1305                                <div class="flex min-w-0 flex-1 items-center gap-4">
1306                                <button
1307    type="button"
1308    x-data="{ trackUrl: 'https:\/\/audio.podigee-cdn.net\/2608426-m-4c02a70bf2f985ed53cc47aadbaee461.mp3?source=feed' }"
1309    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1309) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Was tun, wenn Rechte regieren? (3\\\/3) WAS TUN?\u0022,\u0022artist\u0022:\u0022Was tun?\u0022,\u0022url\u0022:\u0022https:\\\/\\\/audio.podigee-cdn.net\\\/2608426-m-4c02a70bf2f985ed53cc47aadbaee461.mp3?source=feed\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2561312\\\/s\\\/707724667\\\/was-tun-wenn-rechte-regieren-33-was-tun.png\u0022,\u0022channelId\u0022:2561312,\u0022channelSlug\u0022:\u0022was-tun\u0022,\u0022showId\u0022:707724667}')) "
1310    title="Episode `Was tun, wenn Rechte regieren? (3/3) WAS TUN?` abspielen"
1311    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1312    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1313>
1314    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1315         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1316        <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" />
1317    </svg>
1318    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1319         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1320        <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" />
1321    </svg>
1322</button>
1323
1324                                <div class="min-w-0">
1325                                    <span class="sr-only">Zum Reinhören:</span>
1326                                    <a href="https://www.podcast.de/episode/707724667/was-tun-wenn-rechte-regieren-33-was-tun"
1327                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1328                                        Was tun, wenn Rechte regieren? (3/3) WAS TUN?
1329                                    </a>
1330                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 12 Stunden: 01.10.2026 00:00 Uhr">
1331                                        01.10.2026
1332                                        
1333                                                                                    · 1 Stunde 11 Minuten
1334                                                                            </div>
1335                                </div>
1336                                </div>
1337                            
1338                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/2561312\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Was tun?\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/2561312\\\/was-tun.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1339            <button
1340            @click="toggle()"
1341            :disabled="busy"
1342            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1343            :class="{
1344                'bg-green_main text-white hover:bg-red-500': subscribed,
1345                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1346            }"
1347        >
1348            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1349                <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" />
1350                <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" />
1351            </svg>
1352            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1353            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1354        </button>
1355
1356    </div>
1357                        </div>
1358                    </article>
1359                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1360                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1361                            <a href="https://www.podcast.de/podcast/3624928/was-bisher-geschah-geschichtspodcast" class="shrink-0">
1362                                <img
1363                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3624928/was-bisher-geschah-geschichtspodcast.png 2x"
1364                                    src="https://cdn.podcastcms.de/images/podcasts/175/3624928/was-bisher-geschah-geschichtspodcast.png"
1365                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1366                                    alt="Was bisher geschah - Geschichtspodcast"
1367                                    loading="lazy">
1368                            </a>
1369
1370                            <div class="min-w-0 flex-1">
1371                                <a href="https://www.podcast.de/podcast/3624928/was-bisher-geschah-geschichtspodcast" class="no-underline">
1372                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1373                                        Was bisher geschah - Geschichtspodcast
1374                                    </h3>
1375                                </a>
1376
1377                                
1378                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1379                                        <div x-ref="tipBox"
1380                                             class="content text-sm leading-relaxed text-gray_text"
1381                                             :class="{ 'line-clamp-3': ! expanded }"
1382                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1383                                            Was geschah in der Zeit, als Nofretete lebte? Und was steckt hinter der Geschichte des Antibiotikums Penicillin? In dem Podcast „Was bisher geschah“ sprechen die Hosts Joachim Telgenbüscher und Nils Minkmar über prägende geschichtliche Ereignisse. Dabei sind ihnen thematisch kaum Grenzen gesetzt: Von Persönlichkeiten bis hin zu geschichtlichen Dramen rollen sie die Vergangenheit spannend auf.
1384                                        </div>
1385                                        <button type="button"
1386                                                x-show="overflows"
1387                                                x-cloak
1388                                                @click="expanded = ! expanded"
1389                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1390                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1391                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1392                                        </button>
1393                                    </div>
1394                                                            </div>
1395                        </div>
1396
1397                        
1398                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1399                                                            
1400                                <div class="flex min-w-0 flex-1 items-center gap-4">
1401                                <button
1402    type="button"
1403    x-data="{ trackUrl: 'https:\/\/sphinx.acast.com\/p\/open\/s\/68935df5eef665d629ba5e4c\/e\/6ab03d15eec8edc6b49028cc\/media.mp3' }"
1404    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1404) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Noor Inayat Khan - Agentin gegen Hitler\u0022,\u0022artist\u0022:\u0022Was bisher geschah - Geschichtspodcast\u0022,\u0022url\u0022:\u0022https:\\\/\\\/sphinx.acast.com\\\/p\\\/open\\\/s\\\/68935df5eef665d629ba5e4c\\\/e\\\/6ab03d15eec8edc6b49028cc\\\/media.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3624928\\\/s\\\/707667162\\\/noor-inayat-khan-agentin-gegen-hitler.png\u0022,\u0022channelId\u0022:3624928,\u0022channelSlug\u0022:\u0022was-bisher-geschah-geschichtspodcast\u0022,\u0022showId\u0022:707667162}')) "
1405    title="Episode `Noor Inayat Khan - Agentin gegen Hitler` abspielen"
1406    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1407    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1408>
1409    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1410         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1411        <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" />
1412    </svg>
1413    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1414         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1415        <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" />
1416    </svg>
1417</button>
1418
1419                                <div class="min-w-0">
1420                                    <span class="sr-only">Zum Reinhören:</span>
1421                                    <a href="https://www.podcast.de/episode/707667162/noor-inayat-khan-agentin-gegen-hitler"
1422                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1423                                        Noor Inayat Khan - Agentin gegen Hitler
1424                                    </a>
1425                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 3 Tagen: 28.09.2026 00:00 Uhr">
1426                                        28.09.2026
1427                                        
1428                                                                                    · 1 Stunde 11 Minuten
1429                                                                            </div>
1430                                </div>
1431                                </div>
1432                            
1433                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3624928\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Was bisher geschah - Geschichtspodcast\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3624928\\\/was-bisher-geschah-geschichtspodcast.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1434            <button
1435            @click="toggle()"
1436            :disabled="busy"
1437            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1438            :class="{
1439                'bg-green_main text-white hover:bg-red-500': subscribed,
1440                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1441            }"
1442        >
1443            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1444                <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" />
1445                <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" />
1446            </svg>
1447            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1448            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1449        </button>
1450
1451    </div>
1452                        </div>
1453                    </article>
1454                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1455                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1456                            <a href="https://www.podcast.de/podcast/3719183/sternhageldoll-nuechtern-voll-dabei" class="shrink-0">
1457                                <img
1458                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3719183/sternhageldoll-nuechtern-voll-dabei.png 2x"
1459                                    src="https://cdn.podcastcms.de/images/podcasts/175/3719183/sternhageldoll-nuechtern-voll-dabei.png"
1460                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1461                                    alt="Sternhageldoll - Nüchtern voll dabei"
1462                                    loading="lazy">
1463                            </a>
1464
1465                            <div class="min-w-0 flex-1">
1466                                <a href="https://www.podcast.de/podcast/3719183/sternhageldoll-nuechtern-voll-dabei" class="no-underline">
1467                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1468                                        Sternhageldoll - Nüchtern voll dabei
1469                                    </h3>
1470                                </a>
1471
1472                                
1473                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1474                                        <div x-ref="tipBox"
1475                                             class="content text-sm leading-relaxed text-gray_text"
1476                                             :class="{ 'line-clamp-3': ! expanded }"
1477                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1478                                            Spaß geht auch ohne Alkohol. Chrissie und Franzi sprechen in ihrem Podcast „Sternhageldoll - Nüchtern voll dabei“ über ihr alkoholfreies Leben und ihre Vergangenheit, die einmal anders aussah. Offen und ehrlich sprechen sie auch über ganz alltägliche Situationen: Wie fühlt sich zum Beispiel ein Geburtstag ohne Alkohol an?
1479                                        </div>
1480                                        <button type="button"
1481                                                x-show="overflows"
1482                                                x-cloak
1483                                                @click="expanded = ! expanded"
1484                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1485                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1486                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1487                                        </button>
1488                                    </div>
1489                                                            </div>
1490                        </div>
1491
1492                        
1493                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1494                                                            
1495                                <div class="flex min-w-0 flex-1 items-center gap-4">
1496                                <button
1497    type="button"
1498    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/11008f208\/podcast\/play\/125998277\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-19%2F432250811-44100-2-b43c045e9daad.mp3' }"
1499    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1499) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022#11 Harener Kirmes - “Nicht Ganz Nüchtern” und andere Versuchungen\u0022,\u0022artist\u0022:\u0022Sternhageldoll - Nüchtern voll dabei\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/11008f208\\\/podcast\\\/play\\\/125998277\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-19%2F432250811-44100-2-b43c045e9daad.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3719183\\\/s\\\/707384817\\\/11-harener-kirmes-nicht-ganz-nuechtern-und-andere-versuchungen.png\u0022,\u0022channelId\u0022:3719183,\u0022channelSlug\u0022:\u0022sternhageldoll-nuechtern-voll-dabei\u0022,\u0022showId\u0022:707384817}')) "
1500    title="Episode `#11 Harener Kirmes - “Nicht Ganz Nüchtern” und andere Versuchungen` abspielen"
1501    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1502    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1503>
1504    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1505         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1506        <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" />
1507    </svg>
1508    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1509         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1510        <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" />
1511    </svg>
1512</button>
1513
1514                                <div class="min-w-0">
1515                                    <span class="sr-only">Zum Reinhören:</span>
1516                                    <a href="https://www.podcast.de/episode/707384817/11-harener-kirmes-nicht-ganz-nuechtern-und-andere-versuchungen"
1517                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1518                                        #11 Harener Kirmes - “Nicht Ganz Nüchtern” und andere Versuchungen
1519                                    </a>
1520                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 1 Woche: 20.09.2026 00:00 Uhr">
1521                                        20.09.2026
1522                                        
1523                                                                                    · 43 Minuten
1524                                                                            </div>
1525                                </div>
1526                                </div>
1527                            
1528                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3719183\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Sternhageldoll - Nüchtern voll dabei\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3719183\\\/sternhageldoll-nuechtern-voll-dabei.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1529            <button
1530            @click="toggle()"
1531            :disabled="busy"
1532            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1533            :class="{
1534                'bg-green_main text-white hover:bg-red-500': subscribed,
1535                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1536            }"
1537        >
1538            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1539                <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" />
1540                <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" />
1541            </svg>
1542            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1543            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1544        </button>
1545
1546    </div>
1547                        </div>
1548                    </article>
1549                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1550                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1551                            <a href="https://www.podcast.de/podcast/3698834/popkultur-auf-der-couch" class="shrink-0">
1552                                <img
1553                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3698834/popkultur-auf-der-couch.png 2x"
1554                                    src="https://cdn.podcastcms.de/images/podcasts/175/3698834/popkultur-auf-der-couch.png"
1555                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1556                                    alt="Popkultur auf der Couch"
1557                                    loading="lazy">
1558                            </a>
1559
1560                            <div class="min-w-0 flex-1">
1561                                <a href="https://www.podcast.de/podcast/3698834/popkultur-auf-der-couch" class="no-underline">
1562                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1563                                        Popkultur auf der Couch
1564                                    </h3>
1565                                </a>
1566
1567                                
1568                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1569                                        <div x-ref="tipBox"
1570                                             class="content text-sm leading-relaxed text-gray_text"
1571                                             :class="{ 'line-clamp-3': ! expanded }"
1572                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1573                                            Harry Potter, Die Tribute von Panem und Pippi Langstrumpf – alle haben etwas gemeinsam: Sie sind Teil der Popkultur. Bea und Tine besprechen in ihrem Podcast „Popkultur auf der Couch“ einmal im Monat Spannendes aus der Popkultur aus psychologischer Sicht. Mit ihrer sympathischen Art vermitteln sie die Themen verständlich und unterhaltsam.
1574                                        </div>
1575                                        <button type="button"
1576                                                x-show="overflows"
1577                                                x-cloak
1578                                                @click="expanded = ! expanded"
1579                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1580                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1581                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1582                                        </button>
1583                                    </div>
1584                                                            </div>
1585                        </div>
1586
1587                        
1588                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1589                                                            
1590                                <div class="flex min-w-0 flex-1 items-center gap-4">
1591                                <button
1592    type="button"
1593    x-data="{ trackUrl: 'https:\/\/audio.podigee-cdn.net\/2560685-m-5f65a2363d70a45c04243516b91175de.mp3?source=feed' }"
1594    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1594) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u002221 - Influencer auf der Couch\u0022,\u0022artist\u0022:\u0022Popkultur auf der Couch\u0022,\u0022url\u0022:\u0022https:\\\/\\\/audio.podigee-cdn.net\\\/2560685-m-5f65a2363d70a45c04243516b91175de.mp3?source=feed\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3698834\\\/s\\\/705960929\\\/21-influencer-auf-der-couch.png\u0022,\u0022channelId\u0022:3698834,\u0022channelSlug\u0022:\u0022popkultur-auf-der-couch\u0022,\u0022showId\u0022:705960929}')) "
1595    title="Episode `21 - Influencer auf der Couch` abspielen"
1596    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1597    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1598>
1599    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1600         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1601        <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" />
1602    </svg>
1603    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1604         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1605        <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" />
1606    </svg>
1607</button>
1608
1609                                <div class="min-w-0">
1610                                    <span class="sr-only">Zum Reinhören:</span>
1611                                    <a href="https://www.podcast.de/episode/705960929/21-influencer-auf-der-couch"
1612                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1613                                        21 - Influencer auf der Couch
1614                                    </a>
1615                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 1 Monat: 25.08.2026 00:00 Uhr">
1616                                        25.08.2026
1617                                        
1618                                                                                    · 1 Stunde 5 Minuten
1619                                                                            </div>
1620                                </div>
1621                                </div>
1622                            
1623                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3698834\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Popkultur auf der Couch\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3698834\\\/popkultur-auf-der-couch.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1624            <button
1625            @click="toggle()"
1626            :disabled="busy"
1627            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1628            :class="{
1629                'bg-green_main text-white hover:bg-red-500': subscribed,
1630                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1631            }"
1632        >
1633            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1634                <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" />
1635                <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" />
1636            </svg>
1637            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1638            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1639        </button>
1640
1641    </div>
1642                        </div>
1643                    </article>
1644                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1645                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1646                            <a href="https://www.podcast.de/podcast/7878/radiowissen" class="shrink-0">
1647                                <img
1648                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/7878/radiowissen.png 2x"
1649                                    src="https://cdn.podcastcms.de/images/podcasts/175/7878/radiowissen.png"
1650                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1651                                    alt="Radiowissen"
1652                                    loading="lazy">
1653                            </a>
1654
1655                            <div class="min-w-0 flex-1">
1656                                <a href="https://www.podcast.de/podcast/7878/radiowissen" class="no-underline">
1657                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1658                                        Radiowissen
1659                                    </h3>
1660                                </a>
1661
1662                                
1663                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1664                                        <div x-ref="tipBox"
1665                                             class="content text-sm leading-relaxed text-gray_text"
1666                                             :class="{ 'line-clamp-3': ! expanded }"
1667                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1668                                            Von allem ein bisschen: Der Podcast „Radiowissen“ macht komplexes Wissen aus verschiedensten Bereichen, darunter Geschichte, Biologie oder Politik, einfach verständlich. Der ideale Podcast für alle, die ihr Allgemeinwissen unterhaltsam weiterentwickeln möchten.
1669                                        </div>
1670                                        <button type="button"
1671                                                x-show="overflows"
1672                                                x-cloak
1673                                                @click="expanded = ! expanded"
1674                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1675                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1676                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1677                                        </button>
1678                                    </div>
1679                                                            </div>
1680                        </div>
1681
1682                        
1683                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1684                                                            
1685                                <div class="flex min-w-0 flex-1 items-center gap-4">
1686                                <button
1687    type="button"
1688    x-data="{ trackUrl: 'https:\/\/media.neuland.br.de\/file\/2122656\/c\/feed\/regeln-vorschriften-standards-wie-viel-freiraum-bleibt-uns-noch.mp3' }"
1689    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1689) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Regeln, Vorschriften, Standards – Wie viel Freiraum bleibt uns noch?\u0022,\u0022artist\u0022:\u0022Radiowissen\u0022,\u0022url\u0022:\u0022https:\\\/\\\/media.neuland.br.de\\\/file\\\/2122656\\\/c\\\/feed\\\/regeln-vorschriften-standards-wie-viel-freiraum-bleibt-uns-noch.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/7878\\\/s\\\/707723799\\\/regeln-vorschriften-standards-wie-viel-freiraum-bleibt-uns-noch.png\u0022,\u0022channelId\u0022:7878,\u0022channelSlug\u0022:\u0022radiowissen\u0022,\u0022showId\u0022:707723799}')) "
1690    title="Episode `Regeln, Vorschriften, Standards – Wie viel Freiraum bleibt uns noch?` abspielen"
1691    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1692    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1693>
1694    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1695         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1696        <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" />
1697    </svg>
1698    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1699         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1700        <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" />
1701    </svg>
1702</button>
1703
1704                                <div class="min-w-0">
1705                                    <span class="sr-only">Zum Reinhören:</span>
1706                                    <a href="https://www.podcast.de/episode/707723799/regeln-vorschriften-standards-wie-viel-freiraum-bleibt-uns-noch"
1707                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1708                                        Regeln, Vorschriften, Standards – Wie viel Freiraum bleibt uns noch?
1709                                    </a>
1710                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 12 Stunden: 01.10.2026 00:00 Uhr">
1711                                        01.10.2026
1712                                        
1713                                                                                    · 21 Minuten
1714                                                                            </div>
1715                                </div>
1716                                </div>
1717                            
1718                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/7878\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Radiowissen\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/7878\\\/radiowissen.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1719            <button
1720            @click="toggle()"
1721            :disabled="busy"
1722            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1723            :class="{
1724                'bg-green_main text-white hover:bg-red-500': subscribed,
1725                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1726            }"
1727        >
1728            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1729                <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" />
1730                <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" />
1731            </svg>
1732            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1733            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1734        </button>
1735
1736    </div>
1737                        </div>
1738                    </article>
1739                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1740                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1741                            <a href="https://www.podcast.de/podcast/3736625/blaulicht-und-bloedsinn" class="shrink-0">
1742                                <img
1743                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3736625/blaulicht-und-bloedsinn.png 2x"
1744                                    src="https://cdn.podcastcms.de/images/podcasts/175/3736625/blaulicht-und-bloedsinn.png"
1745                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1746                                    alt="Blaulicht und Blödsinn"
1747                                    loading="lazy">
1748                            </a>
1749
1750                            <div class="min-w-0 flex-1">
1751                                <a href="https://www.podcast.de/podcast/3736625/blaulicht-und-bloedsinn" class="no-underline">
1752                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1753                                        Blaulicht und Blödsinn
1754                                    </h3>
1755                                </a>
1756
1757                                
1758                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1759                                        <div x-ref="tipBox"
1760                                             class="content text-sm leading-relaxed text-gray_text"
1761                                             :class="{ 'line-clamp-3': ! expanded }"
1762                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1763                                            Der Podcast „Blaulicht und Blödsinn“ von Nico und Sven ermöglicht einen authentischen Einblick hinter die Kulissen ihrer leidenschaftlichen Feuerwehrarbeit! Dabei bereichern sie ihre Gespräche mit lustigen Momenten aus dem Wachalltag, internationalen Erfahrungen und persönlichen Erlebnissen.
1764                                        </div>
1765                                        <button type="button"
1766                                                x-show="overflows"
1767                                                x-cloak
1768                                                @click="expanded = ! expanded"
1769                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1770                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1771                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1772                                        </button>
1773                                    </div>
1774                                                            </div>
1775                        </div>
1776
1777                        
1778                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1779                                                            
1780                                <div class="flex min-w-0 flex-1 items-center gap-4">
1781                                <button
1782    type="button"
1783    x-data="{ trackUrl: 'https:\/\/anchor.fm\/s\/113e46cf4\/podcast\/play\/126503415\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-29%2F8bbc186a-542c-2633-4a43-4199b44dfec1.mp3' }"
1784    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1784) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022#15 Welcome to Miami\u0022,\u0022artist\u0022:\u0022Blaulicht und Blödsinn\u0022,\u0022url\u0022:\u0022https:\\\/\\\/anchor.fm\\\/s\\\/113e46cf4\\\/podcast\\\/play\\\/126503415\\\/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-8-29%2F8bbc186a-542c-2633-4a43-4199b44dfec1.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3736625\\\/s\\\/707693445\\\/15-welcome-to-miami.png\u0022,\u0022channelId\u0022:3736625,\u0022channelSlug\u0022:\u0022blaulicht-und-bloedsinn\u0022,\u0022showId\u0022:707693445}')) "
1785    title="Episode `#15 Welcome to Miami` abspielen"
1786    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1787    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1788>
1789    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1790         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1791        <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" />
1792    </svg>
1793    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1794         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1795        <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" />
1796    </svg>
1797</button>
1798
1799                                <div class="min-w-0">
1800                                    <span class="sr-only">Zum Reinhören:</span>
1801                                    <a href="https://www.podcast.de/episode/707693445/15-welcome-to-miami"
1802                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1803                                        #15 Welcome to Miami
1804                                    </a>
1805                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 2 Tagen: 29.09.2026 00:00 Uhr">
1806                                        29.09.2026
1807                                        
1808                                                                                    · 55 Minuten
1809                                                                            </div>
1810                                </div>
1811                                </div>
1812                            
1813                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3736625\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Blaulicht und Blödsinn\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3736625\\\/blaulicht-und-bloedsinn.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1814            <button
1815            @click="toggle()"
1816            :disabled="busy"
1817            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1818            :class="{
1819                'bg-green_main text-white hover:bg-red-500': subscribed,
1820                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1821            }"
1822        >
1823            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1824                <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" />
1825                <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" />
1826            </svg>
1827            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1828            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1829        </button>
1830
1831    </div>
1832                        </div>
1833                    </article>
1834                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1835                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1836                            <a href="https://www.podcast.de/podcast/3652704/lauter-nette-leute" class="shrink-0">
1837                                <img
1838                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3652704/lauter-nette-leute.png 2x"
1839                                    src="https://cdn.podcastcms.de/images/podcasts/175/3652704/lauter-nette-leute.png"
1840                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1841                                    alt="Lauter Nette Leute"
1842                                    loading="lazy">
1843                            </a>
1844
1845                            <div class="min-w-0 flex-1">
1846                                <a href="https://www.podcast.de/podcast/3652704/lauter-nette-leute" class="no-underline">
1847                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1848                                        Lauter Nette Leute
1849                                    </h3>
1850                                </a>
1851
1852                                
1853                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1854                                        <div x-ref="tipBox"
1855                                             class="content text-sm leading-relaxed text-gray_text"
1856                                             :class="{ 'line-clamp-3': ! expanded }"
1857                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1858                                            Was bewegt Menschen wirklich? Im Podcast „Lauter Nette Leute“ trifft Henric auf völlig fremde Menschen und lässt sich auf offene Gespräche mit ihnen ein. Mit Themen, die den Gesprächspartner*innen auf der Seele liegen, verschafft der Podcast auch Perspektiven Gehör, die im Alltag nicht immer erhört werden.
1859                                        </div>
1860                                        <button type="button"
1861                                                x-show="overflows"
1862                                                x-cloak
1863                                                @click="expanded = ! expanded"
1864                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1865                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1866                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1867                                        </button>
1868                                    </div>
1869                                                            </div>
1870                        </div>
1871
1872                        
1873                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1874                                                            
1875                                <div class="flex min-w-0 flex-1 items-center gap-4">
1876                                <button
1877    type="button"
1878    x-data="{ trackUrl: 'https:\/\/cdn.stationista.com\/57\/68dd477ddc90270f2c016f57\/audio\/48\/6aae7cec0812c8bd560f3348\/5ddd481e472d279b6bcc50bb938285ae.mp3' }"
1879    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1879) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022LNL #27 Was man wirklich braucht\u0022,\u0022artist\u0022:\u0022Lauter Nette Leute\u0022,\u0022url\u0022:\u0022https:\\\/\\\/cdn.stationista.com\\\/57\\\/68dd477ddc90270f2c016f57\\\/audio\\\/48\\\/6aae7cec0812c8bd560f3348\\\/5ddd481e472d279b6bcc50bb938285ae.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3652704\\\/s\\\/707534687\\\/lnl-27-was-man-wirklich-braucht.png\u0022,\u0022channelId\u0022:3652704,\u0022channelSlug\u0022:\u0022lauter-nette-leute\u0022,\u0022showId\u0022:707534687}')) "
1880    title="Episode `LNL #27 Was man wirklich braucht` abspielen"
1881    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1882    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1883>
1884    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1885         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1886        <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" />
1887    </svg>
1888    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1889         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1890        <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" />
1891    </svg>
1892</button>
1893
1894                                <div class="min-w-0">
1895                                    <span class="sr-only">Zum Reinhören:</span>
1896                                    <a href="https://www.podcast.de/episode/707534687/lnl-27-was-man-wirklich-braucht"
1897                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1898                                        LNL #27 Was man wirklich braucht
1899                                    </a>
1900                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 6 Tagen: 25.09.2026 00:00 Uhr">
1901                                        25.09.2026
1902                                        
1903                                                                                    · 15 Minuten
1904                                                                            </div>
1905                                </div>
1906                                </div>
1907                            
1908                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3652704\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Lauter Nette Leute\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3652704\\\/lauter-nette-leute.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
1909            <button
1910            @click="toggle()"
1911            :disabled="busy"
1912            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
1913            :class="{
1914                'bg-green_main text-white hover:bg-red-500': subscribed,
1915                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
1916            }"
1917        >
1918            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
1919                <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" />
1920                <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" />
1921            </svg>
1922            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
1923            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
1924        </button>
1925
1926    </div>
1927                        </div>
1928                    </article>
1929                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
1930                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
1931                            <a href="https://www.podcast.de/podcast/3436285/oma-lass-reden-eine-deutsche-geschichte" class="shrink-0">
1932                                <img
1933                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3436285/oma-lass-reden-eine-deutsche-geschichte.png 2x"
1934                                    src="https://cdn.podcastcms.de/images/podcasts/175/3436285/oma-lass-reden-eine-deutsche-geschichte.png"
1935                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
1936                                    alt="Oma, lass reden – eine deutsche Geschichte"
1937                                    loading="lazy">
1938                            </a>
1939
1940                            <div class="min-w-0 flex-1">
1941                                <a href="https://www.podcast.de/podcast/3436285/oma-lass-reden-eine-deutsche-geschichte" class="no-underline">
1942                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
1943                                        Oma, lass reden – eine deutsche Geschichte
1944                                    </h3>
1945                                </a>
1946
1947                                
1948                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
1949                                        <div x-ref="tipBox"
1950                                             class="content text-sm leading-relaxed text-gray_text"
1951                                             :class="{ 'line-clamp-3': ! expanded }"
1952                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
1953                                            Der Podcast „Oma, lass reden – eine deutsche Geschichte“ beleuchtet die emotionale Familiengeschichte von Oma Guny, die nach einem gescheiterten DDR-Fluchtversuch jahrelang im Stasi-Gefängnis saß. Im Gespräch mit ihrer Enkelin Luise verarbeitet sie die dramatischen Ereignisse und die Trennung von ihrer Familie. Das ARD-Format verbindet persönliche Generationsgespräche mit deutscher Geschichte.
1954                                        </div>
1955                                        <button type="button"
1956                                                x-show="overflows"
1957                                                x-cloak
1958                                                @click="expanded = ! expanded"
1959                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
1960                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
1961                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
1962                                        </button>
1963                                    </div>
1964                                                            </div>
1965                        </div>
1966
1967                        
1968                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
1969                                                            
1970                                <div class="flex min-w-0 flex-1 items-center gap-4">
1971                                <button
1972    type="button"
1973    x-data="{ trackUrl: 'https:\/\/swr-dl.ard-mcdn.de\/dasding\/podcasts\/opa-lass-reden\/2341471.b79.mp3' }"
1974    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
1974) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Podcast-Tipp: Wissen mit Zoé\u0022,\u0022artist\u0022:\u0022Oma, lass reden – eine deutsche Geschichte\u0022,\u0022url\u0022:\u0022https:\\\/\\\/swr-dl.ard-mcdn.de\\\/dasding\\\/podcasts\\\/opa-lass-reden\\\/2341471.b79.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3436285\\\/s\\\/705710014\\\/podcast-tipp-wissen-mit-zoe.png\u0022,\u0022channelId\u0022:3436285,\u0022channelSlug\u0022:\u0022oma-lass-reden-eine-deutsche-geschichte\u0022,\u0022showId\u0022:705710014}')) "
1975    title="Episode `Podcast-Tipp: Wissen mit Zoé` abspielen"
1976    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
1977    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
1978>
1979    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
1980         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
1981        <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" />
1982    </svg>
1983    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
1984         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
1985        <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" />
1986    </svg>
1987</button>
1988
1989                                <div class="min-w-0">
1990                                    <span class="sr-only">Zum Reinhören:</span>
1991                                    <a href="https://www.podcast.de/episode/705710014/podcast-tipp-wissen-mit-zoe"
1992                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
1993                                        Podcast-Tipp: Wissen mit Zoé
1994                                    </a>
1995                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 1 Monat: 18.08.2026 00:00 Uhr">
1996                                        18.08.2026
1997                                        
1998                                                                                    · 59 Sekunden
1999                                                                            </div>
2000                                </div>
2001                                </div>
2002                            
2003                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3436285\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Oma, lass reden – eine deutsche Geschichte\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3436285\\\/oma-lass-reden-eine-deutsche-geschichte.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
2004            <button
2005            @click="toggle()"
2006            :disabled="busy"
2007            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
2008            :class="{
2009                'bg-green_main text-white hover:bg-red-500': subscribed,
2010                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
2011            }"
2012        >
2013            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
2014                <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" />
2015                <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" />
2016            </svg>
2017            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
2018            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
2019        </button>
2020
2021    </div>
2022                        </div>
2023                    </article>
2024                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
2025                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
2026                            <a href="https://www.podcast.de/podcast/2946901/sportschau-tourfunk" class="shrink-0">
2027                                <img
2028                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/2946901/sportschau-tourfunk.png 2x"
2029                                    src="https://cdn.podcastcms.de/images/podcasts/175/2946901/sportschau-tourfunk.png"
2030                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
2031                                    alt="Sportschau Tourfunk"
2032                                    loading="lazy">
2033                            </a>
2034
2035                            <div class="min-w-0 flex-1">
2036                                <a href="https://www.podcast.de/podcast/2946901/sportschau-tourfunk" class="no-underline">
2037                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
2038                                        Sportschau Tourfunk
2039                                    </h3>
2040                                </a>
2041
2042                                
2043                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
2044                                        <div x-ref="tipBox"
2045                                             class="content text-sm leading-relaxed text-gray_text"
2046                                             :class="{ 'line-clamp-3': ! expanded }"
2047                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
2048                                            Der &quot;Sportschau Tourfunk Podcast&quot; behandelt täglich die aktuellen Entwicklungen und Hintergründe der Tour de France. Zudem werden historische Bezüge zu legendären Fahrten der Vergangenheit. Der Podcast bietet kompakte Analysen und Einordnungen zum größten Radsport-Event der Welt. Der perfekte Podcast für alle, die rund um die Tour de France nichts verpassen wollen.
2049                                        </div>
2050                                        <button type="button"
2051                                                x-show="overflows"
2052                                                x-cloak
2053                                                @click="expanded = ! expanded"
2054                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
2055                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
2056                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
2057                                        </button>
2058                                    </div>
2059                                                            </div>
2060                        </div>
2061
2062                        
2063                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
2064                                                            
2065                                <div class="flex min-w-0 flex-1 items-center gap-4">
2066                                <button
2067    type="button"
2068    x-data="{ trackUrl: 'https:\/\/sportschau-podcast.ard-mcdn.de\/weltweit\/nfsk\/2026\/09\/28\/447584a2-ca5e-456c-b8cb-262ff0d265d4\/447584a2-ca5e-456c-b8cb-262ff0d265d4_MP3-128.mp3' }"
2069    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
2069) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022\\u0022Miracle\\u0022 von Montreal\u0022,\u0022artist\u0022:\u0022Sportschau Tourfunk\u0022,\u0022url\u0022:\u0022https:\\\/\\\/sportschau-podcast.ard-mcdn.de\\\/weltweit\\\/nfsk\\\/2026\\\/09\\\/28\\\/447584a2-ca5e-456c-b8cb-262ff0d265d4\\\/447584a2-ca5e-456c-b8cb-262ff0d265d4_MP3-128.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2946901\\\/s\\\/707657958\\\/miracle-von-montreal.png\u0022,\u0022channelId\u0022:2946901,\u0022channelSlug\u0022:\u0022sportschau-tourfunk\u0022,\u0022showId\u0022:707657958}')) "
2070    title="Episode `&quot;Miracle&quot; von Montreal` abspielen"
2071    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
2072    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
2073>
2074    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
2075         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
2076        <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" />
2077    </svg>
2078    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
2079         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
2080        <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" />
2081    </svg>
2082</button>
2083
2084                                <div class="min-w-0">
2085                                    <span class="sr-only">Zum Reinhören:</span>
2086                                    <a href="https://www.podcast.de/episode/707657958/miracle-von-montreal"
2087                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
2088                                        &quot;Miracle&quot; von Montreal
2089                                    </a>
2090                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 3 Tagen: 28.09.2026 00:00 Uhr">
2091                                        28.09.2026
2092                                        
2093                                                                                    · 41 Minuten
2094                                                                            </div>
2095                                </div>
2096                                </div>
2097                            
2098                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/2946901\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Sportschau Tourfunk\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/2946901\\\/sportschau-tourfunk.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
2099            <button
2100            @click="toggle()"
2101            :disabled="busy"
2102            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
2103            :class="{
2104                'bg-green_main text-white hover:bg-red-500': subscribed,
2105                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
2106            }"
2107        >
2108            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
2109                <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" />
2110                <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" />
2111            </svg>
2112            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
2113            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
2114        </button>
2115
2116    </div>
2117                        </div>
2118                    </article>
2119                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
2120                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
2121                            <a href="https://www.podcast.de/podcast/3592507/die-openai-story" class="shrink-0">
2122                                <img
2123                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3592507/die-openai-story.png 2x"
2124                                    src="https://cdn.podcastcms.de/images/podcasts/175/3592507/die-openai-story.png"
2125                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
2126                                    alt="Die OpenAI Story"
2127                                    loading="lazy">
2128                            </a>
2129
2130                            <div class="min-w-0 flex-1">
2131                                <a href="https://www.podcast.de/podcast/3592507/die-openai-story" class="no-underline">
2132                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
2133                                        Die OpenAI Story
2134                                    </h3>
2135                                </a>
2136
2137                                
2138                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
2139                                        <div x-ref="tipBox"
2140                                             class="content text-sm leading-relaxed text-gray_text"
2141                                             :class="{ 'line-clamp-3': ! expanded }"
2142                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
2143                                            Der Podcast &quot;Die OpenAI Story&quot; erzählt die Geschichte von OpenAI und der KI-Revolution – von idealistischen Anfängen bis zum Tech-Imperium unter Sam Altman. Er beleuchtet Meilensteine wie ChatGPT, Machtkämpfe und ethische Fragen. Spannend und kritisch aufbereitet. In der ersten Staffel ging es um Peter Thiel.
2144                                        </div>
2145                                        <button type="button"
2146                                                x-show="overflows"
2147                                                x-cloak
2148                                                @click="expanded = ! expanded"
2149                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
2150                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
2151                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
2152                                        </button>
2153                                    </div>
2154                                                            </div>
2155                        </div>
2156
2157                        
2158                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
2159                                                            
2160                                <div class="flex min-w-0 flex-1 items-center gap-4">
2161                                <button
2162    type="button"
2163    x-data="{ trackUrl: 'https:\/\/podcast-mp3.dradio.de\/podcast\/2026\/05\/19\/die_openai_story_16_der_grosse_verkaeufer_dlf_20260519_0001_48bf72b8.mp3?refId=die-peter-thiel-story-100' }"
2164    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
2164) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Die OpenAI Story (1\\\/6) - Der große Verkäufer\u0022,\u0022artist\u0022:\u0022Die OpenAI Story\u0022,\u0022url\u0022:\u0022https:\\\/\\\/podcast-mp3.dradio.de\\\/podcast\\\/2026\\\/05\\\/19\\\/die_openai_story_16_der_grosse_verkaeufer_dlf_20260519_0001_48bf72b8.mp3?refId=die-peter-thiel-story-100\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3592507\\\/s\\\/703572681\\\/die-openai-story-16-der-grosse-verkaeufer.png\u0022,\u0022channelId\u0022:3592507,\u0022channelSlug\u0022:\u0022die-openai-story\u0022,\u0022showId\u0022:703572681}')) "
2165    title="Episode `Die OpenAI Story (1/6) - Der große Verkäufer` abspielen"
2166    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
2167    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
2168>
2169    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
2170         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
2171        <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" />
2172    </svg>
2173    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
2174         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
2175        <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" />
2176    </svg>
2177</button>
2178
2179                                <div class="min-w-0">
2180                                    <span class="sr-only">Zum Reinhören:</span>
2181                                    <a href="https://www.podcast.de/episode/703572681/die-openai-story-16-der-grosse-verkaeufer"
2182                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
2183                                        Die OpenAI Story (1/6) - Der große Verkäufer
2184                                    </a>
2185                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 4 Monaten: 18.05.2026 00:00 Uhr">
2186                                        18.05.2026
2187                                        
2188                                                                                    · 38 Minuten
2189                                                                            </div>
2190                                </div>
2191                                </div>
2192                            
2193                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3592507\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Die OpenAI Story\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3592507\\\/die-openai-story.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
2194            <button
2195            @click="toggle()"
2196            :disabled="busy"
2197            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
2198            :class="{
2199                'bg-green_main text-white hover:bg-red-500': subscribed,
2200                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
2201            }"
2202        >
2203            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
2204                <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" />
2205                <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" />
2206            </svg>
2207            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
2208            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
2209        </button>
2210
2211    </div>
2212                        </div>
2213                    </article>
2214                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
2215                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
2216                            <a href="https://www.podcast.de/podcast/3681529/quarks-mal-angenommen" class="shrink-0">
2217                                <img
2218                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3681529/quarks-mal-angenommen.png 2x"
2219                                    src="https://cdn.podcastcms.de/images/podcasts/175/3681529/quarks-mal-angenommen.png"
2220                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
2221                                    alt="Quarks – Mal angenommen "
2222                                    loading="lazy">
2223                            </a>
2224
2225                            <div class="min-w-0 flex-1">
2226                                <a href="https://www.podcast.de/podcast/3681529/quarks-mal-angenommen" class="no-underline">
2227                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
2228                                        Quarks – Mal angenommen 
2229                                    </h3>
2230                                </a>
2231
2232                                
2233                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
2234                                        <div x-ref="tipBox"
2235                                             class="content text-sm leading-relaxed text-gray_text"
2236                                             :class="{ 'line-clamp-3': ! expanded }"
2237                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
2238                                            Was wäre, wenn unsere Gesellschaft auf einmal ganz anders funktionieren würde: Wenn Autos nur noch autonom fahren oder alle Drogen legal wären? &quot;Mal angenommen&quot; von Quarks spielt genau solche Zukunftsszenarien durch - und das faktenbasiert statt spekulativ. Wissenschaftliche Erkenntnisse und Experten machen greifbar, was solche Entwicklungen ganz konkret für unseren Alltag bedeuten.
2239                                        </div>
2240                                        <button type="button"
2241                                                x-show="overflows"
2242                                                x-cloak
2243                                                @click="expanded = ! expanded"
2244                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
2245                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
2246                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
2247                                        </button>
2248                                    </div>
2249                                                            </div>
2250                        </div>
2251
2252                        
2253                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
2254                                                            
2255                                <div class="flex min-w-0 flex-1 items-center gap-4">
2256                                <button
2257    type="button"
2258    x-data="{ trackUrl: 'https:\/\/wdrmedien-a.akamaihd.net\/media\/p\/public\/weltweit\/2026\/09\/26\/1cc87e33-06a9-4493-a53a-c95424da752d\/1cc87e33-06a9-4493-a53a-c95424da752d_MP3-128.mp3' }"
2259    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle(
2259) :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022Niemand lässt sich mehr impfen, was dann?\u0022,\u0022artist\u0022:\u0022Quarks – Mal angenommen \u0022,\u0022url\u0022:\u0022https:\\\/\\\/wdrmedien-a.akamaihd.net\\\/media\\\/p\\\/public\\\/weltweit\\\/2026\\\/09\\\/26\\\/1cc87e33-06a9-4493-a53a-c95424da752d\\\/1cc87e33-06a9-4493-a53a-c95424da752d_MP3-128.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3681529\\\/s\\\/707571323\\\/niemand-laesst-sich-mehr-impfen-was-dann.png\u0022,\u0022channelId\u0022:3681529,\u0022channelSlug\u0022:\u0022quarks-mal-angenommen\u0022,\u0022showId\u0022:707571323}')) "
2260    title="Episode `Niemand lässt sich mehr impfen, was dann?` abspielen"
2261    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
2262    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
2263>
2264    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
2265         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
2266        <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" />
2267    </svg>
2268    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
2269         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
2270        <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" />
2271    </svg>
2272</button>
2273
2274                                <div class="min-w-0">
2275                                    <span class="sr-only">Zum Reinhören:</span>
2276                                    <a href="https://www.podcast.de/episode/707571323/niemand-laesst-sich-mehr-impfen-was-dann"
2277                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
2278                                        Niemand lässt sich mehr impfen, was dann?
2279                                    </a>
2280                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 5 Tagen: 26.09.2026 00:00 Uhr">
2281                                        26.09.2026
2282                                        
2283                                                                                    · 27 Minuten
2284                                                                            </div>
2285                                </div>
2286                                </div>
2287                            
2288                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3681529\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Quarks – Mal angenommen \u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3681529\\\/quarks-mal-angenommen.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
2289            <button
2290            @click="toggle()"
2291            :disabled="busy"
2292            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
2293            :class="{
2294                'bg-green_main text-white hover:bg-red-500': subscribed,
2295                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
2296            }"
2297        >
2298            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
2299                <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" />
2300                <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" />
2301            </svg>
2302            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
2303            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
2304        </button>
2305
2306    </div>
2307                        </div>
2308                    </article>
2309                                                                <article class="overflow-hidden rounded-2xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 transition-colors">
2310                        <div class="flex flex-col gap-5 p-5 sm:flex-row sm:items-start">
2311                            <a href="https://www.podcast.de/podcast/3729180/gestatten-von-sinnen" class="shrink-0">
2312                                <img
2313                                    srcset="https://cdn.podcastcms.de/images/podcasts/315/3729180/gestatten-von-sinnen.png 2x"
2314                                    src="https://cdn.podcastcms.de/images/podcasts/175/3729180/gestatten-von-sinnen.png"
2315                                    class="size-28 rounded-xl bg-zinc-100 object-cover dark:bg-zinc-800 sm:size-32"
2316                                    alt="Gestatten, von Sinnen!"
2317                                    loading="lazy">
2318                            </a>
2319
2320                            <div class="min-w-0 flex-1">
2321                                <a href="https://www.podcast.de/podcast/3729180/gestatten-von-sinnen" class="no-underline">
2322                                    <h3 class="mt-0 mb-0 text-lg font-semibold text-gray_main">
2323                                        Gestatten, von Sinnen!
2324                                    </h3>
2325                                </a>
2326
2327                                
2328                                                                    <div x-data="{ expanded: false, overflows: false }" class="mt-2 max-w-3xl">
2329                                        <div x-ref="tipBox"
2330                                             class="content text-sm leading-relaxed text-gray_text"
2331                                             :class="{ 'line-clamp-3': ! expanded }"
2332                                             x-init="$nextTick(() => overflows = $refs.tipBox.scrollHeight - $refs.tipBox.clientHeight > 4)">
2333                                            Im Podcast &quot;Gestatten, von Sinnen!&quot; trifft TV-Ikone Hella von Sinnen auf Prominente und alte Freunde – für tiefgründige, witzige und überraschende Gespräche, die weit über klassische Interviews hinausgehen. Besonders lohnenswert ist die Dynamik zwischen Hella und ihren Gästen, wie etwa Mike Krüger, mit dem sie über Leben, Karriere und persönliche Anekdoten plaudert – mal emotional, mal urkomisch. Ein Podcast, der Unterhaltung mit Herz und Tiefgang verbindet.
2334                                        </div>
2335                                        <button type="button"
2336                                                x-show="overflows"
2337                                                x-cloak
2338                                                @click="expanded = ! expanded"
2339                                                class="mt-1 inline-flex items-center gap-1 p-0 text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200">
2340                                            <span x-text="expanded ? 'Weniger anzeigen' : 'Mehr anzeigen'"></span>
2341                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform" :class="expanded && 'rotate-180'" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
2342                                        </button>
2343                                    </div>
2344                                                            </div>
2345                        </div>
2346
2347                        
2348                        <div class="flex flex-col gap-3 border-t border-zinc-100 dark:border-zinc-800 px-5 py-3 sm:flex-row sm:items-center sm:gap-4">
2349                                                            
2350                                <div class="flex min-w-0 flex-1 items-center gap-4">
2351                                <button
2352    type="button"
2353    x-data="{ trackUrl: 'https:\/\/www.podtrac.com\/pts\/redirect.mp3\/p
2353dst.fm\/e\/traffic.megaphone.fm\/ARAAR4633193595.mp3' }"
2354    @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() :  $store.player.play(JSON.parse('{\u0022name\u0022:\u0022#13 | KREBS IST SO EIN BESCHISSENES TABU! - MIT SUSANNE KLEHN\u0022,\u0022artist\u0022:\u0022Gestatten, von Sinnen!\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.podtrac.com\\\/pts\\\/redirect.mp3\\\/pdst.fm\\\/e\\\/traffic.megaphone.fm\\\/ARAAR4633193595.mp3\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/3729180\\\/s\\\/707541889\\\/13-krebs-ist-so-ein-beschissenes-tabu-mit-susanne-klehn.png\u0022,\u0022channelId\u0022:3729180,\u0022channelSlug\u0022:\u0022gestatten-von-sinnen\u0022,\u0022showId\u0022:707541889}')) "
2355    title="Episode `#13 | KREBS IST SO EIN BESCHISSENES TABU! - MIT SUSANNE KLEHN` abspielen"
2356    :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-playing' : ''"
2357    class="player-btn play size-10 rounded-full flex items-center justify-center shrink-0 ml-0 shrink-0"
2358>
2359    <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)"
2360         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]">
2361        <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" />
2362    </svg>
2363    <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak
2364         xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2">
2365        <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" />
2366    </svg>
2367</button>
2368
2369                                <div class="min-w-0">
2370                                    <span class="sr-only">Zum Reinhören:</span>
2371                                    <a href="https://www.podcast.de/episode/707541889/13-krebs-ist-so-ein-beschissenes-tabu-mit-susanne-klehn"
2372                                       class="block truncate text-sm font-medium text-gray_main no-underline hover:underline">
2373                                        #13 | KREBS IST SO EIN BESCHISSENES TABU! - MIT SUSANNE KLEHN
2374                                    </a>
2375                                    <div class="truncate text-xs text-zinc-500 dark:text-zinc-400" title="vor 6 Tagen: 25.09.2026 00:00 Uhr">
2376                                        25.09.2026
2377                                        
2378                                                                                    · 1 Stunde 13 Minuten
2379                                                                            </div>
2380                                </div>
2381                                </div>
2382                            
2383                            <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u0022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/3729180\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=podcast-tipps\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:\u0022Gestatten, von Sinnen!\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/3729180\\\/gestatten-von-sinnen.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))">
2384            <button
2385            @click="toggle()"
2386            :disabled="busy"
2387            class="inline-flex items-center gap-1.5 rounded-lg px-6 py-1.5 text-sm font-medium transition-colors bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white"
2388            :class="{
2389                'bg-green_main text-white hover:bg-red-500': subscribed,
2390                'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed,
2391            }"
2392        >
2393            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
2394                <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" />
2395                <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" />
2396            </svg>
2397            <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span>
2398            <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>
2399        </button>
2400
2401    </div>
2402                        </div>
2403                    </article>
2404                                    </div>
2405
2406        <div class="mt-8">
2407            <nav role="navigation" aria-label="Pagination Navigation" class="flex flex-wrap items-center justify-between gap-3">
2408        <p class="hidden sm:block m-0 text-sm text-zinc-500 dark:text-zinc-400">
2409            Treffer 1–15 von 356
2410        </p>
2411
2412        <div class="flex flex-wrap items-center gap-3">
2413            <div class="flex flex-wrap items-center gap-1">
2414                
2415                                    <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>
2416                
2417                                    
2418                                                                                                        <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>
2419                                                                                                                <a href="https://www.podcast.de/podcast-tipps?page=2"
2420                                   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"
2421                                   aria-label="Go to page 2">2</a>
2422                                                                                                                                    <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>
2423                    
2424                                                        
2425                                                                                                        <a href="https://www.podcast.de/podcast-tipps?page=24"
2426                                   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"
2427                                   aria-label="Go to page 24">24</a>
2428                                                                                        
2429                
2430                                    <a href="https://www.podcast.de/podcast-tipps?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>
2431                            </div>
2432
2433            <form method="GET"
2434          action="https://www.podcast.de/podcast-tipps"
2435          class="flex items-center gap-1"
2436          x-data="{
2437              page: '1',
2438              go() {
2439                  const target = Math.min(24, Math.max(1, parseInt(this.page) || 1));
2440                  this.page = target;
2441
2442                                        const url = new URL('https://www.podcast.de/podcast-tipps?page=' + target, location.href);
2443
2444                      // Dieselbe Ausnahmeliste wie der Klick-Interceptor in
2445                      // layouts/app.blade.php: Seiten, die keinen SPA-Swap
2446                      // vertragen, bekommen auch hier einen echten Wechsel.
2447                      const excluded = (window.__spaPathExcludes || []).some(
2448                          (p) => url.pathname === p || url.pathname.startsWith(p + '/')
2449                      );
2450
2451                      !excluded && window.Livewire?.navigate
2452                          ? window.Livewire.navigate(url.href)
2453                          : window.location.assign(url.href);
2454                                },
2455          }"
2456          @submit.prevent="go()">
2457        
2458        <label class="flex items-center gap-1">
2459            <span class="hidden sm:inline text-sm text-zinc-500 dark:text-zinc-400">Seite</span>
2460
2461            <input type="number"
2462                   name="page"
2463                   min="1"
2464                   max="24"
2465                   required
2466                   inputmode="numeric"
2467                   x-model="page"
2468                   value="1"
2469                   aria-label="Zu Seite springen (1 bis 24)"
2470                   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">
2471        </label>
2472
2473        <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>
2474    </form>
2475        </div>
2476    </nav>
2477
2478        </div>
2479
2480        <div class="w-full mt-10">
2481                    </div>
2482    </div>
2483
2484
2485
2486
2487
2488
2489
2490
2491
2492
2493
2494            </div>
2495
2496                            <footer class="mt-16 text-white bg-gray_main dark:bg-zinc-800">
2497    <div class="container relative mx-auto btn-up hidden lg:block" @click="window.scrollTo({ top: 0, behavior: 'smooth' })">
2498        <div class="w-fit bg-white rounded-full p-4 cursor-pointer absolute top-[-25.25px] right-0 z-1 shadow-md">
2499            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#444" height="30" width="30">
2500                <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" />
2501            </svg>
2502        </div>
2503    </div>
2504    <div class="container py-14">
2505    <div class="flex flex-row flex-wrap">
2506        <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0">
2507            <h5 class="mb-10 sm:text-xl font-bold">Unternehmen</h5>
2508            <ul class="text-xs sm:text-sm flex flex-col gap-3">
2509                <li>
2510                    <a href="https://www.podcast.de/team" title="Unsere &quot;Über uns&quot;-Seite">Team</a>
2511                </li>
2512                <li>
2513                    <a href="https://www.podcast.de/karriere">Karriere</a>
2514                </li>
2515                <li>
2516                    <a href="https://www.podcast.de/impressum">Impressum</a>
2517                </li>
2518                <li>
2519                    <a href="https://www.podcast.de/werbung">Werben auf podcast.de</a>
2520                </li>
2521            </ul>
2522        </div>
2523        <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0">
2524            <h5 class="mb-10 sm:text-xl font-bold">Service</h5>
2525            <ul class="text-xs sm:text-sm flex flex-col gap-3">
2526                <li>
2527                    <a href="https://www.podcast.de/kontakt">Kontakt</a>
2528                </li>
2529                <li>
2530                    <a href="https://www.podcast.de/presse">Presse</a>
2531                </li>
2532                <li>
2533                    <a href="https://www.podcast.de/agb">Nutzungsbedingungen</a>
2534                </li>
2535                <li>
2536                    <a href="https://www.podcast.de/datenschutzerklaerung">Datenschutz</a>
2537                </li>
2538            </ul>
2539        </div>
2540        <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0">
2541            <h5 class="mb-10 sm:text-xl font-bold">Apps</h5>
2542            <ul class="text-xs sm:text-sm flex flex-col gap-3">
2543                
2544                <li>
2545                    <a href="https://www.podcast.de/apps/podcast-web-player"
2546                       title="Podcasts im Browser hören – der Web-Player von podcast.de">Web-Player</a>
2547                </li>
2548                <li>
2549                    <a href="https://www.podcast.de/apps/podcast-app-ios"
2550                       title="Die podcast.de App für iPhone und iPad">iPhone &amp; iPad</a>
2551                </li>
2552                <li>
2553                    <a href="https://www.podcast.de/apps/podcast-app-android"
2554                       title="Die podcast.de App für Android – in Entwicklung">Android</a>
2555                </li>
2556                
2557                
2558
2559                
2560            </ul>
2561        </div>
2562        <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0">
2563            <h5 class="mb-10 sm:text-xl font-bold">Produkte</h5>
2564            <ul class="text-xs sm:text-sm flex flex-col gap-3">
2565                
2566                <li>
2567                    <a href="https://www.podcaster.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_c
2567ontent=podcast-hochladen&mtm_placement=footer"
2568                       target="_blank" title="Zum Podcast-Hosting von podcaster.de">Podcast-Hosting</a>
2569                </li>
2570                <li>
2571                    <a href="https://podspace.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_content=podcast-studios&mtm_placement=footer"
2572                       target="_blank" title="Zu den Podcast-Studios von podspace">Podcast-Studios</a>
2573                </li>
2574                <li>
2575                    <a href="https://www.podcastpush.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_content=podcast-push&mtm_placement=footer"
2576                       target="_blank" title="Zu Podcast-Push">Podcast-Push</a>
2577                </li>
2578                <li>
2579                    <a href="https://www.podcast.de/podcast-werbung">Podcast-Werbung</a>
2580                </li>
2581                <li>
2582                    <a href="https://1podcast.de/podcast-agentur">Podcast-Agentur</a>
2583                </li>
2584                
2585            </ul>
2586        </div>
2587    </div>
2588    
2589    <div class="flex flex-col sm:flex-row items-center justify-center gap-10 mt-14">
2590        <div>
2591            <ul class="flex flex-row gap-3 justify-center">
2592                <li class="rounded-full bg-gray-600 p-2" >
2593                    <a href="https://instagram.com/podcastplattform" rel="noreferrer nofollow noopener"
2594                       title="Instagram @podcastplattform" target="_blank">
2595                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
2596                            <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" />
2597                        </svg>
2598                    </a>
2599                </li>
2600                <li class="rounded-full bg-gray-600 p-2">
2601                    <a href="https://www.linkedin.com/company/podcast-de"
2602                       rel="noreferrer nofollow noopener" title="LinkedIn" target="_blank">
2603                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
2604                            <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" />
2605                        </svg>
2606                    </a>
2607                </li>
2608                <li class="rounded-full bg-gray-600 p-2">
2609                    <a href="https://facebook.com/podcastportal" rel="noreferrer nofollow noopener"
2610                       title="Facebook @podcastportal" target="_blank">
2611                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
2612                            <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" />
2613                        </svg>
2614                    </a>
2615                </li>
2616                
2617                <li class="mx-1 h-6 w-px self-center bg-white/25" aria-hidden="true"></li>
2618                <li class="rounded-full bg-gray-600 p-2 transition-colors hover:bg-primary" x-data>
2619                    <button type="button"
2620                            data-cookie-settings
2621                            @click="$store.cookieConsent.openSettings()"
2622                            title="Cookie-Einstellungen"
2623                            aria-label="Cookie-Einstellungen"
2624                            class="flex cursor-pointer items-center justify-center">
2625                        
2626                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
2627                             fill="none" stroke="currentColor" stroke-width="1.7"
2628                             stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
2629                            <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5Z" />
2630                            <path d="M8.5 10.5h.01M12 15h.01M15.5 11.5h.01M8 15h.01" />
2631                        </svg>
2632                    </button>
2633                </li>
2634            </ul>
2635            <div class="mt-6 text-white text-center">
2636                podcast.de ~ 2004-2026            </div>
2637        </div>
2638    </div>
2639
2640    
2641    <div class="mt-10 flex justify-center">
2642        <a href="https://www.podcastplattform.de/?mtm_campaign=nav&mtm_source=podcast&mtm_medium=website&mtm_content=logo&mtm_placement=footer"
2643           target="_blank">
2644            <img src="https://www.podcast.de/build/assets/PodcastPlattformFullService-CzCKBtSl.svg"
2645                 width="280" height="89"
2646                 alt="Podcast Plattform" style="width:280px;height:89px">
2647        </a>
2648    </div>
2649</div>
2650
2651
2652
2653</footer>
2654            
2655
2656
2657
2658
2659
2660
2661
2662
2663
2664
2665
2666
2667
2668
2669
2670
2671
2672        </div>
2673
2674        
2675        <div x-data
2676     x-show="$store.cookieConsent.settingsOpen"
2677     x-cloak
2678     @keydown.escape.window="$store.cookieConsent.closeSettings()"
2679     class="fixed inset-0 z-50 flex items-end justify-center p-3 sm:items-center sm:p-5 print:hidden"
2680     role="dialog"
2681     aria-modal="true"
2682     aria-labelledby="cookie-settings-title">
2683    <div class="absolute inset-0 bg-black/40" @click="$store.cookieConsent.closeSettings()"></div>
2684
2685    <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">
2686        <h2 id="cookie-settings-title" class="mb-1 text-lg font-bold text-neutral dark:text-white">
2687            Cookie-Einstellungen        </h2>
2688        <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>
2689
2690        
2691                            <ul class="mb-5 space-y-1.5">
2692                                    <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300">
2693                        <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewB
2693ox="0 0 20 20" fill="currentColor" aria-hidden="true">
2694                            <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" />
2695                        </svg>
2696                        <span>Wir verwenden technisch notwendige Cookies für die Anmeldung.</span>
2697                    </li>
2698                                    <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300">
2699                        <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2700                            <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" />
2701                        </svg>
2702                        <span>Wir nutzen ein hauseigenes Analyse-System.</span>
2703                    </li>
2704                            </ul>
2705        
2706        <div class="flex flex-col gap-4">
2707            <label class="flex items-start gap-3">
2708                <input type="checkbox" checked disabled
2709                       class="mt-0.5 h-4 w-4 shrink-0 rounded-sm border-stroke text-primary opacity-50 dark:border-zinc-600">
2710                <span class="text-sm leading-snug text-gray_text dark:text-zinc-300">
2711                    <span class="font-bold text-neutral dark:text-white">Notwendige Cookies</span>
2712                    <span class="block">Für Anmeldung, Sicherheit und die Grundfunktionen der Seite. Ohne sie geht hier nichts, deshalb sind sie immer an.</span>
2713                </span>
2714            </label>
2715
2716            <label class="flex cursor-pointer items-start gap-3">
2717                <input type="checkbox"
2718                       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"
2719                       :checked="$store.cookieConsent.comfort"
2720                       @change="$store.cookieConsent.setComfort($event.target.checked)">
2721                <span class="text-sm leading-snug text-gray_text dark:text-zinc-300">
2722                    <span class="font-bold text-neutral dark:text-white">Komfort-Cookies</span>
2723                    <span class="block">Merkt sich ohne Konto, wo du eine Folge unterbrochen hast — Grundlage für "Weiterhören" auf der Startseite.</span>
2724                    <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>
2725                </span>
2726            </label>
2727        </div>
2728
2729        <div class="mt-6 flex justify-end">
2730            <button type="button"
2731                    @click="$store.cookieConsent.closeSettings()"
2732                    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">
2733                Fertig            </button>
2734        </div>
2735    </div>
2736</div>
2737
2738        
2739        <div x-persist="toast">
2740            <ui-toast-group x-data x-on:toast-show.document="$el.showToast($event.detail)" popover="manual" position="bottom start"  wire:ignore>
2741    <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>
2742    <template>
2743        <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>
2744            <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">
2745                <div class="flex-1 flex items-start gap-4 overflow-hidden">
2746                    <div class="flex-1 py-1.5 ps-2.5 flex gap-2">
2747                        
2748                        <img data-toast-cover alt=""
2749                             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"
2750                             loading="lazy" decoding="async" />
2751
2752                        
2753                        <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 dar
2753k:text-lime-400">
2754                            <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" />
2755                        </svg>
2756
2757                        
2758                        <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">
2759                            <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" />
2760                        </svg>
2761
2762                        
2763                        <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">
2764                            <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" />
2765                        </svg>
2766
2767                        
2768                        <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">
2769                            <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" />
2770                        </svg>
2771
2772                        <div>
2773                            
2774                            <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>
2775
2776                            
2777                            <div class="font-medium text-sm text-zinc-800 dark:text-white"><slot name="text"></slot></div>
2778
2779                            
2780                            <template name="link">
2781                                <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>
2782                            </template>
2783                        </div>
2784                    </div>
2785
2786                    
2787                    <ui-close class="flex items-center">
2788                        <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">
2789                            <div>
2790                                <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">
2791                                    <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>
2792                                </svg>
2793                            </div>
2794                        </button>
2795                    </ui-close>
2796                </div>
2797            </div>
2798        </div>
2799    </template>
2800</ui-toast>
2801</ui-toast-group>
2802        </div>
2803
2804        
2805        <div x-persist="player">
2806            <div id="global-player"
2807     x-data x-show="$store.player.isVisible"
2808     x-on:bookmarks-changed.window="$store.player.loadBookmarks()"
2809     x-on:bookmarks-saved.window="$store.player.loadBookmarks()"
2810     x-transition:enter="transition ease-out duration-300"
2811     x-transition:enter-start="translate-y-full" x-transition:enter-end="translate-y-0"
2812     x-cloak
2813     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">
2814
2815    
2816    <div class="hidden md:flex container mx-auto items-center gap-4 py-4">
2817        
2818        <div class="flex items-center gap-3 min-w-0 w-56 shrink-0">
2819            <img :src="$store.player.track.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'"
2820                 alt="" class="size-12 rounded object-cover" loading="lazy">
2821            <div class="min-w-0">
2822                <a :href="$store.player.track.channelId ? '/' + $store.player.track.channelId + '/' + $store.player.track.channelSlug : '#'"
2823                   class="block text-sm font-medium text-gray_main truncate hover:text-primary no-underline"
2824                   x-text="$store.player.track.name"></a>
2825                <span class="block text-xs text-gray_text truncate" x-text="$store.player.track.artist"></span>
2826            </div>
2827        </div>
2828
2829        
2830        
2831        <div class="flex items-center gap-2">
2832            <button @click="$store.player.skip(-15)"
2833                    class="inline-flex items-center gap-1 p-1 text-gray_text hover:text-gray_main"
2834                    title="15 Sekunden zurück"
2835                    aria-label="15 Sekunden zurück">
2836                
2837                <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">
2838                    <path d="M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" />
2839                </svg>
2840                <span class="text-[11px] font-semibold tabular-nums leading-none">15</span>
2841            </button>
2842            <button @click="$store.player.toggle()"
2843                    class="size-9 rounded-full flex items-center justify-center text-white bg-[#ff9900] hover:bg-[#e88a00] transition-colors">
2844                <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">
2845                    <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" />
2846                </svg>
2847                <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>
2848                    <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" />
2849                </svg>
2850            </button>
2851            <button @click="$store.player.skip(15)"
2852                    class="inline-flex items-center gap-1 p-1 text-gray_text hover:text-gray_main"
2853                    title="15 Sekunden vor"
2854                    aria-label="15 Sekunden vor">
2855                <span class="text-[11px] font-semibold tabular-nums leading-none">15</span>
2856                
2857                <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">
2858                    <path d="m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" />
2859                </svg>
2860            </button>
2861        </div>
2862
2863        
2864        <div class="flex items-center gap-2 flex-1 min-w-0">
2865            <span class="text-xs text-gray_text tabular-nums w-10 text-right" x-text="$store.player.formattedCurrentTime"></span>
2866            <div class="relative flex-1 h-1 bg-gray-200 dark:bg-zinc-700 rounded-full cursor-pointer group"
2867                 @click="$store.player.seek(($event.offsetX / $event.currentTarget.offsetWidth) * 100)">
2868                <div class="absolute inset-y-0 left-0 rounded-full bg-[#ff9900] transition-all"
2869                     :style="`width: ${$store.player.progress}%`"></div>
2870
2871                
2872                <template x-for="(bookmark, index) in $store.player.bookmarks" :key="index">
2873                    <button type="button"
2874                            x-show="$store.player.duration > 0"
2875                            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)]"
2876                            :class="bookmark.own ? 'bg-zinc-900 dark:bg-zinc-100' : 'bg-blue-600 dar
2876k:bg-blue-400'"
2877                            :style="`left: ${Math.min(100, (bookmark.position_seconds / $store.player.duration) * 100)}%`"
2878                            :title="bookmark.tooltip"
2879                            @click.stop="$store.player.audio && ($store.player.audio.currentTime = bookmark.position_seconds)">
2880                        <span class="sr-only" x-text="bookmark.tooltip"></span>
2881                    </button>
2882                </template>
2883
2884                <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"
2885                     :style="`left: calc(${$store.player.progress}% - 6px)`"></div>
2886            </div>
2887            <span class="text-xs text-gray_text tabular-nums w-10" x-text="$store.player.formattedDuration"></span>
2888        </div>
2889
2890        
2891        
2892        
2893        <button type="button" @click="$dispatch('player-share')"
2894                class="p-1 text-gray_text hover:text-gray_main shrink-0"
2895                title="Episode teilen" aria-label="Episode teilen">
2896                <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">
2897                    <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/>
2898                    <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"/>
2899                </svg>
2900        </button>
2901
2902        
2903        <div class="flex items-center gap-2 w-28 shrink-0">
2904            <button @click="$store.player.toggleMute()" class="p-1 text-gray_text hover:text-gray_main">
2905                <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">
2906                    <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" />
2907                </svg>
2908                <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>
2909                    <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" />
2910                </svg>
2911            </button>
2912            <input type="range" min="0" max="1" step="0.01"
2913                   :value="$store.player.volume"
2914                   @input="$store.player.setVolume(parseFloat($event.target.value))"
2915                   class="w-full h-1 bg-gray-200 dark:bg-zinc-700 rounded-full appearance-none cursor-pointer accent-primary">
2916        </div>
2917
2918        
2919        <button @click="$store.player.close()" class="p-1 text-gray_text hover:text-gray_main shrink-0" title="Close">
2920            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
2921                <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" />
2922            </svg>
2923        </button>
2924    </div>
2925
2926    
2927    <div class="flex md:hidden items-center gap-3 py-2 px-6">
2928        <img :src="$store.player.track.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'"
2929             alt="" class="size-10 rounded object-cover shrink-0" loading="lazy">
2930        <div class="min-w-0 flex-1">
2931            <div class="text-sm font-medium text-gray_main truncate" x-text="$store.player.track.name"></div>
2932            <div class="text-xs text-gray_text truncate" x-text="$store.player.track.artist"></div>
2933        </div>
2934        <button @click="$store.player.toggle()"
2935                class="size-8 rounded-full flex items-center justify-center text-white bg-[#ff9900] hover:bg-[#e88a00] transition-colors shrink-0">
2936            <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">
2937                <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" />
2938            </svg>
2939            <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>
2940                <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" />
2941            </svg>
2942        </button>
2943        
2944        <button type="button" @click="$dispatch('player-share')"
2945                class="p-1 text-gray_text shrink-0"
2946                title="Episode teilen" aria-label="Episode teilen">
2947            <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">
2948                <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/>
2949                <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"/>
2950            </svg>
2951        </button>
2952
2953        <button @click="$store.player.close()" class="p-1 text-gray_text shrink-0">
2954            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
2955                <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" />
2956            </svg>
2957        </button>
2958    </div>
2959
2960    
2961    <div class="md:hidden relative h-0.5 bg-gray-200 dark:bg-zinc-700">
2962        <div class="h-full bg-[#ff9900] transition-all" :style="`width: ${$store.player.progress}%`"></div>
2963
2964        
2965        <template x-for="(bookmark, index) in $store.player.bookmarks" :key="index">
2966            <div x-show="$store.player.duration > 0"
2967                 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)]"
2968                 :class="bookmark.own ? 'bg-zinc-900 dark:bg-zinc-100' : 'bg-blue-600 dark:bg-blue-400'"
2969                 :style="`left: ${Math.min(100, (bookmark.position_seconds / $store.player.duration) * 100)}%`"
2970                 :title="bookmark.tooltip"></div>
2971        </template>
2972    </div>
2973
2974    
2975    <div x-data="shareSnippet()"
2976     x-on:player-share.window="show($event.detail)"
2977     x-on:keydown.escape.window="close()">
2978
2979    <template x-teleport="body">
2980        
2981        <div x-show="open" x-cloak style="display:none"
2982             class="fixed inset-0 z-[60] flex items-center justify-center p-4"
2983             role="dialog" aria-modal="true" :aria-label="'Episode teilen'">
2984
2985            
2986            <div x-show="open" x-transition.opacity
2987                 class="absolute inset-0 bg-black/50" @click="close()"></div>
2988
2989            <div x-show="open"
2990                 x-transition:enter="transition ease-out duration-200"
2991                 x-transition:enter-start="opacity-0 scale-95"
2992                 x-transition:enter-end="opacity-100 scale-100"
2993                 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">
2994
2995                <div class="mb-5 flex items-start justify-between gap-4">
2996                    <h2 class="m-0 text-lg font-bold text-gray_main dark:text-neutral-100">Episode teilen</h2>
2997                    <button type="button" @click="close()"
2998                            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"
2999                            :aria-label="'Schließen'">
3000                        <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">
3001  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 
300118 6M6 6l12 12"/>
3002</svg>
3003
3004                            </button>
3005                </div>
3006
3007                
3008                <div class="flex items-start gap-3">
3009                    <img :src="player?.track?.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'"
3010                         alt="" class="size-16 shrink-0 rounded-lg object-cover" loading="lazy">
3011                    <div class="min-w-0">
3012                        <div class="truncate text-sm text-gray_text dark:text-neutral-400" x-text="player?.track?.artist"></div>
3013                        <strong class="block text-sm font-bold text-gray_main dark:text-neutral-100" x-text="player?.track?.name"></strong>
3014                    </div>
3015                </div>
3016
3017                
3018                <label class="mt-5 flex items-start gap-2"
3019                       :class="durationKnown ? 'cursor-pointer' : 'cursor-not-allowed opacity-60'">
3020                    <input type="checkbox" x-model="section" :disabled="! durationKnown"
3021                           class="mt-0.5 size-4 rounded border-zinc-300 text-[#ff9900] focus:ring-[#ff9900] dark:border-zinc-600 dark:bg-zinc-800">
3022                    <span class="text-sm text-gray_main dark:text-neutral-200">
3023                        Abschnitt teilen                        <span x-show="! durationKnown" class="block text-xs text-gray_text dark:text-neutral-400">
3024                            Starte die Episode, um einen Abschnitt zu teilen.                        </span>
3025                    </span>
3026                </label>
3027
3028                
3029                <div x-show="section" x-cloak class="mt-5">
3030                    <div class="flex items-start gap-3">
3031                        <button type="button" @click="togglePreview()"
3032                                class="flex size-11 shrink-0 items-center justify-center rounded-lg bg-[#ff9900] text-white transition-colors hover:bg-[#e88a00]"
3033                                :aria-label="previewing ? 'Anhören beenden' : 'Abschnitt anhören'">
3034                            <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">
3035  <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"/>
3036</svg>
3037
3038                                    <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">
3039  <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"/>
3040</svg>
3041
3042                                </button>
3043
3044                        <div class="min-w-0 flex-1">
3045                            
3046                            <div class="relative h-5">
3047                                <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>
3048                                <div class="absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-[#ff9900]"
3049                                     :style="`left: ${fromPercent}%; width: ${Math.max(0, toPercent - fromPercent)}%`"></div>
3050                                <div x-show="playPercent !== null"
3051                                     class="absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-[#e08800]"
3052                                     :style="`left: ${fromPercent}%; width: ${Math.max(0, (playPercent ?? 0) - fromPercent)}%`"></div>
3053
3054                                <input type="range" min="0" :max="duration" :value="from"
3055                                       @input="moveSlider('from', $event.target.value)"
3056                                       class="share-range absolute inset-0 w-full"
3057                                       :aria-label="'Start:'">
3058                                <input type="range" min="0" :max="duration" :value="to"
3059                                       @input="moveSlider('to', $event.target.value)"
3060                                       class="share-range absolute inset-0 w-full"
3061                                       :aria-label="'Ende:'">
3062                            </div>
3063
3064                            <div class="mt-1 flex justify-between text-xs tabular-nums text-gray_text dark:text-neutral-400">
3065                                <span x-text="previewing ? currentLabel : zeroLabel"></span>
3066                                <span x-text="durationLabel"></span>
3067                            </div>
3068                        </div>
3069                    </div>
3070
3071                    <div class="mt-4 flex flex-wrap items-center gap-x-6 gap-y-3">
3072                                                    <div class="flex items-center gap-2">
3073                                <span class="text-sm font-semibold text-[#ff9900]">Start:</span>
3074                                
3075                                <input type="text" inputmode="numeric"
3076                                       :value="fromLabel"
3077                                       @blur="applyText('from', $event.target.value); $event.target.value = fromLabel"
3078                                       @keydown.enter.prevent="$event.target.blur()"
3079                                       @focus="$event.target.select()"
3080                                       class="w-24 rounded-lg border bg-transparent px-3 py-1.5 text-center text-sm font-bold tabular-nums transition-colors"
3081                                       :class="invalid === 'from'
3082                                           ? 'border-red-500 text-red-500'
3083                                           : 'border-[#ff9900] text-[#ff9900]'">
3084                            </div>
3085                                                    <div class="flex items-center gap-2">
3086                                <span class="text-sm font-semibold text-[#ff9900]">Ende:</span>
3087                                
3088                                <input type="text" inputmode="numeric"
3089                                       :value="toLabel"
3090                                       @blur="applyText('to', $event.target.value); $event.target.value = toLabel"
3091                                       @keydown.enter.prevent="$event.target.blur()"
3092                                       @focus="$event.target.select()"
3093                                       class="w-24 rounded-lg border bg-transparent px-3 py-1.5 text-center text-sm font-bold tabular-nums transition-colors"
3094                                       :class="invalid === 'to'
3095                                           ? 'border-red-500 text-red-500'
3096                                           : 'border-[#ff9900] text-[#ff9900]'">
3097                            </div>
3098                                            </div>
3099
3100                    <hr class="my-5 border-zinc-200 dark:border-zinc-700">
3101
3102                    <div class="text-center">
3103                        <h3 class="m-0 text-base font-bold text-gray_main dark:text-neutral-100">Abschnitt weiterleiten</h3>
3104                        <p class="mt-1 mb-0 text-xs text-gray_text dark:text-neutral-400">
3105                            <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">
3106  <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"/>
3107</svg>
3108
3109                                    Die Abspielzeit kann je nach Werbeschaltung leicht abweichen.                        </p>
3110                    </div>
3111                </div>
3112
3113                <div class="flex flex-wrap justify-center gap-3 mt-5">
3114            
3115        <button type="button"
3116                @click="share('facebook')"
3117                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#1877F2] hover:bg-[#166fe0]"
3118                title="Teilen über Facebook"
3119                aria-label="Teilen über Facebook">
3120                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
3121                        <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"/>
3122                    </svg>
3123                            </button>
3124            
3125        <button type="button"
3126                @click="share('linkedin')"
3127                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#0A66C2] hover:bg-[#095bad]"
3128                title="Teilen über LinkedIn"
3129                aria-label="Teilen über LinkedIn">
3130                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
3131                        <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"/>
3132                    </svg>
3133                            </button>
3134            
3135        <button type="button"
3136                @click="share('whatsapp')"
3137                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#25D366] hover:bg-[#20bd5a]"
3138                title="Teilen über WhatsApp"
3139                aria-label="Teilen über WhatsApp">
3140                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
3141                        <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-.
3141198 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"/>
3142                    </svg>
3143                            </button>
3144            
3145        <button type="button"
3146                @click="share('reddit')"
3147                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#FF4500] hover:bg-[#e63e00]"
3148                title="Teilen über Reddit"
3149                aria-label="Teilen über Reddit">
3150                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
3151                        <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"/>
3152                    </svg>
3153                            </button>
3154            
3155        <button type="button"
3156                @click="share('email')"
3157                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-zinc-500 hover:bg-zinc-600"
3158                title="Teilen über E-Mail"
3159                aria-label="Teilen über E-Mail">
3160                                <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">
3161                        <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"/>
3162                        <polyline points="22,6 12,13 2,6"/>
3163                    </svg>
3164                            </button>
3165            
3166        <button type="button"
3167                @click="share('copy_link')"
3168                class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#ff9900] hover:bg-[#e88a00]"
3169                title="Link kopieren"
3170                aria-label="Link kopieren">
3171                                
3172                    <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">
3173                        <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
3174                        <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
3175                    </svg>
3176                    <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">
3177                        <polyline points="20 6 9 17 4 12"/>
3178                    </svg>
3179                            </button>
3180    </div>
3181            </div>
3182        </div>
3183    </template>
3184</div>
3185</div>
3186        </div>
3187
3188        <!-- Scripts -->
3189                    <!-- 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>
3190            
3190<script src="https://www.podcast.de/vendor/livewire/livewire.min.js?id=b7ac2fb1"   data-csrf="KPQZaDxv5q30WKa3YMyBWscYR30gLNyMnWoJRwpq" data-module-url="https://www.podcast.de/livewire-a7225870" data-update-uri="https://www.podcast.de/tw-livewire/update" data-navigate-once="true"></script>
3190
3191            
3191<script src="https://www.podcast.de/flux/flux.min.js?id=fab81f02" data-navigate-once></script>
3191
3192
3193            
3194            
3194<script>
3195                (function () {
3196                    var proto = window.HTMLElement && HTMLElement.prototype;
3197
3198                    if (!proto || 'popover' in proto || typeof proto.showPopover === 'function') {
3199                        return;
3200                    }
3201
3202                    document.documentElement.setAttribute('data-popover', 'missing');
3203                })();
3204            </script>
3204
3205                    
3205<script type="module"
3206            id="autocomplete-script"
3207            src="https://www.podcast.de/build/assets/autocomplete-CohiA4CP.js"
3208            data-advanced-search="Erweiterte Suche"
3209            data-site-content-type="App\Models\Channel"
3210            data-test="channel.tips">
3211    </script>
3211
3212
3213        
3213<script>
3214            // Zentrale Brücke: alle `$this->dispatch('toast', title:, message:, variant:)`
3215            // aus Livewire-Komponenten landen hier und laufen über Flux Toast.
3216            document.addEventListener('livewire:init', function () {
3217                if (window.__toastBridgeReady) return;
3218                window.__toastBridgeReady = true;
3219
3220                Livewire.on('toast', function (event) {
3221                    const data = Array.isArray(event) ? event[0] : event;
3222                    if (! data) return;
3223
3224                    // podcastToast (resources/js/toast.js) statt Flux.toast:
3225                    // dessen Schnittstelle kennt kein Bild. Faellt der
3226                    // Modul-Stack aus, bleibt der Toast ohne Cover.
3227                    const toast = window.podcastToast ?? window.Flux?.toast;
3228
3229                    toast?.({
3230                        heading: data.title,
3231                        text: data.message,
3232                        variant: data.variant,
3233                        cover: data.cover,
3234                        coverAlt: data.title,
3235                    });
3236                });
3237            });
3238        </script>
3238
3239
3240        
3240<script>
3241            // Bei wire:navigate wird dieser Block erneut ausgeführt — ohne Guard
3242            // hinge nach jedem Seitenwechsel ein weiterer Listener am document.
3243            if (! window.__navigateInterceptorReady) {
3244            window.__navigateInterceptorReady = true;
3245
3246            // SPA-Wechsel ist der Default: der JS-Kontext bleibt erhalten und
3247            // damit die laufende Wiedergabe im Player. Ausnahmen stehen unten.
3248            //
3249            // Was eine neue Seite dafür erfüllen muss: seiteneigene 
3249<script>-Blöcke
3250            // laufen beim Swap erneut (Livewire klont sie, siehe
3251            // prepNewBodyScriptTagsToRun), aber DOMContentLoaded feuert nicht.
3252            // Also (a) kein DOMContentLoaded als Einstiegspunkt, (b) kein
3253            // Top-Level-`let`/`const` — die zweite Ausführung wirft sonst einen
3254            // SyntaxError, (c) Listener am `document` gegen Doppelregistrierung
3255            // sichern, denn das document überlebt den Swap.
3256            window.__spaPathExcludes = [
3257                '/suche',           // vier 
3257<script type="module" src=…>; Module führt
3258                '/en/suche',        // der Browser pro URL nur einmal aus — InstantSearch
3259                                    // bliebe nach der SPA-Rückkehr tot
3260                '/cp',              // Statamic Control Panel (eigene Vue/Inertia-App)
3261                '/backend',         // Laravel Nova
3262                '/horizon',
3263                '/pulse',
3264                '/_debugbar',
3265                '/embed',           // iframe-Einbettungen ohne Layout
3266                '/abmelden',        // Logout: Auth-Wechsel gehört hinter einen echten Request
3267                '/api',             // die folgenden liefern kein HTML
3268                '/feed',
3269                '/feeds',
3270                '/img',
3271                '/social-images',
3272                '/sitemap',
3273                '/translations',
3274                '/broadcasting',
3275                '/stripe',
3276            ];
3277
3278            document.addEventListener('click', function(e) {
3279                const a = e.target.closest('a');
3280                if (!a || !a.href) return;
3281                if (a.hasAttribute('wire:navigate') || a.hasAttribute('data-no-navigate')) return;
3282                if (a.target && a.target !== '_self') return;
3283
3284                let target;
3285                try { target = new URL(a.href, location.href); } catch (err) { return; }
3286
3287                // Host statt origin vergleichen: APP_URL erzeugt http-Links, die Seite
3288                // läuft aber über https. Ein origin-Vergleich hielte jeden internen
3289                // Link für extern — es gäbe nie eine SPA-Navigation.
3290                if (target.host !== location.host) return;
3291
3292                // Ausnahmen normal laden lassen. Auf Segmentgrenze prüfen, damit
3293                // '/feed' nicht auch '/feedback' erwischt.
3294                if (window.__spaPathExcludes.some(function (p) {
3295                    return target.pathname === p || target.pathname.startsWith(p + '/');
3296                })) return;
3297
3298                if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
3299                if (a.hasAttribute('download')) return;
3300                // Direkte Dateien nie durch den SPA-Swap schicken.
3301                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;
3302                // Same-page anchor links: let the browser handle hash navigation natively
3303                if (a.hash && a.pathname === location.pathname && a.search === location.search) return;
3304
3305                // Auf das Schema der aktuellen Seite ziehen, sonst löst der
3306                // http→https-Redirect wieder einen echten Seitenwechsel aus.
3307                target.protocol = location.protocol;
3308
3309                e.preventDefault();
3310                Livewire.navigate(target.href);
3311            });
3312
3313            }
3314        </script>
3314
3315    <div
3316    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"
3317    role="dialog"
3318    aria-live="polite"
3319    aria-label="Cookies &amp; Datenschutz"
3320>
3321    <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">
3322        <div class="flex flex-1 items-start gap-4">
3323            <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">
3324                <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">
3325                    <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5Z" />
3326                    <path d="M8.5 10.5h.01M12 15h.01M15.5 11.5h.01M8 15h.01" />
3327                </svg>
3328            </span>
3329
3330            <div class="min-w-0">
3331                                    <p class="text-base font-bold text-neutral dark:text-white">Cookies &amp; Datenschutz</p>
3332                
3333                                    <ul class="mt-2 space-y-1.5 cookie-consent__message">
3334                                                    <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300">
3335                                <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewB
3335ox="0 0 20 20" fill="currentColor" aria-hidden="true">
3336                                    <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" />
3337                                </svg>
3338                                <span>Wir verwenden technisch notwendige Cookies für die Anmeldung.</span>
3339                            </li>
3340                                                    <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300">
3341                                <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
3342                                    <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" />
3343                                </svg>
3344                                <span>Wir nutzen ein hauseigenes Analyse-System.</span>
3345                            </li>
3346                                            </ul>
3347                
3348                
3349                <label class="mt-3 flex cursor-pointer items-start gap-2" x-data>
3350                    <input type="checkbox"
3351                           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"
3352                           :checked="$store.cookieConsent.comfort"
3353                           @change="$store.cookieConsent.setComfort($event.target.checked)">
3354                    <span class="text-sm leading-snug text-gray_text dark:text-zinc-300">
3355                        <span class="font-bold text-neutral dark:text-white">Komfort-Cookies</span>
3356                        <span class="block">Merkt sich ohne Konto, wo du eine Folge unterbrochen hast — Grundlage für "Weiterhören" auf der Startseite.</span>
3357                    </span>
3358                </label>
3359            </div>
3360        </div>
3361
3362        <button
3363            type="button"
3364            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"
3365        >
3366            Hinweis gelesen
3367        </button>
3368    </div>
3369</div>
3370
3371    
3371<script>
3372
3373        window.laravelCookieConsent = (function () {
3374
3375            const COOKIE_VALUE = 1;
3376            const COOKIE_DOMAIN = 'podcast.de';
3377
3378            function consentWithCookies() {
3379                setCookie('podcastde_cc', COOKIE_VALUE, 7300);
3380                hideCookieDialog();
3381            }
3382
3383            function cookieExists(name) {
3384                return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
3385            }
3386
3387            function hideCookieDialog() {
3388                const dialogs = document.getElementsByClassName('js-cookie-consent');
3389
3390                for (let i = 0; i < dialogs.length; ++i) {
3391                    dialogs[i].style.display = 'none';
3392                }
3393            }
3394
3395            function setCookie(name, value, expirationInDays) {
3396                const date = new Date();
3397                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
3398                document.cookie = name + '=' + value
3399                    + ';expires=' + date.toUTCString()
3400                    + ';domain=' + COOKIE_DOMAIN
3401                    + ';path=/'
3402                    + ';samesite=lax';
3403            }
3404
3405            if (cookieExists('podcastde_cc')) {
3406                hideCookieDialog();
3407            }
3408
3409            const buttons = document.getElementsByClassName('js-cookie-consent-agree');
3410
3411            for (let i = 0; i < buttons.length; ++i) {
3412                buttons[i].addEventListener('click', consentWithCookies);
3413            }
3414
3415            return {
3416                consentWithCookies: consentWithCookies,
3417                hideCookieDialog: hideCookieDialog
3418            };
3419        })();
3420    </script>
3420
3421
3422</body>
3423</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.