/* ============================================
   Footer Mobile Responsiveness Fix
   Stackt die Footer-Spalten unter 960px vertikal
   statt 33%-Spalten die zu eng für Text sind
   ============================================ */

@media (max-width: 960px) {

  /* Footer-Spalten auf volle Breite stacken */
  .footeradress .wpb_column.col-md-33 {
    width: 100% !important;
    display: block;
  }

  /* Abstand zwischen gestackten Spalten */
  .footeradress .wpb_column.col-md-33:not(:last-child) {
    margin-bottom: 30px;
  }

  /* Lange Wörter/Emails umbrechen */
  .footeradress .uncont,
  .footeradress .heading-text,
  .footeradress .heading-text h5,
  .footeradress .heading-text span {
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }

  /* Adress-Spalte zentriert auf mobile für besseres Aussehen */
  .wpb_column.footeradress .heading-text {
    text-align: center;
  }

  /* Footer-Links sauber zentrieren */
  .footer-links .heading-text {
    text-align: center;
  }

  /* Mail-Link nicht zu breit */
  .footeradress a[href^="mailto:"] {
    word-break: break-all;
  }
}

/* Extra-Sicherheit für sehr kleine Screens (< 480px) */
@media (max-width: 480px) {
  .footeradress .heading-text h5 {
    font-size: 14px !important;
    line-height: 1.4;
  }
}