/* /assets/css/footer.css */
.footer{
  border-top:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.12);
  padding: 28px 0 16px;
}

.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

/* ICONS */
.footer-icons{
  display:flex;
  gap:12px;
  align-items:center;
}

.ico{
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  display:grid;
  place-items:center;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.ico:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.22);
}

/* DAS ist der entscheidende Fix: SVG nie riesig */
.ico svg{
  width:20px;
  height:20px;
  fill: rgba(255,255,255,.88);
  display:block;
}

.footer-right{
  display:flex;
  gap:10px;
  align-items:center;
  color: rgba(255,255,255,.70);
  font-weight:900;
}
.footer-link{color: rgba(255,255,255,.72)}
.footer-link:hover{color:#fff; text-decoration:underline}
.dot{opacity:.6}

.footer-bottom{
  margin-top: 12px;
  padding-top: 12px;
  border-top:1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.62);
  font-weight:900;
}

@media (max-width:980px){
  .footer-inner{flex-direction:column; align-items:flex-start}
}