/* Podcast-Bühne: 1920 x 1080 im Raster der übrigen Folien (gleiche Ränder,
   Headline, Label, Quellenzeile). Im Deck ist die Bühne die Folie selbst,
   auf der Karte liegt sie skaliert in einem 16:9-Rahmen. */
.podcast-buehne { position: relative; width: 1920px; height: 1080px; overflow: hidden; box-sizing: border-box;
  padding: 132px 130px 96px; display: flex; flex-direction: column; cursor: pointer;
  font-family: "Avenir Next LT", "Avenir Next", sans-serif; color: #F4F6FF; }
.podcast-rahmen .podcast-buehne { position: absolute; left: 0; top: 0; transform-origin: 0 0;
  background: radial-gradient(520px 520px at 1520px 660px, rgba(0,80,110,.5), transparent 70%), radial-gradient(420px 420px at 240px 120px, rgba(90,30,140,.5), transparent 70%), #03030a; }
.podcast-buehne canvas { position: absolute; left: 0; top: 0; width: 1920px; height: 1080px; display: block; z-index: 0; }
.podcast-schleier { position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(3,3,9,.98) 0%, rgba(3,3,9,.95) 44%, rgba(3,3,9,.5) 62%, rgba(3,3,9,0) 78%); }
.podcast-buehne > .podcast-kopf, .podcast-inhalt, .podcast-buehne > .podcast-quelle, .podcast-balken, .podcast-zeit, .podcast-start { position: relative; z-index: 1; }
.podcast-kopf { font-size: 82px; line-height: 1.12; letter-spacing: -.02em; font-weight: 700; text-transform: uppercase; margin: 0 0 20px; flex-shrink: 0; }
.podcast-kopf .schimmer { background: linear-gradient(96deg, #C15DE6, #009FF4 55%, #00E2E2); -webkit-background-clip: text; background-clip: text; color: transparent; }
.podcast-inhalt { display: flex; gap: 80px; align-items: center; flex: 1; min-height: 0; }
.podcast-cover { flex: 0 0 600px; width: 600px; height: 600px; border-radius: 28px; overflow: hidden;
  box-shadow: 0 0 0 1px rgba(244,246,255,.22), 0 30px 90px rgba(0,0,0,.6), 0 0 110px rgba(0,226,226,.16); }
.podcast-cover img { width: 100%; height: 100%; display: block; }
.podcast-text { flex: 1; display: flex; flex-direction: column; gap: 22px; }
.podcast-text p { margin: 0; }
.podcast-text .podcast-label { font-weight: 600; font-size: 20px; letter-spacing: .16em; text-transform: uppercase; color: rgba(244,246,255,.45); }
.podcast-titel { font-size: 88px; font-weight: 700; line-height: 1.08; letter-spacing: -.015em; color: #F4F6FF; }
.podcast-titel span { color: #00E2E2; }
.podcast-text .podcast-lead { color: rgba(244,246,255,.7); font-size: 33px; line-height: 1.5; max-width: 29em; }
.podcast-quelle { position: absolute; left: 130px; bottom: 40px; font-weight: 500; font-size: 17px; letter-spacing: .1em; text-transform: uppercase; color: rgba(244,246,255,.38); }
.podcast-balken { position: absolute; left: 1180px; bottom: 48px; width: 500px; height: 2px; background: rgba(244,246,255,.18); }
.podcast-balken i { display: block; height: 100%; width: 0; background: #00E2E2; }
.podcast-zeit { position: absolute; right: 130px; bottom: 36px; font-weight: 600; font-size: 20px; letter-spacing: .16em; color: rgba(244,246,255,.45); font-variant-numeric: tabular-nums; }
.podcast-start { position: absolute; left: 430px; top: 57%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%;
  border: 1px solid rgba(244,246,255,.35); background: rgba(8,11,22,.72); color: #F4F6FF; cursor: pointer; display: grid; place-items: center; transition: opacity .25s; padding: 0; }
.podcast-start svg { width: 70px; height: 70px; margin-left: 8px; }
.podcast-buehne.laeuft .podcast-start { opacity: 0; pointer-events: none; }