/* Paket 82: Social-Media-Links in der Fußzeile */
.foot-social { margin-top: 18px; }
.foot-social .fs-h { margin: 0 0 8px; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #64748B; }
.fs-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.fs-list a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; color: #334155; background: #fff;
  box-shadow: 0 0 0 1px rgba(15,23,42,.07), 0 8px 18px -12px rgba(37,99,235,.45); transition: transform .3s cubic-bezier(.34,1.5,.64,1), color .2s, box-shadow .2s, background .2s; }
.fs-list svg { width: 21px; height: 21px; }
.fs-list a:hover, .fs-list a:focus-visible { color: var(--sc); transform: translateY(-3px) scale(1.06); box-shadow: 0 0 0 1px color-mix(in srgb, var(--sc) 35%, transparent), 0 12px 22px -12px var(--sc); }
.fs-list a:focus-visible { outline: 3px solid #2563EB; outline-offset: 2px; }
html.a11y-still .fs-list a { transition: none; } html.a11y-still .fs-list a:hover { transform: none; }
@media (prefers-reduced-motion: reduce) { .fs-list a { transition: none; } .fs-list a:hover { transform: none; } }