/* ============================================================================
   agentbooks.de — Lead-Formulare (geteilte Komponente)
   Präfix lf- (lf-row · lf-honeypot · lf-status · lf-noscript; ab- bleibt dem
   Design-System vorbehalten, faq- ist das Akkordeon, sf- der Footer, sn- der
   Header, doc-/hp-/cat-/nf- sind seitengebunden).

   Die sieben Formulare der Site — Anfrage (business, enterprise, government),
   Benachrichtigung (fuer-dich, creator, startups) und Warteliste (jede
   Buchseite) — kommen aus dem Macro templates/partials/lead-form.j2 und
   sprechen my.agentbooks.de/api/public/leads an (site/js/leads.js).

   Fast alles daran ist bereits gestaltet: die Formulare tragen die
   g-*-Hashklassen des Blocks, den sie ersetzt haben, und Erfolg wie Fehler
   melden sie über .ab-callout--success/--error aus dem Design-System
   (css/components/surfaces/surfaces.css). Hier steht nur, was dort fehlt.

   Eingebunden von allen Seiten mit Kopf aus templates/partials/head.j2 — wie
   faq.css unbedingt, auch auf Seiten ohne Formular: das Skript kehrt ohne
   [data-lead-form] sofort um, und diese Datei ist kleiner als die Bedingung.
   Die Startseite schreibt ihren Kopf selbst und trägt kein Formular; sie
   laedt die Datei deshalb nicht.
   ============================================================================ */

/* Die Warteliste der Buchseite. An ihrer Stelle stand ein einzelner Knopf —
   anders als bei Anfrage (g-6788b499) und Abo (g-3de8f987) gibt es hier
   keine Klasse aus der Design-Quelle, die Feld und Knopf nebeneinander legt.
   Der Umbruch greift, sobald das Eingabefeld seine Mindestbreite unterschreitet. */
.lf-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.lf-row .ab-input{flex:1 1 220px;width:auto;min-width:0}

/* Der Honigtopf: für Menschen unerreichbar (aus dem Bild geschoben, nicht in
   der Tab-Reihenfolge, aria-hidden), für ein Formular ausfüllendes Skript
   ein Feld wie jedes andere. `position:absolute` nimmt ihn zugleich aus dem
   Raster bzw. der Zeile — er erzeugt keine Lücke. Nicht `display:none` und
   nicht `hidden`: beides überspringen die meisten Bots. */
.lf-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;white-space:nowrap}

/* Die Meldezeile unter dem Formular. Sie ist bis zur ersten Antwort `hidden`;
   das Skript setzt Text und die ab-callout-Klassen. `flex-basis:100%` gibt ihr
   in den beiden Zeilen-Formularen (Abo, Warteliste) eine eigene Zeile, im
   Raster der Anfrage ist die Angabe wirkungslos. */
.lf-status{flex-basis:100%;margin-top:8px}

/* Der Rückfall ohne JavaScript. Das <noscript> selbst ist das Raster- bzw.
   Zeilenkind — mit JavaScript ist es display:none und ohne Wirkung. */
[data-lead-form] noscript{flex-basis:100%}
.lf-noscript{margin-top:12px;color:var(--text-tertiary);font-size:var(--fs-caption)}