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: 'sticky', top: $el.offsetTop + 'px', 'max-height': 'calc(100vh - ' + $el.offsetTop + 'px)' }" 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(&)]: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(&)]: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 [&: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 [&: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 [&: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 [&: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(&)]: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 [&: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(&)]: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(&)]: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(&)]: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 [&: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 [&: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 [&: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 [&: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(&)]: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(&)]: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 [&: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 [&: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 [&: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 [&: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 [&: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(&)]: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(&)]: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 [&: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 [&: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 [&: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 [&: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 [&: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 [&: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(&)]: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(&)]: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 [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[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(&)]: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 [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[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(&)]: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 [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[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(&)]: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]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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('transition-transform')" 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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]: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(&)]: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]_&]:border-s-0 [:is([data-flux-button-group]>&:first-child,_[data-flux-button-group]_:first-child>&)]:border-s-[1px] w-full justify-center" data-flux-group-target="data-flux-group-target"> 743 <svg class="shrink-0 [:where(&)]: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 [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[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(&)]: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 [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[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(&)]: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 [&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[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(&)]: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'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'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: "Ãffne das Gondelschleusentor" â HAL: "Es tut mir leid, Dave, aber das kann ich nicht tun". Diese Szene aus dem Film "2001: Odysee im Weltraum" 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 "I'm sorry, Dave": 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 "Was tun?" 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 "Sportschau Tourfunk Podcast" 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 `"Miracle" 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 "Miracle" 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 "Die OpenAI Story" 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? "Mal angenommen" 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 "Gestatten, von Sinnen!" 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 "Ãber uns"-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 & 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(&)]: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(&)]: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(&)]: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(&)]: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 & 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 & 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.