/*
 * Podcast- und Talk-Folgen und der Kopf der Podcast-Uebersichten
 * (golfstunde-page 0.17.0, includes/podcast.php). Konzept
 * golfstunde-magazin-podcast-talks-wireframes-2026-09-25.txt, Masse aus dem
 * freigegebenen Klickdummy magazin-podcast-talks-klickdummy.html
 * (<style id="kd-podcast">). Geladen auf den Folgen und auf /podcast/ und
 * /clubhouse-talks/ -- der Player steht auch ausserhalb von .gsb.
 */
/* Volle Inhaltsbreite: im Oxygen-Flex-Behaelter schrumpft der Shortcode sonst
   auf seinen Inhalt (800 px) und die Karten am Ende stuenden in der Textspalte
   (im Klickdummy gemessen). 20 px Luft unter der Kopfleiste wie Beitrag und
   Forum: Abschnitt #3 der Vorlagen #219652/#233145 hat oben 0 px (Lehre aus
   der Forumsfrage, 0.16.1). */
.gsb.gsb--podcast{ width:100%; padding:20px 0 52px; box-sizing:border-box; }
/* Der Oxygen-Behaelter (ct-shortcode im Flex-Abschnitt) schrumpft sonst selbst
   auf 800 px -- dann hilft width:100% am Artikel nicht (gemessen am echten
   Plugin-Markup, 25.09.2026). */
.ct-shortcode:has(> .gsb--podcast){ width:100%; align-self:stretch; }
.gsb .gsb-unterzeile{ font-size:24px; line-height:32px; color:#595959; margin:-4px 0 14px; max-width:800px; text-wrap:balance; }
.gsb-gastgeber{ display:flex; align-items:center; gap:12px; margin:0 0 22px; padding:0 0 16px; border-bottom:1px solid #e2e2e2; font-size:16px; line-height:1.4; max-width:800px; }
.gs-ue .gsb-gastgeber{ border-bottom:0; padding:0; margin:0 0 10px; }
.gsb-gastgeber__bilder{ display:flex; flex:none; }
/* Bilder sind get_avatar() mit Klasse .avatar -- eine fremde .avatar-Regel (150 px, Rahmen, float) steht live
   HINTER dieser Datei und gewinnt bei gleicher Spezifitaet; deshalb .gsb-gastgeber davor (live gefunden 25.09.2026). */
.gsb-gastgeber .gsb-gastgeber__bild{ width:40px; height:40px; max-width:none; border-radius:50%; border:2px solid #fff; box-sizing:border-box; object-fit:cover; display:block; margin:0; float:none; background:none; padding:0; }
.gsb-gastgeber .gsb-gastgeber__bild + .gsb-gastgeber__bild{ margin-left:-10px; }
.gsb-gastgeber a{ display:inline-flex; align-items:center; min-height:44px; font-weight:600; color:#2c7a86; text-decoration:none; }
.gsb-gastgeber a:hover,.gsb-gastgeber a:focus-visible{ text-decoration:underline; }

/* ------------------------------------------------ Player (wie App) */
.gsb-hoeren{ display:grid; grid-template-columns:160px minmax(0,1fr); grid-template-rows:auto auto; column-gap:22px; row-gap:4px; align-items:center;
  box-sizing:border-box; max-width:800px; margin:0 0 10px; padding:16px; background:#fff; border:1px solid #e2e2e2; border-radius:12px;
  box-shadow:0 1px 3px rgba(29,58,82,.08); font-family:"Open Sans",Arial,sans-serif; color:#232323; }
.gsb-hoeren *,.gsb-hoeren *::before,.gsb-hoeren *::after{ box-sizing:border-box; }
.gsb-hoeren__cover{ grid-column:1; grid-row:1 / 3; width:160px; height:160px; border-radius:8px; object-fit:cover; display:block; background:#0f2436; margin:0; }
.gsb-hoeren__oben{ grid-column:2; grid-row:1; align-self:end; min-width:0; }
.gsb-hoeren__unten{ grid-column:2; grid-row:2; align-self:start; min-width:0; }
.gsb-hoeren__zeile{ display:flex; align-items:center; gap:14px; }
.gsb-hoeren__play{ flex:none; width:56px; height:56px; border-radius:50%; border:0; padding:0; margin:0; background:#bb274b; color:#fff; display:grid; place-items:center; cursor:pointer; }
.gsb-hoeren__play:hover{ background:#a12040; }
.gsb-hoeren__play:focus-visible,.gsb-hoeren button:focus-visible,.gsb-hoeren__balken:focus-visible{ outline:3px solid #2c7a86; outline-offset:2px; }
.gsb-hoeren__ico-pause{ display:none; }
.gsb-hoeren.is-laeuft .gsb-hoeren__ico-play{ display:none; }
.gsb-hoeren.is-laeuft .gsb-hoeren__ico-pause{ display:block; }
/* Kein Versatz: das Dreieck (x 8..20,2 in 24) hat seinen Schwerpunkt schon in der Mitte -- optisch zentriert.
   Das fruehere margin-left:3px schob es 3,6 px aus der Mitte (Projektinhaber 25.09.2026: "nicht zentriert"). */
.gsb-hoeren__ico-play{ margin:0; }
.gsb-hoeren__status{ font-size:20px; line-height:1.3; font-weight:600; min-width:0; }
.gsb-hoeren__vorn{ margin-left:auto; min-height:44px; padding:0 4px; background:none; border:0; color:#2c7a86; font:600 16px "Open Sans",Arial,sans-serif; cursor:pointer; }
.gsb-hoeren__vorn[hidden],.gsb-hoeren__extra[hidden],.gsb-hoeren__einwilligung[hidden],.gsb-hoeren__podigee[hidden]{ display:none; }
.gsb-hoeren__balken{ position:relative; height:44px; margin-top:6px; cursor:pointer; touch-action:none; }
.gsb-hoeren__spur,.gsb-hoeren__fuell{ position:absolute; left:0; top:19px; height:6px; border-radius:3px; }
.gsb-hoeren__spur{ right:0; background:#e2e6e9; }
.gsb-hoeren__fuell{ width:0; background:#2c7a86; }
.gsb-hoeren__punkt{ position:absolute; top:14px; left:0; width:16px; height:16px; margin-left:-8px; border-radius:50%; background:#1d3a52; }
.gsb-hoeren__zeit{ display:flex; justify-content:space-between; margin-top:-8px; font-size:16px; color:#595959; font-variant-numeric:tabular-nums; }
.gsb-hoeren__extra{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.gsb-hoeren__extra button{ min-height:44px; margin:0; padding:0 8px; border:1.5px solid #cfd6da; border-radius:10px; background:#fff; color:#232323; font:600 16px "Open Sans",Arial,sans-serif; cursor:pointer; white-space:nowrap; }
.gsb-hoeren__extra button:hover{ border-color:#2c7a86; }
.gsb-hoeren__podigee{ display:inline-flex; align-items:center; min-height:44px; font-weight:600; color:#2c7a86; text-decoration:none; }
/* Ohne Einwilligung: Borlabs-Hinweis an Stelle der Bedienung, ohne sein Platzhalterbild */
.gsb-hoeren.is-einwilligung .gsb-hoeren__oben,.gsb-hoeren.is-einwilligung .gsb-hoeren__unten{ display:none; }
.gsb-hoeren__einwilligung{ grid-column:2; grid-row:1 / 3; min-width:0; }
.gsb-hoeren .brlbs-cmpnt-cb-thumbnail{ display:none !important; }
.gsb-hoeren .brlbs-cmpnt-container,.gsb-hoeren .brlbs-cmpnt-cb-preset-b,.gsb-hoeren .brlbs-cmpnt-cb-main{ position:static !important; background:none !important; padding:0 !important; margin:0 !important; min-height:0 !important; height:auto !important; box-shadow:none !important; }
.gsb-hoeren .brlbs-cmpnt-cb-main{ display:block !important; text-align:left !important; }
.gsb-hoeren .brlbs-cmpnt-cb-description{ font-size:16px !important; line-height:1.5 !important; color:#232323 !important; margin:0 0 4px !important; text-align:left !important; }
.gsb-hoeren .brlbs-cmpnt-cb-provider-toggle{ display:inline-flex !important; align-items:center !important; min-height:44px !important; height:auto !important; font-size:15px !important; color:#2c7a86 !important; }
.gsb-hoeren .brlbs-cmpnt-cb-buttons{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important; gap:10px !important; margin-top:12px !important; }
.gsb-hoeren .brlbs-cmpnt-cb-btn{ display:flex !important; align-items:center; justify-content:center; min-height:44px !important; height:auto !important; box-sizing:border-box !important; margin:0 !important; padding:8px 12px !important; border-radius:10px !important; font:600 16px/1.25 "Open Sans",Arial,sans-serif !important; text-align:center; text-decoration:none !important; background:#bb274b !important; color:#fff !important; border:1.5px solid #bb274b !important; }
.gsb-hoeren .brlbs-cmpnt-cb-btn + .brlbs-cmpnt-cb-btn{ background:#fff !important; color:#bb274b !important; }
/* Kopf der Folge in der Uebersicht ("Neueste Folge") */
.gsb-hoeren__titel{ display:inline-block; font:400 26px/1.2 Anton,Impact,"Arial Narrow",sans-serif; color:#232323; text-decoration:none; }
.gsb-hoeren__titel:hover{ text-decoration:underline; }
.gsb-hoeren__unter{ margin:2px 0 0; font-size:18px; line-height:26px; color:#595959; }
.gsb-hoeren__meta{ margin:2px 0 10px; font-size:16px; color:#595959; }
.gsb-hoeren__zur{ display:inline-flex; align-items:center; min-height:44px; margin-top:2px; font-weight:600; color:#2c7a86; text-decoration:none; }
.gsb-hoeren--uebersicht{ max-width:none; }
.gsb-hoeren--uebersicht .gsb-hoeren__cover{ align-self:start; }

.gsb-abo{ max-width:800px; margin:0 0 28px; font-size:16px; line-height:1.5; color:#595959; }
.gsb-abo a,.gsb-abo button{ display:inline-flex; align-items:center; min-height:44px; padding:0; border:0; background:none; font:600 16px "Open Sans",Arial,sans-serif; color:#2c7a86; text-decoration:none; cursor:pointer; }
.gsb-abo a:hover,.gsb-abo button:hover{ text-decoration:underline; }

/* ------------------------------------------------ Shownotes */
.gsb--podcast .gsb-inhalt h2.gsb-abschnitt{ font-family:Anton,Impact,"Arial Narrow",sans-serif; font-weight:400; font-size:26px; line-height:1.2; letter-spacing:.01em; color:#173753; margin:36px 0 10px; }
.gsb-sponsor{ max-width:800px; margin:28px 0; padding:16px 20px; background:#f7f7f7; border-radius:8px; }
.gsb .gsb-inhalt .gsb-sponsor p{ font-size:18px; line-height:30px; margin:0; }
.gsb .gsb-inhalt .gsb-sponsor .gsb-sponsor__kenn{ font-size:15px; line-height:1.3; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:#bb274b; margin:0 0 6px; }
.gsb .gsb-inhalt ul.gsb-folgenlinks{ list-style:none; margin:0 0 8px; padding:0; max-width:800px; }
.gsb .gsb-inhalt ul.gsb-folgenlinks li{ margin:0; padding:0; border-bottom:1px solid #e2e2e2; list-style:none; }
.gsb .gsb-inhalt ul.gsb-folgenlinks li::before,.gsb .gsb-inhalt ul.gsb-folgenlinks li::marker{ content:none; }
.gsb-folgenlinks__zeile{ display:flex; align-items:center; gap:16px; min-height:60px; padding:12px 0; color:inherit; text-decoration:none !important; }
.gsb-folgenlinks__bild{ flex:none; width:72px; height:72px; border-radius:8px; overflow:hidden; background:#e7f4f6; color:#2c7a86; display:grid; place-items:center; }
.gsb-folgenlinks__bild img{ width:100%; height:100%; object-fit:cover; margin:0 !important; display:block; }
.gsb-folgenlinks__text{ min-width:0; }
.gsb-folgenlinks__etikett{ display:block; margin:0 0 2px; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:#bb274b; }
.gsb-folgenlinks__titel{ display:block; font-size:20px; line-height:28px; font-weight:600; color:#2c7a86; }
.gsb-folgenlinks__zeile:hover .gsb-folgenlinks__titel{ text-decoration:underline; }
.gsb-folgenlinks__zusatz{ font-weight:400; font-size:16px; color:#595959; }
.gsb-folgenlinks__extern{ flex:none; margin-left:auto; font-size:18px; color:#9aa3a8; }
.gsb-folgenlinks__pfeil{ flex:none; margin-left:auto; font-size:28px; line-height:1; color:#9aa3a8; }
.gsb-folgenlinks__extern + .gsb-folgenlinks__pfeil{ margin-left:0; }

/* ------------------------------------------------ Seitenende */
.gsb-folgen{ margin:48px 0 8px; }
.gsb-folgen__kopf{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 16px; margin:0 0 14px; }
.gsb-folgen__titel{ margin:0; font-family:Anton,Impact,"Arial Narrow",sans-serif; font-weight:400; font-size:26px; line-height:1.2; letter-spacing:.01em; color:#173753; text-transform:none; }
.gsb-folgen__alle,.gsb-folgen__hinweis a{ display:inline-flex; align-items:center; min-height:44px; font-size:20px; font-weight:600; color:#2c7a86; text-decoration:none; }
.gsb-folgen__alle:hover,.gsb-folgen__hinweis a:hover{ text-decoration:underline; }
.gsb-folgen__hinweis{ margin:16px 0 0; font-size:20px; color:#595959; }

/* ------------------------------------------------ Kopf der Uebersicht */
.ct-section:has(.gs-ue--mitkopf){ background:#fff !important; }
.gs-ue__reihe{ display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:40px; align-items:start; margin:6px 0 30px; }
.gs-ue__reihe-cover{ width:240px; height:240px; border-radius:12px; object-fit:cover; display:block; }
.gs-ue__reihe .gs-ue__einleitung p{ margin:0 0 12px; }
.gs-ue__reihe-meta{ margin:0 0 16px; font-size:16px; color:#595959; }
.gs-ue__abo-titel{ margin:18px 0 8px; font-size:16px; color:#595959; }
.gs-ue__abo{ margin:0 0 8px; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; max-width:620px; }
.gs-ue__abo a,.gs-ue__abo button{ display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 14px; border:1.5px solid #bb274b; border-radius:10px; background:#fff; color:#bb274b; font:600 20px "Open Sans",Arial,sans-serif; text-decoration:none; white-space:nowrap; cursor:pointer; }
.gs-ue__abo a:hover,.gs-ue__abo button:hover{ background:#fdf3f6; }
.gs-ue--mitkopf .gs-ue__zwischentitel{ margin-top:0; }

@media (max-width:760px){
  .gsb .gsb-unterzeile{ font-size:20px; line-height:28px; }
  .gsb-hoeren{ grid-template-columns:88px minmax(0,1fr); column-gap:14px; row-gap:6px; padding:14px; }
  .gsb-hoeren__cover{ grid-row:1; width:88px; height:88px; }
  .gsb-hoeren__oben{ grid-row:1; align-self:center; }
  .gsb-hoeren__unten{ grid-column:1 / -1; grid-row:2; }
  .gsb-hoeren__einwilligung{ grid-column:1 / -1; grid-row:2; }
  /* Hinweis ohne Einwilligung: am Handy ueber die ganze Karte, ohne Cover-Zeile */
  .gsb-hoeren.is-einwilligung .gsb-hoeren__cover{ display:none; }
  .gsb-hoeren.is-einwilligung .gsb-hoeren__einwilligung{ grid-row:1 / -1; }
  .gsb-hoeren__zeile{ gap:12px; }
  .gsb-hoeren__extra{ gap:8px; }
  .gsb-hoeren__extra button{ font-size:15px; padding:0 4px; }
  .gsb-hoeren__titel{ font-size:22px; }
  .gsb-hoeren__unter{ font-size:16px; line-height:22px; }
  .gsb-hoeren__meta{ font-size:15px; margin-bottom:6px; }
  .gsb--podcast .gsb-inhalt h2.gsb-abschnitt{ font-size:24px; }
  .gsb-folgenlinks__bild{ width:56px; height:56px; }
  .gsb-folgenlinks__zeile{ gap:12px; }
  .gsb-folgenlinks__titel{ font-size:18px; line-height:26px; }
  .gs-ue__reihe{ grid-template-columns:1fr; gap:0; margin-bottom:22px; }
  .gs-ue__reihe-cover{ display:none; }
  .gs-ue__abo{ grid-template-columns:1fr; }
  .gsb-hoeren--uebersicht .gsb-hoeren__unter{ display:none; }
}

/* Zeilen ohne eigenes Ziel (kein oder mehrere Links im Listenpunkt, 0.17.0):
   Text dunkel, Links darin wie im Lesetext. */
.gsb-folgenlinks__zeile--ohne .gsb-folgenlinks__titel{ color:#232323; font-weight:400; }
.gsb-folgenlinks__zeile--ohne .gsb-folgenlinks__titel a{ color:#2c7a86; font-weight:600; text-decoration:underline; }
.gsb-folgenlinks__zeile--ohne:hover .gsb-folgenlinks__titel{ text-decoration:none; }

/* Umschalter Podcast | Clubhouse Talks als Segment-Control wie in der App
   (Fundament 3.12): graue Spur #eef0ec, Radius 12, Innenabstand 4; Segmente
   gleich breit, min. 44 px; aktiv weiss mit dezentem Schatten, brand-dark.
   .gs-ue davor: golfstunde.css setzt Links in .gs-ue mit Farbe/!important. */
.gs-ue .gs-ue__segment{ display:flex; gap:2px; background:#eef0ec; border-radius:12px; padding:4px; margin:0 0 20px; max-width:480px; box-sizing:border-box; }
.gs-ue .gs-ue__segment-knopf{ flex:1 1 0; min-width:0; min-height:44px; display:flex; align-items:center; justify-content:center; text-align:center; padding:4px 8px; border-radius:9px; font-size:15px; font-weight:500; line-height:1.2; color:#595959 !important; text-decoration:none; box-sizing:border-box; }
.gs-ue .gs-ue__segment-knopf:hover{ color:#173753 !important; text-decoration:none; }
.gs-ue .gs-ue__segment-knopf:focus-visible{ outline:2px solid #173753; outline-offset:2px; }
.gs-ue .gs-ue__segment-knopf.is-aktiv{ background:#fff; color:#173753 !important; box-shadow:0 1px 3px rgba(23,55,83,.18); }
/* "GOLFSTUN.DE Podcast" ist bei 15 px 156 px breit: unter 400 px mit 14 px und 6 px Abstand
   passt es ab 375 px in eine Zeile, darunter bricht es in zwei (Hoehe bleibt 44). */
@media (max-width:399px){ .gs-ue .gs-ue__segment-knopf{ font-size:14px; padding:4px 6px; } }