/* Zentraler Footer von babykurse-langenfeld.de — sieht auf jeder Seite gleich aus.
   Markup: bausteine/footer.tpl · Einbau in alle Seiten: python3 bausteine/einbauen.py
   Alles ist auf footer.bkf bezogen und in em bemessen (Basis 16 px), damit das eigene
   CSS einer Seite den Footer nicht verstellt. Farben fest aus dem fitdankbaby-CI. */
footer.bkf{display:block;position:static;margin:0;border:0;background:#032c47;color:rgba(255,255,255,.78);padding:3.5em 0 1.625em;font:inherit;font-size:16px;line-height:1.6;text-align:left;letter-spacing:normal}
footer.bkf *{box-sizing:border-box}
footer.bkf .bkf-wrap{max-width:1140px;margin:0 auto;padding:0 22px}
footer.bkf .bkf-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.125em;margin:0 0 2.25em}
footer.bkf .bkf-name{font-weight:800;font-size:1.3em;line-height:1.3;color:#fff;margin:0 0 .4em}
footer.bkf .bkf-brand p{font-size:.92em;max-width:34ch;font-weight:500;margin:0;color:inherit}
footer.bkf h4{font-family:inherit;color:#c4cfe3;font-weight:700;font-size:.78em;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;text-align:left;margin:0 0 1.15em;padding:0;border:0}
footer.bkf ul{list-style:none;margin:0;padding:0}
footer.bkf li{margin:0 0 .6em;padding:0;font-size:.93em;font-weight:500;line-height:1.5;color:inherit}
footer.bkf li::before,footer.bkf li::marker{content:none}
footer.bkf b{font-weight:700;color:#fff}
footer.bkf a{color:inherit;text-decoration:none;background:none;transition:color .2s}
footer.bkf a:hover,footer.bkf a:focus-visible{color:#fff}
footer.bkf .bkf-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:1.25em;display:flex;justify-content:space-between;gap:.9em;flex-wrap:wrap;font-size:.8em;opacity:.8}
footer.bkf .bkf-bottom a{color:#c4cfe3;text-decoration:underline}
footer.bkf .bkf-credit{text-align:center;font-size:.82em;color:rgba(255,255,255,.6);margin:1.7em 0 0;padding:0}
footer.bkf .bkf-credit a{color:#c4cfe3;text-decoration:none;white-space:nowrap}
footer.bkf .bkf-credit a:hover{color:#fff}
footer.bkf .herz{display:inline-block;width:.95em;height:.95em;margin:0 .15em;vertical-align:-.14em;fill:#e30613;transform-origin:50% 60%;animation:bkf-herzschlag 2.4s ease-in-out infinite}
@keyframes bkf-herzschlag{0%,32%,100%{transform:scale(1)}11%{transform:scale(1.2)}20%{transform:scale(1.04)}26%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){footer.bkf .herz{animation:none}}
footer.bkf .nur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:560px){footer.bkf .bkf-grid{grid-template-columns:1fr}}