.navbar {
    background-color: #333; /* Hintergrundfarbe der Navigation */
    overflow: hidden; /* Verhindert das Überlaufen von Inhalten */
}

.navbar ul {
    list-style-type: none; /* Keine Aufzählungszeichen */
    margin: 0;
    padding: 0;
    display: flex; /* Flexbox für horizontale Ausrichtung */
}

.navbar ul li {
    float: left; /* Elemente nebeneinander anordnen */
}

.navbar ul li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px; /* Abstand innerhalb der Links */
    text-decoration: none;
}

.navbar ul li a:hover {
    background-color: #575757; /* Hintergrundfarbe bei Hover-Effekt */
}