/*
================================================================================
TURFSPORT – Startseite Magazine / Endless Paper V650
Nur klassische Laptops und Desktop mit Maus/Trackpad.
Mobil und Touch-Layouts bleiben vollständig unangetastet.

Ziel:
- heller neutraler Außenbereich
- weiße, ruhige Hauptfläche
- Struktur über Typografie, Abstand und feine Divider statt vieler Kästen
- Sidebars bleiben als echte Widgets mit leichter Elevation
================================================================================
*/

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

  /* --------------------------------------------------------------------------
     Basis: neutrales Außenfeld + weiße "Papier"-Mitte
     -------------------------------------------------------------------------- */
  html body.rc-home-page{
    background:#f4f5f7!important;
    color:#333333!important;
  }

  html body.rc-home-page .rc-main{
    background:#ffffff!important;
    color:#333333!important;
    padding:20px 24px 34px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-main h1,
  html body.rc-home-page .rc-main h2,
  html body.rc-home-page .rc-main h3,
  html body.rc-home-page .rc-main strong{
    color:#17382d;
  }

  /* --------------------------------------------------------------------------
     Sidebars: echte Widgets – weiß, leicht angehoben, weniger "Boxenoptik"
     -------------------------------------------------------------------------- */
  html body.rc-home-page .rc-portal-sidebar .rc-box,
  html body.rc-home-page .rc-calendar-box,
  html body.rc-home-page .rc-portal-nav-box,
  html body.rc-home-page .rc-portal-misc-box,
  html body.rc-home-page .rc-portal-account-box,
  html body.rc-home-page .rc-home-tippspiel-sidebar,
  html body.rc-home-page .rc-portal-market-box,
  html body.rc-home-page .rc-comments-preview-box,
  html body.rc-home-page .rc-photos-preview-box{
    background:#ffffff!important;
    border:0!important;
    border-radius:9px!important;
    box-shadow:0 4px 15px rgba(0,0,0,.05)!important;
    backdrop-filter:none!important;
  }

  /* --------------------------------------------------------------------------
     Schlanker SEO-Kopf bleibt als Markenakzent bestehen
     -------------------------------------------------------------------------- */
  html body.rc-home-page .rc-home-seo-intro.rc-home-seo-intro--desktop{
    margin:0 0 24px!important;
    padding:9px 14px!important;
    border:0!important;
    border-radius:9px!important;
    box-shadow:none!important;
    background:linear-gradient(90deg,#0b4a34 0%,#176044 100%)!important;
  }

  html body.rc-home-page .rc-home-seo-intro.rc-home-seo-intro--desktop h1{
    margin:0!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:750!important;
  }

  /* --------------------------------------------------------------------------
     Kommende Pferderennen: keine Außenkarte, nur Liste + Divider
     -------------------------------------------------------------------------- */
  html body.rc-home-page .rc-empty-box.rc-home-wow,
  html body.rc-home-page .rc-race-list.rc-race-list-clean,
  html body.rc-home-page .rc-home-upcoming-after-today{
    margin:0 0 34px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-home-next-list-title,
  html body.rc-home-page .rc-empty-box.rc-home-wow .rc-home-wow-head strong{
    margin:0 0 13px!important;
    padding:0!important;
    color:#1a1a1a!important;
    font-size:23px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:-.018em!important;
  }

  html body.rc-home-page .rc-home-next-slim-list-compact{
    gap:0!important;
  }

  html body.rc-home-page .rc-home-next-compact-row,
  html body.rc-home-page .rc-race-row.rc-race-row-clean{
    min-height:48px!important;
    margin:0!important;
    padding:10px 4px!important;
    border:0!important;
    border-bottom:1px solid #eaeaea!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-home-next-compact-row:first-of-type,
  html body.rc-home-page .rc-race-row.rc-race-row-clean:first-of-type{
    border-top:1px solid #eeeeee!important;
  }

  html body.rc-home-page .rc-home-next-compact-row:hover,
  html body.rc-home-page .rc-race-row.rc-race-row-clean:hover{
    background:#fafbfb!important;
    transform:none!important;
    box-shadow:none!important;
  }

  /* --------------------------------------------------------------------------
     News: freistehende Sektion + asymmetrisches Magazin-Raster
     -------------------------------------------------------------------------- */
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent{
    margin:0 0 40px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body.rc-home-page .rc-home-news-feature-head{
    margin:0 0 16px!important;
    padding:0!important;
    border:0!important;
  }

  html body.rc-home-page .rc-home-news-feature-head strong{
    color:#1a1a1a!important;
    font-size:25px!important;
    line-height:1.12!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
  }

  html body.rc-home-page .rc-home-news-feature-head a{
    min-height:30px!important;
    padding:0 11px!important;
    background:transparent!important;
    border:1px solid #e5e7e8!important;
    border-radius:8px!important;
    color:#315247!important;
    font-size:11.5px!important;
    font-weight:750!important;
  }

  /* Hauptmeldung: Bild prominent, aber keine Karte darum */
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory,
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory.is-pinned-news{
    display:grid!important;
    grid-template-columns:1fr!important;
    margin:0 0 26px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topimage,
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory .rc-home-news-topimage{
    height:225px!important;
    min-height:225px!important;
    max-height:225px!important;
    margin:0 0 13px!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#f1f3f2!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topcontent{
    padding:0 2px!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topcontent em,
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid a em{
    color:#8a6a2c!important;
    font-size:9.5px!important;
    font-weight:800!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topcontent strong{
    margin:6px 0 7px!important;
    color:#1a1a1a!important;
    font-size:21px!important;
    line-height:1.18!important;
    font-weight:800!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topcontent span{
    color:#5b6460!important;
    font-size:12.8px!important;
    line-height:1.48!important;
    font-weight:400!important;
  }

  /* Folge-News: 2er Raster, ohne umschließende Karten */
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 22px!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid a{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallthumb,
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid a > span:first-child{
    height:150px!important;
    min-height:150px!important;
    margin:0 0 10px!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#f1f3f2!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid a em{
    margin:0 1px 6px!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid a strong{
    margin:0 1px 6px!important;
    color:#1a1a1a!important;
    font-size:15px!important;
    line-height:1.24!important;
    font-weight:780!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallteaser{
    margin:0 1px!important;
    color:#656d69!important;
    font-size:11.8px!important;
    line-height:1.42!important;
    font-weight:400!important;
  }

  html body.rc-home-page .rc-home-news-more-bottom{
    margin-top:22px!important;
    padding-top:16px!important;
    border-top:1px solid #eeeeee!important;
  }

  html body.rc-home-page .rc-home-news-more-bottom a{
    min-height:32px!important;
    padding:0 12px!important;
    border:1px solid #e5e7e8!important;
    border-radius:8px!important;
    background:#ffffff!important;
    color:#315247!important;
    box-shadow:none!important;
  }

  /* --------------------------------------------------------------------------
     Newsletter: einzige bewusst zarte Akzentfläche
     -------------------------------------------------------------------------- */
  html body.rc-home-page .rc-home-newsletter-feature{
    margin:0 0 38px!important;
    padding:18px 20px!important;
    border:0!important;
    border-radius:9px!important;
    background:#f8f9fa!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-home-newsletter-feature h2{
    color:#1a1a1a!important;
    font-size:18px!important;
    font-weight:800!important;
  }

  html body.rc-home-page .rc-home-newsletter-feature p{
    color:#5f6763!important;
    font-weight:400!important;
  }

  /* --------------------------------------------------------------------------
     Statistik: ebenfalls "Papier" – nur Überschrift, Divider, Inhalte
     -------------------------------------------------------------------------- */
  html body.rc-home-page .rc-home-stats-preview.rc-home-stats-wow.rc-home-stats-after-market{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-home-stats-after-market .rc-home-stats-head{
    margin:0 0 14px!important;
    padding:0 0 10px!important;
    border-bottom:1px solid #eaeaea!important;
  }

  html body.rc-home-page .rc-home-stats-after-market .rc-home-stats-head strong{
    color:#1a1a1a!important;
    font-size:21px!important;
    font-weight:820!important;
  }

  html body.rc-home-page .rc-home-stats-after-market .rc-home-stats-grid{
    gap:0!important;
  }

  html body.rc-home-page .rc-home-stats-after-market .rc-home-stats-grid a{
    padding:12px 14px!important;
    border:0!important;
    border-right:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-home-stats-after-market .rc-home-stats-grid a:last-child{
    border-right:0!important;
  }
}

/* Auf kompakteren klassischen Laptops etwas enger, aber gleiche Designsprache. */
@media (min-width:1100px) and (max-width:1399px) and (hover:hover) and (pointer:fine){
  html body.rc-home-page .rc-main{
    padding:18px 20px 30px!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topimage,
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory .rc-home-news-topimage{
    height:195px!important;
    min-height:195px!important;
    max-height:195px!important;
  }

  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallthumb,
  html body.rc-home-page .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid a > span:first-child{
    height:128px!important;
    min-height:128px!important;
  }
}


/* ==========================================================================
   V651 – Startseite: oberer Rennbereich deutlich leichter und kompakter
   Nur Laptop/Desktop. Mobil/Touch bleibt unangetastet.
   ========================================================================== */
@media (min-width:1100px) and (hover:hover) and (pointer:fine){

  /* Aktueller / nächster Renntag: nicht mehr als massiver Kartenblock */
  html body.rc-home-page .rc-race-list.rc-race-list-clean{
    margin:0 0 30px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean,
  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean.is-featured,
  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean.is-today,
  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean.is-upcoming{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr) 38px!important;
    min-height:96px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid #eaeaea!important;
    border-bottom:1px solid #eaeaea!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transform:none!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean::before{
    width:4px!important;
    background:#d6a331!important;
    opacity:1!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean .rc-race-date-block{
    min-height:96px!important;
    padding:10px 6px!important;
    border:0!important;
    border-right:1px solid #eeeeee!important;
    background:#fff8e7!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean .rc-race-weekday{
    margin:0 0 4px!important;
    font-size:9.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean .rc-race-day{
    margin:0!important;
    font-size:34px!important;
    line-height:.95!important;
    font-weight:850!important;
    text-shadow:none!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean .rc-race-month{
    margin:5px 0 0!important;
    font-size:9.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean .rc-race-content{
    align-self:center!important;
    padding:10px 16px!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean h3{
    margin:0 0 5px!important;
    color:#17382d!important;
    font-size:22px!important;
    line-height:1.05!important;
    font-weight:800!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-meta-clean{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:5px 14px!important;
    margin:0!important;
    color:#5f6763!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-meta-clean span{
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:500!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-meta-clean span:first-child{
    color:#15533d!important;
    font-weight:750!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean .rc-inline-link{
    display:inline-flex!important;
    margin-top:6px!important;
    padding:3px 9px!important;
    min-height:26px!important;
    border:1px solid #ece5d7!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#a66c16!important;
    font-size:11px!important;
    font-weight:750!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean .rc-row-arrow{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    border:0!important;
    border-left:1px solid #eeeeee!important;
    background:#fafbfb!important;
    color:#15533d!important;
    font-size:25px!important;
  }

  /* Kommende Pferderennen: jetzt vollständig "Endless Paper", keine Außenbox */
  html body.rc-home-page .rc-home-upcoming-after-today{
    margin:0 0 38px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-home-upcoming-after-today .rc-home-next-slim-list-compact,
  html body.rc-home-page .rc-empty-box.rc-home-wow .rc-home-next-slim-list-compact{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-home-upcoming-after-today .rc-home-next-list-title,
  html body.rc-home-page .rc-empty-box.rc-home-wow .rc-home-next-list-title{
    margin:0 0 10px!important;
    padding:0!important;
    color:#1a1a1a!important;
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  html body.rc-home-page .rc-home-upcoming-after-today .rc-home-next-compact-row,
  html body.rc-home-page .rc-empty-box.rc-home-wow .rc-home-next-compact-row{
    min-height:42px!important;
    padding:8px 4px!important;
    border:0!important;
    border-bottom:1px solid #eaeaea!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-home-page .rc-home-upcoming-after-today .rc-home-next-compact-row:first-of-type,
  html body.rc-home-page .rc-empty-box.rc-home-wow .rc-home-next-compact-row:first-of-type{
    border-top:1px solid #eeeeee!important;
  }
}

@media (min-width:1100px) and (max-width:1279px) and (hover:hover) and (pointer:fine){
  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean,
  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean.is-featured,
  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean.is-today,
  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean.is-upcoming{
    grid-template-columns:78px minmax(0,1fr) 34px!important;
    min-height:88px!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean .rc-race-date-block{
    min-height:88px!important;
  }

  html body.rc-home-page .rc-race-list-clean .rc-race-row-clean h3{
    font-size:20px!important;
  }
}