/*
 * Farben des Netzwerks Finanzkompetenz NRW (netzwerk-finanzkompetenz.nrw.de)
 * als Bootstrap-Overrides für die Layouts ohne Seitenleiste.
 */
:root {
    --nachtblau: #003064;
    --nachtblau-hell: #0b4a8a;
    --nachtblau-dunkel: #00223f;
    --purpurrot: #882345;
    --grasgruen: #175E54;
    --grund-gedaempft: #f4f6f8;
    --grund-akzent: #eef1f5;
    --linie: #dde3ea;
    --text: #1c2530;
    --text-gedaempft: #55606d;
    --bs-primary: #003064;
    --bs-primary-rgb: 0, 48, 100;
    --bs-link-color: #0b4a8a;
    --bs-link-color-rgb: 11, 74, 138;
    --bs-link-hover-color: #003064;
    --bs-link-hover-color-rgb: 0, 48, 100;
    --bs-body-color: #1c2530;
    --bs-body-color-rgb: 28, 37, 48;
    --bs-border-color: #dde3ea;
}
body { font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--text); }
.btn-primary { --bs-btn-bg: #003064; --bs-btn-border-color: #003064; --bs-btn-hover-bg: #0b4a8a; --bs-btn-hover-border-color: #0b4a8a; --bs-btn-active-bg: #00223f; --bs-btn-active-border-color: #00223f; }
.btn-outline-primary { --bs-btn-color: #003064; --bs-btn-border-color: #003064; --bs-btn-hover-bg: #003064; --bs-btn-hover-border-color: #003064; }
.btn-success { --bs-btn-bg: #175E54; --bs-btn-border-color: #175E54; --bs-btn-hover-bg: #1e7a6d; --bs-btn-hover-border-color: #1e7a6d; }
.text-primary { color: #003064 !important; }
.bg-primary { background-color: #003064 !important; }
.form-control:focus, .form-select:focus { border-color: #0b4a8a; box-shadow: 0 0 0 0.25rem rgba(0, 48, 100, 0.2); }
.form-check-input:checked { background-color: #003064; border-color: #003064; }
.navbar-kirchen { border-bottom: 3px solid var(--nachtblau) !important; }
.navbar-kirchen .nav-link { color: var(--nachtblau); font-weight: 600; }
.navbar-kirchen .nav-link:hover, .navbar-kirchen .nav-link:focus { color: var(--purpurrot); }

/* ---------- Marke: Zeichen und Schriftzug ---------- */
.oeff-marke {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    text-decoration: none;
    color: var(--nachtblau, #003064);
    padding: 0.25rem 0;
}

.oeff-marke img {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 7px;
}

.oeff-marke-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.oeff-marke-text strong {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--nachtblau, #003064);
    letter-spacing: -0.01em;
}

.oeff-marke-text small {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--purpurrot, #882345);
}

.oeff-marke:hover .oeff-marke-text strong,
.oeff-marke:focus-visible .oeff-marke-text strong {
    color: var(--nachtblau-hell, #0b4a8a);
}

@media (max-width: 575.98px) {
    .oeff-marke-text strong { font-size: 0.95rem; }
    .oeff-marke-text small { font-size: 0.75rem; }
}