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>News zur FileMaker Konferenz 2027 in Hamburg ~ Claris/FileMaker Wissen in 5 Minuten Podcast</title> 23<meta name="description" content="Mit unserem überarbeitetem Konzept und unserem bewährten Ansatz 24eine erfolgreiche FileMaker Konferenz zu organisieren starten wir 25in die weitere Vorbereitung für 2027."> 26<meta name="keywords" content="Podcast, Podcasts, Podcasting, Podcasten, Podcaster, MP3, Video, News"> 27<meta name="author" content="Jan Rüdiger"> 28<meta name="keywords" content="Podcasts,Radio,Internetradio,Musik,Hörbücher,Hörspiele,MP3,Video"> 29<meta name="rating" content="General"> 30<meta name="max-image-preview:large" content="https://cdn.podcastcms.de/images/shows/100/2928777/s/707443537/news-zur-filemaker-konferenz-2027-in-hamburg.png"> 31<meta name="twitter:image" content="https://cdn.podcastcms.de/images/shows/100/2928777/s/707443537/news-zur-filemaker-konferenz-2027-in-hamburg.png"> 32<meta name="twitter:card" content="player"> 33<meta name="twitter:player" content="https://www.podcast.de/player/wave?l=https%3A%2F%2Faudio.podigee-cdn.net%2F2602201-m-3f85dc59bae3d4d360b1e02ca60f5f3d.mp3%3Fsource%3Dfeed&t=News+zur+FileMaker+Konferenz+2027+in+Hamburg&i=707443537"> 34<meta name="twitter:player:width" content="1024"> 35<meta name="twitter:player:height" content="300"> 36<meta name="twitter:player:stream" content="https://audio.podigee-cdn.net/2602201-m-3f85dc59bae3d4d360b1e02ca60f5f3d.mp3?source=feed"> 37<link rel="canonical" href="https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg"> 38<meta name="robots" content="all"> 39<meta property="og:title" content="News zur FileMaker Konferenz 2027 in Hamburg ~ Claris/FileMaker Wissen in 5 Minuten Podcast"> 40<meta property="og:description" content="Mit unserem überarbeitetem Konzept und unserem bewährten Ansatz 41eine erfolgreiche FileMaker Konferenz zu organisieren starten wir 42in die weitere Vorbereitung für 2027."> 43<meta property="og:type" content="audio"> 44<meta property="og:url" content="https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg"> 45<meta property="og:site_name" content="podcast.de"> 46<meta property="og:image" content="https://cdn.podcastcms.de/images/shows/100/2928777/s/707443537/news-zur-filemaker-konferenz-2027-in-hamburg.png"> 47<meta property="og:audio" content="https://audio.podigee-cdn.net/2602201-m-3f85dc59bae3d4d360b1e02ca60f5f3d.mp3?source=feed"> 48 49<meta name="twitter:site" content="@podcastDE"> 50<meta name="twitter:title" content="News zur FileMaker Konferenz 2027 in Hamburg ~ Claris/FileMaker Wissen in 5 Minuten Podcast"> 51<meta name="twitter:description" content="Mit unserem überarbeitetem Konzept und unserem bewährten Ansatz 52eine erfolgreiche FileMaker Konferenz zu organisieren starten wir 53in die weitere Vorbereitung für 2027.">
54<script type="application/ld+json">{"@context":"https://schema.org","@type":"PodcastEpisode","name":"News zur FileMaker Konferenz 2027 in Hamburg","description":"Mit unserem überarbeitetem Konzept und unserem bewährten Ansatz\neine erfolgreiche FileMaker Konferenz zu organisieren starten wir\nin die weitere Vorbereitung für 2027.","image":"https://www.podcast.de/images1/podcast.de.svg","url":"https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg","datePublished":"2026-09-23","thumbnailUrl":"https://cdn.podcastcms.de/images/shows/315/2928777/s/707443537/news-zur-filemaker-konferenz-2027-in-hamburg.png","associatedMedia":{"@type":"MediaObject","contentUrl":"https://audio.podigee-cdn.net/2602201-m-3f85dc59bae3d4d360b1e02ca60f5f3d.mp3?source=feed"},"partOfSeries":{"@type":"PodcastSeries","name":"Claris/FileMaker Wissen in 5 Minuten","url":"https://www.podcast.de/podcast/2928777/clarisfilemaker-wissen-in-5-minuten"}}</script>
54 <link rel="alternate" type="application/rss+xml" href="https://www.podcast.de/feeds/news" title="podcast.de News"> 55 <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"> 56 <link rel="alternate" type="application/rss+xml" href="https://www.podcast.de/feeds/news/berichte" title="Berichte - Alles zum Thema Podcast ~ podcast.de News"> 57 <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"> 58 <!-- Web Application Manifest --> 59<link rel="manifest" href="https://www.podcast.de/manifest.json"> 60<!-- Chrome for Android theme color --> 61<meta name="theme-color" content="#ff9900"> 62 63<!-- Add to homescreen for Chrome on Android --> 64<meta name="mobile-web-app-capable" content="yes"> 65<meta name="application-name" content="podcast.de"> 66<link rel="icon" sizes="923x923" href="/images/icons/maskable_icon.png"> 67 68<!-- Add to homescreen for Safari on iOS --> 69<meta name="apple-mobile-web-app-capable" content="yes"> 70<meta name="apple-mobile-web-app-status-bar-style" content="white"> 71<meta name="apple-mobile-web-app-title" content="podcast.de"> 72<link rel="apple-touch-icon" href="/images/icons/maskable_icon.png"> 73 74 75<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" /> 76<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" /> 77<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" /> 78<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" /> 79<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" /> 80<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" /> 81<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" /> 82<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" /> 83<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" /> 84<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" /> 85 86<!-- Tile for Win8 --> 87<meta name="msapplication-TileColor" content="#ffffff"> 88<meta name="msapplication-TileImage" content="/images/icons/maskable_icon.png"> 89 90 91 <style> 92 :root.dark { 93 color-scheme: dark; 94 } 95</style>
96<script> 97 window.Flux = { 98 applyAppearance (appearance) { 99 let applyDark = () => document.documentElement.classList.add('dark') 100 let applyLight = () => document.documentElement.classList.remove('dark') 101 102 if (appearance === 'system') { 103 let media = window.matchMedia('(prefers-color-scheme: dark)') 104 105 window.localStorage.removeItem('flux.appearance') 106 107 media.matches ? applyDark() : applyLight() 108 } else if (appearance === 'dark') { 109 window.localStorage.setItem('flux.appearance', 'dark') 110 111 applyDark() 112 } else if (appearance === 'light') { 113 window.localStorage.setItem('flux.appearance', 'light') 114 115 applyLight() 116 } 117 } 118 } 119 120 window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system') 121</script>
121 122 <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" />
122<script type="module" src="https://www.podcast.de/build/assets/site-CS-CF_0a.js" data-navigate-track="reload"></script>
122 123
123<script> 124 let _paq = window._paq = window._paq || []; 125 126 _paq.push(['trackPageView']); 127 _paq.push(['trackVisibleContentImpressions']); 128 _paq.push(['enableLinkTracking']); 129 (function() { 130 let u="//mto.podcast.de/"; 131 _paq.push(['setTrackerUrl', u+'matomo.php']); 132 _paq.push(['setSiteId', '3']); 133 let d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 134 g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 135 })(); 136 </script>
136 137 </head> 138 <body x-data class="bg-white dark:bg-zinc-900" :class="$store.mobileNav.expanded && 'overflow-y-hidden'"> 139 <div> 140 141 <div class="main-content"> 142 143 <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> 144 <div class="container flex h-full items-center"> 145 146 <a href="https://www.podcast.de" class="mr-4 lg:mr-6 py-6 inline-flex items-center shrink-0"> 147 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 599.58 245.29" 148 role="img" aria-label="podcast.de" 149 150 class="w-auto" style="color: var(--brand-gray-main); height: 61px; width: auto;" width="149" height="61"> 151 <title>podcast.de</title> 152 <g> 153 <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 154 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 155 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"/> 156 <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 157 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 158 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"/> 159 <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 160 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 161 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 162 C205.77,105.37,201.46,101.94,195.26,101.94"/> 163 <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 164 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 165 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"/> 166 <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 167 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 168 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 169 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"/> 170 <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 171 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 172 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 173 L417.93,104.92z"/> 174 <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 175 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"/> 176 <rect x="477.88" y="144.21" fill="currentColor" width="10.95" height="10.08"/> 177 <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 178 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 179 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"/> 180 <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 181 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 182 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"/> 183 <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
184 C158.1,268.35,64.55,241.79,34.67,208.19"/> 185 <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" 186 /> 187 <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 188 C89.71,35.08,137.36,43.02,160.57,61.04"/> 189 <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 190 C44.21,15.19,123.48-24.72,193.44,34.61"/> 191 </g> 192</svg> 193 </a> 194 195 196 197 <nav class="flex items-center gap-0.5 py-3 -mb-px max-lg:hidden" data-flux-navbar> 198 <ui-dropdown position="bottom start" data-flux-dropdown> 199 <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"> 200 <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> 201 202 <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"> 203 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 204</svg> 205 </button> 206 207 <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> 208 <div class="group/cats flex"> 209 <div class="min-w-56 p-[.3125rem]"> 210 <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"> 211 Neu dabei 212 </a> 213 <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"> 214 Tipps der Redaktion 215 </a> 216 <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"> 217 Charts 218 </a> 219 220 <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"> 221 Kategorien 222 223 224 <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"> 225 <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"/> 226</svg> 227 </a> 228 <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"> 229 Sammlungen 230 </a> 231 </div> 232 233 234 235 <div 236 data-categories-panel 237 class="hidden w-96 flex-col border-s border-zinc-200 p-4 dark:border-zinc-600 238 group-has-[[data-categories-trigger]:hover]/cats:flex 239 group-has-[[data-categories-trigger]:focus]/cats:flex 240 group-has-[[data-categories-panel]:hover]/cats:flex 241 group-has-[[data-categories-panel]:focus-within]/cats:flex" 242 > 243 <a href="https://www.podcast.de/kategorien" 244 class="mb-4 flex items-center gap-2 text-xl font-bold text-zinc-800 hover:text-primary dark:text-white"> 245 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"> 246 <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"/> 247 <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"/> 248</svg> 249 250 </a> 251 252 253 <div class="grid flex-1 auto-rows-fr grid-cols-2 gap-3"> 254 255 <a href="https://www.podcast.de/beste-podcasts/englisch-815" 256 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"> 257 258 <picture> 259 <source srcset="https://www.podcast.de/build/assets/englisch-podcasts-TryF1EFb.avif" type="image/avif" /> 260 <img src="https://www.podcast.de/build/assets/englisch-podcasts-D1Q3AfAp.jpg" 261 alt="Englisch Podcasts" 262 loading="lazy" 263 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" /> 264 </picture> 265 <sp
265an class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md"> 266 Englisch 267 </span> 268 </a> 269 270 <a href="https://www.podcast.de/beste-podcasts/geschichte-504" 271 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"> 272 273 <picture> 274 <source srcset="https://www.podcast.de/build/assets/geschichte-podcasts-Bz-AjwKU.avif" type="image/avif" /> 275 <img src="https://www.podcast.de/build/assets/geschichte-podcasts-k805oBLC.jpg" 276 alt="Geschichte Podcasts" 277 loading="lazy" 278 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" /> 279 </picture> 280 <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md"> 281 Geschichte 282 </span> 283 </a> 284 285 <a href="https://www.podcast.de/beste-podcasts/gesellschaft-18" 286 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"> 287 288 <picture> 289 <source srcset="https://www.podcast.de/build/assets/gesellschaft-podcasts-CA-W4tIX.avif" type="image/avif" /> 290 <img src="https://www.podcast.de/build/assets/gesellschaft-podcasts-BGInmbWR.jpg" 291 alt="Gesellschaft Podcasts" 292 loading="lazy" 293 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" /> 294 </picture> 295 <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md"> 296 Gesellschaft 297 </span> 298 </a> 299 300 <a href="https://www.podcast.de/beste-podcasts/gesundheit-9" 301 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"> 302 303 <picture> 304 <source srcset="https://www.podcast.de/build/assets/gesundheit-podcasts-Dh1jVyfR.avif" type="image/avif" /> 305 <img src="https://www.podcast.de/build/assets/gesundheit-podcasts-D43rt1qJ.jpg" 306 alt="Gesundheit Podcasts" 307 loading="lazy" 308 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" /> 309 </picture> 310 <sp
310an class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md"> 311 Gesundheit 312 </span> 313 </a> 314 315 <a href="https://www.podcast.de/beste-podcasts/h%25C3%25B6rb%25C3%25BCcher-2262" 316 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"> 317 318 <picture> 319 <source srcset="https://www.podcast.de/build/assets/hoerbuecher-podcasts-D7qgWLRP.avif" type="image/avif" /> 320 <img src="https://www.podcast.de/build/assets/hoerbuecher-podcasts-CRldObeZ.jpg" 321 alt="Hörbücher Podcasts" 322 loading="lazy" 323 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" /> 324 </picture> 325 <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md"> 326 Hörbücher 327 </span> 328 </a> 329 330 <a href="https://www.podcast.de/beste-podcasts/wissenschaft-16" 331 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"> 332 333 <picture> 334 <source srcset="https://www.podcast.de/build/assets/wissenschaft-podcasts-DxZuaOyK.avif" type="image/avif" /> 335 <img src="https://www.podcast.de/build/assets/wissenschaft-podcasts-C6k2DAlL.jpg" 336 alt="Wissenschaft Podcasts" 337 loading="lazy" 338 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" /> 339 </picture> 340 <span class="absolute inset-0 flex items-center justify-center px-2 text-center text-base font-bold text-white drop-shadow-md"> 341 Wissenschaft 342 </span> 343 </a> 344 </div> 345 </div> 346 </div> 347</nav> 348</ui-dropdown> 349 350 351 <ui-dropdown position="bottom start" data-flux-dropdown> 352 <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"> 353 <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> 354 355 <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"> 356 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 357</svg> 358 </button> 359 <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> 360 <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"> 361 Ãbersicht 362 </a> 363 <div class="-mx-[.3125rem] my-[.3125rem] h-px" data-flux-navmenu-separator> 364 <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> 365</div> 366 <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"> 367 Web 368 </a> 369 <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"> 370 iOS 371 </a> 372 <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"> 373 Android 374 </a> 375</nav> 376</ui-dropdown> 377 378 379 <ui-dropdown position="bottom start" data-flux-dropdown> 380 <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"> 381 <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> 382 383 <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"> 384 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 385</svg> 386 </button> 387 <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>
388 <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"> 389 Ãbersicht 390 </a> 391 <div class="-mx-[.3125rem] my-[.3125rem] h-px" data-flux-navmenu-separator> 392 <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> 393</div> 394 <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"> 395 Podcast starten 396 </a> 397 <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"> 398 FAQ 399 </a> 400 <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"> 401 Podcast anmelden 402 </a> 403 <div class="-mx-[.3125rem] my-[.3125rem] h-px" data-flux-navmenu-separator> 404 <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> 405</div> 406 <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"> 407 In 5 Minuten zu⦠Podcast 408 </a> 409</nav> 410</ui-dropdown> 411 412 413 <ui-dropdown position="bottom start" data-flux-dropdown> 414 <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"> 415 <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> 416 417 <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"> 418 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 419</svg> 420 </button> 421 <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>
422 <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"> 423 Events 424 </a> 425 <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"> 426 Communities 427 </a> 428 <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"> 429 Jobs 430 </a> 431 <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"> 432 Newsletter 433 </a> 434 <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"> 435 Wissen 436 </a> 437 <div class="-mx-[.3125rem] my-[.3125rem] h-px" data-flux-navmenu-separator> 438 <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> 439</div> 440 <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"> 441 Gezielt â Der Reichweiten-Podcast 442 </a> 443</nav> 444</ui-dropdown> 445</nav> 446 447 448 <div class="flex-1" data-flux-spacer></div> 449 450 451 <div class="mr-4 flex items-center"> 452 453 <div 454 class="contents" 455 x-data 456 x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'site-search' })" 457 x-on:keydown.cmd.k.document="$event.preventDefault(); $dispatch('modal-show', { name: 'site-search' })" 458 data-flux-modal-trigger 459> 460 <button type="button" 461 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" 462 aria-label="Suche"> 463 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" 464 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 465 <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/> 466 </svg> 467 </button> 468</div> 469 </div> 470 471 472 473 474 <ui-dropdown position="bottom end" class="mr-4 max-lg:hidden" data-flux-dropdown> 475 <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"> 476 <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"> 477 <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.
477061 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"/> 478</svg> 479 </button> 480 481 <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> 482 <div x-data> 483 <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> 484 <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"> 485 <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"> 486 <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"/> 487</svg> 488 489 490 Auto 491 492 </ui-radio> 493 <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"> 494 <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"> 495 <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"/> 496</svg> 497 498 499 Hell 500 501 </ui-radio> 502 <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"> 503 <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"> 504 <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"/> 505</svg> 506 507 508 Dunkel 509 510 </ui-radio> 511 </ui-radio-group> 512</div> 513</nav> 514</ui-dropdown> 515 516 <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"> 517 <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"> 518 <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"/> 519</svg> 520 521 522 523
524 <span>Anmeldung</span> 525 </a> 526 527 528 <div class="mr-4 flex items-center lg:hidden"> 529 <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"> 530 <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"> 531 <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"/> 532</svg> 533 </a> 534 </div> 535 536 537 <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"> 538 <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"> 539 <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"/> 540</svg> 541 </button> 542 <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"> 543 <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"> 544 <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"/> 545</svg> 546 </button> 547 </div> 548 </header> 549 550 551 <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> 552 553<ui-sidebar 554 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')" 555 collapsible="mobile" stashable sticky x-data 556 data-flux-sidebar-cloak 557 data-flux-sidebar 558> 559 <nav class="flex flex-col overflow-visible min-h-auto" data-flux-navlist> 560 <ui-disclosure class="group/disclosure" data-flux-navlist-group> 561 <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"> 562 <div class="ps-3 pe-4"> 563 <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"> 564 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 565</svg> 566 567 <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"> 568 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 569</svg> 570 571 </div> 572
573 <span class="text-sm font-medium leading-none">Podcasts finden</span> 574 </button> 575 576 <div class="relative hidden data-open:block space-y-[2px] ps-7" > 577 <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div> 578 579 <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"> 580 <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> 581 </a> 582 <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"> 583 <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> 584 </a> 585 <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"> 586 <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> 587 </a> 588 589 590 <ui-disclosure class="group/disclosure" data-flux-navlist-group> 591 <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"> 592 <div class="ps-3 pe-4"> 593 <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"> 594 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 595</svg> 596 597 <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"> 598 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 599</svg> 600 601 </div> 602 603 <span class="text-sm font-medium leading-none">Kategorien</span> 604 </button> 605 606 <div class="relative hidden data-open:block space-y-[2px] ps-7" > 607 <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div> 608 609 <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"> 610 <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> 611 </a> 612 <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"> 613 <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> 614 </a> 615 <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"> 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>Geschichte</div> 617 </a> 618 <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"> 619 <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> 620 </a> 621 <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"> 622 <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> 623 </a> 624 <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"> 625 <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> 626 </a> 627 <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"> 628 <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> 629 </a> 630 </div> 631 </ui-disclosure> 632 <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"> 633 <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> 634 </a> 635 </div> 636 </ui-disclosure> 637 638 639<ui-disclosure class="group/disclosure" data-flux-navlist-group> 640 <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"> 641 <div class="ps-3 pe-4"> 642 <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"> 643 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 644</svg> 645 646 <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"> 647 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 648</svg> 649 650 </div> 651
652 <span class="text-sm font-medium leading-none">Podcasts hören</span> 653 </button> 654 655 <div class="relative hidden data-open:block space-y-[2px] ps-7" > 656 <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div> 657 658 <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"> 659 <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> 660 </a> 661 <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"> 662 <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> 663 </a> 664 <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"> 665 <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> 666 </a> 667 <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"> 668 <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> 669 </a> 670 </div> 671 </ui-disclosure> 672 673 674<ui-disclosure class="group/disclosure" data-flux-navlist-group> 675 <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"> 676 <div class="ps-3 pe-4"> 677 <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"> 678 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 679</svg> 680 681 <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"> 682 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 683</svg> 684 685 </div> 686
687 <span class="text-sm font-medium leading-none">Podcasts machen</span> 688 </button> 689 690 <div class="relative hidden data-open:block space-y-[2px] ps-7" > 691 <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div> 692 693 <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"> 694 <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> 695 </a> 696 <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"> 697 <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> 698 </a> 699 <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"> 700 <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> 701 </a> 702 <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"> 703 <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> 704 </a> 705 </div> 706 </ui-disclosure> 707 708 709<ui-disclosure class="group/disclosure" data-flux-navlist-group> 710 <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"> 711 <div class="ps-3 pe-4"> 712 <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"> 713 <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/> 714</svg> 715 716 <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"> 717 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/> 718</svg> 719 720 </div> 721
722 <span class="text-sm font-medium leading-none">Podcasts erleben</span> 723 </button> 724 725 <div class="relative hidden data-open:block space-y-[2px] ps-7" > 726 <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div> 727 728 <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"> 729 <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> 730 </a> 731 <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"> 732 <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> 733 </a> 734 <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"> 735 <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> 736 </a> 737 <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"> 738 <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> 739 </a> 740 <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"> 741 <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> 742 </a> 743 </div> 744 </ui-disclosure> 745</nav> 746 747 <div class="flex-1" data-flux-spacer></div> 748 749 <a href="https://www.podcast.de/anmeldung?intended=episode%2F707443537%2Fnews-zur-filemaker-konferenz-2027-in-hamburg" 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"> 750 <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"> 751 <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"/> 752</svg> 753 754 755 756
757 <span>Anmeldung</span> 758 </a> 759 <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"> 760 <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"> 761 <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"/> 762</svg> 763 764 765 766 767 <span>Registrierung</span> 768 </a> 769 770 771 <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> 772 <div x-data> 773 <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> 774 <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"> 775 <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"> 776 <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"/> 777</svg> 778 779 780 Auto 781 782 </ui-radio> 783 <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"> 784 <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"> 785 <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.
785061 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"/> 786</svg> 787 788 789 Hell 790 791 </ui-radio> 792 <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"> 793 <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"> 794 <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"/> 795</svg> 796 797 798 Dunkel 799 800 </ui-radio> 801 </ui-radio-group> 802</div> 803</ui-sidebar> 804 805
806<script> 807(function () { 808 var apply = function () { 809 var header = document.querySelector('[data-flux-header]'); 810 811 if (header) { 812 document.documentElement.style.setProperty('--nav-header-height', header.offsetHeight + 'px'); 813 } 814 }; 815 816 apply(); 817 818 if (! window.__navHeaderHeightBound) { 819 window.__navHeaderHeightBound = true; 820 document.addEventListener('livewire:navigated', apply); 821 window.addEventListener('resize', apply); 822 } 823})(); 824</script>
824 825 826 <div x-persist="site-search"> 827 <ui-modal data-flux-modal> 828 829 <dialog 830 wire:ignore.self 831 class="bg-transparent w-full max-w-2xl mx-auto mt-[10vh] mb-auto" 832 data-modal="site-search" x-data="fluxModal('site-search', null)" 833 x-on:modal-show.document="handleShow($event)" 834 x-on:modal-close.document="handleClose($event)" 835 > 836 <div id="search-group" 837 x-data="{ q: '' }" 838 x-init="q = $refs.field.value" 839 class="relative w-full rounded-xl border border-zinc-200 bg-white p-5 shadow-md dark:border-zinc-700 dark:bg-zinc-800"> 840 841 842 <form action="https://www.podcast.de/suche" method="GET" role="search"> 843 844 <div class="relative"> 845 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" 846 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" 847 class="pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-zinc-400"> 848 <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/> 849 </svg> 850 851 <input id="autocomplete-input" 852 x-ref="field" 853 type="search" 854 name="query" 855 autofocus 856 autocomplete="off" 857 x-on:input="q = $event.target.value" 858 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" 859 placeholder="Podcasts, Episoden, Events, FAQ-Einträge, Wissensartikel"> 860 861 862 <div class="absolute top-1/2 right-2 flex -translate-y-1/2 items-center gap-1"> 863 864 <button type="button" 865 x-show="q !== ''" 866 x-cloak 867 x-on:click=" 868 q = ''; 869 $refs.field.value = ''; 870 $refs.field.dispatchEvent(new Event('input', { bubbles: true })); 871 $refs.field.focus(); 872 " 873 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" 874 title="Suchanfrage löschen"> 875 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" 876 stroke-width="2" stroke-linecap="round" width="20" height="20"> 877 <path d="M18 6 6 18M6 6l12 12"/> 878 </svg> 879 <span class="sr-only">Suchanfrage löschen</span> 880 </button> 881 882 883 <button type="submit" 884 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"> 885 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" 886 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20" 887 aria-hidden="true" 888 class="sm:hidden"> 889 <polyline points="9 10 4 15 9 20"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/> 890 </svg>
891 <span class="sr-only sm:not-sr-only">Suchen</span> 892 </button> 893 </div> 894 </div> 895 </form> 896 897 898 899 <div id="autocomplete-hits" 900 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"> 901 <div id="autocomplete-hits__main" style="order:-2"></div> 902 903 <div id="autocomplete-hits__podcasts" 904 style="" class="flex-col"> 905 <span class="-order-1 flex items-center gap-2 px-4 py-1"> 906 <hr class="grow"/> 907 <b class="shrink text-xs text-zinc-400">Podcasts</b> 908 </span> 909 </div> 910 911 <div id="autocomplete-hits__episodes" style="order: -1;" class="flex-col"> 912 <span class="-order-1 flex items-center gap-2 px-4 py-1"> 913 <hr class="grow"/> 914 <b class="shrink text-xs text-zinc-400">Episoden</b> 915 </span> 916 </div> 917 918 <div id="autocomplete-hits__faqs" style="" class="flex-col"> 919 <span class="-order-1 flex items-center gap-2 px-4 py-1"> 920 <hr class="grow"/> 921 <b class="shrink text-xs text-zinc-400">FAQ</b> 922 </span> 923 </div> 924 925 <div id="autocomplete-hits__knowledge" style="" class="flex-col"> 926 <span class="-order-1 flex items-center gap-2 px-4 py-1"> 927 <hr class="grow"/> 928 <b class="shrink text-xs text-zinc-400">Podcast-Wissen</b> 929 </span> 930 </div> 931 932 <div id="autocomplete-hits__events" style="" class="flex-col"> 933 <span class="-order-1 flex items-center gap-2 px-4 py-1"> 934 <hr class="grow"/> 935 <b class="shrink text-xs text-zinc-400">Events</b> 936 </span> 937 </div> 938 </div> 939 940 941 <a href="https://www.podcast.de/suche" 942 x-bind:href="'https://www.podcast.de/suche?query=' + encodeURIComponent(q)" 943 x-show="q !== ''" 944 x-cloak 945 class="mt-4 flex select-none justify-end gap-2 text-xs font-medium text-gray_text transition-colors hover:text-primary"> 946 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="16" height="16"> 947 <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"/> 948 </svg> 949 Erweiterte Suche </a> 950 </div> 951 952 </dialog> 953</ui-modal> 954 955 </div> 956 957 958 <div class="container pt-3 pb-3"> 959 <div class="inline-block mr-6 overflow-hidden"> 960 <ol class="inline-flex flex-nowrap items-center text-[13px] whitespace-nowrap text-gray_text"> 961 <li class=""> 962 <a href="https://www.podcast.de" title="Startseite" class="no-underline hover:text-primary transition-colors">Startseite</a> 963 </li> 964 965 <li class="pl-1 flex items-center gap-1"> 966 <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"> 967 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 968 </svg> 969 970 <a href="https://www.podcast.de/podcasts" class="no-underline hover:text-primary transition-colors">Podcasts</a> 971 </li> 972 <li class="pl-1 flex items-center gap-1"> 973 <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"> 974 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 975 </svg> 976 977 <a href="https://www.podcast.de/
977podcast/2928777/clarisfilemaker-wissen-in-5-minuten" class="no-underline hover:text-primary transition-colors">Claris/FileMaker Wissen in 5 Minuten Podcast</a> 978 </li> 979 <li class="pl-1 flex items-center gap-1"> 980 <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"> 981 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 982 </svg> 983 984 <span class="font-medium text-gray_main">News zur FileMaker Konferenz 2027 in Hamburg</span> 985 </li> 986 </ol> 987 </div> 988 989 </div> 990 991 992 993 994 995 996 <div class="episode-content"> 997 <div class="w-full p-0 m-0 relative"> 998 <div class="bg-part-1 absolute w-1/2 h-full"></div> 999 <div class="bg-part-2 absolute w-1/2 h-full"></div> 1000 <div class="container flex flex-flex-1 flex-sm-flex flex-wrap mx-auto relative"> 1001 1002 <div class="w-full sm:w-7/12 lg:w-2/3 px-0 lg:pr-6 pt-6 sm:pt-10 pb-6 title-section"> 1003 1004 1005 <article class="rounded-2xl border border-orange-200 dark:border-orange-500/20 bg-orange-50 dark:bg-orange-500/5 p-4 sm:p-5" 1006 data-show-id="707443537" 1007 x-data="{ 1008 isCurrent: false, 1009 track: JSON.parse('{\u0022name\u0022:\u0022News zur FileMaker Konferenz 2027 in Hamburg\u0022,\u0022artist\u0022:\u0022Claris\\\/FileMaker Wissen in 5 Minuten\u0022,\u0022url\u0022:\u0022https:\\\/\\\/audio.podigee-cdn.net\\\/2602201-m-3f85dc59bae3d4d360b1e02ca60f5f3d.mp3?source=feed\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2928777\\\/s\\\/707443537\\\/news-zur-filemaker-konferenz-2027-in-hamburg.png\u0022,\u0022channelId\u0022:2928777,\u0022channelSlug\u0022:\u0022clarisfilemaker-wissen-in-5-minuten\u0022,\u0022showId\u0022:707443537}'), 1010 durationSeconds: 200, 1011 savedPercent: 0, 1012 }" 1013 x-effect="isCurrent = $store.player.isCurrent(track.url)" 1014 @seek-to-position.window=" 1015 const secs = $event.detail.seconds || 0; 1016 if ($store.player.isCurrent(track.url)) { 1017 if ($store.player.audio) { $store.player.audio.currentTime = secs; if (! $store.player.isPlaying) $store.player.toggle(); } 1018 } else { 1019 $store.player.playAt(track, secs); 1020 } 1021 "> 1022 <div class="flex gap-4 sm:gap-5"> 1023 <div class="preview-container shrink-0 self-start w-20 sm:w-28 lg:w-32 aspect-square overflow-hidden rounded-xl bg-white dark:bg-zinc-700/50"> 1024 <img 1025 srcset="https://cdn.podcastcms.de/images/shows/315/2928777/s/707443537/news-zur-filemaker-konferenz-2027-in-hamburg.png 2x, https://cdn.podcastcms.de/images/shows/315/2928777/s/707443537/news-zur-filemaker-konferenz-2027-in-hamburg.png 315w, https://cdn.podcastcms.de/images/shows/175/2928777/s/707443537/news-zur-filemaker-konferenz-2027-in-hamburg.png 175w" 1026 sizes="(max-width: 765px) 175px, 315px, 600px" 1027 class="w-full h-full object-cover" 1028 src="https://cdn.podcastcms.de/images/shows/315/2928777/s/707443537/news-zur-filemaker-konferenz-2027-in-hamburg.png" 1029 alt="News zur FileMaker Konferenz 2027 in Hamburg" 1030 width="315" 1031 height="315" 1032 loading="lazy"> 1033 </div> 1034 1035 <div class="min-w-0 flex-1"> 1036 1037 <div class="flex flex-wrap items-start gap-2"> 1038 <div class="w-full min-w-0 sm:w-auto
1038sm:flex-1"> 1039 <div class="title"> 1040 <h1 class="text-lg sm:text-2xl font-bold leading-snug text-balance break-words text-gray_main">News zur FileMaker Konferenz 2027 in Hamburg</h1> 1041 </div> 1042 1043 1044 <div class="mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs sm:text-sm text-gray_text"> 1045 <a href="https://www.podcast.de/podcast/2928777/clarisfilemaker-wissen-in-5-minuten" 1046 class="font-medium text-gray_main hover:text-primary">Claris/FileMaker Wissen in 5 Minuten</a> 1047 <span aria-hidden="true">·</span> 1048 1049 <span class="date" title="23.09.2026">vor 19 Stunden</span> 1050 </div> 1051 1052 <p class="short-description mt-2 hidden sm:block text-sm text-gray_text line-clamp-2">Ãberarbeitetes Konzept, das sich trozdem treu bleibt</p> 1053 </div> 1054 1055 1056 <div class="ml-auto flex shrink-0 items-center gap-2 sm:ml-0 sm:gap-3"> 1057 <div wire:key="lw-506556371-0" wire:snapshot="{"data":{"reactableType":"App\\Models\\Show","reactableId":707443537,"likeCount":0,"hasLiked":false,"hasDisliked":false,"variant":"heart"},"memo":{"id":"5FqErpxqmcAWqESjUmgv","name":"love-button","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":["2696285043-0"],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"7ab39cf00b6573c9ec261d59c0d5a893c80231dd33d08222aa772c1192ce741b"}" wire:effects="{"scripts":{"2696285043-0":"<script>\n $wire.on('love-heart-plus-one', () => {\n const container = document.getElementById('love-heart-anim-707443537');\n if (! container || container.children.length > 0) return;\n\n const el = document.createElement('span');\n el.className = 'heart-float-anim inline-flex items-center gap-0.5 whitespace-nowrap text-sm font-bold';\n el.style.color = '#FD9926';\n el.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\"
1057 viewBox=\"0 0 24 24\" fill=\"#FD9926\" stroke=\"#FD9926\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>+1';\n\n container.appendChild(el);\n setTimeout(() => el.remove(), 900);\n });\n<\/script>\n "},"listeners":["love-reaction-changed.707443537"]}" wire:id="5FqErpxqmcAWqESjUmgv" wire:name="love-button" class="inline-flex items-center gap-3.5 relative leading-none"> 1058 <!--[if BLOCK]><![endif]--> <button 1059 wire:click="toggleLike" 1060 type="button" 1061 class="inline-flex items-center gap-1 text-sm leading-none cursor-pointer bg-transparent border-0 p-0 text-zinc-500 hover:text-red-500 transition-colors" 1062 title="0 Herzen" 1063 > 1064 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1065 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/> 1066 </svg> 1067 1068 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </button> 1069 1070 <div id="love-heart-anim-707443537" class="absolute left-1.5 bottom-full pointer-events-none z-50"></div> 1071 1072 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 1073 1074 1075 <div wire:key="lw-506556371-1" wire:snapshot="{"data":{"collectableType":"episode","collectableId":707443537,"showModal":false,"isInAnyCollection":false,"totalCollectionCount":0,"showCount":false,"itemStatus":[[],{"s":"arr"}],"showCreateForm":false,"newCollectionName":"","newCollectionVisibility":"public"},"memo":{"id":"Rf0ssnoMc7mV17QPZsdu","name":"collections.add-to-collection-modal","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"14b05ee5e4f2912a753774495d93c0600e7ba17b1c0537033719ac70ad18cb76"}" wire:effects="[]" wire:id="Rf0ssnoMc7mV17QPZsdu" wire:name="collections.add-to-collection-modal" class="inline-flex items-center leading-none"> 1076 <button 1077 type="button" 1078 wire:click="openModal" 1079 class="inline-flex items-center gap-1 text-sm text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-200 bg-transparent border-0 p-0 transition-colors" 1080 title="0 Sammlungen" 1081 > 1082 <svg class="shrink-0 [:where(&)]:size-6 size-4" 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"> 1083 <path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/> 1084</svg> 1085 1086 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </button> 1087 1088 <ui-modal wire:model.self="showModal" data-flux-modal> 1089 1090 <dialog 1091 wire:ignore.self 1092 class="p-6 [:where(&)]:max-w-xl [:where(&)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl md:w-[28rem]" 1093 x-data="fluxModal(null, 'Rf0ssnoMc7mV17QPZsdu')" 1094 x-on:modal-show.document="handleShow($event)" 1095 x-on:modal-close.document="handleClose($event)" 1096 > 1097 <div class="space-y-5"> 1098 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-base [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2" data-flux-heading>Zu Sammlung hinzufügen</div> 1099 1100 <!--[if BLOCK]><![endif]--> <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-zinc-500" data-flux-text >Du hast noch keine Sammlungen.</p> <!--[if ENDBLOCK]><![endif]--> 1101 <!--[if BLOCK]><![endif]--> <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-8 text-sm rounded-md gap-2 ps-2 pe-3 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] *:transition-opacity [&[data-loading]>:not([data-flux-loading-indicator])]:opacity-0 [&[data-flux-loading]>:not([data-flux-loading-indicator])]:opacity-0 [&[data-loading]>[data-flux-loading-indicator]]:opacity-100 [&[data-flux-loading]>[data-flux-loading-indicator]]:opacity-100 data-loading:pointer-events-none data-flux-loading:pointer-events-none" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" wire:target="$set('showCreateForm', true)" wire:loading.attr="data-flux-loading" wire:click="$set('showCreateForm', true)"> 1102 <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator> 1103 <svg class="shrink-0 [:where(&)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon"> 1104 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 1105 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 1106</svg> 1107 </div> 1108 1109 <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"> 1110 <path d="M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z"/> 1111</svg> 1112 1113 1114 1115
1116 <span>Neue Sammlung</span> 1117 </button> 1118 <!--[if ENDBLOCK]><![endif]--> </div> 1119 1120 <div class="absolute top-0 end-0 mt-4 me-4"> 1121 <ui-close data-flux-modal-close > 1122 <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-8 text-sm rounded-md gap-2 w-8 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal"> 1123 <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"> 1124 <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"/> 1125</svg> 1126 </button> 1127</ui-close> 1128 </div> 1129 </dialog> 1130</ui-modal> 1131</div> 1132 1133 1134 <a href="https://audio.podigee-cdn.net/2602201-m-3f85dc59bae3d4d360b1e02ca60f5f3d.mp3?source=feed" 1135 id="episode-download-btn" 1136 download 1137 target="_blank" 1138 rel="download" 1139 data-download-show-id="707443537" 1140 data-download-channel-id="2928777" 1141 class="inline-flex items-center gap-1 text-sm text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-200 transition-colors" 1142 title="Herunterladen: Rechte Maustaste â âZiel speichern unter â¦â"> 1143 <svg class="shrink-0 [:where(&)]:size-6 size-4" 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"> 1144 <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"/> 1145</svg> 1146 1147 <span class="sr-only">Herunterladen (rechte Maustaste)</span> 1148 </a> 1149 1150 <ui-dropdown position="bottom end" data-flux-dropdown> 1151 <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-8 text-sm rounded-md gap-2 w-8 inline-flex 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="Weitere Aktionen"> 1152 <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"> 1153 <path d="M3 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM15.5 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/> 1154</svg> 1155 </button> 1156 1157 <ui-menu 1158 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 focus:outline-hidden" 1159 popover="manual" 1160 data-flux-menu 1161> 1162 <a href="#share-section" data-flux-menu-item="data-flux-menu-item" data-flux-menu-item-has-icon="data-flux-menu-item-has-icon" class="flex items-center px-2 py-1.5 w-full focus:outline-hidden select-none rounded-md text-start text-sm font-medium [&[disabled]]:opacity-50 text-zinc-800 data-active:bg-zinc-50 dark:text-white dark:data-active:bg-zinc-600 **:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current"> 1163 <svg class="shrink-0 [:where(&)]:size-5 me-2" data-flux-menu-item-icon="data-flux-menu-item-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1164 <path d="M13 4.5a2.5 2.5 0 1 1 .702 1.737L6.97 9.604a2.518 2.518 0 0 1 0 .792l6.733 3.367a2.5 2.5 0 1 1-.671 1.341l-6.733-3.367a2.5 2.5 0 1 1 0-3.475l6.733-3.366A2.52 2.52 0 0 1 13 4.5Z"/> 1165</svg> 1166 1167 1168 Teilen 1169 </a> 1170 <a href="#bookmarks" data-flux-menu-item="data-flux-menu-item" data-flux-menu-item-has-icon="data-flux-menu-item-has-icon" class="flex items-center px-2 py-1.5 w-full focus:outline-hidden select-none rounded-md text-start text-sm font-medium [&[disabled]]:opacity-50 text-zinc-800 data-active:bg-zinc-50 dark:text-white dark:data-active:bg-zinc-600 **:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current"> 1171 <svg class="shrink-0 [:where(&)]:size-5 me-2" data-flux-menu-item-icon="data-flux-menu-item-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1172 <path fill-rule="evenodd" d="M10 2c-1.716 0-3.408.106-5.07.31C3.806 2.45 3 3.414 3 4.517V17.25a.75.75 0 0 0 1.075.676L10 15.082l5.925 2.844A.75.75 0 0 0 17 17.25V4.517c0-1.103-.806-2.068-1.93-2.207A41.403 41.403 0 0 0 10 2Z" clip-rule="evenodd"/> 1173</svg> 1174 1175 1176 Fundstellen 1177 </a> 1178 <a href="#comment-section" data-flux-menu-item="data-flux-menu-item" data-flux-menu-item-has-icon="data-flux-menu-item-has-icon" class="flex items-center px-2 py-1.5 w-full focus:outline-hidden select-none rounded-md text-start text-sm font-medium [&[disabled]]:opacity-50 text-zinc-800 data-active:bg-zinc-50 dark:text-white dark:data-active:bg-zinc-600 **:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current"> 1179 <svg class="shrink-0 [:where(&)]:size-5 me-2" data-flux-menu-item-icon="data-flux-menu-item-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1180 <path fill-rule="evenodd" d="M2 10c0-3.967 3.69-7 8-7 4.31 0 8 3.033 8 7s-3.69 7-8 7a9.165 9.165 0 0 1-1.504-.123 5.976 5.976 0 0 1-3.935 1.107.75.75 0 0 1-.584-1.143 3.478 3.478 0 0 0 .522-1.756C2.979 13.825 2 12.025 2 10Z" clip-rule="evenodd"/> 1181</svg> 1182 1183 1184 Kommentare 1185 </a> 1186 1187 <div class="-mx-[.3125rem] my-[.3125rem] h-px" data-flux-menu-separator> 1188 <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> 1189</div> 1190 1191 <div wire:key="listened-menu-707443537" wire:snapsh
1191ot="{"data":{"showId":707443537,"channelId":2928777,"listenedCount":0,"hasListened":false,"isSkipped":false,"variant":"menu"},"memo":{"id":"lPKhjjyEStKim3ZI0PqP","name":"episode-listened-toggle","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"1d40b40df0cfb744c23fc227f3206412afd4d4f2b046479c91098dc79a51afa4"}" wire:effects="{"listeners":["episode-listened-changed.707443537"]}" wire:id="lPKhjjyEStKim3ZI0PqP" wire:name="episode-listened-toggle" class="contents"> 1192 <!--[if BLOCK]><![endif]--> <button type="button" class="flex items-center px-2 py-1.5 w-full focus:outline-hidden select-none rounded-md text-start text-sm font-medium [&[disabled]]:opacity-50 text-zinc-800 data-active:bg-zinc-50 dark:text-white dark:data-active:bg-zinc-600 **:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current" data-flux-menu-item="data-flux-menu-item" data-flux-menu-item-has-icon="data-flux-menu-item-has-icon" wire:click="markListened"> 1193 <svg class="shrink-0 [:where(&)]:size-5 me-2" data-flux-menu-item-icon="data-flux-menu-item-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1194 <path 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"/> 1195</svg> 1196 1197 1198 Als gehört markieren 1199 </button> 1200 1201 <button type="button" class="flex items-center px-2 py-1.5 w-full focus:outline-hidden select-none rounded-md text-start text-sm font-medium [&[disabled]]:opacity-50 text-zinc-800 data-active:bg-zinc-50 dark:text-white dark:data-active:bg-zinc-600 **:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current" data-flux-menu-item="data-flux-menu-item" data-flux-menu-item-has-icon="data-flux-menu-item-has-icon" wire:click="markSkipped"> 1202 <svg class="shrink-0 [:where(&)]:size-5 me-2" data-flux-menu-item-icon="data-flux-menu-item-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1203 <path fill-rule="evenodd" d="m5.965 4.904 9.131 9.131a6.5 6.5 0 0 0-9.131-9.131Zm8.07 10.192L4.904 5.965a6.5 6.5 0 0 0 9.131 9.131ZM4.343 4.343a8 8 0 1 1 11.314 11.314A8 8 0 0 1 4.343 4.343Z" clip-rule="evenodd"/> 1204</svg> 1205 1206 1207 Als uninteressant markieren 1208 </button> 1209 <!--[if ENDBLOCK]><![endif]--></div> 1210 1211 <div class="-mx-[.3125rem] my-[.3125rem] h-px" data-flux-menu-separator> 1212 <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> 1213</div> 1214 1215 <div wire:key="love-report-707443537" wire:snapshot="{"data":{"reactableType":"App\\Models\\Show","reactableId":707443537,"likeCount":0,"hasLiked":false,"hasDisliked":false,"variant":"report"},"memo":{"id":"cYI6tCucFy74lE5KRkbU","name":"love-button","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":["2696285043-0"],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"3d0186687af7a309dcb4373930d8cc6fb1e0be78aa6fdc9956ed012ddd59aca8"}" wire:effects="{"scripts":{"2696285043-0":"<script>\n $wire.on('love-heart-plus-one', () => {\n const container = document.getElementById('love-heart-anim-707443537');\n if (! container || container.children.length > 0) return;\n\n const el = document.createElement('span');\n el.className = 'heart-float-anim inline-flex items-center gap-0.5 whitespace-nowrap text-sm font-bold';\n el.style.color = '#FD9926';\n el.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\"
1215 viewBox=\"0 0 24 24\" fill=\"#FD9926\" stroke=\"#FD9926\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>+1';\n\n container.appendChild(el);\n setTimeout(() => el.remove(), 900);\n });\n<\/script>\n "},"listeners":["love-reaction-changed.707443537"]}" wire:id="cYI6tCucFy74lE5KRkbU" wire:name="love-button" class="contents"> 1216 <!--[if BLOCK]><![endif]--> 1217 <button type="button" class="flex items-center px-2 py-1.5 w-full focus:outline-hidden select-none rounded-md text-start text-sm font-medium [&[disabled]]:opacity-50 text-zinc-800 data-active:bg-zinc-50 dark:text-white dark:data-active:bg-zinc-600 **:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current" data-flux-menu-item="data-flux-menu-item" data-flux-menu-item-has-icon="data-flux-menu-item-has-icon" wire:click="toggleDislike"> 1218 <svg class="shrink-0 [:where(&)]:size-5 me-2" data-flux-menu-item-icon="data-flux-menu-item-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1219 <path d="M18.905 12.75a1.25 1.25 0 1 1-2.5 0v-7.5a1.25 1.25 0 0 1 2.5 0v7.5ZM8.905 17v1.3c0 .268-.14.526-.395.607A2 2 0 0 1 5.905 17c0-.995.182-1.948.514-2.826.204-.54-.166-1.174-.744-1.174h-2.52c-1.243 0-2.261-1.01-2.146-2.247.193-2.08.651-4.082 1.341-5.974C2.752 3.678 3.833 3 5.005 3h3.192a3 3 0 0 1 1.341.317l2.734 1.366A3 3 0 0 0 13.613 5h1.292v7h-.963c-.685 0-1.258.482-1.612 1.068a4.01 4.01 0 0 1-2.166 1.73c-.432.143-.853.386-1.011.814-.16.432-.248.9-.248 1.388Z"/> 1220</svg> 1221 1222 1223 Gefällt mir nicht 1224 </button> 1225 <!--[if ENDBLOCK]><![endif]--></div> 1226 1227 1228 1229 <button type="button" class="flex items-center px-2 py-1.5 w-full focus:outline-hidden select-none rounded-md text-start text-sm font-medium [&[disabled]]:opacity-50 text-zinc-800 data-active:text-red-600 data-active:bg-red-50 dark:text-white dark:data-active:bg-red-400/20 dark:data-active:text-red-400 **:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current" data-flux-menu-item="data-flux-menu-item" data-flux-menu-item-has-icon="data-flux-menu-item-has-icon" x-on:click="Livewire.dispatch('content-report-open')"> 1230 <svg class="shrink-0 [:where(&)]:size-5 me-2" data-flux-menu-item-icon="data-flux-menu-item-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1231 <path d="M3.5 2.75a.75.75 0 0 0-1.5 0v14.5a.75.75 0 0 0 1.5 0v-4.392l1.657-.348a6.449 6.449 0 0 1 4.271.572 7.948 7.948 0 0 0 5.965.524l2.078-.64A.75.75 0 0 0 18 12.25v-8.5a.75.75 0 0 0-.904-.734l-2.38.501a7.25 7.25 0 0 1-4.186-.363l-.502-.2a8.75 8.75 0 0 0-5.053-.439l-1.475.31V2.75Z"/> 1232</svg> 1233 1234 1235 Inhalt melden 1236 </button> 1237</ui-menu> 1238</ui-dropdown> 1239 </div> 1240 </div> 1241 </div> 1242 </div> 1243 1244 1245 <div class="play-btn-container mt-4 sm:mt-5 flex items-center gap-3 sm:gap-4"> 1246 <button 1247 type="button" 1248 x-data="{ trackUrl: 'https:\/\/audio.podigee-cdn.net\/2602201-m-3f85dc59bae3d4d360b1e02ca60f5f3d.mp3?source=feed' }" 1249 @click.stop.prevent="$store.player.isCurrent(trackUrl) ? $store.player.toggle() : $store.player.play(JSON.parse('{\u0022name\u0022:\u0022News zur FileMaker Konferenz 2027 in Hamburg\u0022,\u0022artist\u0022:\u0022Claris\\\/FileMaker Wissen in 5 Minuten\u0022,\u0022url\u0022:\u0022https:\\\/\\\/audio.podigee-cdn.net\\\/2602201-m-3f85dc59bae3d4d360b1e02ca60f5f3d.mp3?source=feed\u0022,\u0022coverArtUrl\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/shows\\\/66\\\/2928777\\\/s\\\/707443537\\\/news-zur-filemaker-konferenz-2027-in-hamburg.png\u0022,\u0022channelId\u0022:2928777,\u0022channelSlug\u0022:\u0022clarisfilemaker-wissen-in-5-minuten\u0022,\u0022showId\u0022:707443537}')) " 1250 title="Episode `News zur FileMaker Konferenz 2027 in Hamburg` abspielen" 1251 :class="$store.player.isCurrent(trackUrl) && $store.player.isPlaying ? 'is-
1251playing' : ''" 1252 class="player-btn play size-11 sm:size-12 rounded-full flex items-center justify-center shrink-0" 1253> 1254 <svg x-show="!($store.player.isCurrent(trackUrl) && $store.player.isPlaying)" 1255 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2 translate-x-[1px]"> 1256 <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" /> 1257 </svg> 1258 <svg x-show="$store.player.isCurrent(trackUrl) && $store.player.isPlaying" x-cloak 1259 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-1/2 h-1/2"> 1260 <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" /> 1261 </svg> 1262</button> 1263 1264 <div class="min-w-0 flex-1 flex items-center gap-2 sm:gap-3"> 1265 <span class="w-10 shrink-0 text-right text-xs tabular-nums text-gray_text" 1266 x-text="isCurrent ? $store.player.formattedCurrentTime : '0:00'">0:00</span> 1267 1268 <div id="episode-progress-container" 1269 class="group relative h-1.5 flex-1 rounded-full bg-zinc-200 dark:bg-zinc-700 cursor-pointer" 1270 role="slider" 1271 tabindex="0" 1272 aria-label="Wiedergabeposition" 1273 aria-valuemin="0" 1274 aria-valuemax="100" 1275 :aria-valuenow="Math.round(isCurrent && $store.player.progress > 0 ? $store.player.progress : savedPercent)" 1276 @click=" 1277 const percent = Math.min(100, Math.max(0, ($event.offsetX / $event.currentTarget.offsetWidth) * 100)); 1278 isCurrent 1279 ? $store.player.seek(percent) 1280 : $store.player.playAt(track, Math.round(percent / 100 * durationSeconds)); 1281 " 1282 @keydown.arrow-right.prevent="isCurrent ? $store.player.skip(15) : $store.player.playAt(track, 0)" 1283 @keydown.arrow-left.prevent="isCurrent && $store.player.skip(-15)"> 1284 1285 <div id="episode-progress-fill" 1286 class="absolute inset-y-0 left-0 rounded-full transition-all" 1287 :class="isCurrent ? 'bg-[#ff9900]' : 'bg-zinc-400 dark:bg-zinc-500'" 1288 style="width: 0%" 1289 :style="`width: ${isCurrent && $store.player.progress > 0 ? $store.player.progress : savedPercent}%`"></div> 1290 1291 1292 <template x-for="(bookmark, index) in $store.player.bookmarks" :key="index"> 1293 <button type="button" 1294 x-show="isCurrent && $store.player.duration > 0" 1295 style="display:none" 1296 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)]" 1297 :class="bookmark.own ? 'bg-zinc-900 dark:bg-zinc-100' : 'bg-blue-600 dark:bg-blue-400'" 1298 :style="`left: ${Math.min(100, (bookmark.position_seconds / $store.player.duration) * 100)}%`" 1299 :title="bookmark.tooltip" 1300 @click.stop="$store.player.audio && ($store.player.audio.currentTime = bookmark.position_seconds)">
1301 <span class="sr-only" x-text="bookmark.tooltip"></span> 1302 </button> 1303 </template> 1304 1305 <div class="absolute top-1/2 -translate-y-1/2 size-3 rounded-full bg-[#ff9900] opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none" 1306 :style="`left: calc(${isCurrent && $store.player.progress > 0 ? $store.player.progress : savedPercent}% - 6px)`"></div> 1307 </div> 1308 1309 <span class="w-10 shrink-0 text-xs tabular-nums text-gray_text" 1310 x-text="isCurrent ? $store.player.formattedDuration : '3:20'">3:20</span> 1311 </div> 1312 1313 1314 <div class="hidden sm:flex shrink-0 items-center gap-1" 1315 x-show="isCurrent" 1316 style="display:none"> 1317 <button type="button" 1318 @click="$store.player.skip(-15)" 1319 class="inline-flex items-center gap-1 p-1 text-gray_text hover:text-gray_main" 1320 title="15 Sekunden zurück" 1321 aria-label="15 Sekunden zurück"> 1322 <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"> 1323 <path d="m9 15-6-6m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" /> 1324 </svg> 1325 <span class="text-[11px] font-semibold tabular-nums leading-none">15</span> 1326 </button> 1327 <button type="button" 1328 @click="$store.player.skip(15)" 1329 class="inline-flex items-center gap-1 p-1 text-gray_text hover:text-gray_main" 1330 title="15 Sekunden vor" 1331 aria-label="15 Sekunden vor"> 1332 <span class="text-[11px] font-semibold tabular-nums leading-none">15</span> 1333 <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"> 1334 <path d="m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" /> 1335 </svg> 1336 </button> 1337 </div> 1338 </div> 1339 </article> 1340 1341 1342 <div class="mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 px-1 text-xs text-gray_text"> 1343 <div wire:key="listened-status-707443537" wire:snapshot="{"data":{"showId":707443537,"channelId":2928777,"listenedCount":0,"hasListened":false,"isSkipped":false,"variant":"status"},"memo":{"id":"buAPyYuRvnIBY3BEbLjb","name":"episode-listened-toggle","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"6a54109a8555996765465f8212da8133fc7a816d6c131dc5d7d7687cacf4df71"}" wire:effects="{"listeners":["episode-listened-changed.707443537"]}" wire:id="buAPyYuRvnIBY3BEbLjb" wire:name="episode-listened-toggle" class="inline-flex items-center gap-3 leading-none"> 1344 <!--[if BLOCK]><![endif]--> 1345 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1346 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 1347 1348 1349 1350 1351
1352 <span class="inline-flex items-center gap-1" 1353 x-data="{ downloads: 0 }" 1354 x-show="downloads > 0" 1355 style="display:none" @episode-downloaded.window="downloads++" 1356 :title="downloads + ' Downloads'"> 1357 <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" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg> 1358 <span class="tabular-nums" x-text="downloads">0</span> 1359 </span> 1360 </div> 1361 </div> 1362 1363 <aside class="w-full sm:w-5/12 lg:w-1/3 px-0 md:pl-10 pt-0 sm:pt-15 pb-6 sm:pb-10 podcasters-section"> 1364 <div class="text-[11px] font-medium uppercase tracking-wide text-gray_text">Podcast</div> 1365 1366 <div class="mt-2 flex items-center gap-3"> 1367 <a href="https://www.podcast.de/podcast/2928777/clarisfilemaker-wissen-in-5-minuten" 1368 class="shrink-0 block w-14 aspect-square overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-700"> 1369 <img src="https://cdn.podcastcms.de/images/podcasts/100/2928777/clarisfilemaker-wissen-in-5-minuten.png" 1370 alt="Claris/FileMaker Wissen in 5 Minuten" 1371 class="w-full h-full object-cover" 1372 width="100" height="100" loading="lazy" /> 1373 </a> 1374 1375 <div class="min-w-0 flex-1"> 1376 <a href="https://www.podcast.de/podcast/2928777/clarisfilemaker-wissen-in-5-minuten" 1377 class="block font-bold leading-snug break-words text-gray_main hover:text-primary no-underline"> 1378 Claris/FileMaker Wissen in 5 Minuten 1379 </a> 1380 <div class="mt-0.5 text-xs text-gray_text">169 Episoden</div> 1381 </div> 1382 </div> 1383 1384 1385 <div class="mt-2 flex flex-wrap gap-1.5"> 1386 <a href="https://www.podcast.de/beste-podcasts/Bildung-455" 1387 class="rounded-full border border-zinc-200 dark:border-zinc-600 px-2 py-0.5 text-xs text-gray_text no-underline hover:border-primary hover:text-primary transition-colors"> 1388 Bildung 1389 </a> 1390 </div> 1391 1392 <div class="channel-follow-container mt-3"> 1393 <div wire:key="lw-506556371-6" wire:snapshot="{"data":{"channelId":2928777,"channelTitle":"Claris\/FileMaker Wissen in 5 Minuten","channelSlug":"clarisfilemaker-wissen-in-5-minuten","showModal":false,"isSubscribed":false,"emailAlertsEnabled":true,"hasEmailNotification":false,"emailNotifyCount":0,"followerCount":0,"notifyStep":"idle","email":"","frequency":"1","verificationCode":"","verificationId":null,"errorMessage":null},"memo":{"id":"5P1Tmh1ENiBZ4Ydz57oN","name":"channel-follow-modal","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":["2384950538-0"],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"7edd9ec6903b07d0f4d8ac49094f4806670bbafb4027433ec606ac3d3099818d"}" wire:effects="{"scripts":{"2384950538-0":" <script>\n \n $wire.on('heart-plus-one', () => {\n let container = document.getElementById('heart-anim-2928777');\n if (!container || container.children.length > 0) return;\n let el = document.createElement('span');\n el.className = 'heart-float-anim';\n el.style.cssText = 'display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font-size:0.8rem;font-weight:700;color:#FD9926;';\n el.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\"
1393 viewBox=\"0 0 24 24\" fill=\"#FD9926\" stroke=\"#FD9926\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>+1';\n container.appendChild(el);\n setTimeout(() => el.remove(), 900);\n });\n <\/script>\n "}}" wire:id="5P1Tmh1ENiBZ4Ydz57oN" wire:name="channel-follow-modal" class="inline-flex items-center" style="gap:8px; position:relative;" wire:ignore.self> 1394 1395 <a href="#" id="podlove-trigger-2928777" class="podlove-subscribe-button-channel" style="display:none;"></a> 1396 1397 1398 <button wire:click="openModal" wire:ignore.self class="inline-flex items-center gap-2 rounded-lg text-white font-semibold px-4 py-1.5 text-sm" style="gap:6px; font-size:0.85rem; font-weight:600; border-radius:8px; padding:8px 16px; border:none; background:#FD9926;" onmouseover="this.style.background='#e88a1f'" onmouseout="this.style.background='#FD9926'"> 1399 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg> 1400 Folgen 1401 </button> 1402 1403 1404 1405 <button 1406 wire:click="toggleFollow" 1407 title="Podcast folgen" 1408 style="background:none; border:none; cursor:pointer; padding:4px; line-height:1; display:inline-flex; align-items:center; gap:3px;" 1409 > 1410 <!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#B1AFAF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 0 1 9 9"/><path d="M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></svg> 1411 <!--[if ENDBLOCK]><![endif]--> <span style="font-size:0.75rem; font-weight:600; color:#B1AFAF;">0</span> 1412 </button> 1413 1414 1415 <!--[if BLOCK]><![endif]--> <button 1416 x-data="{ requestPush() { if ('Notification' in window && Notification.permission === 'default') { Notification.requestPermission(); } } }" 1417 x-on:click="if (!false) { requestPush(); }" 1418 wire:click="toggleNotify" 1419 title="0 E-Mail-Abos" 1420 style="background:none; border:none; cursor:pointer; padding:0; line-height:1; display:inline-flex; align-items:center; gap:4px; font-size:0.75rem; font-weight:600; color:#B1AFAF;" 1421 > 1422 <!--[if BLOCK]><![endif]--> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#B1AFAF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg> 1423 <!--[if ENDBLOCK]><![endif]--> <span>0</span> 1424 </button> 1425 <!--[if ENDBLOCK]><![endif]--> 1426 1427 <div id="heart-anim-2928777" style="position:absolute; left:50%; bottom:100%; pointer-events:none; z-index:1060;"></div> 1428 1429 1430 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1431 1432 1433 1434 </div> 1435 </div> 1436 1437 1438 <div class="mt-4 border-t border-zinc-200 dark:border-zinc-700 pt-3"> 1439 1440 <a href="https://www.podcast.de/podcast/2928777/aneignen" 1441 class="not-claimed inline-flex items-center gap-1.5 text-sm font-medium text-gray_main hover:text-primary no-underline transition-colors"> 1442 Podcast aneignen 1443 <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" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg> 1444 </a> 1445 </div> 1446 </aside> 1447 </div> 1448 </div> 1449 <div class="container flex flex-flex-1 flex-md-flex flex-wrap pb-10"> 1450 <div class="w-full md:w-7/12 lg:w-2/3 px-0 pe-md-5 self-start episode-description-section">
1451 <div wire:key="lw-506556371-7" wire:snapshot="{"data":{"showId":707443537,"channelId":2928777,"positionInput":"","title":"","note":"","visibility":"private","showForm":false,"editingId":null},"memo":{"id":"LR9cAPZcv3wQqcDXRsEh","name":"bookmarks.episode-bookmarks","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":["1015073151-0"],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"e30ed468daafe5d533886b3750bda42ddb3e6f72b4767d32fc1f473c986f37fc"}" wire:effects="{"scripts":{"1015073151-0":" <script>\n \/\/ While the add-bookmark form is open, mirror the player's current\n \/\/ position into the position input (unless the user is editing it).\n let posInterval = null;\n\n function startPositionSync() {\n if (posInterval) return;\n posInterval = setInterval(() => {\n const input = document.getElementById('bookmark-position-input');\n const store = window.Alpine?.store('player');\n if (! input || ! store) { stopPositionSync(); return; }\n if (! store.isPlaying) return;\n if (document.activeElement === input) return;\n\n const secs = Math.floor(store.currentTime || 0);\n const h = Math.floor(secs \/ 3600);\n const m = Math.floor((secs % 3600) \/ 60);\n const s = secs % 60;\n const str = h > 0\n ? h + ':' + String(m).padStart(2, '0') + ':' + String(s).padStart(2, '0')\n : m + ':' + String(s).padStart(2, '0');\n $wire.set('positionInput', str);\n }, 500);\n }\n\n function stopPositionSync() {\n if (posInterval) { clearInterval(posInterval); posInterval = null; }\n }\n\n $wire.on('formOpened', () => startPositionSync());\n $wire.on('formClosed', () => stopPositionSync());\n\n if (document.getElementById('bookmark-position-input')) startPositionSync();\n <\/script>\n "}}" wire:id="LR9cAPZcv3wQqcDXRsEh" wire:name="bookmarks.episode-bookmarks" 1452 x-data 1453 x-on:bookmarks-changed.window="$wire.$refresh()" 1454 class="" 1455> 1456 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1457 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1458 </div> 1459 1460 <div class="pt-6"> 1461 <div class="mb-10"> 1462 <div class="content description">Mit unserem überarbeitetem Konzept und unserem bewährten Ansatz<br /> 1463eine erfolgreiche FileMaker Konferenz zu organisieren starten wir<br /> 1464in die weitere Vorbereitung für 2027.</div> 1465 </div> 1466 </div> 1467 </div> 1468 1469 <div class="w-full md:w-5/12 lg:w-1/3 px-0 md:pl-10 more-episodes-section"> 1470 <div class="title-container more-episodes-title pt-0 pb-2 sm:pt-10 mt-6 mb-6"> 1471 <h2 class="text-lg font-semibold">Weitere Episoden</h2> 1472 </div> 1473 <div class="episode-list more-episodes"> 1474 <div class="episode short flex items-center gap-4 mb-4 relative" data-show-id="707443536"> 1475 1476 <a href="https://www.podcast.de/episode/707443536/neue-episodeteil-2-pdf-text-mit-getlivetextjson-holen" 1477 tabindex="-1" 1478 class="shrink-0 preview-container w-12 sm:w-16 aspect-square overflow-hidden rounded"> 1479 <img src="https://cdn.podcastcms.de/images/shows/66/2928777/s/707443536/neue-episodeteil-2-pdf-text-mit-getlivetextjson-holen.png" alt="Neue EpisodeTEil 2 : PDF Text mit GetLiveTextJSON holen" class="w-full h-full object-cover" width="66" height="66" loading="lazy" /> 1480 </a> 1481 <div class="text-part min-w-0 flex-1"> 1482 <a href="https://www.podcast.de/episode/707443536/neue-episodeteil-2-pdf-text-mit-getlivetextjson-holen" class="block"> 1483 <h3 class="truncate mb-1 text-sm font-medium"> 1484 Neue EpisodeTEil 2 : PDF Text mit GetLiveTextJSON holen 1485 </h3> 1486 </a> 1487 <div class="flex justify-between items-center gap-3 text-gray_text" style="font-size:0.75rem"> 1488 <div class="duration truncate">5 Minuten</div> 1489 <div class="date shrink-0">vor 19 Stunden</div> 1490 </div> 1491 </div> 1492 </div> 1493 <div class="episode short flex items-center gap-4 mb-4 relative" data-show-id="707183368"> 1494 1495 <a href="https://www.podcast.de/episode/707183368/text-aus-pdf-holen-was-ist-neu-in-filemaker-2026-teil-1" 1496 tabindex="-1" 1497 class="shrink-0 preview-container w-12 sm:w-16 aspect-square overflow-hidden rounded"> 1498 <img src="https://cdn.podcastcms.de/images/shows/66/2928777/s/707183368/text-aus-pdf-holen-was-ist-neu-in-filemaker-2026-teil-1.png" alt="Text aus PDF holen â Was ist neu in FileMaker 2026? (Teil 1)" class="w-full h-full object-cover" width="66" height="66" loading="lazy" /> 1499 </a> 1500 <div class="text-part min-w-0 flex-1"> 1501 <a href="https://www.podcast.de/episode/707183368/text-aus-pdf-holen-was-ist-neu-in-filemaker-2026-teil-1" class="block"> 1502 <h3 class="truncate mb-1 text-sm font-medium"> 1503 Text aus PDF holen â Was ist neu in FileMaker 2026? (Teil 1) 1504 </h3> 1505 </a> 1506 <div class="flex justify-between items-center gap-3 text-gray_text" style="font-size:0.75rem"> 1507 <div class="duration truncate">7 Minuten</div> 1508 <div class="date shrink-0">vor 1 Woche</div> 1509 </div> 1510 </div> 1511 </div> 1512 <div class="episode short flex items-center gap-4 mb-4 relative" data-show-id="707124874"> 1513 1514 <a href="https://www.podcast.de/episode/707124874/claris-studio-verabschiedet-sich" 1515 tabindex="-1" 1516 class="shrink-0 preview-container w-12 sm:w-16 aspect-square overflow-hidden rounded"> 1517 <img src="https://cdn.podcastcms.de/images/shows/66/2928777/s/707124874/claris-studio-verabschiedet-sich.png" alt="Claris Studio verabschiedet sich" class="w-full h-full object-cover" width="66" height="66" loading="lazy" /> 1518 </a> 1519 <div class="text-part min-w-0 flex-1"> 1520 <a href="https://www.podcast.de/episode/707124874/claris-studio-verabschiedet-sich" class="block"> 1521 <h3 class="truncate mb-1 text-sm font-medium"> 1522 Claris Studio verabschiedet sich 1523 </h3> 1524 </a> 1525 <div class="flex justify-between items-center gap-3 text-gray_text" style="font-size:0.75rem"> 1526 <div class="duration truncate">3 Minuten</div> 1527 <div class="date shrink-0">vor 1 Woche</div> 1528 </div> 1529 </div> 1530 </div> 1531 <div class="episode short flex items-center gap-4 mb-4 relative" data-show-id="706631631"> 1532 1533 <a href="https://www.podcast.de/episode/706631631/standbyserver" 1534 tabindex="-1" 1535 class="shrink-0 preview-container w-12 sm:w-16 aspect-square overflow-hidden rounded"> 1536 <img src="https://cdn.podcastcms.de/images/shows/66/2928777/s/706631631/standbyserver.png" alt="StandByServer" class="w-full h-full object-cover" width="66" height="66" loading="lazy" /> 1537 </a> 1538 <div class="text-part min-w-0 flex-1"> 1539 <a href="https://www.podcast.de/episode/706631631/standbyserver" class="block"> 1540 <h3 class="truncate mb-1 text-sm font-medium"> 1541 StandByServer 1542 </h3> 1543 </a> 1544 <div class="flex justify-between items-center gap-3 text-gray_text" style="font-size:0.75rem"> 1545 <div class="duration truncate">7 Minuten</div> 1546 <div class="date shrink-0">vor 2 Wochen</div> 1547 </div> 1548 </div> 1549 </div> 1550 <div class="episode short flex items-center gap-4 mb-4 relative" data-show-id="705179049"> 1551 1552 <a href="https://www.podcast.de/episode/705179049/rabatt-gegen-leere-versprechen" 1553 tabindex="-1" 1554 class="shrink-0 preview-container w-12 sm:w-16 aspect-square overflow-hidden rounded"> 1555 <img src="https://cdn.podcastcms.de/images/shows/66/2928777/s/705179049/rabatt-gegen-leere-versprechen.png" alt="Rabatt gegen leere Versprechen" class="w-full h-full object-cover" width="66" height="66" loading="lazy" /> 1556 </a> 1557 <div class="text-part min-w-0 flex-1"> 1558 <a href="https://www.podcast.de/episode/705179049/rabatt-gegen-leere-versprechen" class="block"> 1559 <h3 class="truncate mb-1 text-sm font-medium"> 1560 Rabatt gegen leere Versprechen 1561 </h3> 1562 </a> 1563 <div class="flex justify-between items-center gap-3 text-gray_text" style="font-size:0.75rem"> 1564 <div class="duration truncate">7 Minuten</div> 1565 <div class="date shrink-0">vor 1 Monat</div> 1566 </div> 1567 </div> 1568 </div> 1569 </div> 1570 1571 <div class="mb-6 text-right">
1572 <a href="https://www.podcast.de/podcast/2928777/archiv" 1573 class="inline-flex items-center gap-1 text-xs font-medium text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200"> 1574 Alle Episoden anzeigen 1575 <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"><polyline points="9 18 15 12 9 6"/></svg> 1576 </a> 1577 </div> 1578 1579 <div class="mb-6"> 1580 <a href="https://www.podcast.de/podcast-werbung" 1581 class="group flex items-center gap-3 rounded-xl border border-blue-200 dark:border-blue-500/20 bg-blue-50 dark:bg-blue-500/10 p-4 no-underline transition-colors hover:bg-blue-100 dark:hover:bg-blue-500/15"> 1582 <div class="shrink-0 leading-none"> 1583 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-700 dark:text-blue-400" aria-hidden="true"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"/></svg> 1584 </div> 1585 <div class="min-w-0 flex-1"> 1586 <div class="text-sm font-semibold text-gray_main">In Podcasts werben</div> 1587 <div class="text-xs text-gray_text">Schalte jetzt Werbung in Podcasts.</div> 1588 </div> 1589 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 text-gray_text transition-transform group-hover:translate-x-0.5" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg> 1590 </a> 1591 </div> 1592 1593 </div> 1594 </div> 1595 <div class="w-full bg-episode-grey"> 1596 <div class="container flex flex-flex-1 flex-md-flex flex-wrap pb-6 mx-auto"> 1597 <div id="comment-section" class="w-full md:w-7/12 lg:w-2/3 px-0 pe-md-5 self-start"> 1598 <div wire:key="lw-506556371-8" wire:snapshot="{"data":{"entityId":707443537,"type":"show","commentsCount":0,"name":"","commentText":"","showSuccess":false,"hasPendingComment":false,"commentsDisabled":false,"comments":[null,{"keys":[],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":null,"s":"elcln"}]},"memo":{"id":"c4eyq9CTMrJNlzzRWnma","name":"channel-comments","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"c7cb5b3f218772ca1798fa0a29bb9b651f5c7f3bf76acce4edb8be3ca338fbe6"}" wire:effects="[]" wire:id="c4eyq9CTMrJNlzzRWnma" wire:name="channel-comments"> 1599 <div class="title-container pt-4 pt-sm-5 pb-4 mt-4 mb-6"> 1600 <h2 class="text-lg font-semibold">Kommentare (0)</h2> 1601 </div> 1602 1603 1604 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1605 1606 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="mb-6 p-4 text-center rounded-lg bg-zinc-100 dark:bg-zinc-800"> 1607 <p class="text-gray_text" style="font-size:0.85rem; margin:0;"> 1608 <a href="https://www.podcast.de/login">Melde dich an, um einen Kommentar zu schreiben.</a> 1609 </p> 1610 </div> 1611 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1612 1613 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1614 1615 <div wire:key="content-report-show-707443537" wire:snapsh
1615ot="{"data":{"reportableType":"show","reportableId":707443537,"targetTitle":"News zur FileMaker Konferenz 2027 in Hamburg","variant":"none","showModal":false,"step":"type","reportType":"","reason":"","description":"","errorMessage":null,"alreadyReported":false},"memo":{"id":"5Gwr4jrMHQ7RSufnqjW5","name":"content-report-modal","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"be70c4065c2c32c584ec80cb75584b1a5d3555c4a17ebce004b22d5d5187f637"}" wire:effects="{"listeners":["content-report-open"]}" wire:id="5Gwr4jrMHQ7RSufnqjW5" wire:name="content-report-modal" class="contents"> 1616 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1617 <ui-modal wire:model.self="showModal" data-flux-modal> 1618 1619 <dialog 1620 wire:ignore.self 1621 class="p-6 [:where(&)]:max-w-xl [:where(&)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl md:w-[30rem]" 1622 x-data="fluxModal(null, '5Gwr4jrMHQ7RSufnqjW5')" 1623 x-on:modal-show.document="handleShow($event)" 1624 x-on:modal-close.document="handleClose($event)" 1625 > 1626 <div class="space-y-5"> 1627 <div> 1628 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-base [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2" data-flux-heading>Episode melden</div> 1629 <!--[if BLOCK]><![endif]--> <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1 text-zinc-500 dark:text-zinc-400" data-flux-text >âNews zur FileMaker Konferenz 2027 in Hamburgâ</p> <!--[if ENDBLOCK]><![endif]--> </div> 1630 1631 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1632 1633 <!--[if BLOCK]><![endif]--> <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 text-zinc-600 dark:text-zinc-300" data-flux-text >Worum geht es? Danach fragen wir noch nach dem Grund.</p> 1634 <div class="space-y-3"> 1635 <!--[if BLOCK]><![endif]--> <button 1636 type="button" 1637 wire:click="chooseType('content')" 1638 class="flex w-full items-start gap-3 rounded-lg border p-4 text-left transition-colors border-red-200 bg-red-50 hover:bg-red-100 dark:border-red-500/20 dark:bg-red-500/5 dark:hover:bg-red-500/15" 1639 > 1640 <span class="mt-0.5 shrink-0 text-red-600 dark:text-red-400"> 1641 <!--[if BLOCK]><![endif]--> <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"> 1642 <path stroke-linecap="round" stroke-linejoin="round" d="M3 3v1.5M3 21v-6m0 0 2.77-.693a9 9 0 0 1 6.208.682l.108.054a9 9 0 0 0 6.086.71l3.114-.732a48.524 48.524 0 0 1-.005-10.499l-3.11.732a9 9 0 0 1-6.085-.711l-.108-.054a9 9 0 0 0-6.208-.682L3 4.5M3 15V4.5"/> 1643</svg> 1644 1645 <!--[if ENDBLOCK]><![endif]--> </span> 1646 <span class="min-w-0"> 1647 <span class="block text-sm font-semibold text-gray_main dark:text-zinc-100">Inhaltliche Meldung</span>
1648 <span class="mt-1 block text-xs text-gray_text dark:text-zinc-400">Der Inhalt verstöÃt gegen Recht oder Regeln, ist falsch zugeordnet oder gehört hier nicht her.</span> 1649 </span> 1650 </button> 1651 <button 1652 type="button" 1653 wire:click="chooseType('technical')" 1654 class="flex w-full items-start gap-3 rounded-lg border p-4 text-left transition-colors border-blue-200 bg-blue-50 hover:bg-blue-100 dark:border-blue-500/20 dark:bg-blue-500/5 dark:hover:bg-blue-500/15" 1655 > 1656 <span class="mt-0.5 shrink-0 text-blue-600 dark:text-blue-400"> 1657 <!--[if BLOCK]><![endif]--> <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"> 1658 <path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z"/> 1659</svg> 1660 1661 <!--[if ENDBLOCK]><![endif]--> </span> 1662 <span class="min-w-0"> 1663 <span class="block text-sm font-semibold text-gray_main dark:text-zinc-100">Technische Meldung</span> 1664 <span class="mt-1 block text-xs text-gray_text dark:text-zinc-400">Der Feed lädt nicht, die Datei lässt sich nicht abspielen oder es kommt eine Fehlermeldung.</span> 1665 </span> 1666 </button> 1667 <!--[if ENDBLOCK]><![endif]--> </div> 1668 <!--[if ENDBLOCK]><![endif]--> 1669 1670 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1671 1672 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1673 1674 <div class="absolute top-0 end-0 mt-4 me-4"> 1675 <ui-close data-flux-modal-close > 1676 <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-8 text-sm rounded-md gap-2 w-8 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal"> 1677 <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"> 1678 <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"/> 1679</svg> 1680 </button> 1681</ui-close> 1682 </div> 1683 </dialog> 1684</ui-modal> 1685</div> 1686 </div> 1687 <div id="subscribers-section" class="w-full md:w-5/12 lg:w-1/3 px-0 md:pl-10 self-start relative subscribers-section"> 1688 <div class="title-container pt-4 pt-sm-5 pb-4 mt-4 mb-6"> 1689 <h2 class="text-lg font-semibold"> 1690 Abonnenten 1691 </h2> 1692 </div> 1693 <div class="subscribers-list scrollable"> 1694 <div class="subscribe-btn-container"> 1695 <div x-data="subscribeButton(JSON.parse('{\u0022subscribed\u0022:false,\u0022followers\u0022:0,\u
16950022endpoint\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/abos\\\/2928777\u0022,\u0022loginUrl\u0022:\u0022https:\\\/\\\/www.podcast.de\\\/anmeldung?intended=episode%2F707443537%2Fnews-zur-filemaker-konferenz-2027-in-hamburg\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:\u0022Claris\\\/FileMaker Wissen in 5 Minuten\u0022,\u0022cover\u0022:\u0022https:\\\/\\\/cdn.podcastcms.de\\\/images\\\/podcasts\\\/66\\\/2928777\\\/clarisfilemaker-wissen-in-5-minuten.png\u0022,\u0022toastSubscribed\u0022:\u0022Du folgst diesem Podcast jetzt.\u0022,\u0022toastUnsubscribed\u0022:\u0022Du folgst diesem Podcast nicht mehr.\u0022}'))"> 1696 <button 1697 @click="toggle()" 1698 :disabled="busy" 1699 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" 1700 :class="{ 1701 'bg-green_main text-white hover:bg-red-500': subscribed, 1702 'bg-gray-100 dark:bg-zinc-700 text-gray_text dark:text-zinc-200 hover:bg-green_main hover:text-white': ! subscribed, 1703 }" 1704 > 1705 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4"> 1706 <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" /> 1707 <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" /> 1708 </svg> 1709 <span x-show="! busy" x-text="subscribed ? 'Folge ich' : 'Folgen'">Folgen</span> 1710 <span x-show="busy" style="display:none" class="size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span> 1711 </button> 1712 1713 </div> 1714 </div> 1715 </div> 1716</div> 1717 </div> 1718 </div> 1719 </div> 1720 1721 1722 1723 <div class="w-full mt-10"> 1724 </div> 1725 1726 1727 <div id="share-section" class="container scroll-mt-24 pb-10"> 1728 <h2 class="mb-3 text-lg font-semibold">Teilen</h2> 1729 <div id="share-tool-f0d47c57" class="share-tool" role="group" aria-label="Teilen" data-shareable-type="episode" data-shareable-id="707443537"> 1730 <a data-share-service="facebook" data-share-url="https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg" class="share-tool__link share-tool__link--facebook" title="Facebook" aria-label="Teilen via Facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.podcast.de%2Fepisode%2F707443537%2Fnews-zur-filemaker-konferenz-2027-in-hamburg" target="_blank" rel="noopener noreferrer"><span class="share-tool__icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 1.092.044 1.545.13v3.3c-.168-.018-.46-.027-.824-.027-1.17 0-1.623.443-1.623 1.596v2.559h2.332l-.4 3.667h-1.932v8.09A11.95 11.95 0 0 0 24 12.073C24 5.413 18.627 0 12 0S0 5.413 0 12.073c0 5.628 3.874 10.35 9.101 11.618"/></svg></span><span class="share-tool__label">Facebook</span></a> 1731 <a data-share-service="linkedin" data-share-url="https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg" class="share-tool__link share-tool__link--linkedin" title="LinkedIn" aria-label="Teilen via LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.podcast.de%2Fepisode%2F707443537%2Fnews-zur-filemaker-konferenz-2027-in-hamburg&title=News+zur+FileMaker+Konferenz+2027+in+Hamburg+%28Claris%2FFileMaker+Wissen+in+5+Minuten%29&summary=Mit+unserem+%C3%BCberarbeitetem+Konzept+und+unserem+bew%C3%A4hrten+Ansatz%0Aeine+erfolgreiche+FileMaker+Konferen..." target="_blank" rel="noopener noreferrer"><span class="share-tool__icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></span><span class="share-tool__label">LinkedIn</span></a> 1732 <a data-share-service="whatsapp" data-share-url="https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg" class="share-tool__link share-tool__link--whatsapp" title="WhatsApp" aria-label="Teilen via WhatsApp" href="https://api.whatsapp.com/se
1732nd?text=News+zur+FileMaker+Konferenz+2027+in+Hamburg+%28Claris%2FFileMaker+Wissen+in+5+Minuten%29%0AMit+unserem+%C3%BCberarbeitetem+Konzept+und+unserem+bew%C3%A4hrten+Ansatz%0Aeine+erfolgreiche+FileMaker+Konferen...%0Ahttps%3A%2F%2Fwww.podcast.de%2Fepisode%2F707443537%2Fnews-zur-filemaker-konferenz-2027-in-hamburg" target="_blank" rel="noopener noreferrer"><span class="share-tool__icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg></span><span class="share-tool__label">WhatsApp</span></a> 1733 <a data-share-service="reddit" data-share-url="https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg" class="share-tool__link share-tool__link--reddit" title="Reddit" aria-label="Teilen via Reddit" href="https://www.reddit.com/submit?url=https%3A%2F%2Fwww.podcast.de%2Fepisode%2F707443537%2Fnews-zur-filemaker-konferenz-2027-in-hamburg&title=News+zur+FileMaker+Konferenz+2027+in+Hamburg+%28Claris%2FFileMaker+Wissen+in+5+Minuten%29" target="_blank" rel="noopener noreferrer"><span class="share-tool__icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"/></svg></span><span class="share-tool__label">Reddit</span></a> 1734 <a data-share-service="email" data-share-url="https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg" class="share-tool__link share-tool__link--email" title="E-Mail" aria-label="Teilen via E-Mail" href="mailto:?subject=News+zur+FileMaker+Konferenz+2027+in+Hamburg+%28Claris%2FFileMaker+Wissen+in+5+Minuten%29&body=Mit+unserem+%C3%BCberarbeitetem+Konzept+und+unserem+bew%C3%A4hrten+Ansatz%0Aeine+erfolgreiche+FileMaker+Konferen...%0A%0Ahttps%3A%2F%2Fwww.podcast.de%2Fepisode%2F707443537%2Fnews-zur-filemaker-konferenz-2027-in-hamburg" target="_blank" rel="noopener noreferrer"><span class="share-tool__icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z"/><path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z"/></svg></span><span class="share-tool__label">E-Mail</span></a> 1735 <button type="button" data-share-service="copy_link" data-share-url="https://www.podcast.de/episode/707443537/news-zur-filemaker-konferenz-2027-in-hamburg" class="share-tool__link share-tool__link--copy_link" title="Link kopieren" aria-label="Teilen via Link kopieren"><span class="share-tool__icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M19.902 4.098a3.75 3.75 0 0 0-5.304 0l-4.5 4.5a3.75 3.75 0 0 0 1.035 6.037.75.75 0 0 1-.646 1.353 5.25 5.25 0 0 1-1.449-8.45l4.5-4.5a5.25 5.25 0 1 1 7.424 7.424l-1.757 1.757a.75.75 0 1 1-1.06-1.06l1.757-1.757a3.75 3.75 0 0 0 0-5.304Zm-7.181 7.181a.75.75 0 0 1 1.06 0 5.25 5.25 0 0 1 0 7.424l-4.5 4.5a5.25 5.25 0 1 1-7.424-7.424l1.757-1.757a.75.75 0 1 1 1.06 1.06l-1.757 1.757a3.75 3.75 0 1 0 5.304 5.304l4.5-4.5a3.75 3.75 0 0 0 0-5.304.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></span><span class="share-tool__label">Link kopieren</span></button> 1736</div> 1737 1738 1739 </div> 1740 1741 1742 <ui-modal data-flux-modal> 1743 1744 <dialog 1745 wire:ignore.self 1746 class="p-6 [:where(&)]:max-w-xl [:where(&)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl md:w-[34rem]" 1747 data-modal="archive-nag" x-data="fluxModal('archive-nag', null)" 1748 x-on:modal-show.document="handleShow($event)" 1749 x-on:modal-close.document="handleClose($event)" 1750 > 1751 <div class="space-y-6"> 1752 <div> 1753 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-base [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2" data-flux-heading>Mein Archiv</div> 1754 <p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1" data-flux-text >Deine Privatkopie der Folgen, die du nicht verlieren willst.</p> </div> 1755 1756 <p class="text-sm leading-relaxed text-gray_text dark:text-neutral-300"> 1757 Podcast-Folgen verschwinden. Feeds werden auf die letzten Episoden gekürzt, Hoster 1758 räumen alte Dateien ab, Formate wechseln den Anbieter und lassen ihr Archiv zurück. 1759 Mit âMein Archivâ sichert podcast.de die Folgen deiner Podcasts für dich â angefangen 1760 bei den ältesten, denn die sind zuerst weg. 1761 </p> 1762 1763 <ul class="space-y-3 text-sm text-gray_text dark:text-neutral-300"> 1764 <li class="flex items-start gap-3"> 1765 <svg class="shrink-0 [:where(&)]:size-6 mt-0.5 size-[18px] shrink-0 text-primary" 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"> 1766 <path stroke-linecap="round" stroke-linejoin="round" d="m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"/> 1767</svg> 1768
1769 <span>Deine gesicherten Folgen bleiben hörbar, auch wenn das Original offline geht.</span> 1770 </li> 1771 <li class="flex items-start gap-3"> 1772 <svg class="shrink-0 [:where(&)]:size-6 mt-0.5 size-[18px] shrink-0 text-primary" 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"> 1773 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/> 1774</svg> 1775 1776 <span>Auch Folgen, die im heutigen Feed gar nicht mehr stehen â podcast.de kennt sie noch.</span> 1777 </li> 1778 <li class="flex items-start gap-3"> 1779 <svg class="shrink-0 [:where(&)]:size-6 mt-0.5 size-[18px] shrink-0 text-primary" 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"> 1780 <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"/> 1781</svg> 1782 1783 <span>Herunterladen bleibt möglich, solange die Folge beim Podcaster liegt. Der zählt seine Abrufe wie bisher.</span> 1784 </li> 1785 </ul> 1786 1787 <div wire:key="lw-3184365676-0-0" wire:snapshot="{"data":{"type":"archive","name":"","email":"","step":"form","signedUpOn":null,"errorMessage":null},"memo":{"id":"anpLKMbLyE4DZZXrGgWZ","name":"waitlist-form","path":"episode\/707443537\/news-zur-filemaker-konferenz-2027-in-hamburg","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de","islands":[]},"checksum":"1cf211c6ab05b659d5e187600184d839bbb92daa57b4d0cf05709fa84e4e939d"}" wire:effects="[]" wire:id="anpLKMbLyE4DZZXrGgWZ" wire:name="waitlist-form" class="rounded-2xl border border-zinc-200 bg-white p-6 sm:p-8 dark:border-zinc-800 dark:bg-zinc-900"> 1788 1789 <span class="inline-flex items-center gap-2 rounded-full bg-primary/10 px-3 py-1 text-[11px] font-bold tracking-[0.18em] text-primary uppercase"> 1790 Startet bald 1791 </span> 1792 1793 <h2 class="mt-4 text-xl font-bold text-gray_main dark:text-neutral-100"> 1794 Sei beim Start von Mein Archiv dabei 1795 </h2> 1796 1797 <!--[if BLOCK]><![endif]--> <p class="mt-3 text-sm leading-relaxed text-gray_text dark:text-neutral-300"> 1798 Mein Archiv ist fast fertig. Trag dich ein, dann bekommst du eine E-Mail, 1799 sobald es losgeht – und bist von Anfang an dabei. Wir schreiben dir nur zum Start, 1800 keine Werbung, keine Weitergabe deiner Daten. 1801 </p> 1802 1803 <form wire:submit="submit" class="mt-6"> 1804 <!--[if BLOCK]><![endif]--> <div class="grid gap-4 sm:grid-cols-2"> 1805 <div> 1806 <label for="waitlist-name-archive" class="mb-2 block text-[11px] font-semibold tracking-[0.18em] text-zinc-500 uppercase dark:text-zinc-400"> 1807 Name <span class="normal-case tracking-normal text-zinc-400 dark:text-zinc-500">(optional)</span> 1808 </label> 1809 <input wire:model="name" 1810 type="text" 1811 id="waitlist-name-archive" 1812 autocomplete="name" 1813 placeholder="Wie sollen wir dich ansprechen?" 1814 class="block w-full rounded-lg border border-zinc-300 bg-white px-3 py-2.5 text-base text-zinc-900 placeholder:text-zinc-400 focus:border-primary focus:ring-0 focus:outline-none dark:border-zinc-700 dark:bg-zinc-800 dark:text-neutral-100 dark:placeholder:text-zinc-500 "> 1815 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1816 1817 <div> 1818 <label for="waitlist-email-archive" class="mb-2 block text-[11px] font-semibold tracking-[0.18em] text-zinc-500 uppercase dark:text-zinc-400"> 1819 E-Mail-Adresse 1820 </label> 1821 <input wire:model="email" 1822 type="email" 1823 id="waitlist-email-archive" 1824 required 1825 autocomplete="email" 1826 placeholder="[email protected]" 1827 class="block w-full rounded-lg border border-zinc-300 bg-white px-3 py-2.5 text-base text-zinc-900 placeholder:text-zinc-400 focus:border-primary focus:ring-0 focus:outline-none dark:border-zinc-700 dark:bg-zinc-800 dark:text-neutral-100 dar
1827k:placeholder:text-zinc-500 "> 1828 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1829 </div> 1830 <!--[if ENDBLOCK]><![endif]--> 1831 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1832 <div class="mt-6 flex flex-wrap items-center gap-4"> 1833 <button type="submit" 1834 wire:loading.attr="disabled" 1835 class="inline-flex items-center justify-center gap-2 rounded-full bg-primary px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-orange_main disabled:opacity-60"> 1836 <span wire:loading.remove wire:target="submit"> 1837 <!--[if BLOCK]><![endif]--> Vormerken <!--[if ENDBLOCK]><![endif]--> </span> 1838 <span wire:loading wire:target="submit" class="inline-flex items-center gap-2"> 1839 <svg class="size-4 animate-spin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"> 1840 <path d="M21 12a9 9 0 1 1-6.219-8.56"/> 1841 </svg> 1842 Wird gesendet⦠1843 </span> 1844 </button> 1845 1846 <p class="text-xs text-gray_text dark:text-neutral-400"> 1847 <!--[if BLOCK]><![endif]--> Du bekommst zuerst eine Bestätigungsmail. <!--[if ENDBLOCK]><![endif]--> Abmelden geht jederzeit. 1848 <a href="https://www.podcast.de/datenschutzerklaerung" class="text-links underline decoration-2 underline-offset-2 transition-colors hover:text-primary dark:text-blue-400"> 1849 Datenschutz 1850 </a> 1851 </p> 1852 </div> 1853 </form> 1854 <!--[if ENDBLOCK]><![endif]--></div> 1855 </div> 1856 1857 <div class="absolute top-0 end-0 mt-4 me-4"> 1858 <ui-close data-flux-modal-close > 1859 <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-8 text-sm rounded-md gap-2 w-8 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal"> 1860 <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"> 1861 <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"/> 1862</svg> 1863 </button> 1864</ui-close> 1865 </div> 1866 </dialog> 1867</ui-modal> 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 </div> 1882 1883 <footer class="mt-16 text-white bg-gray_main dark:bg-zinc-800"> 1884 <div class="container relative mx-auto btn-up hidden lg:block" @click="window.scrollTo({ top: 0, behavior: 'smooth' })"> 1885 <div class="w-fit bg-white rounded-full p-4 cursor-pointer absolute top-[-25.25px] right-0 z-1 shadow-md"> 1886 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#444" height="30" width="30"> 1887 <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" /> 1888 </svg> 1889 </div> 1890 </div> 1891 <div class="container py-14"> 1892 <div class="flex flex-row flex-wrap"> 1893 <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0"> 1894 <h5 class="mb-10 sm:text-xl font-bold">Unternehmen</h5> 1895 <ul class="text-xs sm:text-sm flex flex-col gap-3"> 1896 <li> 1897 <a href="https://www.podcast.de/team" title="Unsere "Ãber uns"-Seite">Team</a> 1898 </li> 1899 <li> 1900 <a href="https://www.podcast.de/karriere">Karriere</a> 1901 </li> 1902 <li> 1903 <a href="https://www.podcast.de/impressum">Impressum</a> 1904 </li> 1905 <li> 1906 <a href="https://www.podcast.de/werbung">Werben auf podcast.de</a> 1907 </li> 1908 </ul> 1909 </div> 1910 <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0"> 1911 <h5 class="mb-10 sm:text-xl font-bold">Service</h5> 1912 <ul class="text-xs sm:text-sm flex flex-col gap-3"> 1913 <li> 1914 <a href="https://www.podcast.de/kontakt">Kontakt</a> 1915 </li> 1916 <li>
1917 <a href="https://www.podcast.de/presse">Presse</a> 1918 </li> 1919 <li> 1920 <a href="https://www.podcast.de/agb">Nutzungsbedingungen</a> 1921 </li> 1922 <li> 1923 <a href="https://www.podcast.de/datenschutzerklaerung">Datenschutz</a> 1924 </li> 1925 </ul> 1926 </div> 1927 <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0"> 1928 <h5 class="mb-10 sm:text-xl font-bold">Apps</h5> 1929 <ul class="text-xs sm:text-sm flex flex-col gap-3"> 1930 1931 <li> 1932 <a href="https://www.podcast.de/apps/podcast-web-player" 1933 title="Podcasts im Browser hören â der Web-Player von podcast.de">Web-Player</a> 1934 </li> 1935 <li> 1936 <a href="https://www.podcast.de/apps/podcast-app-ios" 1937 title="Die podcast.de App für iPhone und iPad">iPhone & iPad</a> 1938 </li> 1939 <li> 1940 <a href="https://www.podcast.de/apps/podcast-app-android" 1941 title="Die podcast.de App für Android â in Entwicklung">Android</a> 1942 </li> 1943 1944 1945 1946 1947 </ul> 1948 </div> 1949 <div class="w-1/2 lg:w-1/4 mb-8 last:mb-0"> 1950 <h5 class="mb-10 sm:text-xl font-bold">Produkte</h5> 1951 <ul class="text-xs sm:text-sm flex flex-col gap-3"> 1952 1953 <li> 1954 <a href="https://www.podcaster.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_content=podcast-hochladen&mtm_placement=footer" 1955 target="_blank" title="Zum Podcast-Hosting von podcaster.de">Podcast-Hosting</a> 1956 </li> 1957 <li> 1958 <a href="https://podspace.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_content=podcast-studios&mtm_placement=footer" 1959 target="_blank" title="Zu den Podcast-Studios von podspace">Podcast-Studios</a> 1960 </li> 1961 <li> 1962 <a href="https://www.podcastpush.de/?mtm_campaign=new-customers&mtm_source=podcast.de&mtm_medium=website&mtm_content=podcast-push&mtm_placement=footer" 1963 target="_blank" title="Zu Podcast-Push">Podcast-Push</a> 1964 </li> 1965 <li> 1966 <a href="https://www.podcast.de/podcast-werbung">Podcast-Werbung</a> 1967 </li> 1968 <li> 1969 <a href="https://1podcast.de/podcast-agentur">Podcast-Agentur</a> 1970 </li> 1971 1972 </ul> 1973 </div> 1974 </div> 1975 1976 <div class="flex flex-col sm:flex-row items-center justify-center gap-10 mt-14"> 1977 <div> 1978 <ul class="flex flex-row gap-3 justify-center"> 1979 <li class="rounded-full bg-gray-600 p-2" > 1980 <a href="https://instagram.com/podcastplattform" rel="noreferrer nofollow noopener" 1981 title="Instagram @podcastplattform" target="_blank"> 1982 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 1983 <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" /> 1984 </svg> 1985 </a> 1986 </li> 1987 <li class="rounded-full bg-gray-600 p-2"> 1988 <a href="https://www.linkedin.com/company/podcast-de" 1989 rel="noreferrer nofollow noopener" title="LinkedIn" target="_blank"> 1990 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
1991 <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" /> 1992 </svg> 1993 </a> 1994 </li> 1995 <li class="rounded-full bg-gray-600 p-2"> 1996 <a href="https://facebook.com/podcastportal" rel="noreferrer nofollow noopener" 1997 title="Facebook @podcastportal" target="_blank"> 1998 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 1999 <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" /> 2000 </svg> 2001 </a> 2002 </li> 2003 2004 <li class="mx-1 h-6 w-px self-center bg-white/25" aria-hidden="true"></li> 2005 <li class="rounded-full bg-gray-600 p-2 transition-colors hover:bg-primary" x-data> 2006 <button type="button" 2007 data-cookie-settings 2008 @click="$store.cookieConsent.openSettings()" 2009 title="Cookie-Einstellungen" 2010 aria-label="Cookie-Einstellungen" 2011 class="flex cursor-pointer items-center justify-center"> 2012 2013 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" 2014 fill="none" stroke="currentColor" stroke-width="1.7" 2015 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 2016 <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5Z" /> 2017 <path d="M8.5 10.5h.01M12 15h.01M15.5 11.5h.01M8 15h.01" /> 2018 </svg> 2019 </button> 2020 </li> 2021 </ul> 2022 <div class="mt-6 text-white text-center"> 2023 podcast.de ~ 2004-2026 </div> 2024 </div> 2025 </div> 2026 2027 2028 <div class="mt-10 flex justify-center"> 2029 <a href="https://www.podcastplattform.de/?mtm_campaign=nav&mtm_source=podcast&mtm_medium=website&mtm_content=logo&mtm_placement=footer" 2030 target="_blank"> 2031 <img src="https://www.podcast.de/build/assets/PodcastPlattformFullService-CzCKBtSl.svg" 2032 width="280" height="89" 2033 alt="Podcast Plattform" style="width:280px;height:89px"> 2034 </a> 2035 </div> 2036</div> 2037 2038 2039 2040</footer> 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 </div> 2060 2061 2062 <div x-data 2063 x-show="$store.cookieConsent.settingsOpen" 2064 x-cloak 2065 @keydown.escape.window="$store.cookieConsent.closeSettings()" 2066 class="fixed inset-0 z-50 flex items-end justify-center p-3 sm:items-center sm:p-5 print:hidden" 2067 role="dialog" 2068 aria-modal="true" 2069 aria-labelledby="cookie-settings-title"> 2070 <div class="absolute inset-0 bg-black/40" @click="$store.cookieConsent.closeSettings()"></div> 2071 2072 <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"> 2073 <h2 id="cookie-settings-title" class="mb-1 text-lg font-bold text-neutral dark:text-white"> 2074 Cookie-Einstellungen </h2> 2075 <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> 2076 2077 2078 <ul class="mb-5 space-y-1.5"> 2079 <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300"> 2080 <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewB
2080ox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2081 <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" /> 2082 </svg> 2083 <span>Wir verwenden technisch notwendige Cookies für die Anmeldung.</span> 2084 </li> 2085 <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300"> 2086 <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2087 <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" /> 2088 </svg> 2089 <span>Wir nutzen ein hauseigenes Analyse-System.</span> 2090 </li> 2091 </ul> 2092 2093 <div class="flex flex-col gap-4"> 2094 <label class="flex items-start gap-3"> 2095 <input type="checkbox" checked disabled 2096 class="mt-0.5 h-4 w-4 shrink-0 rounded-sm border-stroke text-primary opacity-50 dark:border-zinc-600"> 2097 <span class="text-sm leading-snug text-gray_text dark:text-zinc-300"> 2098 <span class="font-bold text-neutral dark:text-white">Notwendige Cookies</span> 2099 <span class="block">Für Anmeldung, Sicherheit und die Grundfunktionen der Seite. Ohne sie geht hier nichts, deshalb sind sie immer an.</span> 2100 </span> 2101 </label> 2102 2103 <label class="flex cursor-pointer items-start gap-3"> 2104 <input type="checkbox" 2105 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" 2106 :checked="$store.cookieConsent.comfort" 2107 @change="$store.cookieConsent.setComfort($event.target.checked)"> 2108 <span class="text-sm leading-snug text-gray_text dark:text-zinc-300"> 2109 <span class="font-bold text-neutral dark:text-white">Komfort-Cookies</span> 2110 <span class="block">Merkt sich ohne Konto, wo du eine Folge unterbrochen hast â Grundlage für "Weiterhören" auf der Startseite.</span> 2111 <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> 2112 </span> 2113 </label> 2114 </div> 2115 2116 <div class="mt-6 flex justify-end"> 2117 <button type="button" 2118 @click="$store.cookieConsent.closeSettings()" 2119 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"> 2120 Fertig </button> 2121 </div> 2122 </div> 2123</div> 2124 2125 2126 <div x-persist="toast"> 2127 <ui-toast-group x-data x-on:toast-show.document="$el.showToast($event.detail)" popover="manual" position="bottom start" wire:ignore> 2128 <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> 2129 <template> 2130 <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> 2131 <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"> 2132 <div class="flex-1 flex items-start gap-4 overflow-hidden"> 2133 <div class="flex-1 py-1.5 ps-2.5 flex gap-2"> 2134 2135 <img data-toast-cover alt="" 2136 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" 2137 loading="lazy" decoding="async" /> 2138 2139 2140 <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
2140k:text-lime-400"> 2141 <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" /> 2142 </svg> 2143 2144 2145 <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"> 2146 <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" /> 2147 </svg> 2148 2149 2150 <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"> 2151 <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" /> 2152 </svg> 2153 2154 2155 <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"> 2156 <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" /> 2157 </svg> 2158 2159 <div> 2160 2161 <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> 2162 2163 2164 <div class="font-medium text-sm text-zinc-800 dark:text-white"><slot name="text"></slot></div> 2165 2166 2167 <template name="link"> 2168 <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> 2169 </template> 2170 </div> 2171 </div> 2172 2173 2174 <ui-close class="flex items-center"> 2175 <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"> 2176 <div> 2177 <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"> 2178 <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> 2179 </svg> 2180 </div> 2181 </button> 2182 </ui-close> 2183 </div> 2184 </div> 2185 </div> 2186 </template> 2187</ui-toast> 2188</ui-toast-group> 2189 </div> 2190 2191 2192 <div x-persist="player"> 2193 <div id="global-player" 2194 x-data x-show="$store.player.isVisible" 2195 x-on:bookmarks-changed.window="$store.player.loadBookmarks()" 2196 x-on:bookmarks-saved.window="$store.player.loadBookmarks()" 2197 x-transition:enter="transition ease-out duration-300" 2198 x-transition:enter-start="translate-y-full" x-transition:enter-end="translate-y-0" 2199 x-cloak 2200 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"> 2201 2202 2203 <div class="hidden md:flex container mx-auto items-center gap-4 py-4"> 2204
2205 <div class="flex items-center gap-3 min-w-0 w-56 shrink-0"> 2206 <img :src="$store.player.track.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'" 2207 alt="" class="size-12 rounded object-cover" loading="lazy"> 2208 <div class="min-w-0"> 2209 <a :href="$store.player.track.channelId ? '/' + $store.player.track.channelId + '/' + $store.player.track.channelSlug : '#'" 2210 class="block text-sm font-medium text-gray_main truncate hover:text-primary no-underline" 2211 x-text="$store.player.track.name"></a> 2212 <span class="block text-xs text-gray_text truncate" x-text="$store.player.track.artist"></span> 2213 </div> 2214 </div> 2215 2216 2217 2218 <div class="flex items-center gap-2"> 2219 <button @click="$store.player.skip(-15)" 2220 class="inline-flex items-center gap-1 p-1 text-gray_text hover:text-gray_main" 2221 title="15 Sekunden zurück" 2222 aria-label="15 Sekunden zurück"> 2223 2224 <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"> 2225 <path d="M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" /> 2226 </svg> 2227 <span class="text-[11px] font-semibold tabular-nums leading-none">15</span> 2228 </button> 2229 <button @click="$store.player.toggle()" 2230 class="size-9 rounded-full flex items-center justify-center text-white bg-[#ff9900] hover:bg-[#e88a00] transition-colors"> 2231 <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"> 2232 <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" /> 2233 </svg> 2234 <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> 2235 <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" /> 2236 </svg> 2237 </button> 2238 <button @click="$store.player.skip(15)" 2239 class="inline-flex items-center gap-1 p-1 text-gray_text hover:text-gray_main" 2240 title="15 Sekunden vor" 2241 aria-label="15 Sekunden vor"> 2242 <span class="text-[11px] font-semibold tabular-nums leading-none">15</span> 2243 2244 <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"> 2245 <path d="m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" /> 2246 </svg> 2247 </button> 2248 </div> 2249 2250 2251 <div class="flex items-center gap-2 flex-1 min-w-0"> 2252 <span class="text-xs text-gray_text tabular-nums w-10 text-right" x-text="$store.player.formattedCurrentTime"></span> 2253 <div class="relative flex-1 h-1 bg-gray-200 dark:bg-zinc-700 rounded-full cursor-pointer group" 2254 @click="$store.player.seek(($event.offsetX / $event.currentTarget.offsetWidth) * 100)"> 2255 <div class="absolute inset-y-0 left-0 rounded-full bg-[#ff9900] transition-all" 2256 :style="`width: ${$store.player.progress}%`"></div> 2257 2258 2259 <template x-for="(bookmark, index) in $store.player.bookmarks" :key="index"> 2260 <button type="button" 2261 x-show="$store.player.duration > 0" 2262 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)]" 2263 :class="bookmark.own ? 'bg-zinc-900 dark:bg-zinc-100' : 'bg-blue-600 dar
2263k:bg-blue-400'" 2264 :style="`left: ${Math.min(100, (bookmark.position_seconds / $store.player.duration) * 100)}%`" 2265 :title="bookmark.tooltip" 2266 @click.stop="$store.player.audio && ($store.player.audio.currentTime = bookmark.position_seconds)"> 2267 <span class="sr-only" x-text="bookmark.tooltip"></span> 2268 </button> 2269 </template> 2270 2271 <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" 2272 :style="`left: calc(${$store.player.progress}% - 6px)`"></div> 2273 </div> 2274 <span class="text-xs text-gray_text tabular-nums w-10" x-text="$store.player.formattedDuration"></span> 2275 </div> 2276 2277 2278 2279 2280 <button type="button" @click="$dispatch('player-share')" 2281 class="p-1 text-gray_text hover:text-gray_main shrink-0" 2282 title="Episode teilen" aria-label="Episode teilen"> 2283 <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"> 2284 <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/> 2285 <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"/> 2286 </svg> 2287 </button> 2288 2289 2290 <div class="flex items-center gap-2 w-28 shrink-0"> 2291 <button @click="$store.player.toggleMute()" class="p-1 text-gray_text hover:text-gray_main"> 2292 <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"> 2293 <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" /> 2294 </svg> 2295 <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> 2296 <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" /> 2297 </svg> 2298 </button> 2299 <input type="range" min="0" max="1" step="0.01" 2300 :value="$store.player.volume" 2301 @input="$store.player.setVolume(parseFloat($event.target.value))" 2302 class="w-full h-1 bg-gray-200 dark:bg-zinc-700 rounded-full appearance-none cursor-pointer accent-primary"> 2303 </div> 2304 2305 2306 <button @click="$store.player.close()" class="p-1 text-gray_text hover:text-gray_main shrink-0" title="Close"> 2307 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4"> 2308 <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" /> 2309 </svg> 2310 </button> 2311 </div> 2312 2313 2314 <div class="flex md:hidden items-center gap-3 py-2 px-6"> 2315 <img :src="$store.player.track.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'" 2316 alt="" class="size-10 rounded object-cover shrink-0" loading="lazy"> 2317 <div class="min-w-0 flex-1"> 2318 <div class="text-sm font-medium text-gray_main truncate" x-text="$store.player.track.name"></div> 2319 <div class="text-xs text-gray_text truncate" x-text="$store.player.track.artist"></div> 2320 </div>
2321 <button @click="$store.player.toggle()" 2322 class="size-8 rounded-full flex items-center justify-center text-white bg-[#ff9900] hover:bg-[#e88a00] transition-colors shrink-0"> 2323 <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"> 2324 <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" /> 2325 </svg> 2326 <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> 2327 <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" /> 2328 </svg> 2329 </button> 2330 2331 <button type="button" @click="$dispatch('player-share')" 2332 class="p-1 text-gray_text shrink-0" 2333 title="Episode teilen" aria-label="Episode teilen"> 2334 <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"> 2335 <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/> 2336 <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"/> 2337 </svg> 2338 </button> 2339 2340 <button @click="$store.player.close()" class="p-1 text-gray_text shrink-0"> 2341 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4"> 2342 <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" /> 2343 </svg> 2344 </button> 2345 </div> 2346 2347 2348 <div class="md:hidden relative h-0.5 bg-gray-200 dark:bg-zinc-700"> 2349 <div class="h-full bg-[#ff9900] transition-all" :style="`width: ${$store.player.progress}%`"></div> 2350 2351 2352 <template x-for="(bookmark, index) in $store.player.bookmarks" :key="index"> 2353 <div x-show="$store.player.duration > 0" 2354 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)]" 2355 :class="bookmark.own ? 'bg-zinc-900 dark:bg-zinc-100' : 'bg-blue-600 dark:bg-blue-400'" 2356 :style="`left: ${Math.min(100, (bookmark.position_seconds / $store.player.duration) * 100)}%`" 2357 :title="bookmark.tooltip"></div> 2358 </template> 2359 </div> 2360 2361 2362 <div x-data="shareSnippet()" 2363 x-on:player-share.window="show($event.detail)" 2364 x-on:keydown.escape.window="close()"> 2365 2366 <template x-teleport="body"> 2367 2368 <div x-show="open" x-cloak style="display:none" 2369 class="fixed inset-0 z-[60] flex items-center justify-center p-4" 2370 role="dialog" aria-modal="true" :aria-label="'Episode teilen'"> 2371 2372 2373 <div x-show="open" x-transition.opacity 2374 class="absolute inset-0 bg-black/50" @click="close()"></div> 2375 2376 <div x-show="open" 2377 x-transition:enter="transition ease-out duration-200" 2378 x-transition:enter-start="opacity-0 scale-95" 2379 x-transition:enter-end="opacity-100 scale-100" 2380 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"> 2381 2382 <div class="mb-5 flex items-start justify-between gap-4"> 2383 <h2 class="m-0 text-lg font-bold text-gray_main dark:text-neutral-100">Episode teilen</h2> 2384 <button type="button" @click="close()" 2385 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" 2386 :aria-label="'SchlieÃen'"> 2387 <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"> 2388 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18
238818 6M6 6l12 12"/> 2389</svg> 2390 2391 </button> 2392 </div> 2393 2394 2395 <div class="flex items-start gap-3"> 2396 <img :src="player?.track?.coverArtUrl || 'https://www.podcast.de/build/assets/podcast-default-4-YmeqcMUu.png'" 2397 alt="" class="size-16 shrink-0 rounded-lg object-cover" loading="lazy"> 2398 <div class="min-w-0"> 2399 <div class="truncate text-sm text-gray_text dark:text-neutral-400" x-text="player?.track?.artist"></div> 2400 <strong class="block text-sm font-bold text-gray_main dark:text-neutral-100" x-text="player?.track?.name"></strong> 2401 </div> 2402 </div> 2403 2404 2405 <label class="mt-5 flex items-start gap-2" 2406 :class="durationKnown ? 'cursor-pointer' : 'cursor-not-allowed opacity-60'"> 2407 <input type="checkbox" x-model="section" :disabled="! durationKnown" 2408 class="mt-0.5 size-4 rounded border-zinc-300 text-[#ff9900] focus:ring-[#ff9900] dark:border-zinc-600 dark:bg-zinc-800"> 2409 <span class="text-sm text-gray_main dark:text-neutral-200"> 2410 Abschnitt teilen <span x-show="! durationKnown" class="block text-xs text-gray_text dark:text-neutral-400"> 2411 Starte die Episode, um einen Abschnitt zu teilen. </span> 2412 </span> 2413 </label> 2414 2415 2416 <div x-show="section" x-cloak class="mt-5"> 2417 <div class="flex items-start gap-3"> 2418 <button type="button" @click="togglePreview()" 2419 class="flex size-11 shrink-0 items-center justify-center rounded-lg bg-[#ff9900] text-white transition-colors hover:bg-[#e88a00]" 2420 :aria-label="previewing ? 'Anhören beenden' : 'Abschnitt anhören'"> 2421 <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"> 2422 <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"/> 2423</svg> 2424 2425 <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"> 2426 <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"/> 2427</svg> 2428 2429 </button> 2430 2431 <div class="min-w-0 flex-1"> 2432 2433 <div class="relative h-5"> 2434 <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> 2435 <div class="absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-[#ff9900]" 2436 :style="`left: ${fromPercent}%; width: ${Math.max(0, toPercent - fromPercent)}%`"></div> 2437 <div x-show="playPercent !== null" 2438 class="absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-[#e08800]" 2439 :style="`left: ${fromPercent}%; width: ${Math.max(0, (playPercent ?? 0) - fromPercent)}%`"></div> 2440 2441 <input type="range" min="0" :max="duration" :value="from" 2442 @input="moveSlider('from', $event.target.value)" 2443 class="share-range absolute inset-0 w-full" 2444 :aria-label="'Start:'"> 2445 <input type="range" min="0" :max="duration" :value="to"
2446 @input="moveSlider('to', $event.target.value)" 2447 class="share-range absolute inset-0 w-full" 2448 :aria-label="'Ende:'"> 2449 </div> 2450 2451 <div class="mt-1 flex justify-between text-xs tabular-nums text-gray_text dark:text-neutral-400"> 2452 <span x-text="previewing ? currentLabel : zeroLabel"></span> 2453 <span x-text="durationLabel"></span> 2454 </div> 2455 </div> 2456 </div> 2457 2458 <div class="mt-4 flex flex-wrap items-center gap-x-6 gap-y-3"> 2459 <div class="flex items-center gap-2"> 2460 <span class="text-sm font-semibold text-[#ff9900]">Start:</span> 2461 2462 <input type="text" inputmode="numeric" 2463 :value="fromLabel" 2464 @blur="applyText('from', $event.target.value); $event.target.value = fromLabel" 2465 @keydown.enter.prevent="$event.target.blur()" 2466 @focus="$event.target.select()" 2467 class="w-24 rounded-lg border bg-transparent px-3 py-1.5 text-center text-sm font-bold tabular-nums transition-colors" 2468 :class="invalid === 'from' 2469 ? 'border-red-500 text-red-500' 2470 : 'border-[#ff9900] text-[#ff9900]'"> 2471 </div> 2472 <div class="flex items-center gap-2"> 2473 <span class="text-sm font-semibold text-[#ff9900]">Ende:</span> 2474 2475 <input type="text" inputmode="numeric" 2476 :value="toLabel" 2477 @blur="applyText('to', $event.target.value); $event.target.value = toLabel" 2478 @keydown.enter.prevent="$event.target.blur()" 2479 @focus="$event.target.select()" 2480 class="w-24 rounded-lg border bg-transparent px-3 py-1.5 text-center text-sm font-bold tabular-nums transition-colors" 2481 :class="invalid === 'to' 2482 ? 'border-red-500 text-red-500' 2483 : 'border-[#ff9900] text-[#ff9900]'"> 2484 </div> 2485 </div> 2486 2487 <hr class="my-5 border-zinc-200 dark:border-zinc-700"> 2488 2489 <div class="text-center"> 2490 <h3 class="m-0 text-base font-bold text-gray_main dark:text-neutral-100">Abschnitt weiterleiten</h3> 2491 <p class="mt-1 mb-0 text-xs text-gray_text dark:text-neutral-400"> 2492 <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"> 2493 <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"/> 2494</svg> 2495 2496 Die Abspielzeit kann je nach Werbeschaltung leicht abweichen. </p> 2497 </div> 2498 </div> 2499 2500 <div class="flex flex-wrap justify-center gap-3 mt-5"> 2501 2502 <button type="button" 2503 @click="share('facebook')" 2504 class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#1877F2] hover:bg-[#166fe0]" 2505 title="Teilen über Facebook" 2506 aria-label="Teilen über Facebook"> 2507 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 2508 <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"/> 2509 </svg> 2510 </button> 2511 2512 <button type="button" 2513 @click="share('linkedin')" 2514 class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#0A66C2] hover:bg-[#095bad]" 2515 title="Teilen über LinkedIn" 2516 aria-label="Teilen über LinkedIn"> 2517 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 2518 <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"/> 2519 </svg> 2520 </button> 2521 2522 <button type="button" 2523 @click="share('whatsapp')" 2524 class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#25D366] hover:bg-[#20bd5a]" 2525 title="Teilen über WhatsApp" 2526 aria-label="Teilen über WhatsApp"> 2527 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 2528 <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-.
2528198 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"/> 2529 </svg> 2530 </button> 2531 2532 <button type="button" 2533 @click="share('reddit')" 2534 class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#FF4500] hover:bg-[#e63e00]" 2535 title="Teilen über Reddit" 2536 aria-label="Teilen über Reddit"> 2537 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 2538 <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"/> 2539 </svg> 2540 </button> 2541 2542 <button type="button" 2543 @click="share('email')" 2544 class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-zinc-500 hover:bg-zinc-600" 2545 title="Teilen über E-Mail" 2546 aria-label="Teilen über E-Mail"> 2547 <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"> 2548 <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"/> 2549 <polyline points="22,6 12,13 2,6"/> 2550 </svg> 2551 </button> 2552 2553 <button type="button" 2554 @click="share('copy_link')" 2555 class="flex size-11 items-center justify-center rounded-xl text-white transition-colors bg-[#ff9900] hover:bg-[#e88a00]" 2556 title="Link kopieren" 2557 aria-label="Link kopieren"> 2558 2559 <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"> 2560 <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/> 2561 <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/> 2562 </svg> 2563 <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"> 2564 <polyline points="20 6 9 17 4 12"/> 2565 </svg> 2566 </button> 2567 </div> 2568 </div> 2569 </div> 2570 </template> 2571</div> 2572</div> 2573 </div> 2574 2575 <!-- Scripts --> 2576 <!-- 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> 2577
2577<script src="https://www.podcast.de/vendor/livewire/livewire.min.js?id=b7ac2fb1" data-csrf="57jWpfq9rSYgTzDgZuTa6JLMBia7cZqOfIis0P7E" data-module-url="https://www.podcast.de/livewire-a7225870" data-update-uri="https://www.podcast.de/tw-livewire/update" data-navigate-once="true"></script>
2577 2578
2578<script src="https://www.podcast.de/flux/flux.min.js?id=fab81f02" data-navigate-once></script>
2578 2579 2580 2581
2581<script> 2582 (function () { 2583 var proto = window.HTMLElement && HTMLElement.prototype; 2584 2585 if (!proto || 'popover' in proto || typeof proto.showPopover === 'function') { 2586 return; 2587 } 2588 2589 document.documentElement.setAttribute('data-popover', 'missing'); 2590 })(); 2591 </script>
2591 2592
2592<script> 2593 if (typeof pushOptIn === 'undefined') { 2594 function pushOptIn() { 2595 return { 2596 supported: ('serviceWorker' in navigator) && ('PushManager' in window) && ('Notification' in window), 2597 permission: ('Notification' in window) ? Notification.permission : 'denied', 2598 subscribed: false, 2599 2600 urlBase64ToUint8Array(base64String) { 2601 const padding = '='.repeat((4 - base64String.length % 4) % 4); 2602 const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/'); 2603 const rawData = window.atob(base64); 2604 const outputArray = new Uint8Array(rawData.length); 2605 for (let i = 0; i < rawData.length; ++i) { 2606 outputArray[i] = rawData.charCodeAt(i); 2607 } 2608 return outputArray; 2609 }, 2610 2611 async requestPermission() { 2612 if (!this.supported) return; 2613 const result = await Notification.requestPermission(); 2614 this.permission = result; 2615 if (result === 'granted') { 2616 await this.subscribePush(); 2617 } 2618 }, 2619 2620 async autoSubscribe() { 2621 if (!this.supported || this.permission !== 'granted') return; 2622 await this.subscribePush(); 2623 }, 2624 2625 async subscribePush() { 2626 try { 2627 const registration = await navigator.serviceWorker.ready; 2628 const existing = await registration.pushManager.getSubscription(); 2629 let subscription = existing; 2630 if (!subscription) { 2631 const vapidKey = (typeof VAPID_PUBLIC_KEY !== 'undefined') ? VAPID_PUBLIC_KEY : null; 2632 if (!vapidKey) return; 2633 subscription = await registration.pushManager.subscribe({ 2634 userVisibleOnly: true, 2635 applicationServerKey: this.urlBase64ToUint8Array(vapidKey) 2636 }); 2637 } 2638 const key = subscription.getKey('p256dh'); 2639 const token = subscription.getKey('auth'); 2640 await fetch('/push', { 2641 method: 'POST', 2642 headers: { 2643 'Content-Type': 'application/json', 2644 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 2645 'X-Requested-With': 'XMLHttpRequest' 2646 }, 2647 body: JSON.stringify({ 2648 endpoint: subscription.endpoint, 2649 keys: { 2650 p256dh: key ? btoa(String.fromCharCode.apply(null, new Uint8Array(key))) : null, 2651 auth: token ? btoa(String.fromCharCode.apply(null, new Uint8Array(token))) : null 2652 } 2653 }) 2654 }); 2655 this.subscribed = true; 2656 } catch (e) { 2657 console.error('Push subscription failed:', e); 2658 } 2659 } 2660 }; 2661 } 2662 } 2663 </script>
2663 2664
2665<script> 2666(function() { 2667 if (window.__shareToolsReady) return; 2668 window.__shareToolsReady = true; 2669 function shareToast(heading, text, variant) { 2670 if (window.Flux && typeof window.Flux.toast === 'function') { 2671 window.Flux.toast({ heading: heading, text: text, variant: variant }); 2672 } 2673 } 2674 2675 // Fallback für Browser ohne Clipboard-API (u.a. unsichere Kontexte). 2676 function copyViaTextarea(url) { 2677 var textarea = document.createElement('textarea'); 2678 textarea.value = url; 2679 textarea.setAttribute('readonly', ''); 2680 textarea.style.position = 'fixed'; 2681 textarea.style.opacity = '0'; 2682 document.body.appendChild(textarea); 2683 textarea.select(); 2684 2685 var copied = false; 2686 try { 2687 copied = document.execCommand('copy'); 2688 } catch (err) { 2689 copied = false; 2690 } 2691 2692 document.body.removeChild(textarea); 2693 2694 return copied; 2695 } 2696 2697 function markCopied(btn) { 2698 var label = btn.querySelector('.share-tool__label'); 2699 if (!label) return; 2700 var orig = label.textContent; 2701 label.textContent = 'Kopiert!'; 2702 setTimeout(function() { label.textContent = orig; }, 2000); 2703 } 2704 2705 // Copy-Link 2706 document.addEventListener('click', function(e) { 2707 var btn = e.target.closest('[data-share-service="copy_link"]'); 2708 if (!btn) return; 2709 e.preventDefault(); 2710 var url = btn.getAttribute('data-share-url'); 2711 2712 if (navigator.clipboard && navigator.clipboard.writeText) { 2713 navigator.clipboard.writeText(url).then(function() { 2714 markCopied(btn); 2715 shareToast('Link kopiert', 'Der Link liegt jetzt in der Zwischenablage.', 'success'); 2716 }).catch(function() { 2717 shareToast('Kopieren fehlgeschlagen', 'Der Link konnte nicht kopiert werden. Bitte manuell aus der Adressleiste kopieren.', 'danger'); 2718 }); 2719 2720 return; 2721 } 2722 2723 if (copyViaTextarea(url)) { 2724 markCopied(btn); 2725 shareToast('Link kopiert', 'Der Link liegt jetzt in der Zwischenablage.', 'success'); 2726 } else { 2727 shareToast('Kopieren fehlgeschlagen', 'Der Link konnte nicht kopiert werden. Bitte manuell aus der Adressleiste kopieren.', 'danger'); 2728 } 2729 }); 2730 2731 // Share Tracking 2732 document.addEventListener('click', function(e) { 2733 var link = e.target.closest('[data-share-service]'); 2734 if (!link) return; 2735 if (!document.cookie.includes('podcastde_cc=')) return; 2736 2737 var bar = link.closest('.share-tool'); 2738 var payload = { 2739 service: link.getAttribute('data-share-service'), 2740 url: link.getAttribute('data-share-url'), 2741 timestamp: new Date().toISOString() 2742 }; 2743 2744 if (bar && bar.getAttribute('data-shareable-type')) { 2745 payload.shareable_type = bar.getAttribute('data-shareable-type'); 2746 payload.shareable_id = parseInt(bar.getAttribute('data-shareable-id'), 10); 2747 } 2748 2749 var blob = new Blob([JSON.stringify(payload)], {type: 'application/json'}); 2750 if (navigator.sendBeacon) { 2751 navigator.sendBeacon('/api/share-tracking', blob); 2752 } else { 2753 var xhr = new XMLHttpRequest(); 2754 xhr.open('POST', '/api/share-tracking', true); 2755 xhr.setRequestHeader('Content-Type', 'application/json'); 2756 xhr.send(JSON.stringify(payload)); 2757 } 2758 }); 2759})(); 2760</script>
2760 2761
2761<script> 2762 /* 2763 * Delegiert und einmalig registriert: dieser Block laeuft bei jedem 2764 * wire:navigate erneut, und DOMContentLoaded feuert dabei nicht. 2765 * Gleiches Muster wie die Download-Zaehlung in show/show.blade.php. 2766 */ 2767 if (! window.__archiveNagReady) { 2768 window.__archiveNagReady = true; 2769 2770 window.__archiveNagKey = 'podcastde:archive-nag-shown'; 2771 2772 /* 2773 * Einmal gesehen, in dieser Sitzung nicht wieder: der Merker faellt 2774 * beim Oeffnen, egal ob ueber den Knopf oder ueber den Download. 2775 * Wer das Fenster selbst aufruft, bekommt es trotzdem immer. 2776 */ 2777 document.addEventListener('modal-show', function (e) { 2778 if (e.detail && e.detail.name === 'archive-nag') { 2779 try { 2780 sessionStorage.setItem(window.__archiveNagKey, '1'); 2781 } catch (err) { 2782 // Privater Modus ohne sessionStorage: dann eben jedes Mal. 2783 } 2784 } 2785 }); 2786 2787 document.addEventListener('click', function (e) { 2788 if (! e.target.closest('#episode-download-btn')) return; 2789 2790 try { 2791 if (sessionStorage.getItem(window.__archiveNagKey)) return; 2792 } catch (err) { 2793 // s. o. â ohne Speicher zeigen wir lieber einmal zu oft. 2794 } 2795 2796 /* 2797 * Der Download laeuft weiter (der Klick wird nicht abgefangen); 2798 * die kurze Verzoegerung laesst ihn zuerst starten, damit das 2799 * Fenster nicht wie eine Sperre wirkt. 2800 */ 2801 setTimeout(function () { 2802 window.Flux?.modal('archive-nag').show(); 2803 }, 400); 2804 }); 2805 } 2806 </script>
2806 2807
2807<script> 2808 // Delegiert und einmalig registriert: dieser Block läuft bei jedem 2809 // wire:navigate erneut, und DOMContentLoaded feuert dabei nicht. 2810 if (! window.__episodeDownloadTrackingReady) { 2811 window.__episodeDownloadTrackingReady = true; 2812 2813 document.addEventListener('click', function(e) { 2814 const dlBtn = e.target.closest('#episode-download-btn'); 2815 if (! dlBtn) return; 2816 2817 const showId = parseInt(dlBtn.dataset.downloadShowId); 2818 if (! window.axios || ! showId) return; 2819 2820 window.axios.post('/api/share-tracking', { 2821 service: 'download', 2822 url: dlBtn.href, 2823 timestamp: new Date().toISOString(), 2824 shareable_type: 'episode', 2825 shareable_id: showId, 2826 }).then(() => { 2827 // Die Statuszeile unter der Episodenkarte hört darauf und zählt hoch. 2828 window.dispatchEvent(new CustomEvent('episode-downloaded')); 2829 }).catch(() => {}); 2830 }); 2831 } 2832 </script>
2832 2833
2833<script type="module" 2834 id="autocomplete-script" 2835 src="https://www.podcast.de/build/assets/autocomplete-CohiA4CP.js" 2836 data-advanced-search="Erweiterte Suche" 2837 data-site-content-type="App\Models\Show" 2838 data-test="de.episode.show"> 2839 </script>
2839 2840 2841
2841<script> 2842 // Zentrale Brücke: alle `$this->dispatch('toast', title:, message:, variant:)` 2843 // aus Livewire-Komponenten landen hier und laufen über Flux Toast. 2844 document.addEventListener('livewire:init', function () { 2845 if (window.__toastBridgeReady) return; 2846 window.__toastBridgeReady = true; 2847 2848 Livewire.on('toast', function (event) { 2849 const data = Array.isArray(event) ? event[0] : event; 2850 if (! data) return; 2851 2852 // podcastToast (resources/js/toast.js) statt Flux.toast: 2853 // dessen Schnittstelle kennt kein Bild. Faellt der 2854 // Modul-Stack aus, bleibt der Toast ohne Cover. 2855 const toast = window.podcastToast ?? window.Flux?.toast; 2856 2857 toast?.({ 2858 heading: data.title, 2859 text: data.message, 2860 variant: data.variant, 2861 cover: data.cover, 2862 coverAlt: data.title, 2863 }); 2864 }); 2865 }); 2866 </script>
2866 2867 2868
2868<script> 2869 // Bei wire:navigate wird dieser Block erneut ausgeführt â ohne Guard 2870 // hinge nach jedem Seitenwechsel ein weiterer Listener am document. 2871 if (! window.__navigateInterceptorReady) { 2872 window.__navigateInterceptorReady = true; 2873 2874 // SPA-Wechsel ist der Default: der JS-Kontext bleibt erhalten und 2875 // damit die laufende Wiedergabe im Player. Ausnahmen stehen unten. 2876 // 2877 // Was eine neue Seite dafür erfüllen muss: seiteneigene
2877<script>-Blöcke 2878 // laufen beim Swap erneut (Livewire klont sie, siehe 2879 // prepNewBodyScriptTagsToRun), aber DOMContentLoaded feuert nicht. 2880 // Also (a) kein DOMContentLoaded als Einstiegspunkt, (b) kein 2881 // Top-Level-`let`/`const` â die zweite Ausführung wirft sonst einen 2882 // SyntaxError, (c) Listener am `document` gegen Doppelregistrierung 2883 // sichern, denn das document überlebt den Swap. 2884 window.__spaPathExcludes = [ 2885 '/suche', // vier
2885<script type="module" src=â¦>; Module führt 2886 '/en/suche', // der Browser pro URL nur einmal aus â InstantSearch 2887 // bliebe nach der SPA-Rückkehr tot 2888 '/cp', // Statamic Control Panel (eigene Vue/Inertia-App) 2889 '/backend', // Laravel Nova 2890 '/horizon', 2891 '/pulse', 2892 '/_debugbar', 2893 '/embed', // iframe-Einbettungen ohne Layout 2894 '/abmelden', // Logout: Auth-Wechsel gehört hinter einen echten Request 2895 '/api', // die folgenden liefern kein HTML 2896 '/feed', 2897 '/feeds', 2898 '/img', 2899 '/social-images', 2900 '/sitemap', 2901 '/translations', 2902 '/broadcasting', 2903 '/stripe', 2904 ]; 2905 2906 document.addEventListener('click', function(e) { 2907 const a = e.target.closest('a'); 2908 if (!a || !a.href) return; 2909 if (a.hasAttribute('wire:navigate') || a.hasAttribute('data-no-navigate')) return; 2910 if (a.target && a.target !== '_self') return; 2911 2912 let target; 2913 try { target = new URL(a.href, location.href); } catch (err) { return; } 2914 2915 // Host statt origin vergleichen: APP_URL erzeugt http-Links, die Seite 2916 // läuft aber über https. Ein origin-Vergleich hielte jeden internen 2917 // Link für extern â es gäbe nie eine SPA-Navigation. 2918 if (target.host !== location.host) return; 2919 2920 // Ausnahmen normal laden lassen. Auf Segmentgrenze prüfen, damit 2921 // '/feed' nicht auch '/feedback' erwischt. 2922 if (window.__spaPathExcludes.some(function (p) { 2923 return target.pathname === p || target.pathname.startsWith(p + '/'); 2924 })) return; 2925 2926 if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return; 2927 if (a.hasAttribute('download')) return; 2928 // Direkte Dateien nie durch den SPA-Swap schicken. 2929 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; 2930 // Same-page anchor links: let the browser handle hash navigation natively 2931 if (a.hash && a.pathname === location.pathname && a.search === location.search) return; 2932 2933 // Auf das Schema der aktuellen Seite ziehen, sonst löst der 2934 // httpâhttps-Redirect wieder einen echten Seitenwechsel aus. 2935 target.protocol = location.protocol; 2936 2937 e.preventDefault(); 2938 Livewire.navigate(target.href); 2939 }); 2940 2941 } 2942 </script>
2942 2943 <div 2944 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" 2945 role="dialog" 2946 aria-live="polite" 2947 aria-label="Cookies & Datenschutz" 2948> 2949 <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"> 2950 <div class="flex flex-1 items-start gap-4"> 2951 <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"> 2952 <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"> 2953 <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5Z" /> 2954 <path d="M8.5 10.5h.01M12 15h.01M15.5 11.5h.01M8 15h.01" /> 2955 </svg> 2956 </span> 2957 2958 <div class="min-w-0"> 2959 <p class="text-base font-bold text-neutral dark:text-white">Cookies & Datenschutz</p> 2960 2961 <ul class="mt-2 space-y-1.5 cookie-consent__message"> 2962 <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300"> 2963 <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewB
2963ox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2964 <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" /> 2965 </svg> 2966 <span>Wir verwenden technisch notwendige Cookies für die Anmeldung.</span> 2967 </li> 2968 <li class="flex items-start gap-2 text-sm leading-snug text-gray_text dark:text-zinc-300"> 2969 <svg class="mt-0.5 h-4 w-4 shrink-0 text-green_main" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 2970 <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" /> 2971 </svg> 2972 <span>Wir nutzen ein hauseigenes Analyse-System.</span> 2973 </li> 2974 </ul> 2975 2976 2977 <label class="mt-3 flex cursor-pointer items-start gap-2" x-data> 2978 <input type="checkbox" 2979 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" 2980 :checked="$store.cookieConsent.comfort" 2981 @change="$store.cookieConsent.setComfort($event.target.checked)"> 2982 <span class="text-sm leading-snug text-gray_text dark:text-zinc-300"> 2983 <span class="font-bold text-neutral dark:text-white">Komfort-Cookies</span> 2984 <span class="block">Merkt sich ohne Konto, wo du eine Folge unterbrochen hast â Grundlage für "Weiterhören" auf der Startseite.</span> 2985 </span> 2986 </label> 2987 </div> 2988 </div> 2989 2990 <button 2991 type="button" 2992 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" 2993 > 2994 Hinweis gelesen 2995 </button> 2996 </div> 2997</div> 2998 2999
2999<script> 3000 3001 window.laravelCookieConsent = (function () { 3002 3003 const COOKIE_VALUE = 1; 3004 const COOKIE_DOMAIN = 'podcast.de'; 3005 3006 function consentWithCookies() { 3007 setCookie('podcastde_cc', COOKIE_VALUE, 7300); 3008 hideCookieDialog(); 3009 } 3010 3011 function cookieExists(name) { 3012 return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1); 3013 } 3014 3015 function hideCookieDialog() { 3016 const dialogs = document.getElementsByClassName('js-cookie-consent'); 3017 3018 for (let i = 0; i < dialogs.length; ++i) { 3019 dialogs[i].style.display = 'none'; 3020 } 3021 } 3022 3023 function setCookie(name, value, expirationInDays) { 3024 const date = new Date(); 3025 date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); 3026 document.cookie = name + '=' + value 3027 + ';expires=' + date.toUTCString() 3028 + ';domain=' + COOKIE_DOMAIN 3029 + ';path=/' 3030 + ';samesite=lax'; 3031 } 3032 3033 if (cookieExists('podcastde_cc')) { 3034 hideCookieDialog(); 3035 } 3036 3037 const buttons = document.getElementsByClassName('js-cookie-consent-agree'); 3038 3039 for (let i = 0; i < buttons.length; ++i) { 3040 buttons[i].addEventListener('click', consentWithCookies); 3041 } 3042 3043 return { 3044 consentWithCookies: consentWithCookies, 3045 hideCookieDialog: hideCookieDialog 3046 }; 3047 })(); 3048 </script>
3048 3049 3050</body> 3051</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.