/*
================================================================================
TURFSPORT – Live & Podcast Magazine / Endless Paper V663
Nur klassische Laptops und Desktop mit Maus/Trackpad.
Mobil und Touch bleiben unverändert.

Referenz: Galopp-Startseite V651
================================================================================
*/

@media (min-width:1100px) and (hover:hover) and (pointer:fine){

  html body.rc-live-podcast-page{
    background:#f4f5f7!important;
    color:#333333!important;
  }

  /* Gleiche Portalbreite wie Startseite */
  html body.rc-live-podcast-page .rc-shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }

  html body.rc-live-podcast-page .rc-page-grid.rc-live-podcast-grid{
    display:grid!important;
    grid-template-columns:225px minmax(0,1fr) 230px!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    margin:20px auto 0!important;
    align-items:start!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-main{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 22px 32px!important;
    gap:28px!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Sidebars wie Startseite */
  html body.rc-live-podcast-page .rc-portal-sidebar{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
  }

  html body.rc-live-podcast-page .rc-portal-sidebar .rc-box,
  html body.rc-live-podcast-page .rc-calendar-box,
  html body.rc-live-podcast-page .rc-home-tippspiel-sidebar,
  html body.rc-live-podcast-page .rc-portal-market-box,
  html body.rc-live-podcast-page .rc-comments-preview-box,
  html body.rc-live-podcast-page .rc-photos-preview-box{
    margin:0!important;
    border:0!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:0 4px 15px rgba(0,0,0,.05)!important;
  }

  /* Branding freistehend statt Karte-in-Karte */
  html body.rc-live-podcast-page .rc-live-podcast-hero{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-hero-media{
    width:100%!important;
    aspect-ratio:16 / 8.6!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#0c271b!important;
    box-shadow:none!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* Aktueller Beitrag als freie Sektion */
  html body.rc-live-podcast-page .rc-live-podcast-current{
    margin:0!important;
    padding:0 0 28px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-section-head{
    display:block!important;
    margin:0 0 14px!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-section-head span{
    display:inline-block!important;
    width:auto!important;
    margin:0 0 5px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a6a2c!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-section-head h2{
    margin:0!important;
    color:#1a1a1a!important;
    font-size:23px!important;
    line-height:1.13!important;
    font-weight:820!important;
    letter-spacing:-.018em!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-video{
    aspect-ratio:16 / 9!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
    background:#0f2f20!important;
  }

  /* Meta-Angaben nur als schmale Infozeile */
  html body.rc-live-podcast-page .rc-live-podcast-info-card{
    margin:12px 0 0!important;
    padding:10px 12px!important;
    border:0!important;
    border-left:3px solid rgba(201,153,52,.65)!important;
    border-radius:0 8px 8px 0!important;
    background:#f8f9fa!important;
    box-shadow:none!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-meta{
    margin:0!important;
    gap:7px!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-meta span{
    padding:4px 8px!important;
    border:1px solid #e4e8e6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#315247!important;
    font-size:10px!important;
    font-weight:700!important;
  }

  /* Falls kein Stream aktiv ist */
  html body.rc-live-podcast-page .rc-live-podcast-placeholder{
    min-height:150px!important;
    padding:22px!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-placeholder strong{
    font-size:20px!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-placeholder p{
    font-size:12px!important;
    font-weight:400!important;
  }
}

/* Großer Desktop: exakt dieselben Außenkanten wie die Startseite */
@media (min-width:1760px) and (hover:hover) and (pointer:fine){

  html body.rc-live-podcast-page .rc-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  html body.rc-live-podcast-page .rc-page-grid.rc-live-podcast-grid{
    width:calc(100vw - 96px)!important;
    max-width:1780px!important;
    grid-template-columns:255px minmax(0,1fr) 255px!important;
    gap:30px!important;
    margin:26px auto 0!important;
  }
}

@media (min-width:1100px) and (max-width:1399px) and (hover:hover) and (pointer:fine){

  html body.rc-live-podcast-page .rc-live-podcast-main{
    padding:16px 18px 28px!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-hero-media{
    aspect-ratio:16 / 8.8!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-section-head h2{
    font-size:21px!important;
  }
}


/* ==========================================================================
   V664 – Live & Podcast: kompakter Intro-Bereich Bild links / Text rechts
   Das große Full-Width-Hero wird auf Laptop/Desktop deutlich reduziert.
   Mobil bleibt optisch wie bisher; der neue Text ist dort ausgeblendet.
   ========================================================================== */

/* Neue Intro-Copy standardmäßig verstecken, damit Mobil unverändert bleibt. */
.rc-live-podcast-intro-copy{
  display:none;
}

@media (min-width:1100px) and (hover:hover) and (pointer:fine){

  html body.rc-live-podcast-page .rc-live-podcast-hero{
    display:grid!important;
    grid-template-columns:minmax(280px,40%) minmax(0,1fr)!important;
    gap:24px!important;
    align-items:center!important;
    margin:0!important;
    padding:0 0 24px!important;
    border-bottom:1px solid #eeeeee!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-hero-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 10!important;
    margin:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#0c271b!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy{
    display:block!important;
    min-width:0!important;
    padding:4px 8px 4px 0!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy > span{
    display:inline-block!important;
    margin:0 0 7px!important;
    color:#8a6a2c!important;
    font-size:9.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy h1{
    max-width:650px!important;
    margin:0 0 9px!important;
    color:#17382d!important;
    font-size:27px!important;
    line-height:1.08!important;
    font-weight:820!important;
    letter-spacing:-.022em!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy p{
    max-width:620px!important;
    margin:0 0 14px!important;
    color:#5f6864!important;
    font-size:12.5px!important;
    line-height:1.5!important;
    font-weight:400!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy ul{
    display:grid!important;
    gap:7px!important;
    max-width:600px!important;
    margin:0 0 16px!important;
    padding:0!important;
    list-style:none!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy li{
    position:relative!important;
    margin:0!important;
    padding-left:18px!important;
    color:#3f514a!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    font-weight:500!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy li::before{
    content:""!important;
    position:absolute!important;
    left:1px!important;
    top:.48em!important;
    width:7px!important;
    height:7px!important;
    border-radius:999px!important;
    background:#d2a64c!important;
    box-shadow:0 0 0 3px rgba(210,166,76,.10)!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-actions a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:0 12px!important;
    border:1px solid #dbe5df!important;
    border-radius:8px!important;
    background:#0f5138!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:10.5px!important;
    font-weight:760!important;
    box-shadow:none!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-actions a:hover{
    background:#0b442f!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-current{
    padding-top:0!important;
  }
}

/* Auf kleineren klassischen Laptops etwas kompakter. */
@media (min-width:1100px) and (max-width:1399px) and (hover:hover) and (pointer:fine){

  html body.rc-live-podcast-page .rc-live-podcast-hero{
    grid-template-columns:minmax(260px,38%) minmax(0,1fr)!important;
    gap:18px!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-hero-media{
    aspect-ratio:16 / 10.5!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy h1{
    font-size:23px!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy p{
    font-size:11.8px!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-intro-copy li{
    font-size:11px!important;
  }
}


/* ==========================================================================
   V665 – Externer YouTube-Modus / eigener Embed-Modus
   ========================================================================== */
.rc-live-podcast-external{
  margin:0;
}

@media (min-width:1100px) and (hover:hover) and (pointer:fine){
  html body.rc-live-podcast-page .rc-live-podcast-external{
    display:grid!important;
    gap:7px!important;
    margin:0!important;
    padding:18px 20px!important;
    border:0!important;
    border-left:3px solid #d4a64a!important;
    border-radius:0 9px 9px 0!important;
    background:#f8f9fa!important;
    box-shadow:none!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-external > span{
    color:#8a6a2c!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-external h3{
    margin:0!important;
    color:#17382d!important;
    font-size:18px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-external p{
    max-width:720px!important;
    margin:0!important;
    color:#5f6864!important;
    font-size:11.8px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  html body.rc-live-podcast-page .rc-live-podcast-external a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:start!important;
    min-height:34px!important;
    margin-top:4px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:8px!important;
    background:#0f5138!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:10.5px!important;
    font-weight:760!important;
  }
}