Formular-Abstaende korrigiert und Anleitungsseite ergaenzt

Abstaende:
Im Template hat das Label 1em Abstand nach unten, das Eingabefeld aber gar
keinen, und die Formular-Grids nutzen keinen vertikalen Gutter (gtr-uniform).
Dadurch war der Abstand vom Feld zum naechsten Label 0, waehrend Label zu
eigenem Feld 1em betrug - das Label wirkte, als gehoere es zum Feld darueber.
Jetzt sitzt das Label eng an seinem eigenen Feld (0,5em) und die Felder haben
1,5em Abstand nach unten.

Ausserdem stylt main.css die Typen number, date, datetime-local und file gar
nicht; diese Felder erschienen als kleine native Kaestchen zwischen den sonst
einheitlichen Feldern (z. B. "Listenfenster in Tagen" und "Zeilenhoehe im
Ausdruck"). Sie bekommen jetzt dasselbe Aussehen wie die Textfelder.

Die Anpassungen liegen in einer eigenen assets/css/app.css, damit main.css als
Template-Datei unveraendert bleibt. Nebenbei: .hint-box.error war nirgends
definiert, obwohl es die haeufigste Variante ist - Fehlermeldungen erschienen
ungefaerbt wie neutrale Hinweise.

In faq.php, hinweise.php, namenanpassen.php und stricheintragen.php standen
<br>/<br><br> als Abstandsersatz hinter Labels und Feldern; mit den neuen
Abstaenden waere daraus doppelter Leerraum geworden. Entfernt, das Layout
kommt jetzt aus dem CSS.

Anleitung:
Neue Seite anleitung.php mit den wichtigsten Funktionen, gegliedert nach
Zielgruppe. Die Abschnitte fuer Kassenwart bzw. Administration werden nur
eingeblendet, wenn die Rolle sie auch nutzen kann - sonst stuenden dort
Hinweise auf Menuepunkte, die es fuer den Nutzer nicht gibt. Verlinkt im Menue
unter "Kaffeeliste" und im Smoke-Test abgedeckt.

Geprueft: alle 12 Formularseiten rendern fehlerfrei, http-smoke 34/0,
role-matrix 55/0, tenant-isolation 12/0, settings-flow 15/0.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

faq.php

@@ -105,10 +105,10 @@ if ($bearbeitenId !== null) {
 				<?php echo app_csrf_field(); ?>
 				<input type="hidden" name="aktion" value="speichern">
 				<input type="hidden" name="id" value="<?php echo (int)$eintrag['id']; ?>">
-				<label>Frage:</label><br>
-				<input type="text" name="question" value="<?php echo saas_html($eintrag['question']); ?>" required style="width:100%"><br><br>
-				<label>Antwort:</label><br>
-				<textarea name="answer" required style="width:100%"><?php echo saas_html($eintrag['answer']); ?></textarea><br><br>
+				<label>Frage:</label>
+				<input type="text" name="question" value="<?php echo saas_html($eintrag['question']); ?>" required>
+				<label>Antwort:</label>
+				<textarea name="answer" required><?php echo saas_html($eintrag['answer']); ?></textarea>
 				<button type="submit">Speichern</button>
 				<a href="faq.php" class="button">Abbrechen</a>
 			</form>
@@ -139,10 +139,10 @@ if ($bearbeitenId !== null) {
 	<form method="post" action="faq.php">
 		<?php echo app_csrf_field(); ?>
 		<input type="hidden" name="aktion" value="anlegen">
-		<label>Frage:</label><br>
-		<input type="text" name="question" required style="width:100%"><br><br>
-		<label>Antwort:</label><br>
-		<textarea name="answer" required style="width:100%"></textarea><br><br>
+		<label>Frage:</label>
+		<input type="text" name="question" required>
+		<label>Antwort:</label>
+		<textarea name="answer" required></textarea>
 		<button type="submit">Frage hinzufügen</button>
 	</form>
 <?php endif; ?>