/* Footer aus Entwurf: heller vier-Spalten-Bereich plus schmaler Bottom-Bar.
   Footer-Module am besten innerhalb einer Elementgruppe .be-footer-grid anordnen. */
#footer{background:var(--color-warmwhite);color:var(--color-text);border-top:1px solid var(--color-line)}
#footer>.inside{width:min(100% - (2 * var(--gutter)),var(--container-width));margin-inline:auto}
.be-footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:0;padding-block:65px 50px}
.be-footer-grid>.be-footer-col{padding-inline:clamp(20px,3vw,50px);min-width:0}
.be-footer-grid>.be-footer-col:first-child{padding-left:0}
.be-footer-grid>.be-footer-col:last-child{padding-right:0}
.be-footer-grid>.be-footer-col+.be-footer-col{border-left:1px solid var(--color-line)}
.be-footer-col h3{font-size:1.25rem;margin-bottom:26px}
.be-footer-col p,.be-footer-col li{color:var(--color-muted);font-size:.95rem}
.be-footer-col ul{list-style:none;padding:0;margin:0}
.be-footer-col li+li{margin-top:16px}
.be-footer-col a{color:inherit;text-decoration:none}.be-footer-col a:hover{color:var(--color-brand)}
.be-footer-logo{display:block;max-width:255px;margin-bottom:25px}
.be-footer-contact{display:grid;gap:20px}
.be-footer-contact-row{display:grid;grid-template-columns:27px minmax(0,1fr);gap:15px;align-items:start}
.be-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--color-line);padding:24px 0 34px;color:var(--color-muted);font-size:.82rem}
.be-footer-bottom a{color:inherit;text-decoration:none}.be-footer-bottom a:hover{color:var(--color-brand)}
.be-footer-motto{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;text-align:center}
#footer .bi {
    font-size: 26px;
    color: var(--color-navy, #172033);
    line-height: 1;
}