/* ══════════════════════════════════════════════════════════════════════
   Footer auf schmalen Schirmen
   ----------------------------------------------------------------------
   Der Footer ist auf allen Seiten gleich aufgebaut und arbeitet mit
   Inline-Styles: der Block mit Logo und Koordinaten wird rechts gesetzt
   (justify-self:end) und um 110px nach unten geschoben, die Adresszeile
   darf nicht umbrechen, und die Zeile mit Impressum/Datenschutz/AGB liegt
   absolut am unteren Rand. Auf dem Handy fallen dadurch Logo, Adresse und
   Koordinaten uebereinander.

   Diese Datei loest genau das - ohne styles.css anzufassen, die auch den
   Live-Stand bedient. Sie wird nach den uebrigen Stylesheets geladen.
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width:720px) {

  /* 1) Logo-Block nach links, kein Versatz nach unten mehr */
  footer > div:first-child > div[style*="justify-self:end"] {
    justify-self:start !important;
    margin-right:0 !important;
    margin-top:0 !important;
  }

  /* 2) Adresse und Koordinaten duerfen umbrechen statt zu ueberlappen */
  footer p[style*="white-space:nowrap"] {
    white-space:normal !important;
    line-height:1.7;
  }

  /* 3) Die Rechtszeile steht im Fluss statt absolut am unteren Rand */
  footer > div[style*="position:absolute"] {
    position:static !important;
    padding:0 clamp(20px,4vw,48px) 24px;
  }
}