:root{
  --footer-h: 64px;
}

/* ── Footer: analog Email-Footer (Navy + gelbe Linie + Button-Links) ── */
.site-footer{
  position:fixed; left:0; right:0; bottom:0;
  height:var(--footer-h);
  background: #0B1F3A;
  z-index:30;
  border-top: 3px solid #FFD54A;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  font-size:13px;
  color: #9CA3AF;
}

.footer-inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 22px;
  gap:12px;
}

.footer-left{
  color: #9CA3AF;
  font-size: 12px;
  white-space: nowrap;
}

.footer-links{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
}

/* Links als Buttons – 1:1 wie Email-Footer */
.footer-links a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color: #9CA3AF;
  text-decoration:none;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 6px;
  white-space: nowrap;
  transition: background .15s, border-color .15s, color .15s;
}
.footer-links a:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.42);
  color: #d1d5db;
  text-decoration: none;
}

/* Icons (SVG erbt color via currentColor) */
.f-icon{
  width:15px;
  height:15px;
  flex:0 0 auto;
  display:inline-block;
}
.f-label{ display:inline; }

/* Animationen */
.site-footer.is-hidden{
  opacity:0;
  transform: translateY(10px);
  pointer-events:none;
}
.site-footer.is-visible{
  opacity:1;
  transform: translateY(0);
  pointer-events:auto;
  transition: opacity 420ms ease, transform 420ms ease;
}

/* Mobile: nur Icons, kein Label */
@media (max-width: 980px){
  .footer-inner{ padding: 0 14px; }

  .footer-left{
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
  }

  .footer-links{
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 5px;
  }

  .f-label{ display:none; }
  .footer-links a{ padding: 6px 8px; }
}

/* Blind links (Platzhalter) */
.is-blind{ opacity:.7; cursor:default; }
.is-blind:hover{ opacity:.7; }