/* Grundlegendes Styling für den gesamten Body */
body {
    font-family: Arial, sans-serif; /* Schriftart für die gesamte Seite */
    margin: 0; /* Entfernt den Standardabstand */
    background-image: url('../bilder/IT Bild.png'); /* URL deines Bildes */
    background-size: cover; /* Bildgröße anpassen, um den gesamten Hintergrund zu bedecken */
    background-position: center; /* Bild zentrieren */
    background-repeat: no-repeat; /* Bild nicht wiederholen */
    background-attachment: fixed; /* Bild fixieren */
    height: 100vh; /* Höhe auf 100% des Viewports setzen */
}

/* Header Styling */
header {
    background-color: #0174DF; /* Hintergrundfarbe des Headers */
    color: white; /* Textfarbe im Header */
    padding: 20px; /* Innenabstand im Header */
    text-align: center; /* Text zentrieren */
}



/* Navigation Styling */
nav {
    background-color: #BDBDBD; /* Hintergrundfarbe der Navigation */
    padding: 10px; /* Innenabstand der Navigation */
    text-align: center; /* Text zentrieren */
}

nav ul {
    list-style-type: none; /* Entfernt die Standard-Aufzählungspunkte */
    padding: 0; /* Entfernt den Innenabstand */
    margin: 0; /* Entfernt den Außenabstand */
}

nav ul li {
    display: inline; /* Elemente in einer Zeile anzeigen */
    margin: 0 15px; /* Abstand zwischen den Navigationselementen */
}

nav ul li a {
    color: white; /* Textfarbe der Links */
    text-decoration: none; /* Unterstriche entfernen */
    font-weight: bold; /* Fettdruck für die Links */
}

nav ul li a:hover {
    color: #190714; /* Farbe beim Überfahren ändern */
}


/* Hauptinhalt Styling */
main {
    flex: 2; /* Hauptinhalt nimmt mehr Platz ein */
    background-color: rgba(255, 255, 255, 0.80); /* Hintergrundfarbe mit Transparenz */
    padding: 20px; /* Innenabstand */
    border: 1px solid #ddd; /* Rahmen um den Hauptinhalt */
    overflow-y: auto; /* Scrollbalken hinzufügen */
    padding-bottom: 50px; /* Platz für den Footer schaffen */
}

/* Footer Styling */
footer {
    background-color: #2E1A47; /* Hintergrundfarbe des Footers */
    color: white; /* Textfarbe im Footer */
    text-align: center; /* Text zentrieren */
    padding: 10px; /* Innenabstand im Footer */
    position: fixed; /* Footer am unteren Rand fixieren */
    bottom: 0; /* Position am unteren Rand */
    width: 100%; /* Breite auf 100% setzen */
    height: 30px; /* Höhe des Footers */
}