﻿/* Keep the white/neon interface while letting the background film remain visible. */
html{background:#eef4ec}
body{background:transparent!important}
main{background:transparent!important}
.video-backdrop{background:#dfe9df!important}
.video-backdrop video{opacity:.88!important;filter:saturate(.78) brightness(.78) contrast(1.12)!important}
.video-vignette{background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.24) 48%,rgba(239,247,237,.12)),linear-gradient(180deg,rgba(255,255,255,.28),rgba(243,250,240,.20))!important}
.video-grid{opacity:.16!important}
@media(max-width:760px){.video-backdrop video{opacity:.82!important;filter:saturate(.72) brightness(.72) contrast(1.14)!important}.video-vignette{background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(246,251,243,.22))!important}}

/* Mobile Hintergrundvideo: weniger Zoom auf schmalen Portrait-Displays. */
@media (max-width:768px){
  .video-backdrop video{
    top:14svh!important;
    bottom:auto!important;
    width:100vw!important;
    height:72svh!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
}
