/* Kleine Social-Links; Animation angelehnt an Vinod Jangids Uiverse-Beispiel. */
.footer-end{display:grid;justify-items:end;gap:12px}
.footer-socials{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.footer-social-link{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid var(--line-2,#343940);border-radius:5px;background:rgba(22,25,29,.62);color:var(--text-2,#a9adb3);text-decoration:none;touch-action:manipulation;transition:color .22s ease,border-color .22s ease,transform .22s ease}
.footer-social-link::before{content:"";position:absolute;inset:0;background:var(--social-color,#16191d);opacity:0;transition:opacity .22s ease}
.footer-social-link svg{position:relative;z-index:1;display:block;width:19px;height:19px;fill:currentColor}
.footer-social-link:is(:hover,:focus-visible){color:#fff;border-color:transparent}
.footer-social-link:is(:hover,:focus-visible)::before{opacity:1}
.footer-social-link:is(:hover,:focus-visible) svg{animation:footer-icon-enter .3s cubic-bezier(.2,.7,.25,1) both}
.footer-social-link:focus-visible{outline:2px solid var(--accent,#62c6de);outline-offset:4px}
.footer-social-link:active{transform:scale(.94)}
.social-linkedin{--social-color:#0a66c2}
.social-instagram{--social-color:linear-gradient(145deg,#833ab4 0%,#c13584 38%,#e1306c 60%,#f77737 84%,#fcaf45 100%)}
.social-facebook{--social-color:#0866ff}
.social-tiktok{--social-color:#080808}
.social-tiktok:is(:hover,:focus-visible) svg{filter:drop-shadow(-1.2px -1px 0 #25f4ee) drop-shadow(1.2px 1px 0 #fe2c55)}
.social-xing{--social-color:#006567}
.social-xing:is(:hover,:focus-visible) .xing-lime{fill:#b0d400}
.social-threads,.social-x{--social-color:#000}
.social-youtube{--social-color:#f00}
.social-bluesky{--social-color:#0085ff}
@keyframes footer-icon-enter{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.footer-end{justify-items:start;gap:10px}.footer-socials{gap:8px}}
@media(prefers-reduced-motion:reduce){.footer-social-link,.footer-social-link::before{transition:none}.footer-social-link:is(:hover,:focus-visible) svg{animation:none}}