/* Basis Reset */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/* Section mit Hintergrundbild */
section {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url('./bg.jpg') center center / cover no-repeat;
  overflow: hidden;
}

/* Overlay */
.overlay {
  background: rgba(0, 0, 0, 0.5); /* Halbtransparentes Schwarz */
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Light */
.light {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Mobile Anpassungen (kleinere Devices) */
@media (max-width: 768px) {
  section {
    background-position: center center;
    background-size: cover;
  }
}

@media (max-width: 480px) {
  section {
    background-position: center center;
    background-size: cover;
  }
}