/* QRTasse – Social Buttons (shared) */
.socials{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.socials a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px; height:36px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  transition: transform .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);
}
.socials a:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
  background: #f7f6f3;
}
.socials i{
  font-size:16px;
  color:#222;
  opacity:.9;
}

/* optional größer */
.socials--lg a{
  width:44px; height:44px; font-size:18px; border-radius:12px;
}