/* Footer – Neugestaltung 2026 (schuetzen-schwinde.de) */

.bp-page-footer {
    background: #0f2b46;
    color: rgba(255, 255, 255, .78);
    border-top: 4px solid #0288D1;
}

/* nur die befuellte Spalte zeigen, volle Breite */
.footer-section-content {
    background: transparent !important;
    color: inherit;
    padding: 2.5rem 0 1.5rem;
}
.footer-section-content .section-column:not(:has(.frame)) { display: none; }
.footer-section-content .section-column { flex: 1 1 100%; max-width: 100%; }
.footer-section-content .frame,
.footer-section-content .frame-inner { padding: 0; background: none; }
.footer-section-content p { margin: 0; }

/* Kopfbereich: Logo | Name + Adresse | Button */
.footer-grid {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "logo brand cta"
        "logo address cta";
    column-gap: 1.25rem;
    row-gap: .35rem;
    align-items: center;
}
.footer-grid::before {
    content: "";
    grid-area: logo;
    width: 56px;
    height: 56px;
    background: url(/fileadmin/logo.svg) center / contain no-repeat;
}
.footer-brand { grid-area: brand; line-height: 1.3; align-self: end; }
.footer-brand strong {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: .01em;
    margin-right: .5rem;
}
.footer-brand span { font-size: .95rem; }
.footer-address { grid-area: address; font-size: .95rem; align-self: start; }
.footer-cta { grid-area: cta; }

/* Links */
.footer-route,
.footer-legal a,
.footer-top {
    color: #fff;
    text-decoration: none;
    transition: color .2s ease;
}
.footer-route::after { content: " \2192"; }
.footer-top::after { content: " \2191"; }
.footer-route:hover,
.footer-legal a:hover,
.footer-top:hover { color: #f2c200; }

/* Button "Mitglied werden" in Logo-Gelb */
.footer-btn {
    display: inline-block;
    padding: .7rem 1.4rem;
    border-radius: 999px;
    background: #f2c200;
    color: #0f2b46;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}
.footer-btn:hover { background: #ffd633; color: #0f2b46; transform: translateY(-1px); }

/* sichtbarer Tastatur-Fokus */
.bp-page-footer a:focus-visible {
    outline: 2px solid #f2c200;
    outline-offset: 3px;
    border-radius: 4px;
}

/* Fusszeile: Copyright | Rechtliches | Nach oben */
.footer-bottom {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, .15);
    font-size: .85rem;
}
.footer-bottom > p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1.5rem;
}
.footer-legal { display: inline-flex; gap: 1.25rem; }
.footer-top { margin-left: auto; }

/* bisherigen Meta-Bereich (Sprachmenue, doppeltes Copyright) ausblenden */
.footer-section-meta { display: none; }

/* Handy: alles untereinander, zentriert */
@media (max-width: 767.98px) {
    .footer-grid {
        grid-template-columns: 1fr;
        grid-template-areas: "logo" "brand" "address" "cta";
        justify-items: center;
        text-align: center;
        row-gap: .6rem;
    }
    .footer-brand strong { display: block; margin: 0; }
    .footer-cta { margin-top: .75rem; }
    .footer-bottom > p { flex-direction: column; text-align: center; }
    .footer-top { margin-left: 0; }
}

/* Rechtslinks weiss wie die uebrigen Footer-Links (Theme faerbt Footer-Links sonst gelb) */
.bp-page-footer .footer-legal a,
.bp-page-footer .footer-route { color: #fff; }
.bp-page-footer .footer-legal a:hover,
.bp-page-footer .footer-route:hover { color: #f2c200; }

/* Platz fuer den "Nach oben"-Knopf von Bootstrap auf dem Handy */
@media (max-width: 767.98px) {
    .footer-bottom { padding-bottom: 3.5rem; }
}