Kundenbereich: Passwort selbst ändern

Im Konto-Menü (Profilbild) gibt es unter "Konto" jetzt "Passwort
ändern". Die Seite fragt aktuelles Passwort, neues Passwort und
Wiederholung ab (mindestens 8 Zeichen, "Passwörter anzeigen"). Am
Handy ist sie eine Unterseite des Tabs, aus dem man kam; Direktlink
/dashboard.html#passwort. Im Ansichtsmodus ist sie gesperrt.

Server (POST /api/auth/password):
- Das aktuelle Passwort wird über eine kurze Appwrite-Session geprüft,
  die gleich wieder gelöscht wird. Tippfehler lösen nicht die globale
  Login-Sperre aus. Es gibt höchstens 5 Prüfungen je Kunde und Stunde,
  das bleibt unter Appwrites Grenze (10 Anmeldungen je E-Mail und
  Stunde).
- Das neue Passwort wird über die Users-API gesetzt. Fehler von
  Appwrite (zuletzt benutzt, zu häufig, persönliche Daten) kommen als
  verständliche Meldung.
- Die Klartext-Kopie in customers.portalPassword und ein Alt-Eintrag
  in den Notizen werden geleert. Ein selbst gewähltes Passwort wird
  nie im Klartext gespeichert; das Ticketsystem zeigt dann "–".
- Der Kunde bekommt eine Bestätigungsmail (Kopie an die Admins wie
  bei allen Kundenmails).

Andere Geräte werden abgemeldet: Kunden-Sessions merken sich beim
Login den Passwortstand (Appwrite passwordUpdate, pwv).
requireSession und /api/auth/me prüfen ihn, 60 s zwischengespeichert.
Das gilt auch, wenn wir im Ticketsystem ein neues Passwort setzen. Ist
Appwrite nicht erreichbar, bleibt die Session gültig. Sessions von
vor diesem Update haben keinen Stand und laufen normal aus (höchstens
7 Tage).

Login-Seite: Hinweis auf "Passwort ändern" statt "über das
Ticketsystem", dazu "Passwort vergessen?" mit support@webklar.com.

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

public/dashboard.html

@@ -77,6 +77,10 @@
         <a class="legal-strong" href="/widerrufen.html">Vertrag widerrufen</a>
       </nav>
       <p class="error hidden" id="kb-sheet-error"></p>
+      <p class="kb-label kb-sheet-label">Konto</p>
+      <nav class="kb-sheet-links" aria-label="Konto">
+        <button type="button" data-view="passwort">Passwort ändern</button>
+      </nav>
       <nav class="kb-sheet-links" aria-label="Rechtliches">
         <a href="/datenschutz.html" target="_blank" rel="noopener">Datenschutz</a>
         <a href="https://webklar.com/impressum" target="_blank" rel="noopener">Impressum</a>
@@ -202,6 +206,48 @@
         <div id="takeover-card" aria-live="polite"><p class="kb-empty">Lade…</p></div>
       </section>
 
+      <!-- Passwort ändern (Konto-Menü; app.js initPasswordView). In der App-Ansicht eine Unterseite
+           des Tabs, aus dem das Menü geöffnet wurde -->
+      <section class="kb-view" id="view-passwort">
+        <header class="kb-head">
+          <h1>Passwort ändern</h1>
+          <p>Für deine Anmeldung im Kundenbereich.</p>
+        </header>
+        <div class="kb-panel pw-panel">
+          <form id="pw-form" class="pw-form" method="post" action="/api/auth/password" novalidate>
+            <!-- Für Passwort-Manager: zu welchem Zugang das neue Passwort gehört -->
+            <input type="text" id="pw-username" name="username" autocomplete="username" hidden>
+            <div class="tk-field">
+              <label for="pw-current">Aktuelles Passwort</label>
+              <input type="password" id="pw-current" name="current-password" autocomplete="current-password" required enterkeyhint="next">
+            </div>
+            <div class="tk-field">
+              <label for="pw-new">Neues Passwort</label>
+              <input type="password" id="pw-new" name="new-password" autocomplete="new-password" minlength="8" required aria-describedby="pw-rule" enterkeyhint="next">
+              <small class="pw-rule" id="pw-rule">Mindestens 8 Zeichen. Am sichersten ist ein langer Satz, den nur du kennst.</small>
+            </div>
+            <div class="tk-field">
+              <label for="pw-repeat">Neues Passwort wiederholen</label>
+              <input type="password" id="pw-repeat" name="new-password-repeat" autocomplete="new-password" required enterkeyhint="done">
+            </div>
+            <label class="abo-check pw-show"><input type="checkbox" id="pw-show"> Passwörter anzeigen</label>
+            <p class="error hidden" id="pw-error" role="alert"></p>
+            <div class="abo-actions">
+              <button type="submit" class="abo-btn" id="pw-submit">Passwort ändern</button>
+            </div>
+            <p class="kb-note pw-foot">Danach bist du auf deinen anderen Geräten abgemeldet. Aktuelles Passwort vergessen? <button type="button" class="kb-link" data-view="chat">Schreib uns im Chat</button> – wir setzen es zurück.</p>
+          </form>
+          <div class="pw-done hidden" id="pw-done" role="status" tabindex="-1">
+            <svg class="pw-done-ico" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M8 12.5l2.6 2.6L16 9.5"/></svg>
+            <div>
+              <strong>Dein Passwort wurde geändert.</strong>
+              <p>Melde dich ab jetzt mit dem neuen Passwort an. Auf deinen anderen Geräten bist du abgemeldet.</p>
+              <button type="button" class="kb-btn-outline" id="pw-done-btn">Fertig</button>
+            </div>
+          </div>
+        </div>
+      </section>
+
       <footer class="kb-legal">
         <a href="/abo-bedingungen.html" target="_blank" rel="noopener">Vertragsbedingungen</a>
         <a href="/datenschutz.html" target="_blank" rel="noopener">Datenschutz</a>