/* Nur für die Website-Demo: breite Tabellen scrollen in sich, statt die ganze Seite quer scrollen zu lassen */
@media (max-width: 48em) {
  table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  pre, code, .url, td { overflow-wrap: anywhere; }
  img, svg, canvas { max-width: 100%; height: auto; }
}
@media (max-width: 48em) {
  /* Knopfleisten der Recherche dürfen umbrechen */
  form, .knopfleiste, .aktionen, div:has(> .demo-gesperrt) { flex-wrap: wrap; }
  .demo-gesperrt, .knopf { max-width: 100%; white-space: normal; }
}
@media (max-width: 48em) { .zeile { flex-wrap: wrap; } .demo-hinweis { max-width: 100%; white-space: normal; } }
@media (max-width: 48em) { body * { min-width: 0; } } /* Grid/Flex-Kinder dürfen schrumpfen, sonst drückt die Tabelle die Seite breit */