/*
================================================================================
TURFSPORT – Desktop Header V608
Full-Width-Header mit Rennszene. Mobil bleibt unberührt.
================================================================================
*/
@media (min-width:1400px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    max-width:none!important;
    min-height:200px!important;
    margin:0 0 22px!important;
    border-radius:0!important;
    background:#05331f!important;
    box-shadow:0 12px 30px rgba(4,28,18,.15)!important;
    overflow:visible!important;
    z-index:50!important;
  }

  /* Rennszene über die komplette Headerbreite */
  html body .rc-topbar.rc-site-header.rc-site-header-v3::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    border-radius:0!important;
    opacity:1!important;
    background:
      linear-gradient(90deg,
        rgba(3,45,28,.94) 0%,
        rgba(3,45,28,.82) 18%,
        rgba(3,45,28,.48) 43%,
        rgba(3,45,28,.60) 70%,
        rgba(3,45,28,.90) 100%),
      linear-gradient(180deg,rgba(2,25,15,.10) 0%,rgba(2,25,15,.48) 100%),
      url('../header-race-scene-v242.png') center 47% / cover no-repeat!important;
  }

  /* ruhige Abdunklung an den Außenkanten, Mitte bleibt sichtbar */
  html body .rc-topbar.rc-site-header.rc-site-header-v3::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    border-radius:0!important;
    background:
      radial-gradient(ellipse at 16% 52%,rgba(2,36,22,.86) 0%,rgba(2,36,22,.54) 18%,transparent 39%),
      linear-gradient(90deg,rgba(2,34,21,.34) 0%,transparent 31%,transparent 68%,rgba(2,34,21,.35) 100%)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{
    position:relative!important;
    z-index:60!important;
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr) 265px!important;
    grid-template-areas:"logo nav actions"!important;
    align-items:center!important;
    gap:24px!important;
    width:min(1720px, calc(100% - 72px))!important;
    max-width:1720px!important;
    height:170px!important;
    min-height:170px!important;
    margin:0 auto!important;
    padding:0!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;
  }

  /* Logo vollständig im grünen Header halten */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo{
    grid-area:logo!important;
    position:relative!important;
    z-index:8!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:255px!important;
    min-width:255px!important;
    max-width:255px!important;
    height:136px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:translateY(30px)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo img{
    display:block!important;
    width:218px!important;
    max-width:218px!important;
    height:auto!important;
    max-height:126px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:translateY(29px)!important;
    filter:
      drop-shadow(0 2px 1px rgba(0,0,0,.50))
      drop-shadow(0 7px 14px rgba(0,0,0,.28))!important;
  }

  /* Navigation bewusst links der Mitte – näher am Logo, weniger verloren */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-navline{
    grid-area:nav!important;
    position:relative!important;
    z-index:12!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    align-self:center!important;
    margin:0!important;
    padding:0 0 0 18px!important;
    overflow:visible!important;
    transform:translate(100px,35px)!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{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    max-width:100%!important;
    gap:7px!important;
    margin:0!important;
    padding:6px 8px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    background:rgba(2,38,23,.46)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(7px)!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{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:33px!important;
    height:33px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.07)!important;
    color:rgba(255,255,255,.96)!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-sizing:border-box!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{
    background:var(--ts-cream-50)!important;
    border-color:var(--ts-cream-50)!important;
    color:var(--ts-green-850)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-actions{
    grid-area:actions!important;
    position:relative!important;
    z-index:8!important;
    align-self:center!important;
    justify-self:end!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    min-width:0!important;
    transform:translateY(10px)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-icon-button,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-menu-toggle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border-radius:999px!important;
    background:var(--ts-cream-50)!important;
    color:var(--ts-green-850)!important;
    border-color:rgba(255,255,255,.44)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link{
    height:42px!important;
    min-height:42px!important;
    min-width:132px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    gap:8px!important;
    background:var(--ts-cream-50)!important;
    color:var(--ts-green-850)!important;
    border-color:rgba(255,255,255,.44)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
    overflow:visible!important;
  }

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

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-group{
    position:relative!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    overflow:visible!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-subnav{
    position:absolute!important;
    top:calc(100% - 2px)!important;
    left:0!important;
    z-index:100010!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:max-content!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:9px!important;
    border-radius:18px!important;
    background:rgba(4,39,25,.98)!important;
    border:1px solid rgba(231,195,122,.36)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
    opacity:0!important;
    transform:translateY(-4px)!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-group:hover .rc-header-race-subnav,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-group:focus-within .rc-header-race-subnav{
    opacity:1!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-race-subnav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:96px!important;
    min-height:35px!important;
    height:35px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.09)!important;
    color:#fffdf8!important;
    font-size:12.5px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-panel{
    top:108px!important;
    right:max(36px, calc((100vw - 1720px)/2))!important;
    z-index:100020!important;
  }
}

@media (min-width:1400px) and (max-width:1260px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3{
    min-height:166px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{
    width:calc(100% - 32px)!important;
    height:136px!important;
    min-height:136px!important;
    grid-template-columns:215px minmax(0,1fr) 225px!important;
    gap:12px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo{
    width:205px!important;
    min-width:205px!important;
    max-width:205px!important;
    height:122px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo img{
    width:180px!important;
    max-width:180px!important;
    max-height:110px!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{
    padding:0 9px!important;
    font-size:11.5px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link{
    min-width:116px!important;
    padding:0 12px!important;
  }
}

/*
================================================================================
TURFSPORT – Desktop Header V615 Premium Navigation
Nur optische Veredelung der bestehenden Header-Navigation und Aktionen.
Positionen, Headerhoehe, Logo und Rennszene bleiben unveraendert.
================================================================================
*/
@media (min-width:1400px){
  /* Die Navigation wird nicht mehr von einer grossen Sammel-Pille eingefasst. */
  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:9px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }

  /* Einzelne Glas-Buttons – ruhig, fein und passend zum Header. */
  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;
    gap:8px!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 14px!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,.95)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -1px 0 rgba(0,0,0,.08),
      0 6px 15px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!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{
    content:""!important;
    display:inline-block!important;
    flex:0 0 17px!important;
    width:17px!important;
    height:17px!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;
  }

  /* Renntermine – Kalender */
  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;
  }

  /* News – Zeitung */
  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;
  }

  /* Experten – feine Analyse/Licht-Idee */
  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%3Cpath d='M12 2V.8M4.9 4.9 4 4M19.1 4.9 20 4M2 12H.8M23.2 12H22'/%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%3Cpath d='M12 2V.8M4.9 4.9 4 4M19.1 4.9 20 4M2 12H.8M23.2 12H22'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  /* Tippspiel – Pokal */
  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 20h7M10 17h4'/%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 20h7M10 17h4'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  /* Statistik – Diagramm */
  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;
  }

  /* Live & Podcast – Mikrofon */
  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;
  }

  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{
    transform:translateY(-1px)!important;
    color:#f3d896!important;
    border-color:rgba(229,188,95,.68)!important;
    background:linear-gradient(180deg,rgba(229,188,95,.13),rgba(255,255,255,.055))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 9px 20px rgba(0,0,0,.14)!important;
  }

  /* Aktiver Bereich: Gold als Kontur/Akzent, nicht als cremefarbener Vollbutton. */
  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,.72)!important;
    background:
      linear-gradient(180deg,rgba(229,188,95,.13),rgba(255,255,255,.045))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 0 0 1px rgba(229,188,95,.05),
      0 8px 20px rgba(0,0,0,.12)!important;
  }

  /* Rechte Aktionen in derselben Designsprache. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-icon-button,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-menu-toggle,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link{
    border:1px solid rgba(229,188,95,.46)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
    color:#e2b95f!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 7px 18px rgba(0,0,0,.13)!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-icon-button:hover,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-menu-toggle:hover,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link:hover{
    border-color:rgba(239,204,124,.78)!important;
    background:linear-gradient(180deg,rgba(229,188,95,.16),rgba(255,255,255,.055))!important;
  }

  /* Vorhandene Emoji-/Textsymbole ausblenden und durch saubere Line-Icons ersetzen. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-search-toggle > span,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-menu-toggle > span,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link > span:first-child{
    display:none!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-search-toggle::before,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-menu-toggle::before,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link::before{
    content:""!important;
    display:block!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    background:currentColor!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-search-toggle::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.9' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.4 15.4 4.6 4.6'/%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.9' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.4 15.4 4.6 4.6'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-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%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5.5 20a6.5 6.5 0 0 1 13 0'/%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%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5.5 20a6.5 6.5 0 0 1 13 0'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-menu-toggle::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.9' stroke-linecap='round'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14'/%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.9' stroke-linecap='round'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-mini-text{
    color:rgba(255,255,255,.96)!important;
  }
}

/*
================================================================================
TURFSPORT – Desktop Header V617 Account contrast fix
Der abgemeldete Konto-Button bleibt bewusst hell/creme. Text muss deshalb
im Ruhezustand dunkelgruen lesbar sein; Gold bleibt beim Icon/Akzent.
================================================================================
*/
@media (min-width:1400px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link.is-logged-out .rc-account-mini-text{
    color:#073a25!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link.is-logged-out:hover .rc-account-mini-text{
    color:#073a25!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link.is-logged-out:hover{
    background:linear-gradient(180deg,#fff8ea,#f7e7bd)!important;
    border-color:rgba(229,188,95,.82)!important;
    color:#c7962f!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 9px 20px rgba(0,0,0,.15)!important;
  }
}

/*
================================================================================
TURFSPORT – Desktop Header V619 Premium Search Dock
Desktop-Suche an die Breite der mittleren Inhaltsspalte angeglichen. Dunkles
Glasgruen, feine Goldkante und ruhiges helles Suchfeld. Mobile Suche bleibt
unveraendert.
================================================================================
*/
@media (min-width:1400px){
  /* Genug Raum zwischen Header und Seiteninhalt fuer die angedockte Suchleiste. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3{
    margin-bottom:82px!important;
  }

  /* Desktop braucht keinen Such-Toggle. Mobile behält die bestehende Suche. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-search-toggle,
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-panel{
    display:none!important;
  }

  /* Die Seitenspalten sind symmetrisch – dadurch sitzt auch die Mittelspalte
     exakt auf der Bildschirmmitte. Die Breite folgt unten den Home-Breakpoints. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-desktop-search-dock{
    position:absolute!important;
    z-index:45!important;
    left:50%!important;
    top:calc(100% + 10px)!important;
    transform:translateX(-50%)!important;
    width:min(1178px, calc(100vw - 614px))!important;
    margin:0!important;
    padding:0!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    min-height:56px!important;
    padding:7px 8px 7px 10px!important;
    overflow:hidden!important;
    border:1px solid rgba(220,180,86,.62)!important;
    border-radius:14px!important;
    background:
      linear-gradient(105deg,rgba(7,67,43,.96),rgba(5,53,35,.91) 58%,rgba(8,78,50,.94))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      0 10px 26px rgba(4,35,23,.18)!important;
    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;
  }

  /* Feiner Glas-/Goldschimmer – bewusst ohne zusaetzliche HTML-Elemente. */
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(110deg,rgba(255,255,255,.10),transparent 25%),
      linear-gradient(90deg,rgba(218,177,80,.10),transparent 42%,rgba(218,177,80,.06))!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-icon{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:20px!important;
    height:20px!important;
    margin:auto!important;
    background:#d6ad55!important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.20))!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;
    -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'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.4 15.4 4.6 4.6'/%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'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.4 15.4 4.6 4.6'/%3E%3C/g%3E%3C/svg%3E")!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form input[type="search"]{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    margin:0!important;
    padding:0 15px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:10px!important;
    outline:0!important;
    background:rgba(255,252,245,.95)!important;
    color:#073a25!important;
    font-size:13.5px!important;
    font-weight:750!important;
    box-shadow:inset 0 1px 2px rgba(4,35,23,.06)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form input[type="search"]:focus{
    border-color:rgba(222,181,86,.92)!important;
    box-shadow:0 0 0 2px rgba(222,181,86,.14), inset 0 1px 2px rgba(4,35,23,.05)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form input[type="search"]::placeholder{
    color:rgba(7,58,37,.55)!important;
    opacity:1!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form button{
    position:relative!important;
    z-index:1!important;
    height:40px!important;
    min-width:106px!important;
    margin:0!important;
    padding:0 20px!important;
    border:1px solid rgba(231,195,107,.78)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#d6ad55,#b98529)!important;
    color:#163425!important;
    font-size:12.5px!important;
    font-weight:950!important;
    letter-spacing:.015em!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 5px 12px rgba(0,0,0,.13)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-search-dock-form button:hover{
    border-color:#f0d28b!important;
    color:#0a3825!important;
    background:linear-gradient(180deg,#e2bd68,#c89637)!important;
    transform:translateY(-1px)!important;
  }
}

/* Laptop / kleiner Desktop: Platz fuer Navigation UND Aktionen reservieren. */
@media (min-width:1400px) and (max-width:1500px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{
    width:calc(100% - 32px)!important;
    grid-template-columns:205px minmax(0,1fr) 170px!important;
    gap:10px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-navline{
    padding-left:0!important;
    transform:translate(0,35px)!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:6px!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{
    padding:0 10px!important;
    font-size:12px!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:15px!important;
    width:15px!important;
    height:15px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link{
    min-width:112px!important;
    padding:0 11px!important;
  }
}

/* 15-Zoll / Tablet quer: Konto wird zum reinen Icon, damit nichts in die Navi ragt. */
@media (min-width:1400px) and (max-width:1180px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{
    grid-template-columns:185px minmax(0,1fr) 96px!important;
    gap:8px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo img{
    width:168px!important;
    max-width:168px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-actions{
    gap:7px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-icon-link{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    padding:0!important;
    justify-content:center!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-account-mini-text{
    display:none!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{
    min-height:34px!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:11.25px!important;
    gap:6px!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-desktop-search-dock{
    width:calc(100vw - 420px)!important;
    min-width:0!important;
  }
}

/* Schmale Tablets: Navigation bekommt eine eigene zweite Zeile. */
@media (min-width:1400px) and (max-width:1020px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3{
    min-height:230px!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 > .rc-header-v3-inner{
    grid-template-columns:minmax(0,1fr) 96px!important;
    grid-template-rows:158px 54px!important;
    grid-template-areas:
      "logo actions"
      "nav nav"!important;
    height:212px!important;
    min-height:212px!important;
    align-items:center!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo{
    transform:translateY(18px)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-logo img{
    transform:translateY(12px)!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-v3-navline{
    align-self:start!important;
    justify-content:center!important;
    transform:none!important;
    padding:0!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{
    justify-content:center!important;
    max-width:100%!important;
  }

  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-desktop-search-dock{
    width:calc(100vw - 64px)!important;
    top:calc(100% + 10px)!important;
  }
}

/* Normaler Desktop: 245 / flexibel / 245 bei 26 px Spaltenabstand. */
@media (min-width:1501px) and (max-width:1759px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-desktop-search-dock{
    width:min(1178px, calc(100vw - 614px))!important;
  }
}

/* Grosser Monitor: entspricht dem 255 / flexibel / 255 Raster mit 30 px Gap. */
@media (min-width:1760px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3 .rc-header-desktop-search-dock{
    width:min(1210px, calc(100vw - 666px))!important;
  }
}

@media (max-width:1399px){
  .rc-header-desktop-search-dock{
    display:none!important;
  }
}



/*
================================================================================
TURFSPORT – Desktop Header V621 Logo Vertical Fix
Logo 30 px tiefer. Nur die gruene Headerflaeche wird entsprechend 30 px hoeher;
Navigation und Aktionspositionen bleiben bewusst unveraendert.
================================================================================
*/

/* V623: Responsive Header-Schutz fuer 15-Zoll-Laptops und Tablets. */


/*
================================================================================
V636 – Globaler Full-Width-Header auf Desktop
Viele Unterseiten rendern den gemeinsamen Header innerhalb von .rc-shell
(max-width ~1420px). Dadurch blieb der Header dort optisch eingesperrt.
Der Header bricht deshalb ab grossem Desktop sauber auf die Viewportbreite aus.
Compact/Laptop (<1760px) bleibt unveraendert.
================================================================================
*/
@media (min-width:1760px){
  html body .rc-topbar.rc-site-header.rc-site-header-v3{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
  }
}


/*
================================================================================
V637 – Full-Width-Header robust zentrieren
Auch auf grossen Desktops wird der Header unabhaengig von einem umgebenden
.rc-shell exakt auf den Viewport zentriert.
================================================================================
*/
@media (min-width:1760px){
  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;
  }
}