body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* Verhindert Scrollen */
  background-color: #f2f2f2;
}

main {
  width: 100%;
  height: 100vh;
}

/* Section-Stil */
section {
  display: flex;
  justify-content: center; /* Zentriert das Video horizontal */
  align-items: center; /* Zentriert das Video vertikal */
  width: 100%;
  height: 100%;
  overflow: hidden; /* Verhindert Überlauf */
}

/* Video-Stil */
video {
  max-width: 100%;
  max-height: 100%;
  display: block; /* Entfernt unnötige Leerzeichen unter dem Video */
}

/* Größere Videoanzeige auf mobilen Geräten */
@media (max-width: 768px) {
  video {
    transform: scale(2); /* Skaliert das Video auf 150% seiner Originalgröße */
    transform-origin: center center; /* Zentriert die Skalierung */
  }
}