/* Der Wrapper ist fix am Viewport, aber nicht im DOM-Flow sichtbar */
#video-bg-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
}

/* Das Video füllt den Bildschirm ohne Zoom-Effekt */
#video-bg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100vw;
  min-height: 100vh;
  object-fit: cover;
  transform: none !important;
  transition: none !important;
  z-index: -100;
}
.header-logo {
  max-height: 60px;       /* Maximale Höhe fürs Logo (anpassbar) */
  height: auto;
  width: auto;
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .header-logo {
    max-height: 40px;     /* Auf kleineren Geräten kleiner */
  }
}