/* Allgemeine Stildefinitionen für ein modernes, weißes Design */
body {
    background-color: #FFFFFF; /* Weißer Hintergrund für den gesamten Körper */
    color: #333333; /* Grundlegende Schriftfarbe, dunkelgrau für guten Kontrast */
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Moderne, saubere Schriftart */
    line-height: 1.6; /* Etwas mehr Zeilenabstand für bessere Lesbarkeit */
    margin: 0;
    padding: 0;
}

/* Überschriften-Stile */
h1, h2, h3, h4, h5, h6 {
    color: #333333; /* Dunkelgraue Überschriften für Kontrast */
    margin-top: 20px; /* Etwas Abstand oben für Überschriften */
    margin-bottom: 10px; /* Etwas Abstand unten für Überschriften */
    font-weight: normal; /* Keine fetten Überschriften für ein leichteres Aussehen */
}

/* Link-Stile */
a {
    color: #007bff; /* Blau für Links */
    text-decoration: none; /* Keine Unterstreichung für ein sauberes Aussehen */
}

a:hover {
    color: #0056b3; /* Dunkleres Blau beim Hover */
    text-decoration: underline; /* Unterstreichung beim Hover für Klarheit */
}

/* Navigation */
nav {
    background-color: #f8f9fa; /* Helles Grau für die Navigationsleiste */
    padding: 10px 0; /* Vertikaler Abstand für die Navigationsleiste */
}

nav ul {
    list-style: none; /* Keine Listensymbole für ein sauberes Aussehen */
    padding: 0;
    margin: 0;
    display: flex; /* Flexibles Box-Layout für die Navigationselemente */
    justify-content: center; /* Zentriert die Navigationselemente */
}

nav ul li {
    padding: 0 15px; /* Horizontaler Abstand zwischen Navigationselementen */
}

nav ul li a {
    color: #333333; /* Dunkelgraue Schriftfarbe für Navigationslinks */
}

/* Buttons */
button,
input[type="submit"],
.btn {
    background-color: #007bff; /* Blau für Buttons */
    color: #ffffff; /* Weiße Schrift auf Buttons */
    border: none; /* Keine Ränder für Buttons */
    padding: 10px 20px; /* Innenabstand für Buttons */
    cursor: pointer; /* Cursor-Änderung, um Interaktivität anzuzeigen */
    border-radius: 2px; /* Leicht abgerundete Ecken für Buttons */
}

button:hover,
input[type="submit"]:hover,
.btn:hover {
    background-color: #0056b3; /* Dunkleres Blau beim Hover */
}

/* Formular-Stile */
input,
textarea,
select {
    width: 100%; /* Volle Breite für Formularelemente */
    padding: 10px; /* Innenabstand für Formularelemente */
    margin-bottom: 20px; /* Abstand nach unten für Formularelemente */
    border: 1px solid #CCCCCC; /* Grenze für Formularelemente */
    border-radius: 2px; /* Leicht abgerundete Ecken für Formularelemente */
}

/* Footer */
footer {
    background-color: #f8f9fa; /* Helles Grau für den Fußzeilenhintergrund */
    color: #333333; /* Dunkelgraue Schrift im Footer */
    text-align: center; /* Zentrierter Text im Footer */
    padding: 20px 0; /* Vertikaler Innenabstand im Footer */
}

footer p {
    margin: 0; /* Kein Abstand für Paragraphen im Footer */
}

/* Weitere Elemente und Klassen hier hinzufügen ... */