/* DartVision v7.44.7 · Gemeinsames Header+Hero-Hintergrundbild */
:root{
  --dv-header-height-unified: var(--dv-top-h);
  --dv-hero-height-unified: var(--dv-hero-h);
}
/* gemeinsame Referenzgrafik statt schwarzer Oberkante */
.dvTopbar{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30)!important;
}
.dvTopbar::before{
  content:""!important;
  position:absolute!important;
  left:0!important; right:0!important; top:0!important;
  height:calc(var(--dv-header-height-unified) + var(--dv-hero-height-unified))!important;
  background:url('../branding/hero-reference-7445.png') center top / 100% 100% no-repeat!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:hue-rotate(var(--dp-hue-shift,0deg));
}
.dvTopbar::after{display:none!important;content:none!important}
.dvTopbar>*{position:relative!important;z-index:2!important}

/* obere Elemente nicht mehr als schwarze Blöcke, sondern transparent/dunkel über dem Bild */
.dvTopBrand,
.dvTopNav,
.dvTopMotto,
.dvTopUtilities{
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.dvTopBrand{
  border-right:1px solid rgba(255,255,255,.08)!important;
}
.dvTopNav{
  border:1px solid rgba(var(--accent-rgb),.26)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 12px 22px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.dvTopNavBtn{
  background:linear-gradient(180deg,rgba(11,11,13,.78),rgba(3,3,4,.82))!important;
  border-right:1px solid rgba(255,255,255,.05)!important;
}
.dvTopNavBtn:hover{
  background:linear-gradient(180deg,rgba(41,11,15,.84),rgba(11,7,8,.88))!important;
}
.dvTopUtilities{gap:12px!important}
.dvHeaderNavBtn,
.dvTopUtilities .dvProfileBtn.dvProfileDropdown{
  background:linear-gradient(180deg,rgba(10,10,12,.78),rgba(4,4,5,.88))!important;
  box-shadow:0 10px 20px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.dvTopMotto{
  color:#ece1e4!important;
  text-shadow:0 2px 8px rgba(0,0,0,.6)!important;
}

/* Hero ist nur Fortsetzung derselben Grafik */
.dvHomeHero,
.dvLiveHero{
  background:transparent!important;
  min-height:var(--dv-hero-height-unified)!important;
  height:var(--dv-hero-height-unified)!important;
  position:relative!important;
  overflow:hidden!important;
  border-top:0!important;
  border-bottom:1px solid rgba(var(--accent-rgb),.22)!important;
  box-shadow:none!important;
}
.dvHomeHero::before,
.dvHomeHero::after,
.dvLiveHero::before,
.dvLiveHero::after{display:none!important;content:none!important}
.dvHomeHero > .dvHeroReferenceImage,
.dvLiveHero > .dvHeroReferenceImage{display:none!important}
/* Inhalte nicht doppelt rendern, weil Grafik jetzt alles liefert */
.dvLiveHeroLeft,.dvLiveHeroRight,.dvLiveHeroLogo,
.dvHomeHeroLeft,.dvHomeHeroRight,.dvHomeHeroLogo,
.dvHeroBackdropWord,.dvHeroDart,.dvHeroShell,.dvHomeHeroCopy{display:none!important}
#setupOverlay.homeMode .dvHomeHero{background:transparent!important}
#setupOverlay.homeMode .dvHomeHero:before,
#setupOverlay.homeMode .dvHomeHero:after{display:none!important;content:none!important}

/* mobile/kleinere Bildschirme */
@media (max-width: 920px){
  .dvTopbar::before{background-size:cover!important;background-position:center top!important}
}
/* Handy: Wortmarke der Hero-Grafik vollständig zeigen statt seitlich abschneiden */
@media (max-width: 720px){
  .dvTopbar::before{background-size:185% auto!important;background-position:center bottom!important;background-color:#050304!important}
}