/* Container für die Social-Media-Buttons und ihr Layout */
.social-media-row {
  display: flex;            /* Icons nebeneinander */
  gap: 15px;                /* Abstand zwischen den Icons */
  justify-content: center;  /* Zentriert den gesamten Block horizontal */
  margin-top: 2rem;         /* Abstand nach oben, damit es nicht zu nah an Shop Durchsuchen ist */
}

/* (Optional) Falls du weitere Anpassungen brauchst, 
   z.B. unterschiedliche Hover-Effekte oder Größen */
.social-media-row svg {
  transition: transform 0.2s;
}
.social-media-row a:hover svg {
  transform: scale(1.1); /* Leichter Hover-Effekt */
}