/* ═══════════════════════════════════════════════════════════════════════
   eigen.css — Ergänzungen NUR für index.html
   ═══════════════════════════════════════════════════════════════════════
   Alles, was landing.css (Spiegel der App-CSS) nicht mitbringt, weil es
   auf dieser Seite neu ist: das Beta-Formular (.wl-*) und kleine Korrekturen
   für den statischen Rebuild. Nichts davon gehört in seite.css — die
   Nebenseiten laden diese Datei nicht. Lädt NACH css/landing.css, darf
   dessen Tokens (--c-*, --la-*, --cm-*) daher direkt verwenden.
   ═══════════════════════════════════════════════════════════════════════ */

/* Ohne js/landing.js (Task 3, lädt später) bleibt der Logo-Morph über dem
   Hero stehen, statt beim Scrollen zu verschwinden — die Klasse ist bereits
   vorgesehen, nur noch niemand setzt sie. Vorab hier hinterlegt, damit sie
   wirkt, sobald das Skript da ist. */
.landing-logo-morph.ist-aus{display:none}

/* Kopfzeilen-CTA ab dem App-eigenen Umschaltpunkt (900 px, dort erscheint
   ohnehin der Burger und die Linkliste verschwindet) ausblenden. "Beta-Zugang
   sichern →" ist deutlich länger als das ursprüngliche "Loslegen →" und
   überlappt darunter selbst mit der bereits vorhandenen 430-px-Schrumpfregel
   noch den Burger-Knopf (per Screenshot geprüft). Kein Funktionsverlust: das
   <template data-mobilmenu> trägt dieselbe CTA am Ende des Panels. */
@media(max-width:900px){
  .landing-nav-actions .landing-btn-primary{display:none}
}

/* ── Beta-Formular (#beta form.wl-form) ──────────────────────────────── */
.wl-form{margin-top:28px}
.wl-honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.wl-label{
  display:block;
  margin:0 0 10px;
  font-size:13px;
  font-weight:600;
  color:rgb(var(--c-muted));
  text-align:center;
}

.wl-zeile{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

/* Im Stil von .waitlist-input (Glas-Look der App), aber eigenständig
   definiert — landing.css wird in Task 3 beschnitten, ein Rückgriff auf
   die dortige Klasse waere nach dem Beschnitt nicht mehr garantiert. */
.wl-eingabe{
  height:48px;
  min-width:280px;
  flex:1 1 280px;
  padding:0 16px;
  border-radius:11px;
  font-size:15px;
  font-family:inherit;
  color:rgb(var(--c-ink));
  background:rgb(var(--c-surface)/.5);
  border:1px solid rgb(var(--c-border)/.85);
  transition:border-color .15s ease,box-shadow .15s ease;
}
.wl-eingabe::placeholder{color:rgb(var(--c-faint))}
.wl-eingabe:focus{outline:none;border-color:var(--la-solid);box-shadow:0 0 0 3px var(--la-tint)}
html.light .wl-eingabe{background:#FFFFFF}

.wl-einwilligung{
  /* Block statt Flex: der Satz besteht aus <label>, Leerzeichen, <a> und
     Punkt — als Flex-Kinder wurden Label und Link zu getrennten Spalten
     (Link rechts neben der ersten Zeile). Das Häkchen steht daher absolut
     links, der Text läuft als ein zusammenhängender Satz. */
  position:relative;
  max-width:560px;
  margin:14px auto 0;
  padding-left:28px;
  font-size:13px;
  line-height:1.5;
  color:rgb(var(--c-muted));
  text-align:left;
}
.wl-einwilligung input{position:absolute;left:0;top:1px;width:18px;height:18px;margin:0;accent-color:var(--la-solid)}

.wl-link{color:var(--la-solid);text-decoration:underline;text-underline-offset:2px}
.wl-link:hover{color:rgb(var(--c-ink))}

.wl-meldung{margin:14px 0 0;font-size:13.5px;text-align:center}
.wl-meldung-gut{color:var(--cm-bull)}
.wl-meldung-schlecht{color:var(--cm-bear)}

.wl-notiz{margin:16px 0 0;font-size:12.5px;color:rgb(var(--c-faint));text-align:center}

@media(max-width:559px){
  .wl-zeile{flex-direction:column;align-items:stretch}
  .wl-zeile .landing-schluss-cta{width:100%}
  /* Im Spalten-Layout wirkt flex:1 1 280px auf die HÖHE — das Feld wurde
     280 px hoch. Hier zurück auf feste Höhe, volle Breite. */
  .wl-eingabe{flex:0 0 auto;min-width:0;width:100%}
}

/* Footer: Impressum/Datenschutz sind hier echte Links (<a>) statt Modal-Knöpfe;
   die App setzt ihre Footer-Knöpfe auf 13,5 px (.landing-footer-link-button).
   Ohne diese Zeile wären die zwei Links 0,5 px kleiner als Funktionen/Preise
   (Paritätsprüfung, Task 11). */
a.landing-footer-link{font-size:13.5px}