:root {
    --bs-primary: #2874B2; 
}
body { background-color: var(--bs-bg, #f8f9fa); }

.bg-primary { background-color: var(--bs-primary) !important; }
.btn-primary { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; }
.btn-primary:hover {background-color: color-mix(in srgb, var(--bs-primary) 85%, white) !important;}
.btn-outline-primary { color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; }
.btn-outline-primary:hover { 
    background-color: var(--bs-secondary) !important; 
    border-color: var(--bs-secondary) !important;
    color: white !important;
}
.navbar { background-color: var(--bs-primary) !important; }
.text-primary { color: var(--bs-primary) !important; }

.navbar .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.375rem;
}

.navbar-brand:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.375rem;
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-primary) !important;
    color: white !important;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.form-check-input:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 25%, transparent) !important;
}

.list-group-item.active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Weitere Bauteile mit fest einkompiliertem Blau auf die Designfarbe ziehen */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--bs-primary) !important;
}
.page-link { color: var(--bs-primary) !important; }
.page-item.active .page-link {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--bs-primary) !important;
}
.progress-bar { background-color: var(--bs-primary) !important; }