/* mobile-admin.css – NUR Regeln für ≤600px (Tablet-Hochkant/Handy). Desktop-Styles bleiben unangetastet. */
@media (max-width: 600px) {
  .app { flex-direction: column; }
  .sidebar { position: fixed; left: 0; top: 0; bottom: 0; height: 100vh; transform: translateX(-100%); transition: transform .2s ease; z-index: 80; box-shadow: 0 0 40px rgba(0,0,0,.25); }
  .sidebar.offen { transform: none; }
  .nur-mobil { display: inline-flex; }
  .topbar { padding: 10px 12px; gap: 10px; }
  .topbar-rechts .btn span, .topbar-rechts .btn { font-size: .8rem; }
  .inhalt { padding: 16px 12px 40px; }
  .seitenkopf { flex-direction: column; }
  .seitentitel { font-size: 1.3rem; }
  .spalten-2 { grid-template-columns: 1fr; }
  .kacheln-3, .kacheln-2, .kacheln-4 { grid-template-columns: 1fr 1fr; }
  .felder, .felder-3, .felder-form { grid-template-columns: 1fr; }
  .vorlage-raster { grid-template-columns: 1fr 1fr; }
  .detail-kopf { flex-direction: column; }
  .detail-kopf-rechts { justify-content: flex-start; }
  .auskunft-teil { flex: 1 1 45%; border-right: 0; padding: 8px 12px; }
  .wizard-schritte { flex-wrap: wrap; }
  .wizard-schritte li { flex: 1 1 45%; font-size: .8rem; padding: 8px 10px; }
  .filterleiste .eingabe { flex: 1 1 100%; }
  .fusszeile { flex-direction: column; gap: 4px; }
  .url-kopierer .url-zeile { flex-wrap: wrap; }
  .toasts { left: 12px; right: 12px; bottom: 12px; }
  .karte { padding: 14px; }
  .tabelle { font-size: .85rem; }
}