/*
================================================================================
TURFSPORT – Event Detail Premium V707
Nur Desktop/Laptop mit Maus/Trackpad.
Mobil/Touch bleibt unangetastet.
================================================================================
*/

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

  html body.rc-event-detail-page{
    background:#f4f5f7!important;
    color:#333!important;
  }

  /* Gleiche Portalbreite wie die übrigen neuen Seiten. */
  html body.rc-event-detail-page .rc-events-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  html body.rc-event-detail-page .rc-page-grid.rc-page-grid-portal-left{
    display:grid!important;
    grid-template-columns:255px minmax(0,1fr)!important;
    gap:26px!important;
    width:calc(100vw - 48px)!important;
    max-width:1780px!important;
    margin:22px auto 0!important;
    align-items:start!important;
  }

  html body.rc-event-detail-page .rc-event-detail-main{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  html body.rc-event-detail-page .rc-event-detail-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:22px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-items:start!important;
  }

  /* ----------------------------------------------------------------------
     Linke Event-Navigation an Premium-Navigation angleichen.
     ---------------------------------------------------------------------- */
  html body.rc-event-detail-page .rc-events-left-nav-box,
  html body.rc-event-detail-page .rc-events-left-quick-box{
    overflow:hidden!important;
    margin:0 0 16px!important;
    padding:0!important;
    border:1px solid rgba(17,79,55,.11)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(15,58,40,.04)!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav-head{
    padding:12px 13px 10px!important;
    border-bottom:1px solid #e8ece9!important;
    background:linear-gradient(180deg,#f7faf8,#f1f6f3)!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav-head span{
    color:#a16a23!important;
    font-size:9.5px!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav-head h3,
  html body.rc-event-detail-page .rc-events-left-quick-box h3{
    margin:3px 0 0!important;
    color:#124b35!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:800!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav{
    padding:0 12px 8px!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav a{
    display:block!important;
    padding:10px 18px 9px 0!important;
    border-bottom:1px solid #eeeeee!important;
    background:transparent!important;
    color:#153f30!important;
    text-decoration:none!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav a:last-child{
    border-bottom:0!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav a.is-active{
    background:linear-gradient(90deg,rgba(15,90,62,.08),transparent)!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav a strong{
    display:block!important;
    color:#0f5138!important;
    font-size:12.5px!important;
    line-height:1.25!important;
  }

  html body.rc-event-detail-page .rc-events-left-nav a span{
    display:block!important;
    margin-top:2px!important;
    color:#757d78!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }

  html body.rc-event-detail-page .rc-events-left-quick-box{
    padding:12px!important;
  }

  html body.rc-event-detail-page .rc-events-left-quick-box h3{
    padding-bottom:9px!important;
    border-bottom:1px solid #e8ece9!important;
  }

  html body.rc-event-detail-page .rc-events-left-quick-links{
    display:grid!important;
    gap:0!important;
  }

  html body.rc-event-detail-page .rc-events-left-quick-links a{
    padding:9px 2px!important;
    border-bottom:1px solid #eeeeee!important;
    color:#234538!important;
    font-size:11.5px!important;
    font-weight:650!important;
  }

  html body.rc-event-detail-page .rc-events-left-quick-links a:last-child{
    border-bottom:0!important;
  }

  /* ----------------------------------------------------------------------
     Hauptartikel: Paper statt alter beige Mega-Karte.
     ---------------------------------------------------------------------- */
  html body.rc-event-detail-page .rc-event-detail{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:22px 24px 24px!important;
    border:1px solid rgba(17,79,55,.11)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(15,58,40,.04)!important;
    overflow:hidden!important;
  }

  html body.rc-event-detail-page .rc-event-detail-image{
    display:block!important;
    width:100%!important;
    height:300px!important;
    max-height:300px!important;
    margin:0 0 18px!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:#eef2ef!important;
    object-fit:cover!important;
    object-position:center!important;
    box-shadow:none!important;
  }

  html body.rc-event-detail-page .rc-event-category{
    display:inline-flex!important;
    align-items:center!important;
    min-height:24px!important;
    margin:0 0 7px!important;
    padding:0 9px!important;
    border:1px solid rgba(193,145,61,.18)!important;
    border-radius:999px!important;
    background:#f7edd8!important;
    color:#9a6722!important;
    font-size:10px!important;
    font-weight:850!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }

  html body.rc-event-detail-page .rc-event-detail h1{
    max-width:100%!important;
    margin:0 0 15px!important;
    color:#124b35!important;
    font-size:32px!important;
    line-height:1.08!important;
    font-weight:780!important;
    letter-spacing:-.025em!important;
  }

  /* Fakten nicht mehr als beige Boxenwand. */
  html body.rc-event-detail-page .rc-event-facts{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    margin:16px 0 20px!important;
    padding:0!important;
    border-top:1px solid #e8ece9!important;
    border-bottom:1px solid #e8ece9!important;
    border-radius:0!important;
    background:transparent!important;
  }

  html body.rc-event-detail-page .rc-event-facts div{
    min-width:0!important;
    padding:11px 13px!important;
    border:0!important;
    border-right:1px solid #e8ece9!important;
    border-bottom:1px solid #e8ece9!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  html body.rc-event-detail-page .rc-event-facts div:nth-child(3n){
    border-right:0!important;
  }

  html body.rc-event-detail-page .rc-event-facts dt{
    margin:0 0 4px!important;
    color:#9b6b2b!important;
    font-size:9px!important;
    font-weight:850!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  html body.rc-event-detail-page .rc-event-facts dd{
    margin:0!important;
    color:#173d2f!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:650!important;
  }

  html body.rc-event-detail-page .rc-event-content{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#454f49!important;
    font-size:15px!important;
    line-height:1.68!important;
  }

  /* ----------------------------------------------------------------------
     Rennprogramm-Ausblick: klarer eigener Portalbereich mit Zebra.
     ---------------------------------------------------------------------- */
  html body.rc-event-detail-page .rc-event-race-summary{
    margin:26px 0 0!important;
    padding:20px!important;
    border:1px solid rgba(17,79,55,.11)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#f8fbf9,#f0f6f2)!important;
    box-shadow:none!important;
  }

  html body.rc-event-detail-page .rc-event-race-summary-head{
    margin-bottom:12px!important;
  }

  html body.rc-event-detail-page .rc-event-race-summary-head > span{
    color:#a16a23!important;
    font-size:9.5px!important;
    font-weight:850!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
  }

  html body.rc-event-detail-page .rc-event-race-summary-head h2{
    margin:4px 0 5px!important;
    color:#124b35!important;
    font-size:22px!important;
  }

  html body.rc-event-detail-page .rc-event-race-summary-head p{
    margin:0!important;
    color:#66716b!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  html body.rc-event-detail-page .rc-event-race-list{
    display:grid!important;
    gap:0!important;
  }

  html body.rc-event-detail-page .rc-event-race-item{
    display:grid!important;
    grid-template-columns:85px minmax(0,1fr) auto!important;
    gap:14px!important;
    align-items:center!important;
    margin:0!important;
    padding:13px 11px!important;
    border:0!important;
    border-top:1px solid rgba(17,79,55,.09)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  html body.rc-event-detail-page .rc-event-race-item:nth-child(even){
    background:#edf5f0!important;
  }

  html body.rc-event-detail-page .rc-event-race-item > strong{
    color:#0f5a3e!important;
    font-size:13px!important;
  }

  html body.rc-event-detail-page .rc-event-race-item h3{
    margin:0 0 3px!important;
    color:#173d2f!important;
    font-size:14px!important;
    line-height:1.3!important;
  }

  html body.rc-event-detail-page .rc-event-race-item p{
    margin:0!important;
    color:#6c756f!important;
    font-size:11px!important;
  }

  html body.rc-event-detail-page .rc-event-race-link{
    padding:7px 9px!important;
    border:1px solid rgba(15,90,62,.14)!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#0f5a3e!important;
    font-size:10px!important;
    font-weight:750!important;
  }

  html body.rc-event-detail-page .rc-event-race-item:hover{
    background:#e7f1eb!important;
  }

  /* Aktionen unten weniger "Knopf-Sammlung". */
  html body.rc-event-detail-page .rc-event-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
    margin-top:22px!important;
    padding-top:16px!important;
    border-top:1px solid #e8ece9!important;
  }

  html body.rc-event-detail-page .rc-event-actions a{
    min-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 11px!important;
    border-radius:8px!important;
    font-size:11px!important;
    font-weight:750!important;
  }

  /* ----------------------------------------------------------------------
     Rechte Sidebar.
     ---------------------------------------------------------------------- */
  html body.rc-event-detail-page .rc-event-side{
    position:sticky!important;
    top:90px!important;
    display:grid!important;
    gap:12px!important;
  }

  html body.rc-event-detail-page .rc-event-side-card{
    padding:16px!important;
    border:1px solid rgba(17,79,55,.11)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(15,58,40,.04)!important;
  }

  html body.rc-event-detail-page .rc-event-side-card h2{
    margin:0 0 10px!important;
    color:#124b35!important;
    font-size:16px!important;
  }

  html body.rc-event-detail-page .rc-event-side-list{
    display:grid!important;
    gap:0!important;
  }

  html body.rc-event-detail-page .rc-event-side-list a{
    padding:10px 0!important;
    border-bottom:1px solid #eeeeee!important;
    text-decoration:none!important;
  }

  html body.rc-event-detail-page .rc-event-side-list a:last-child{
    border-bottom:0!important;
  }

  html body.rc-event-detail-page .rc-event-side-list strong{
    display:block!important;
    color:#173d2f!important;
    font-size:12px!important;
    line-height:1.3!important;
  }

  html body.rc-event-detail-page .rc-event-side-list span{
    display:block!important;
    margin-top:3px!important;
    color:#757d78!important;
    font-size:10.5px!important;
  }

  html body.rc-event-detail-page .rc-event-side-link{
    display:inline-flex!important;
    margin-top:10px!important;
    color:#0f5a3e!important;
    font-size:11px!important;
    font-weight:750!important;
  }

  html body.rc-event-detail-page .rc-event-submit-note{
    background:linear-gradient(135deg,#f8fbf9,#eef6f1)!important;
  }
}

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

  html body.rc-event-detail-page .rc-page-grid.rc-page-grid-portal-left{
    grid-template-columns:225px minmax(0,1fr)!important;
    gap:18px!important;
    width:calc(100vw - 32px)!important;
  }

  html body.rc-event-detail-page .rc-event-detail-layout{
    grid-template-columns:minmax(0,1fr) 260px!important;
    gap:18px!important;
  }

  html body.rc-event-detail-page .rc-event-detail h1{
    font-size:28px!important;
  }

  html body.rc-event-detail-page .rc-event-detail-image{
    height:245px!important;
    max-height:245px!important;
  }
}