/*
 * Die konkreten Schriftgrößen werden über die WordPress-Einstellungen
 * erzeugt. Diese Datei hält bewusst keine weiteren Designregeln bereit.
 */

.sw-footer-links {
  min-width: 0;
  max-width: 100%;
}

.footer-menu,
.sw-footer-extra-menu {
  align-items: center;
  justify-content: flex-end;
}

.sw-footer-instagram a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #8bd1ff;
  border: 1px solid rgba(72, 166, 228, .35);
  border-radius: 8px;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.sw-footer-instagram a:hover,
.sw-footer-instagram a:focus-visible {
  color: #fff;
  border-color: rgba(139, 209, 255, .85);
  background: rgba(22, 136, 212, .16);
}

.sw-footer-instagram svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.sw-footer-instagram .sw-instagram-dot {
  fill: currentColor;
  stroke: none;
}

@media (max-width: 760px) {
  .footer-menu,
  .sw-footer-extra-menu {
    justify-content: center;
  }
}