cbe68b16c9
<legend> positioniert sich per Spezifikation immer auf der oberen Rahmenlinie seines <fieldset> - das lässt sich nicht per CSS aufheben, nur kaschieren. Die vorherige "Nachbesserung" (mehr Padding/Breite auf der legend) war ein Pflaster, kein Fix - kam prompt wieder zum Vorschein, sobald eine neue .form-section-Seite entstand. .form-section ist jetzt ein <div>, die Überschrift ein normales <h3 class="form-section-title"> mit voller CSS-Kontrolle. Betrifft alle neun Vorlagen mit diesem Muster. Zusätzlich alle restlichen unstyled Formulare (Login, Passwort-Reset, Einladung annehmen, Nutzer anlegen, CSV-Import, Abteilung anlegen, Firma umbenennen, Fall-Entscheiden) auf dasselbe form-card/form-section/ form-grid-Muster gehoben, für durchgängig konsistentes globales CSS statt gemischter roher und gestylter Formulare. antrag_neu.html (der Fragebogen) bleibt bewusst unverändert - dessen fieldset/legend haben keinen Rahmen-Konflikt und sind an bereits getestete :has()-Adaptivlogik gekoppelt. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
75 lines
2.3 KiB
HTML
75 lines
2.3 KiB
HTML
{{define "register"}}<!doctype html>
|
|
<html lang="de">
|
|
<head>{{template "head" .}}</head>
|
|
<body>
|
|
<div class="page">
|
|
<h1>Firma registrieren</h1>
|
|
<p class="hinweis">
|
|
Testzugang ist sofort aktiv. Der Bezahlbetrieb wird nach Prüfung durch
|
|
den Betreiber freigeschaltet.
|
|
</p>
|
|
{{if .Error}}<p class="fehler">{{.Error}}</p>{{end}}
|
|
<div class="form-card">
|
|
<form method="post" action="/register">
|
|
<div class="form-section">
|
|
<h3 class="form-section-title">Firma</h3>
|
|
<div class="form-grid">
|
|
<div class="form-full">
|
|
<label for="account_name">Firmenname</label>
|
|
<input type="text" id="account_name" name="account_name" required>
|
|
</div>
|
|
<div class="form-full">
|
|
<label for="strasse">Straße und Hausnummer</label>
|
|
<input type="text" id="strasse" name="strasse" required>
|
|
</div>
|
|
<div>
|
|
<label for="plz">PLZ</label>
|
|
<input type="text" id="plz" name="plz" required>
|
|
</div>
|
|
<div>
|
|
<label for="ort">Ort</label>
|
|
<input type="text" id="ort" name="ort" required>
|
|
</div>
|
|
<div>
|
|
<label for="land">Land</label>
|
|
<input type="text" id="land" name="land" value="Deutschland" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-section">
|
|
<h3 class="form-section-title">Abrechnung</h3>
|
|
<div class="form-grid">
|
|
<div>
|
|
<label for="rechnungsemail">Rechnungsemail</label>
|
|
<input type="email" id="rechnungsemail" name="rechnungsemail" required>
|
|
</div>
|
|
<div>
|
|
<label for="ust_id">USt-IdNr. (optional)</label>
|
|
<input type="text" id="ust_id" name="ust_id" placeholder="z. B. DE123456789">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-section">
|
|
<h3 class="form-section-title">Erster Nutzer (wird Admin)</h3>
|
|
<div class="form-grid">
|
|
<div>
|
|
<label for="email">E-Mail</label>
|
|
<input type="email" id="email" name="email" required>
|
|
</div>
|
|
<div>
|
|
<label for="password">Passwort (mind. 8 Zeichen)</label>
|
|
<input type="password" id="password" name="password" minlength="8" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-actions">
|
|
<button type="submit">Konto anlegen</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<p><a href="/login">Schon ein Konto? Anmelden</a></p>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{end}}
|