@media screen and (max-width: 767px) {
  /* Stellt die Spalten im Footer untereinander dar und sorgt für etwas Abstand. */
  footer.wp-block-template-part .wp-block-columns {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  /* Zentriert den Inhalt jeder Spalte (Logo, Text, Bilder etc.). */
  footer.wp-block-template-part .wp-block-column {
    text-align: center;
  }

  /* Zentriert die Navigations-Blöcke selbst und richtet ihre Elemente aus. */
  footer.wp-block-template-part .wp-block-navigation {
    margin: 0 auto !important;
  }
  footer.wp-block-template-part .wp-block-navigation .wp-block-navigation__container {
    /* Stellt die Menüpunkte (<li>) untereinander und zentriert sie. */
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
}