/* Überschreibe die Standardfarben von Bootstrap */
:root {
    --primary: #009926; /* Standardfarbe für primäre Elemente */
    --secondary: #007e43; /* Standardfarbe für sekundäre Elemente */
    --success: #28a745; /* Standardfarbe für Erfolgsmeldungen */
    --info: #17a2b8; /* Standardfarbe für Informationsmeldungen */
    --warning: #ffc107; /* Standardfarbe für Warnmeldungen */
    --danger: #dc3545; /* Standardfarbe für Fehlermeldungen */
    --light: #f8f9fa; /* Standardfarbe für helle Elemente */
    --dark: #343a40; /* Standardfarbe für dunkle Elemente */
}

/* Beispiel für die Anwendung der neuen Farben */
.navbar {
    background-color: var(--primary) !important;
}

.nav-link {
    color: var(--light) !important;
}

.navbar-brand {
    color: var(--light) !important;
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

h3 {
    position: relative;
    padding-bottom: 10px; /* Abstand zwischen Text und Linie */
    margin-bottom: 20px; /* Abstand nach unten */
}

h3::after {
    content: "";
    display: block;
    width: 50%; /* Breite der Linie */
    height: 3px; /* Dicke der Linie */
    background-color: #009926; /* Farbe der Linie */
    position: absolute;
    bottom: 0;
    left: 0;
}

.bg-header {
    background: url("https://via.placeholder.com/600x400");
}

/* Weitere Anpassungen für andere Bootstrap-Komponenten */