/* Handy-Anpassungen fuer Seiten mit Tabellen und Formularen (admin.html,
   profil.html). EINE gemeinsame Datei, damit die naechste Seite das erbt.
   Breakpoint 899px = dieselbe Schwelle, ab der die Sidebar zum Overlay wird. */

@media (max-width: 899px) {
  .wrap { padding: 28px 16px 40px; }
  h1 { font-size: 26px; }
  h2 { font-size: 16px; }
  .card { padding: 20px 16px; }

  /* Formularzeilen stapeln. */
  .row { gap: 12px; }
  .row > div { flex: 1 1 100%; }
  .grid { grid-template-columns: 1fr; }

  /* Tabellen bekommen ihren eigenen waagerechten Scrollbereich, statt die
     Spalten zusammenzupressen. white-space:nowrap ist die Bedingung dafuer. */
  table { display: block; width: auto; min-width: 100%; overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  table th, table td { white-space: nowrap; }
  table td.txt { white-space: normal; min-width: 220px; }

  .btn { white-space: normal; }
}

/* Touch-Geraete: Zielflaechen vergroessern. */
@media (pointer: coarse) {
  .btn { min-height: 44px; }
  table td button, table td a.btn { min-height: 38px; }
}