/* ============================================================================
   seiten-zugaenge.css — Anordnung der Seite `laden-zugaenge.html`
   Brandpool 2.1 · angelegt 12.08.2026
   ----------------------------------------------------------------------------
   Nur Gerüst, keine Bauteile. Jedes sichtbare Teil dieser Seite — Tabelle,
   Karte, Knopf, Badge, Fenster, Hinweiskasten, Leerzustand — kommt aus
   `ui-wise.css`. Hier steht ausschließlich, WO es steht.

   Der Aufbau ist Zeile für Zeile der von `laden-standorte.html` (Abschnitt
   „STANDORTE" in `seiten.css`, Vorsatz `st-`). Er wird hier NICHT
   wiederverwendet, sondern unter eigenem Vorsatz `zg-` wiederholt: die
   `st-`-Regeln gehören zur Standorte-Ansicht, und zwei Seiten, die sich
   dieselbe Anordnung teilen, ändern sich erfahrungsgemäß nicht gemeinsam.
   Werte kommen ausnahmslos aus den Variablen von `ui-wise.css`.
   ============================================================================ */

/* --- Seitenkopf: Titel und Lede links, Handlungsknopf rechts --------------- */
.zg-kopf{ display:flex; align-items:flex-start; gap:var(--sp-4); flex-wrap:wrap; margin-bottom:var(--sp-4) }
.zg-kopf > div{ flex:1; min-width:240px }
.zg-titel{ font-size:var(--fs-h1); letter-spacing:-.025em; font-weight:800; margin:0 }
.zg-lede{ color:var(--muted); font-size:var(--fs-text); margin:6px 0 0; max-width:620px }

/* --- Fenster: Kopfzeile, Rumpf, Knopfzeile -------------------------------- */
.zg-fkopf{ display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-4) }
.zg-fkopf b{ font-size:var(--fs-h2); letter-spacing:-.02em; flex:1 }
.zg-frumpf{ min-width:0 }
/* Ein einzelnes Feld im Fenster steht über die volle Breite — sonst hängt es
   in der Mitte und sieht aus, als fehlte etwas daneben. */
.zg-frumpf .sp-input{ width:100% }
.zg-knopfzeile{ display:flex; gap:var(--sp-2); flex-wrap:wrap; justify-content:flex-end; margin-top:var(--sp-4) }

/* Die Rückfrage ist ein Satz und zwei Knöpfe — sie braucht nicht die volle
   Fensterbreite. Dieselbe Verengung wie in der abgenommenen Attrappe. */
.zg-schmal{ max-width:440px }
.zg-text{ font-size:var(--fs-text); color:var(--text-weich); margin-bottom:var(--sp-3) }
.zg-text b{ color:var(--text) }

/* --- Kleinigkeiten in der Liste ------------------------------------------- */
.zg-mail{ overflow-wrap:anywhere }
.zg-mikro{ font-size:var(--fs-mikro); color:var(--muted); max-width:420px }

/* --- Fußnote unter der Liste ---------------------------------------------- */

/* Wird gebraucht, solange die Zugangstabelle in der Datenbank fehlt: dann hat
   die Fußnote nichts, worauf sie sich beziehen könnte. Eine Klasse statt eines
   Inline-Stils, damit in der HTML-Datei kein Aussehen steht. */
.zg-versteckt{ display:none }