/* SPRS: Gruen aus dem Logo (#20A56E) mit den Abstufungen der Varion-CI-Palette
   (#11794F / #0C5739 / #073523), neutral #201E22 / #F4F4F4. Heller Kopf, weil das
   Logo (JPG) einen weissen Hintergrund hat. (User 2026-09-24) */
:root {
    --c-heading: #201e22;
    --c-text: #201e22;
    --c-accent: #20a56e;
    --c-accent-hover: #11794f;
    --c-accent-shadow: rgba(32, 165, 110, 0.3);
    --c-overlay: rgba(7, 53, 35, 0.8);
    --c-light-bg: #f4f4f4;
    --c-footer-bg: #073523;
    --c-btn-bg: #20a56e;
    --c-btn-border: #20a56e;
    --c-btn-hover: #11794f;
    --logo-max: 150px;
}

/* Kopf: weiss statt Bootstrap-Grau, gruene Linie als Abschluss */
.navbar.bg-light {
    background-color: #fff !important;
    border-bottom: 3px solid var(--c-accent);
}
.navbar.bg-light .navbar-text {
    color: var(--c-heading);
    font-weight: 600;
}

/* Fuss: Links und Kleingedrucktes auf dem dunklen Gruen lesbar */
.footer .text-secondary,
.footer .text-secondary a {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* Bootstrap-Primaerfarbe (Links, Fokus, Checkboxen) auf SPRS-Gruen */
a {
    color: var(--c-accent-hover);
}
a:hover {
    color: #0c5739;
}
.form-check-input:checked {
    background-color: var(--c-accent);
    border-color: var(--c-accent);
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--c-accent);
    box-shadow: 0 0 0 0.2rem var(--c-accent-shadow);
}
.page-link {
    color: var(--c-accent-hover);
}
.page-item.active .page-link {
    background-color: var(--c-accent);
    border-color: var(--c-accent);
}