{% extends "basis.html" %}{% block weich %} data-weich{% endblock %}{% block inhalt %}{% from "schalter.html" import schalter, wahl %}{% from "unterseiten.html" import konto_zeilen, zurueck with context %}
{# Weiche Navigation (23.10.2026): Konto wechselt weich wie Library & Co. – alle Skripte mit data-seite, kein Inline-Skript
   (CSP). konto.js leitet alte Anker weiter (#speicher nach /quellen, #analysen nach /analysen) und steht deshalb vorn. #}
<script src="/static/konto.js" defer data-seite></script>
{% set ks = t.kontoseite.sicherheit %}{% set tb = t.kontoseite.benachrichtigung %}
{# Handy schlank, Phase 3c (07.11.2026): am Handy zuerst die Liste der Bereiche (Name + Zustand), Tipp öffnet den Bereich als
   Unterseite (static/unterseiten.js schaltet über Anker und Verlauf: data-ut nennt die Unterseite eines Abschnitts, data-ut-teil Teile
   des Formulars „Erscheinungsbild“, die nur unter „Mein Mixer“ stehen). Breit und ohne Skript bleibt die lange Seite wie bisher. #}
<div class="raster kontoseite" data-ut-wurzel>
{{ zurueck("/einstellungen") }}
<div class="mitfrage" data-ut-immer><h1>{{ t.konto }}</h1><a class="fragez" href="{{ t.hilfe.kontext.konto.href }}" title="{{ t.hilfe.kontext.konto.name }}" aria-label="{{ t.hilfe.kontext.konto.name }}"><span aria-hidden="true">?</span></a></div>
{% if fehler %}<p class="hinweis" role="alert" data-ut-immer>{{ fehler }}</p>{% endif %}
<nav class="es-liste ut-liste" data-ut="liste" aria-labelledby="ut-konto-h"><h2 class="unsichtbar" id="ut-konto-h">{{ t.home.ut_konto_bereiche }}</h2><ul>
{{ konto_zeilen("") }}
</ul></nav>
{# Konto und Sicherheit (23.10.2026): große Karte ganz oben, nur im Ory-Modus. Drei Blöcke: Schutz-Stufe · Anmeldewege ·
   Geräte und Adresse, darunter drei Knöpfe. Kratos nicht erreichbar: ehrlicher Hinweis statt Fehler. #}
{% if sicherheit %}
<section class="karte kontosicher" id="sicherheit" data-ut="sicherheit" aria-labelledby="sicherheit-h">
  <h2 id="sicherheit-h">{{ ks.titel }}</h2>
  {% if not sicherheit.erreichbar %}
  <p class="hinweis" role="status">{{ ks.nicht_erreichbar }}</p>
  <div class="ks-knoepfe"><a class="knopf voll" href="/konto/anmeldewege">{{ ks.oeffnen }}</a></div>
  {% else %}
  <div class="ks-drei">
    <div class="ks-block">
      <h3>{{ ks.stufe.replace("{n}", sicherheit.stufe | string) }}</h3>
      <div class="balken ks-balken" aria-hidden="true"><i style="width:{{ (100 * sicherheit.stufe / 3) | round(1) }}%"></i></div>
      <ol class="ks-liste">{% for ok in sicherheit.stufen %}<li class="{{ 'ok' if ok else 'auf' }}"><span class="ks-marke" aria-hidden="true">{{ '✓' if ok else '○' }}</span>{{ ks.stufen[loop.index0] }}<span class="unsichtbar"> – {{ ks.erledigt if ok else ks.offen }}</span></li>{% endfor %}</ol>
      <p class="klein erkl-lang">{{ ks.streng_an if sicherheit.schutz_an else ks.streng_aus }}</p>
    </div>
    <div class="ks-block">
      <h3>{{ ks.wege_titel }}</h3>
      {% set w = sicherheit.wege %}
      <ul class="ks-liste">
        <li class="{{ 'ok' if w.passkey else 'auf' }}"><span class="ks-marke" aria-hidden="true">{{ '✓' if w.passkey else '○' }}</span><span>{{ ks.passkeys_keine if not w.passkey else (ks.passkeys_eins if w.passkey == 1 else ks.passkeys.replace("{n}", w.passkey | string)) }}{% if sicherheit.passkey_zuletzt %}<small>{{ ks.passkey_zuletzt.replace("{name}", sicherheit.passkey_zuletzt) }}</small>{% endif %}</span></li>
        <li class="{{ 'ok' if w.totp else 'auf' }}"><span class="ks-marke" aria-hidden="true">{{ '✓' if w.totp else '○' }}</span>{{ ks.app_ja if w.totp else ks.app_nein }}</li>
        <li class="{{ 'ok' if w.lookup_secret else 'auf' }}"><span class="ks-marke" aria-hidden="true">{{ '✓' if w.lookup_secret else '○' }}</span>{{ ks.codes_ja if w.lookup_secret else ks.codes_nein }}</li>
        <li class="ok"><span class="ks-marke" aria-hidden="true">✓</span>{{ ks.mail_code }}</li>
      </ul>
      {% if sicherheit.namen_verborgen %}<p class="klein">{{ ks.namen_mit_faktor }}</p>{% endif %}
    </div>
    <div class="ks-block">
      <h3>{{ ks.geraete_titel }}</h3>
      <p class="mono" id="ks-sitzungen">{% if sicherheit.sitzungen is none %}{{ ks.sitzungen_unbekannt }}{% elif sicherheit.sitzungen == 1 %}{{ ks.sitzungen_eins }}{% else %}{{ ks.sitzungen.replace("{n}", sicherheit.sitzungen | zahl(sprache)) }}{% endif %}</p>
      <form method="post" action="/konto/anmeldewege/sitzungen"><button class="knopf klein" type="submit">{{ ks.andere_abmelden }}</button></form>
      <p class="ks-adresse"><span class="klein">{{ ks.adresse }}</span><br><b class="mono">{{ sicherheit.adresse }}</b> · <a href="mailto:hello@timbremusic.app" aria-label="{{ ks.adresse_aendern_name }}">{{ ks.adresse_aendern }}</a></p>
    </div>
  </div>
  <div class="ks-knoepfe">
    <a class="knopf voll" href="/konto/anmeldewege">{{ ks.oeffnen }}</a>
    <a class="knopf" href="/konto/anmeldewege#passkeys">{{ ks.passkey_neu }}</a>
    {% if not sicherheit.schutz_an %}<a class="knopf" href="/konto/schuetzen">{{ ks.streng }}</a>{% endif %}
  </div>
  {% endif %}
</section>
{% endif %}
{# Benachrichtigungen (23.10.2026): Häkchen je Art; Sicherheit immer an (kein Häkchen). Ohne Spalte in der Datenbank
   (Code vor der Einmal-Datei) gibt es die Karte nicht. #}
{% if bn.bereit %}
<form method="post" action="/konto/benachrichtigungen" class="karte formular" id="benachrichtigungen" data-ut="benachrichtigungen" aria-labelledby="bn-h" data-schalter data-schalter-ziel="/konto">
  <h2 id="bn-h">{{ tb.titel }}</h2>
  <p class="klein erkl-lang">{{ tb.intro }}</p>
  {% if bn_gespeichert %}<p class="hinweis gut" role="status">{{ tb.gespeichert }}</p>{% endif %}
  {% if not bn.bestaetigt %}<p class="hinweis erkl-lang">{{ tb.unbestaetigt }}</p>{% elif not bn.versand %}<p class="hinweis erkl-lang">{{ tb.versand_aus }}</p>{% else %}<p class="klein">{{ tb.an_adresse.replace("{adresse}", bn.adresse) }}</p>{% endif %}
  <ul class="bn-liste">
    {% for art in ("analyse", "speicher_neu", "sicherheit", "wochenrueckblick", "neuigkeiten") %}{% set name, hilfe = tb.arten[art] %}
    {% if art == "sicherheit" %}<li class="bn-art bn-fest"><span class="ks-marke" aria-hidden="true">✓</span><span><b>{{ name }}</b> <span class="chip">{{ tb.immer_an }}</span><small>{{ hilfe }}</small></span></li>
    {% else %}<li><label class="bn-art dj-schalter"><input type="checkbox" name="an_{{ art }}" value="1"{% if bn.wahl[art] %} checked{% endif %} aria-describedby="bn-{{ art }}-hilfe" role="switch" data-art="{{ art }}"><span class="dj-taste" aria-hidden="true"><i class="dj-led"></i>{{ tb.taste[art] }}</span><span><b>{{ name }}</b><small id="bn-{{ art }}-hilfe">{{ hilfe }}</small></span></label></li>{% endif %}
    {% endfor %}
  </ul>
  <div class="dj-ohnejs"><button class="voll">{{ tb.speichern }}</button></div>
  <p class="dj-stand leise" role="status"></p>
</form>
<script src="/static/schalter.js" defer data-seite></script>
{% endif %}
{# Zustimmung „Plattensuche bei MusicBrainz“ (12.11.2026): Zustand mit Datum und EIN Knopf (zustimmen bzw. zurücknehmen), ohne
   Skript. Nur mit Plattenregal, nie in Store-Fassungen, Live-Demo, Offline-Paket (app._platten_zustimmung_konto). Zum Zustimmen
   steht der ganze Text der Fassung da; Fassung, Sprache und Prüfwert reisen mit (timbre_api/platten_zustimmung.py). #}
{% set pz = platten_zustimmung_konto() %}{% if pz %}<form method="post" action="/konto/plattensuche" class="karte formular" id="plattensuche" data-ut="benachrichtigungen" aria-labelledby="pz-h">
  <h2 id="pz-h">{{ pz.titel }}</h2>
  <p id="pz-stand"{% if pz.gueltig %} class="hinweis gut"{% endif %}>{{ pz.zeile }}</p>
  <details{% if not pz.gueltig %} open{% endif %}><summary>{{ pz.text.titel }}</summary>
    <dl class="klein">{% for kopf, satz in pz.text.punkte %}<dt><b>{{ kopf }}</b></dt><dd>{{ satz }}</dd>{% endfor %}</dl>
    <p class="klein leise">{{ pz.text.nachweis }}</p>
  </details>
  <input type="hidden" name="aktion" value="{{ 'widerrufen' if pz.gueltig else 'zustimmen' }}">
  {% if not pz.gueltig %}<input type="hidden" name="fassung" value="{{ pz.text.fassung }}"><input type="hidden" name="sprache" value="{{ pz.text.sprache }}"><input type="hidden" name="pruefwert" value="{{ pz.text.pruefwert }}">{% endif %}
  <p><button class="knopf gross" type="submit">{{ pz.knopf }}</button> <a class="textlink" href="/regal/einlesen">{{ pz.zum_regal }}</a></p>
  <p class="klein leise">{{ pz.folge }}</p>
</form>
{% endif %}
<section class="karte raster" id="kontingent" data-ut="kontingent">
  <h2>{{ t.kontingent }}</h2>
  {# Mitgliedschaft (11.11.2026, TP2 0529): für JEDES Konto, in jeder Fassung – ein Name, kein Datum, kein Abzeichen. Darunter das
     Kontingent mit dem echten Zählwert des Kontos. #}
  <p id="konto-mitglied">{{ t.earlybird.mitglied }}: <b>{{ t.earlybird.name }}</b></p>
  <p class="klein" id="konto-mitglied-unter">{{ t.earlybird.mitglied_unter }}</p>
  <div class="balken" aria-hidden="true"><i style="width:{{ (100 * k.genutzt / k.grenze) | round(1) if k.grenze else 0 }}%"></i></div>
  <p class="mono" id="kontingent-zahl">{{ t.kontingent_satz.replace("{g}", k.genutzt | zahl(sprache)).replace("{n}", k.grenze | zahl(sprache)).replace("{f}", k.frei | zahl(sprache)) }}</p>
  <p class="klein erkl-lang">{{ t.kontingent_regel }}</p>
  {% if k.frei <= 0 %}<p class="hinweis" id="kontingent-leer">{% if store_app %}{{ t.earlybird.kontingent_leer }}{% elif earlybird and nutzer.get('kontingent_grenze') is not none %}{{ t.earlybird.kontingent_voll_web | replace("{n}", k.grenze | zahl(sprache)) }}{% else %}{{ t.kontingent_leer }}{% endif %}</p>{% endif %}
  {# Der Hinweis verspricht die höhere Vorgabe – mit eigener Grenze des Kontos (kontingent_grenze) stimmte er nicht. Einen Knopf
     „Mail neu senden“ gibt es nicht: Dafür hat Timbre keinen Weg, der Text nennt den Support. #}
  {% if not nutzer.email_bestaetigt and nutzer.get('kontingent_grenze') is none %}<p class="hinweis">{{ t.email_hinweis.replace("{b}", vorgabe_bestaetigt | zahl(sprache)).replace("{u}", vorgabe_unbestaetigt | zahl(sprache)) }}</p>{% endif %}
</section>
{# Onlinespeicher und Analysen-Verlauf stehen seit UX-Paket 1 unter „Quellen“. Alte Lesezeichen auf /konto#speicher und
   /konto#analysen leitet static/konto.js dorthin (der Anker kommt nie beim Server an); ohne Skript bleibt dieser Hinweis. #}
{% if beta %}{% set bp = t.tspeicher.platz %}
<section class="karte raster konto-beta" id="konto-beta" data-ut="kontingent" aria-labelledby="konto-beta-h">
  <h2 id="konto-beta-h">{{ bp.konto_titel }}</h2>
  <p class="zahl">{{ bp.zeile.replace("{b}", beta.belegt | gb(sprache)).replace("{k}", beta.kontingent | gb(sprache)).replace("{f}", beta.frei | gb(sprache)) }}</p>
  <div class="balken ampel" data-stufe="{{ beta.stufe }}" role="progressbar" aria-labelledby="konto-beta-h" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ beta.prozent }}" aria-valuetext="{{ bp.prozent.replace('{p}', beta.prozent | string) }}"><i class="zu" style="width:{{ beta.prozent }}%"></i></div>
  {% if beta.voll %}<p class="hinweis" role="status">{{ bp.voll }}</p>{% elif beta.prozent >= 80 %}<p class="hinweis">{{ bp.fast_voll.replace("{f}", beta.frei | gb(sprache)) }}</p>{% endif %}
  <p class="klein"><a href="/quellen#upload">{{ bp.zum_upload }} <span aria-hidden="true">→</span></a></p>
</section>
{% endif %}
<p class="karte klein" id="quellen-hinweis" data-ut="kontingent">{{ t.quellen.konto_hinweis }} <a href="/quellen">{{ t.quellen.konto_link }}</a>.</p>
{# Rekordbox-Import (23.10.2026): Löschen steht unter Quellen (Karte „Rekordbox“, geht ohne JavaScript) #}
<p class="karte klein" id="konto-rekordbox" data-ut="kontingent">{{ t.rekordbox.konto.hinweis }} <a href="/quellen#rk-loeschen">{{ t.rekordbox.konto.link }}</a></p>
<form method="post" action="/konto" class="karte formular" id="kontoformular" data-ut="kontoformular mixer tonart" data-ut-teile data-ut-sofort data-ut-gespeichert="{{ t.home.ut_gespeichert }}" data-ut-fehler="{{ t.home.ut_fehler }}" data-ks-offline="{{ t.home.ut_offline }}" data-ks-nochmal="{{ t.home.ut_nochmal }}">
  <h2>{{ t.erscheinungsbild }}</h2>
  {# DJ-Schalter (24.10.2026): Design, Modus und Mixer als Segment (eine Taste je Wahl, LED an der gewählten), die Häkchen
     darunter als Schalter – das Formular und „Speichern“ bleiben, wie sie waren (templates/schalter.html) #}
  <fieldset class="dj-segment-feld"><legend class="klein">{{ t.design }}</legend><div class="dj-segment">
    {# Neonlila (28.10.2026): freischaltbare Designs nur, wenn die Verwaltung sie diesem Konto freigeschaltet hat (design.designs_fuer) #}
    {% for wert in designs_fuer(eb) %}
    {{ wahl("design", wert, t.designs.namen[wert], an=(eb.design == wert)) }}
    {% endfor %}
  </div>
  {% for wert in designs_frei(eb) %}<p class="klein design-frei" data-design-frei="{{ wert }}"><b>{{ t.designs.namen[wert] }}</b> · {{ t.designs.frei_hinweis }}. {{ t.designs.beschreibung.get(wert, "") }}</p>{% endfor %}
  </fieldset>
  <fieldset class="dj-segment-feld"><legend class="klein">{{ t.modus }}</legend><div class="dj-segment">
    {# 24.10.2026: Dunkel · Hell · Nach Tageszeit · Wie dein Gerät (Standard zuerst); die Wahl wirkt als Vorschau sofort #}
    {% for wert in modi_folge %}
    {{ wahl("modus", wert, t["modus_" ~ wert], an=(eb.modus == wert), beschrieben=("modus-tageszeit-hilfe" if wert == "tageszeit" else none)) }}
    {% endfor %}</div>
    <p class="klein erkl-lang" id="modus-tageszeit-hilfe">{{ t.modus_tageszeit_hilfe }}</p>
  </fieldset>
  {# Band-Wellenform (17.10.2026): Mein Mixer – 3er-Block, Trennfrequenzen des gewählten Satzes darunter (erscheinungsbild.js folgt der Wahl) #}
  <fieldset class="dj-segment-feld" id="mixer" data-ut-teil="mixer"><legend class="klein">{{ t.mixer }}</legend><div class="dj-segment">
    {% for wert in ("djm3","xone4","v10") %}
    {{ wahl("mixer", wert, t.mixer_namen[wert], an=(eb.mixer == wert), beschrieben="mixer-hilfe", daten={"grenzen": t.mixer_grenzen[wert]}) }}
    {% endfor %}
  </div></fieldset>
  <p class="klein erkl-lang" id="mixer-hilfe" data-ut-teil="mixer">{{ t.mixer_hilfe }} <span class="zahl" id="mixer-grenzen">{{ t.mixer_grenzen[eb.mixer] }}</span></p>
  {# Tonart-Schreibweise (07.11.2026, Leitlinie Maintainer: kognitiver Load minimal): drei große Tasten am echten Wert aus der
     eigenen Library („12m“ · „7A“ · „Dm“, Vorgabe Open Key zuerst) mit Mini-Unterzeile; ein Tipp wirkt sofort und speichert (static/konto.js,
     PATCH /api/v1/konto), ohne Skript über „Speichern“. Ohne eigene Wahl ist die automatische Vorgabe markiert; `tonart_auto`
     hält fest, dass nichts gewählt wurde (Speichern ohne Änderung lässt sie automatisch). #}
  {% set tsw = t.tonart_sw %}{% set tw = eb | tonart_wirksam %}{% set tbsp = tonart_beispiel(nutzer) %}
  <fieldset class="dj-segment-feld" id="tonart" data-ut-teil="tonart"><legend class="klein">{{ tsw.titel }}</legend><div class="dj-segment ts-wahl">
    {% for wert in ("open","alnum","note") %}
    <label class="dj-schalter"><input type="radio" name="tonart" value="{{ wert }}"{% if tw == wert %} checked{% endif %}><span class="dj-taste"><i class="dj-led"></i><b>{{ tonart_zeigen(tbsp, wert) }}</b><small>{{ tsw.unter[wert] }}</small></span></label>
    {% endfor %}
  </div><p class="klein ts-status" id="tonart-status" role="status"></p></fieldset>
  {% if eb | tonart_automatisch %}<input data-ut-teil="tonart" type="hidden" name="tonart_auto" value="{{ tw }}">{% endif %}
  {# Fly-in anpassbar (30.10.2026, Variante B): eingestellt wird direkt im Fly-in – hier nur der Weg dorthin #}
  <p class="klein erkl-lang" id="flyin-link">{{ t.flyin.konto }} <a href="/bibliothek?anpassen=1">{{ t.flyin.konto_link }} →</a></p>
  {{ schalter(tasten.lavalampe, t.lavalampe_zeigen, name="lavalampe", an=eb.lavalampe) }}
  {# H33: Die Einstellung wirkt nur in der Desktop-App – solange keine App öffentlich ist (Beta-Manifest leer), steht sie hier
     nicht; der gespeicherte Wert bleibt (verborgenes Feld), damit „Speichern“ ihn nicht zurücksetzt. #}
  {% if app_da %}{{ schalter(tasten.hilfe_einblenden, t.hilfe_einblenden, name="hilfe_einblenden", an=eb.hilfe_einblenden) }}
  <p class="klein erkl-lang">{{ t.hilfe_einblenden_hilfe }}</p>
  {% elif eb.hilfe_einblenden %}<input type="hidden" name="hilfe_einblenden" value="1">{% endif %}
  {# Paket 2: Kurztasten der Tag List (T, Alt+↑/↓) – wirken nur auf dem Fokus und lassen sich abschalten (WCAG 2.1.4) #}
  {{ schalter(tasten.kurztasten, t.kurztasten, name="kurztasten", an=eb.kurztasten, hilfe_id="kurztasten-hilfe") }}
  <p class="klein erkl-lang" id="kurztasten-hilfe">{{ t.kurztasten_hilfe }}</p>
  {# Tutorial „Kniffe“ (29.10.2026): Kniffe im Kontext abschaltbar wie die Kurztasten; Einstieg und Seite /kniffe bleiben #}
  {{ schalter(tasten.kniffe, t.kniffe.konto.schalter, name="kniffe", an=(eb.kniffe is not sameas false), hilfe_id="kniffe-hilfe") }}
  <p class="klein erkl-lang" id="kniffe-hilfe">{{ t.kniffe.konto.hilfe }} <a href="/kniffe">{{ t.kniffe.ui.alle }} →</a></p>
  {# Stufe 0 „Now Playing“: seit 07.11.2026 immer an, ohne Schalter (BPM · Tonart · Energie in `album` der Media Session, player.js) #}
  {{ schalter(tasten.farben_eigen, t.lavafarben_eigen, name="farben_eigen", id="farben_eigen", an=eb.lavafarben) }}
  <div class="zeile" id="farbwahl">
    {% for i in range(4) %}
    {# Konto-Kontrast (24.10.2026): Bandname als eigenes Textstück über dem Farbfeld – sein Kontrast gilt gegen die Karte,
       nicht gegen die Farbfläche darunter (vorher maß die Prüfung den ganzen Block samt Farbfeld) #}
    <label class="klein farbfeld"><span class="farbname">{{ t.lava_namen[i] }}</span><input type="color" name="farbe{{ i + 1 }}" value="{{ eb.lavafarben[i] if eb.lavafarben else '#888888' }}"></label>
    {% endfor %}
    <canvas data-lava data-vorschau class="vorschau" role="img" aria-label="{{ t.vorschau }}"{% if eb.lavafarben %} data-farben="{{ eb.lavafarben | join(',') }}"{% endif %}></canvas>
  </div>
  <div class="zeile" role="group" aria-label="{{ t.schnellwahl }}">
    {% for wert, name, hell, dunkel in lavafarben_designs(eb) %}
    <button type="button" class="knopf klein" data-schnellwahl data-hell="{{ hell | join(',') }}" data-dunkel="{{ dunkel | join(',') }}">{{ t.designs.namen.get(wert, name) }}</button>
    {% endfor %}
  </div>
  <p class="klein erkl-lang">{{ t.lavafarben_hilfe }}</p>
  {{ schalter(tasten.teilen, t.teilen, name="teilen", an=nutzer.teilen) }}
  <p class="klein erkl-lang">{{ t.teilen_hilfe }}</p>
  {# 08.11.2026 (Zweig konto-patch): Mit Skript speichert jedes Feld sich selbst (static/konto.js, PATCH /api/v1/konto – auch im
     App-Fenster, wo dieses POST nicht ankommt), mit Stand je Feld; „Speichern“ ist dann verborgen (Klasse ut-sofort-an). Ohne Skript
     geht alles wie bisher über POST /konto. #}
  <div data-ut-teil="kontoformular mixer tonart" data-ut-speichern><button class="voll">{{ t.speichern }}</button></div>
</form>
{# Musikordner (bis 25.10.2026 hier): steht seit 25.10. unter Quellen → Rekordbox – dort, wo die Rekordbox-XML eingelesen wird
   und Timbre den Ordner aus der XML vorschlagen kann. Kein Verweis hier: das Konto trägt nur, was auf dem Server liegt, der
   Ordner ist eine Angabe über das Gerät. Alte Links /konto#musikordner-h leitet static/konto.js nach /quellen#rk-ordner. #}
{# Handy (3c): Überschrift der Unterseite „Konto und Sicherheit“ über Datenexport und Löschen – breit verborgen (wie bisher ohne) #}
<h2 class="ut-h" id="daten" data-ut="sicherheit">{{ t.home.ut_daten }}</h2>
<p data-ut="sicherheit"><a class="knopf" href="/api/v1/konto/export" data-hart data-desktop-download="timbre-daten.json">{{ t.export }}</a></p>
<form method="post" action="/konto/loeschen" class="loeschen raster" id="loeschen" data-ut="sicherheit">
  <h3>{{ t.loeschen }}</h3>
  <label class="zeile"><input type="checkbox" name="bestaetigt" value="1" required> {{ t.loeschen_frage }}</label>
  <div><button class="gefahr">{{ t.loeschen }}</button></div>
</form>
</div>
<script src="/static/lavalampe.js" defer data-seite></script>
<script src="/static/erscheinungsbild.js" defer data-seite></script>
<script src="/static/unterseiten.js" defer data-seite></script>
{% endblock %}