/* ============================================================
   EPIC24 – gemeinsame Fussleiste (29.07.2026)
   Wird von index.html, login.html und kataloge.php eingebunden.
   Eigene Klassennamen, damit bestehende footer.site-Regeln
   der anderen Stylesheets nicht hineinwirken.
   ============================================================ */
.epic-footer{
  background:#071E4D;
  color:#C3D2F0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.5;
}
.epic-footer *{ box-sizing:border-box; }
.epic-footer .ef-wrap{
  max-width:1180px; margin:0 auto; padding:24px;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:28px;
}
.epic-footer img{
  display:block; height:24px; width:auto; margin-bottom:10px; opacity:.94;
}
.epic-footer p{ font-size:12.5px; line-height:1.6; margin:0; color:#C3D2F0; }
.epic-footer .ef-cr{ display:block; margin-top:10px; color:#8FA8D8; font-size:11.5px; }
.epic-footer h2{
  font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:.11em;
  margin:0 0 10px; font-weight:600; text-align:left; letter-spacing:.11em;
}
.epic-footer a.ef-link{
  display:block; font-size:13.5px; color:#fff; margin-bottom:7px; width:fit-content;
  border-bottom:1px solid rgba(255,255,255,.32); padding-bottom:2px; text-decoration:none;
}
.epic-footer a.ef-link:hover{ border-bottom-color:#fff; }
.epic-footer a.ef-link:focus-visible{ outline:3px solid #2563EB; outline-offset:3px; border-radius:4px; }

@media(max-width:760px){
  .epic-footer .ef-wrap{ padding:22px; gap:22px; }
}