/* Allgemeine Stile */
body {
    background-color: #fff; /* Weißer Hintergrund */
    color: #000; /* Schwarzer Text */
    font-family: Arial, sans-serif; /* Standardschriftart */
    margin: 0; /* Entfernt den Seitenrand */
    padding: 0; /* Entfernt das Seitenpolster */
    display: flex; /* Flexbox-Layout für zentrierten Inhalt */
    flex-direction: column; /* Inhalt vertikal zentriert */
    min-height: 100vh; /* Mindesthöhe auf volle Bildschirmhöhe */
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    color: #c33764; /* Primärfarbe für Überschriften */
}

/* Links */
a {
    color: #1d2671; /* Sekundärfarbe für Links */
    text-decoration: none; /* Entfernt die Unterstreichung von Links */
}

a:hover {
    text-decoration: underline; /* Unterstreichung bei Mauszeiger-Hover */
}

/* Tabellen */
table {
    border-collapse: collapse; /* Entfernt den Abstand zwischen Tabellenzellen */
    width: 100%; /* Tabellenbreite 100% des Elternelements */
}

th, td {
    padding: 10px; /* Innenabstand für Tabellenzellen */
    border: 1px solid #ccc; /* Trennlinien zwischen Tabellenzellen */
    text-align: left; /* Linksbündige Ausrichtung des Texts */
}

/* Formulare */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    width: 100%; /* Formularelemente nehmen die volle Breite ein */
    padding: 8px; /* Innenabstand für Formularelemente */
    margin-bottom: 10px; /* Abstand zwischen Formularelementen */
    border: 1px solid #ccc; /* Rand um Formularelemente */
    border-radius: 4px; /* Runde Ecken für Formularelemente */
}

/* Buttons */
button, input[type="submit"], .bt {
    background-color: #c33764; /* Primärfarbe für Buttons */
    color: #fff; /* Weiße Textfarbe für Buttons */
    padding: 10px 20px; /* Innenabstand für Buttons */
    border: none; /* Kein Rand um Buttons */
    border-radius: 4px; /* Runde Ecken für Buttons */
    cursor: pointer; /* Zeiger-Cursor für Buttons */
}

button:hover, input[type="submit"]:hover, .bt:hover {
    background-color: #1d2671; /* Sekundärfarbe bei Mauszeiger-Hover */

}

/* Navigationsleiste */
nav {
    background-color: #0161b8; /* Hintergrundfarbe der Navigationsleiste */
    background-image: linear-gradient(to right, #c33764, #1d2671);
    color: #fff; /* Textfarbe in der Navigationsleiste */
    padding: 10px; /* Innenabstand für die Navigationsleiste */
    display: flex; /* Flexbox-Layout für horizontale Anordnung */
    align-items: center; /* Zentriert Elemente vertikal */
    justify-content: space-between; /* Abstand zwischen Logo und Menü */
}

nav .logo {
    margin-right: auto; /* Platzierung des Logos ganz links */
}

nav ul {
    list-style-type: none; /* Entfernt Aufzählungspunkte für Listen */
    padding: 0; /* Entfernt den Innenabstand für Listen */
    margin: 0; /* Entfernt den Außenrand für Listen */
}

nav li {
    position: relative; /* Positionierung für Untermenüs */
    margin-right: 20px; /* Abstand zwischen Hauptmenüpunkten */
}

nav a {
    color: #fff; /* Textfarbe für Navigationslinks */
    text-decoration: none; /* Entfernt die Unterstreichung von Links */
    padding: 10px 20px; /* Innenabstand für Links */
    display: block; /* Blockelemente für Links */
}

nav a:hover {
    background-color: #2187e6; /* Hintergrundfarbe bei Mauszeiger-Hover */
    border-radius: 4px; /* Runde Ecken für Links bei Hover */
}

/* Untermenü */
nav ul.submenu {
    display: none; /* Untermenüs standardmäßig ausblenden */
    position: absolute;
    top: 100%; /* Untermenü unter dem Hauptmenüpunkt */
    left: 0; /* Untermenü beginnt am linken Rand */
    background-color: #fff; /* Hintergrundfarbe für Untermenü */
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px; /* Runde Ecken nur unten */
    padding: 0;
}

nav li:hover > ul.submenu {
    display: block; /* Untermenü bei Hover anzeigen */
}

/* Media Query für kleinere Bildschirme */
@media (max-width: 768px) {
    nav {
        flex-direction: column; /* Inhalt vertikal anordnen */
        text-align: center; /* Zentrierter Text */
        padding: 20px; /* Innenabstand erhöhen */
    }

    nav ul {
        margin-top: 20px; /* Abstand zwischen Logo und Menü erhöhen */
    }

    nav li {
        margin-right: 0; /* Kein Abstand zwischen Hauptmenüpunkten */
    }

    nav a {
        padding: 10px; /* Innenabstand für Links anpassen */
    }

    nav ul.submenu {
        position: static; /* Untermenüs nicht mehr absolut positionieren */
        display: none; /* Untermenüs standardmäßig ausblenden */
    }
}

/* Für größere Bildschirme */
@media (min-width: 769px) {
    .maincontent {
        margin: 0 auto; /* In der Mitte des Bildschirms ausrichten */
        max-width: 1200px; /* Maximale Breite des Inhalts */
        padding: 20px; /* Äußerer Abstand hinzufügen */
    }
}

/* Für kleinere Bildschirme */
@media (max-width: 769px) {
    .maincontent {
        margin: 0 auto; /* In der Mitte des Bildschirms ausrichten */
        max-width: 70%; /* Maximale Breite des Inhalts */
        padding: 20px; /* Äußerer Abstand hinzufügen */
    }
}

/* Für Sonderfälle (interaktive Tabellen) */
.ignore-css{
	all: unset !important;
}