.hero-image {
    background-image: url("../img/hero.jpg"); /* Dein Bild hier */
    background-size: cover;
    background-position: center;
    height: 100vh; /* Wichtig für volle Höhe */
    display: flex;
    align-items: center; /* Zentriert Text vertikal */
    justify-content: center; /* Zentriert Text horizontal */
}

.hero-text {
  text-align: center;
  color: white; /* Oder eine andere passende Farbe */
}

html {
    overflow-x:hidden;
}
.navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    z-index: 10;
}

.hidden {
    display: none;
}