/*
================================================================================
TURFSPORT – Compact Layout V625
769–1759 px: eigene kompakte Ansicht fuer Tablets und kleinere Laptops.
Touch-Tablets nutzen Compact auch bei grosser gemeldeter Browserbreite.
Desktop ab 1760 px mit Maus/Trackpad bleibt unveraendert; Handy bis 768 px bleibt unveraendert.
================================================================================
*/

@media (min-width:769px) and (max-width:1759px), (min-width:769px) and (hover:none) and (pointer:coarse){
  html,body{max-width:100%;overflow-x:hidden;}

  /* Seitenrahmen: keine aufgeblasene Handybreite und keine 3-Spalten-Kollision. */
  body .rc-shell{
    width:100%!important;
    max-width:1160px!important;
    margin:0 auto!important;
    padding:0 24px 30px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body .rc-page-grid{
    display:block!important;
    width:100%!important;
    max-width:1080px!important;
    margin:20px auto 0!important;
  }
  body .rc-portal-sidebar-left,
  body .rc-portal-sidebar-right,
  body .rc-sidebar-left,
  body .rc-sidebar-right{display:none!important;}
  body .rc-main{width:100%!important;max-width:1080px!important;margin:0 auto!important;}

  /* Kompakter Header: Markenbild bleibt, Desktop-Navigation weicht den Tabs. */
  body .rc-topbar.rc-site-header.rc-site-header-v3{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 74px calc(50% - 50vw)!important;
    padding:0!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"logo actions" "nav nav"!important;
    width:100%!important;
    max-width:1120px!important;
    height:auto!important;
    min-height:132px!important;
    margin:0 auto!important;
    padding:14px 24px 12px!important;
    gap:8px 18px!important;
    box-sizing:border-box!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-topline{display:contents!important;}
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo{
    grid-area:logo!important;
    position:static!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    justify-self:start!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo img{
    width:205px!important;
    max-width:205px!important;
    height:auto!important;
    max-height:86px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-actions{
    grid-area:actions!important;
    position:static!important;
    transform:none!important;
    align-self:center!important;
    justify-self:end!important;
    gap:8px!important;
    margin:0!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-search-toggle{display:none!important;}
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-mini-text{display:none!important;}
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link,
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-menu-toggle{
    position:static!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border-radius:999px!important;
  }

  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-navline{
    grid-area:nav!important;
    position:static!important;
    transform:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav,
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-primary-nav-v3,
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-main-nav{display:none!important;}
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-main-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-main-tabs a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:36px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:12.5px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-sub-tabs{
    max-width:760px!important;
    margin:7px auto 0!important;
  }

  /* Premium-Suche als kompakter Dock – nicht ueber die ganze Tabletbreite aufblasen. */
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-panel{display:none!important;}
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-desktop-search-dock{
    display:block!important;
    position:absolute!important;
    z-index:45!important;
    left:50%!important;
    top:calc(100% + 10px)!important;
    transform:translateX(-50%)!important;
    width:min(920px, calc(100vw - 64px))!important;
    margin:0!important;
    padding:0!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form{
    width:100%!important;
    max-width:none!important;
    min-height:50px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 96px!important;
    gap:8px!important;
    align-items:center!important;
    padding:6px 7px 6px 9px!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-icon{width:18px!important;height:18px!important;}
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form input[type="search"]{
    height:38px!important;
    min-height:38px!important;
    padding:0 13px!important;
    font-size:13px!important;
    border-radius:9px!important;
  }
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form button{
    height:38px!important;
    min-width:0!important;
    padding:0 14px!important;
    font-size:12px!important;
    border-radius:9px!important;
  }

  /* Hero: kompakt statt XXL-Handykarte. */
  body .rc-home-seo-intro--mobile{display:none!important;}
  body .rc-home-seo-intro--desktop{
    display:block!important;
    margin:0 0 16px!important;
    padding:16px 20px!important;
    border-radius:20px!important;
  }
  body .rc-home-seo-intro--desktop > span{min-height:21px!important;padding:0 9px!important;font-size:10px!important;}
  body .rc-home-seo-intro--desktop h1{
    margin:7px 0 5px!important;
    font-size:clamp(22px,2.15vw,30px)!important;
    line-height:1.08!important;
  }
  body .rc-home-seo-intro--desktop p{font-size:13px!important;line-height:1.4!important;max-width:920px!important;}

  /* Allgemeine Karten-/Typografieproportionen fuer Compact. */
  body .rc-main .rc-box,
  body .rc-main .rc-section,
  body .rc-home-news-feature.rc-home-news-feature-independent,
  body .rc-home-newsletter-feature,
  body .rc-home-stats-after-market{
    max-width:100%!important;
  }

  /* News: auf Tablet/kleinem Laptop wieder redaktionell, nicht Handy-XXL. */
  body .rc-home-news-feature.rc-home-news-feature-independent{
    margin:18px 0 16px!important;
    padding:16px!important;
    border-radius:20px!important;
    background:#fffaf0!important;
    border:1px solid rgba(28,55,44,.08)!important;
    box-shadow:0 12px 28px rgba(32,24,18,.05)!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-feature-head{
    margin:0 0 12px!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-feature-head strong{font-size:21px!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory,
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory.is-pinned-news{
    display:grid!important;
    grid-template-columns:minmax(260px,42%) minmax(0,1fr)!important;
    gap:0!important;
    margin:0 0 12px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topimage,
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory.is-pinned-news .rc-home-news-topimage{
    width:100%!important;
    height:100%!important;
    min-height:210px!important;
    max-height:250px!important;
    aspect-ratio:auto!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topcontent{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:18px!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topcontent strong{
    margin:5px 0 7px!important;
    font-size:20px!important;
    line-height:1.12!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topcontent span{font-size:13px!important;line-height:1.4!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:0!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid a{
    display:grid!important;
    grid-template-columns:145px minmax(0,1fr)!important;
    min-height:120px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallthumb{
    width:145px!important;
    height:100%!important;
    min-height:120px!important;
    margin:0!important;
  }
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallthumb img{width:100%!important;height:100%!important;object-fit:cover!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallcontent{padding:11px 12px!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid strong{font-size:14px!important;line-height:1.18!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallteaser{font-size:11.5px!important;line-height:1.35!important;}

  /* Newsletter / Statistik nicht ueberdimensionieren. */
  body .rc-home-newsletter-feature{padding:16px 18px!important;border-radius:18px!important;}
  body .rc-home-stats-after-market{padding:16px 18px!important;border-radius:18px!important;}
}

/* Engere Tabletbreite: Topstory untereinander, Rest bleibt zweispaltig. */
@media (min-width:769px) and (max-width:980px){
  body .rc-shell{padding-left:18px!important;padding-right:18px!important;}
  body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{padding-left:18px!important;padding-right:18px!important;}
  body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo img{width:185px!important;max-width:185px!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory,
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory.is-pinned-news{grid-template-columns:1fr!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topimage,
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-topstory.is-pinned-news .rc-home-news-topimage{height:210px!important;min-height:210px!important;max-height:210px!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallgrid a{grid-template-columns:120px minmax(0,1fr)!important;}
  body .rc-home-news-feature.rc-home-news-feature-independent .rc-home-news-smallthumb{width:120px!important;}
}


/*
================================================================================
V626 – Header Mode Firewall
Compact und Desktop duerfen nie gleichzeitig sichtbar sein.
================================================================================
*/

/* Compact / Tablet: ausschliesslich die kompakte Navigation. */
@media (min-width:769px) and (max-width:1759px), (min-width:769px) and (hover:none) and (pointer:coarse){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-primary-nav,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-primary-nav-v3,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-main-nav,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-group{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-main-tabs{
    display:grid!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* Echter grosser Desktop mit Maus/Trackpad: ausschliesslich Premium-Desktopnavigation. */
@media (min-width:1760px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-main-tabs,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-race-tabs,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-tippspiel-tabs,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-market-tabs{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/*
================================================================================
V627 – Laptop Header = Premium Desktop Header / Inhalt bleibt Compact
Auf klassischen Laptops mit Maus/Trackpad wird nicht die vereinfachte
Compact-Textnavigation benutzt. Der Header bleibt in der Premium-Sprache.
Tablet/Touch bleibt weiterhin im Compact-Header.
================================================================================
*/

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

  /* Keine zweite/mobile Headernavigation auf Laptop. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-main-tabs,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-sub-tabs,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-race-tabs,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-tippspiel-tabs,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-mobile-market-tabs{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Premium-Desktopnavigation wieder aktivieren. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-navline{
    grid-area:nav!important;
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    justify-self:stretch!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
    overflow:visible!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-primary-nav,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-primary-nav-v3,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-main-nav{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Header bleibt kompakt genug fuer 15-Zoll, ohne ins Logo/Aktionen zu laufen. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3{
    min-height:158px!important;
    margin-bottom:74px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{
    display:grid!important;
    grid-template-columns:168px minmax(0,1fr) 150px!important;
    grid-template-rows:158px!important;
    grid-template-areas:"logo nav actions"!important;
    width:calc(100% - 36px)!important;
    max-width:1540px!important;
    min-height:158px!important;
    height:158px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-topline{
    display:contents!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo{
    grid-area:logo!important;
    position:relative!important;
    width:160px!important;
    min-width:160px!important;
    max-width:160px!important;
    height:118px!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    justify-self:start!important;
    transform:translateY(16px)!important;
    overflow:visible!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo img{
    width:144px!important;
    max-width:144px!important;
    height:auto!important;
    max-height:104px!important;
    object-fit:contain!important;
    transform:translateY(10px)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-actions{
    grid-area:actions!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    justify-self:end!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-search-toggle{
    display:none!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link{
    display:inline-flex!important;
    width:auto!important;
    min-width:104px!important;
    max-width:none!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 11px!important;
    gap:7px!important;
    border-radius:999px!important;
    justify-content:center!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-mini-text{
    display:inline!important;
    font-size:11.5px!important;
    font-weight:850!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-menu-toggle{
    display:inline-flex!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:999px!important;
  }

  /* Premium Glas-Pills – etwas kompakter als auf dem grossen Monitor. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-link,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-link,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-primary-nav-v3 a,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-main-nav a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    border:1px solid rgba(241,214,151,.28)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;
    color:rgba(255,255,255,.96)!important;
    font-size:11.25px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 13px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-link:hover,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-link:hover,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-link.is-active,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-link.is-active,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-group.is-active .rc-header-race-link{
    color:#f3d896!important;
    border-color:rgba(229,188,95,.70)!important;
    background:linear-gradient(180deg,rgba(229,188,95,.13),rgba(255,255,255,.05))!important;
  }

  /* Goldene Line-Icons auch unterhalb des grossen Desktop-Breakpoints. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-link::before,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-link::before{
    content:""!important;
    display:inline-block!important;
    flex:0 0 15px!important;
    width:15px!important;
    height:15px!important;
    background:#e2b95f!important;
    opacity:.98!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:contain!important;
    mask-size:contain!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-link::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='15' rx='2.5'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.5 9.5h17M7.2 13h2.1M11 13h2.1M14.8 13h2.1M7.2 16.7h2.1M11 16.7h2.1'/%3E%3C/g%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='15' rx='2.5'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.5 9.5h17M7.2 13h2.1M11 13h2.1M14.8 13h2.1M7.2 16.7h2.1M11 16.7h2.1'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav > a:nth-of-type(1)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h12.5a1.5 1.5 0 0 1 1.5 1.5v13.5H6.5A2.5 2.5 0 0 1 4 17V5.5A1 1 0 0 1 5 4.5Z'/%3E%3Cpath d='M19 9.5h1a1 1 0 0 1 1 1v7a2 2 0 0 1-2 2M7.5 8h7M7.5 11.5h7M7.5 15h3.5M13 15h1.5'/%3E%3C/g%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h12.5a1.5 1.5 0 0 1 1.5 1.5v13.5H6.5A2.5 2.5 0 0 1 4 17V5.5A1 1 0 0 1 5 4.5Z'/%3E%3Cpath d='M19 9.5h1a1 1 0 0 1 1 1v7a2 2 0 0 1-2 2M7.5 8h7M7.5 11.5h7M7.5 15h3.5M13 15h1.5'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav > a:nth-of-type(2)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18.5h6M9.8 21h4.4'/%3E%3Cpath d='M8.2 15.8A7 7 0 1 1 15.8 15.8c-.8.6-1.3 1.4-1.4 2.2H9.6c-.1-.8-.6-1.6-1.4-2.2Z'/%3E%3C/g%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18.5h6M9.8 21h4.4'/%3E%3Cpath d='M8.2 15.8A7 7 0 1 1 15.8 15.8c-.8.6-1.3 1.4-1.4 2.2H9.6c-.1-.8-.6-1.6-1.4-2.2Z'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav > a:nth-of-type(3)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v4.5a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H4.5v1.5A4.5 4.5 0 0 0 9 12M16 6h3.5v1.5A4.5 4.5 0 0 1 15 12M12 12.5V17M8.5 20h7'/%3E%3C/g%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v4.5a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H4.5v1.5A4.5 4.5 0 0 0 9 12M16 6h3.5v1.5A4.5 4.5 0 0 1 15 12M12 12.5V17M8.5 20h7'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav > a:nth-of-type(4)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10h4v10M10 20V5h4v15M16 20v-7h4v7M2.5 20.5h19'/%3E%3C/g%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10h4v10M10 20V5h4v15M16 20v-7h4v7M2.5 20.5h19'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav > a:nth-of-type(5)::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='3' width='7' height='12' rx='3.5'/%3E%3Cpath d='M5.5 11.5a6.5 6.5 0 0 0 13 0M12 18v3M8.5 21h7'/%3E%3C/g%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='3' width='7' height='12' rx='3.5'/%3E%3Cpath d='M5.5 11.5a6.5 6.5 0 0 0 13 0M12 18v3M8.5 21h7'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  /* Renntermine-Dropdown bleibt vor Suche/Inhalt. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-group{
    position:relative!important;
    display:inline-flex!important;
    overflow:visible!important;
    z-index:90!important;
  }
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-subnav{
    z-index:120!important;
  }

  /* Premium-Suche bleibt unter dem Header angedockt. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-desktop-search-dock{
    display:block!important;
    position:absolute!important;
    z-index:45!important;
    left:50%!important;
    top:calc(100% + 10px)!important;
    transform:translateX(-50%)!important;
    width:min(920px, calc(100vw - 80px))!important;
  }
}

/* Zwischen 1100 und 1279 px werden die Pills nochmals leicht enger. */
@media (min-width:1100px) and (max-width:1279px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{
    grid-template-columns:148px minmax(0,1fr) 132px!important;
    width:calc(100% - 24px)!important;
    gap:7px!important;
  }
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo{
    width:144px!important;
    min-width:144px!important;
    max-width:144px!important;
  }
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo img{
    width:134px!important;
    max-width:134px!important;
  }
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-nav,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-primary-nav-v3,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-main-nav{
    gap:4px!important;
  }
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-link,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-link,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-primary-nav-v3 a,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-main-nav a{
    gap:4px!important;
    padding:0 7px!important;
    font-size:10.5px!important;
  }
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-portal-link::before,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-link::before{
    flex-basis:13px!important;
    width:13px!important;
    height:13px!important;
  }
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link{
    min-width:92px!important;
    padding:0 9px!important;
  }
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-mini-text{
    font-size:10.5px!important;
  }
}


/*
================================================================================
V629 – Laptop-Logo: alten hochspezifischen 330px-Override gezielt ueberstimmen
Nur Logo-Groesse. Headerhoehe/Navigation/Suche bleiben wie V628.
================================================================================
*/
@media (min-width:1100px) and (max-width:1759px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo{
    width:160px!important;
    min-width:160px!important;
    max-width:160px!important;
    flex:0 0 160px!important;
    height:118px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo img{
    display:block!important;
    width:144px!important;
    min-width:0!important;
    max-width:144px!important;
    max-height:104px!important;
    height:auto!important;
    object-fit:contain!important;
    transform:translateY(10px)!important;
  }
}

@media (min-width:1100px) and (max-width:1279px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo{
    width:144px!important;
    min-width:144px!important;
    max-width:144px!important;
    flex:0 0 144px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo img{
    width:134px!important;
    max-width:134px!important;
  }
}


/*
================================================================================
V630 – Laptop-Logo Mittelgroesse
V629 war zu klein. Wir setzen nur die Laptop-Logo-Groesse neu,
ohne Headerhoehe, Navigation oder Suche zu veraendern.
================================================================================
*/
@media (min-width:1100px) and (max-width:1759px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo{
    width:205px!important;
    min-width:205px!important;
    max-width:205px!important;
    flex:0 0 205px!important;
    height:124px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo img{
    width:188px!important;
    min-width:0!important;
    max-width:188px!important;
    max-height:112px!important;
    height:auto!important;
    object-fit:contain!important;
    transform:translateY(10px)!important;
  }
}

@media (min-width:1100px) and (max-width:1279px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo{
    width:184px!important;
    min-width:184px!important;
    max-width:184px!important;
    flex:0 0 184px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo img{
    width:170px!important;
    max-width:170px!important;
  }
}


/*
================================================================================
V631 – Laptop-Logo sichtbarer Mittelweg
V630 war optisch nur ca. 10px groesser. Deshalb jetzt bewusst deutlich groesser,
aber weiterhin klar unter der urspruenglichen Desktop-Groesse.
================================================================================
*/
@media (min-width:1100px) and (max-width:1759px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo{
    width:232px!important;
    min-width:232px!important;
    max-width:232px!important;
    flex:0 0 232px!important;
    height:128px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo img{
    width:218px!important;
    min-width:0!important;
    max-width:218px!important;
    max-height:118px!important;
    height:auto!important;
    object-fit:contain!important;
    transform:translateY(10px)!important;
  }
}

@media (min-width:1100px) and (max-width:1279px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo{
    width:208px!important;
    min-width:208px!important;
    max-width:208px!important;
    flex:0 0 208px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo img{
    width:194px!important;
    max-width:194px!important;
  }
}


/*
================================================================================
V632 – Laptop-Logo: sichtbare Groesse direkt am Bild festlegen
Der bisherige max-height-Deckel hat die Width-Aenderungen optisch stark
abgebremst. Auf Laptop setzen wir deshalb die Bildbreite direkt und heben
den Hoehen-Deckel auf. Nur Laptop-Logo, sonst nichts.
================================================================================
*/
@media (min-width:1100px) and (max-width:1759px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo{
    width:238px!important;
    min-width:238px!important;
    max-width:238px!important;
    flex:0 0 238px!important;
    height:128px!important;
    overflow:visible!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo img{
    display:block!important;
    width:270px!important;
    min-width:270px!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    transform:translateY(-10px)!important;
    transform-origin:left center!important;
  }
}

@media (min-width:1100px) and (max-width:1279px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo{
    width:218px!important;
    min-width:218px!important;
    max-width:218px!important;
    flex:0 0 218px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3
  .rc-logo.rc-logo-with-mark.rc-logo-full-image.rc-header-logo img{
    width:245px!important;
    min-width:245px!important;
  }
}


/*
V633 – Laptop-Logo 20px hoeher
Nur Positionskorrektur; Groesse, Headerhoehe, Navigation und Suche bleiben wie V632.
*/


/*
================================================================================
V637 – Header immer viewport-zentriert auf Laptop/Compact
Einige Spezialseiten (z.B. Tippspiel) setzen den gemeinsamen Header innerhalb
eines schmaleren Seiten-Containers. Die bisherige margin-Berechnung konnte dort
optisch nach rechts versetzen. Deshalb wird der Header jetzt unabhaengig vom
Eltern-Container exakt auf die Viewportmitte gesetzt.
================================================================================
*/
@media (min-width:769px) and (max-width:1759px),
       (min-width:769px) and (hover:none) and (pointer:coarse){
  html body .rc-topbar.rc-site-header.rc-site-header-v3{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
  }
}


/*
================================================================================
V638 – Statistik auf Laptop/Compact wieder volle Inhaltsbreite
Die Statistikseite besitzt aus altem style.css eine hochspezifische
3-Spalten-Regel mit !important. Dadurch blieben trotz ausgeblendeter Sidebars
leere Grid-Spalten stehen und der Statistik-Hauptbereich wurde extrem schmal.
Hier wird nur die Statistikseite im Compact-Bereich sauber auf eine Spalte gesetzt.
================================================================================
*/
@media (min-width:769px) and (max-width:1759px),
       (min-width:769px) and (hover:none) and (pointer:coarse){

  html body.rc-stats-page
  .rc-page-grid.rc-unified-grid.rc-stats-page-grid{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:1080px!important;
    margin:20px auto 0!important;
  }

  html body.rc-stats-page
  .rc-page-grid.rc-unified-grid.rc-stats-page-grid
  > .rc-portal-sidebar-left,
  html body.rc-stats-page
  .rc-page-grid.rc-unified-grid.rc-stats-page-grid
  > .rc-portal-sidebar-right,
  html body.rc-stats-page
  .rc-page-grid.rc-unified-grid.rc-stats-page-grid
  > .rc-sidebar-left,
  html body.rc-stats-page
  .rc-page-grid.rc-unified-grid.rc-stats-page-grid
  > .rc-sidebar-right{
    display:none!important;
  }

  html body.rc-stats-page .rc-stats-main.rc-unified-main{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:1080px!important;
    margin:0 auto!important;
  }

  html body.rc-stats-page .rc-stats-hero,
  html body.rc-stats-page .rc-stats-dashboard,
  html body.rc-stats-page .rc-stats-quick-grid,
  html body.rc-stats-page .rc-stats-form-section,
  html body.rc-stats-page .rc-stats-section{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}


/*
================================================================================
V639 – Renntermine im Laptop-Header wieder sichtbar
Der V626-Mode-Firewall setzte die Renntermine-Gruppe nicht nur auf display:none,
sondern auch auf visibility:hidden und pointer-events:none. V627 aktivierte auf
Laptop spaeter nur display:inline-flex. Dadurch blieb der Button unsichtbar.
Jetzt werden alle drei Eigenschaften im Premium-Laptopmodus sauber zurueckgesetzt.
================================================================================
*/
@media (min-width:1100px) and (max-width:1759px) and (hover:hover) and (pointer:fine){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-group{
    display:inline-flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:relative!important;
    overflow:visible!important;
    z-index:90!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-link{
    visibility:visible!important;
    pointer-events:auto!important;
  }
}


/*
================================================================================
V642 – News-Startseite: Seitenleisten auch auf Laptop
Die allgemeine Compact-Regel blendet links/rechts absichtlich aus. Fuer die
News-Uebersicht ist auf klassischen Laptops jedoch genug Platz fuer die beiden
kompakten News-Spalten. Nur News + Maus/Trackpad wird deshalb wieder dreispaltig.
================================================================================
*/
@media (min-width:1100px) and (max-width:1759px) and (hover:hover) and (pointer:fine){
  html body.rc-news-page .rc-shell{
    width:100%!important;
    max-width:1420px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }

  html body.rc-news-page .rc-page-grid{
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr) 200px!important;
    gap:16px!important;
    align-items:start!important;
    width:100%!important;
    max-width:1380px!important;
    margin:20px auto 0!important;
  }

  html body.rc-news-page .rc-portal-sidebar-left,
  html body.rc-news-page .rc-portal-sidebar-right,
  html body.rc-news-page .rc-sidebar-left,
  html body.rc-news-page .rc-sidebar-right{
    display:flex!important;
  }

  html body.rc-news-page .rc-news-left-sidebar,
  html body.rc-news-page .rc-news-right-sidebar{
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }

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