{% extends "basis.html" %}{% set h = t.home %}{% set nv = t.nav %}{% block titel %}{{ h.e_titel }} – Timbre{% endblock %}{% block hauptklasse %} class="hm hm-einst" data-ut-wurzel{% endblock %}{% block weich %} data-weich{% endblock %}{% block inhalt %}{% from "unterseiten.html" import zeile, konto_zeilen, zurueck with context %}
{# Einstellungen (28.10.2026, Zahnrad auf Home): alles Einrichten und Nachsehen in einer ruhigen Liste – Import zuerst (ohne Quelle
   steht „Start“ daran; ohne verbundenen Speicher kein Wort „Onlinespeicher“), Konto, Erscheinungsbild, Analysen (mit Stand), Hilfe,
   Beta, Verwaltung (nur Admins, mit Zahl der Wartenden), Sprache (offen, ein Tipp), Abmelden – dieselbe Reihenfolge und dieselben
   Texte wie das Zahnrad-Blatt im Kopf (kopf.html #mehr), das zwischen Import und Konto zusätzlich Review, Export und Genres führt. Ohne Skript, auf allen Breiten gleich; Zielflächen ≥ 44 px. #}
{{ zurueck("/einstellungen", nur_unter=true) }}
<div class="hm-kopf" data-ut-immer><h1>{{ h.e_titel }}</h1></div>
<nav class="es-liste" aria-labelledby="es-h"><h2 class="unsichtbar" id="es-h">{{ h.e_titel }}</h2><ul>
  <li><a href="/quellen"><span class="es-text"><b>{{ h.e_import }}{% if start_marke %} <span class="marker">{{ nv.start }}</span>{% endif %}{% if beta_wartet %}<i class="beta-led" aria-hidden="true"></i><span class="unsichtbar"> – {{ t.tspeicher.nav_wartet }}</span>{% endif %}</b><small>{{ t.plus.import_hinweis if status_speicher else t.plus.import_hinweis_kurz }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  <li><a href="/konto"><span class="es-text"><b>{{ h.e_konto }}</b><small>{{ h.e_konto_hinweis }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  <li><a href="/konto#kontoformular"><span class="es-text"><b>{{ h.e_aussehen }}</b><small>{{ h.e_aussehen_hinweis }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  <li><a href="/einstellungen/quellen"><span class="es-text"><b>{{ t.qw.nav }}</b><small>{{ t.qw.nav_hinweis }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  <li><a href="/analysen"><span class="es-text"><b>{{ h.e_analysen }}</b><small>{% if ana and ana.name %}{{ ana.name[:1] | upper }}{{ ana.name[1:] }}{% else %}{{ h.e_analysen_hinweis }}{% endif %}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  <li><a href="/hilfe"><span class="es-text"><b>{{ h.e_hilfe }}</b><small>{{ h.e_hilfe_hinweis }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  <li><a href="/kniffe"><span class="es-text"><b>{{ t.kniffe.nav }}</b><small>{{ t.kniffe.nav_hinweis }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  {# Uhr-Koffer (09.11.2026, TP2 an-server-20261109-1840-koffer-knopf.md): nur in der iOS-App, verborgen bis static/app_uhr.js die
     Fähigkeit `uhr.koffer` der App sieht; der Tipp öffnet das native Blatt. Breit (iPad ab 744 px) hier, schmal in der Liste unten. #}
  {% if ios_app %}<li data-uhr-koffer hidden><a href="#uhr-koffer" role="button" data-uhr-koffer-knopf><span class="es-text"><b>{{ t.store.uhr_koffer }}</b><small>{{ t.store.uhr_koffer_zustand }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>{% endif %}
  {# Handy schlank (06.11.2026, Phase 1): Am Handy steht keine Fußzeile mehr – Rechtstexte, Über uns, Kontakt und (unten) die
     Sprache sind hier einen Tipp entfernt (vom Zahnrad auf Home: zwei Tipps bis zum Impressum). #}
  <li class="es-sprache es-recht"><span class="es-text" id="es-recht-h"><b>{{ h.e_recht }}</b><small>{{ h.e_recht_hinweis }}</small></span>
    <span class="es-sprachen es-rechtlinks" role="group" aria-labelledby="es-recht-h"><a href="/impressum">{{ t.impressum }}</a><a href="/datenschutz">{{ t.datenschutz }}</a><a href="/agb">{{ t.agb }}</a><a href="/ueber-uns">{{ t.ueber.nav }}</a><a href="/forschung">{{ t.forschung.nav }}</a>{% if quelltext_url() %}<a href="{{ quelltext_url() }}" rel="noopener">{{ t.quelltext }}</a>{% endif %}{% if not store_app and paypal %}<a href="{{ paypal }}" rel="noopener" data-store-aus>{{ t.spenden }}</a>{% endif %}<a href="mailto:hello@timbremusic.app">hello@timbremusic.app</a></span></li>
  {% if not store_app %}<li><a href="/beta"><span class="es-text"><b>{{ h.e_beta }}</b><small>{{ h.e_beta_hinweis }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>{% endif %}
  {% if verwaltung %}<li><a href="/verwaltung"><span class="es-text"><b>{{ h.e_verwaltung }}{% if verwaltung_wartet %} <span class="zaehler">{{ verwaltung_wartet }}</span>{% endif %}</b><small>{{ h.e_verwaltung_hinweis }}{% if verwaltung_wartet %} · {{ nv.verwaltung_wartet_eins if verwaltung_wartet == 1 else nv.verwaltung_wartet | replace('{n}', verwaltung_wartet | string) }}{% endif %}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>{% endif %}
  <li class="es-sprache"><span class="es-text" id="es-sprache-h"><b>{{ h.e_sprache }}</b></span>
    <span class="es-sprachen" role="group" aria-labelledby="es-sprache-h">{% for k, name in sprachen %}<a href="?sprache={{ k }}" hreflang="{{ k }}" lang="{{ k }}"{% if k == sprache %} aria-current="true"{% endif %}>{{ name }}</a>{% endfor %}</span></li>
</ul></nav>
{# Handy schlank, Phase 3c (07.11.2026): am Handy diese Liste statt der obigen – Konto-Bereiche einzeln mit Zustand (Unterseiten auf
   /konto), „Hilfe und Rechtliches“ und „Sprache“ als Unterseiten hier. Breit verborgen. Store-Apps: kein Beta, keine Spenden. #}
<nav class="es-liste ut-liste" data-ut="liste" aria-labelledby="ut-h"><h2 class="unsichtbar" id="ut-h">{{ h.ut_bereiche }}</h2>
  {# drei Gruppen (nah = zusammengehörig): Library (Import zuerst, wie breit), Konto, Allgemein #}
  <h3 class="ut-gruppe">{{ t.plus.library }}</h3><ul>
  <li><a href="/quellen"><span class="es-text"><b>{{ h.e_import }}{% if start_marke %} <span class="marker">{{ nv.start }}</span>{% endif %}{% if beta_wartet %}<i class="beta-led" aria-hidden="true"></i><span class="unsichtbar"> – {{ t.tspeicher.nav_wartet }}</span>{% endif %}</b><small>{{ t.plus.import_hinweis if status_speicher else t.plus.import_hinweis_kurz }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  {{ zeile("/einstellungen/quellen", t.qw.nav, t.qw.nav_hinweis) }}
  <li><a href="/analysen"><span class="es-text"><b>{{ h.e_analysen }}</b><small>{% if ana and ana.name %}{{ ana.name[:1] | upper }}{{ ana.name[1:] }}{% else %}{{ h.e_analysen_hinweis }}{% endif %}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  </ul><h3 class="ut-gruppe">{{ h.e_konto }}</h3><ul>
  {{ konto_zeilen("/konto") }}
  {% if ios_app %}</ul><h3 class="ut-gruppe" data-uhr-koffer hidden>{{ t.store.app_gruppe }}</h3><ul data-uhr-koffer hidden>
  <li><a href="#uhr-koffer" role="button" data-uhr-koffer-knopf><span class="es-text"><b>{{ t.store.uhr_koffer }}</b><small>{{ t.store.uhr_koffer_zustand }}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>
  {% endif %}</ul><h3 class="ut-gruppe">{{ h.ut_allgemein }}</h3><ul>
  {{ zeile("#recht", h.e_recht, h.e_recht_hinweis) }}
  {% if not store_app %}{{ zeile("/beta", h.e_beta, h.e_beta_hinweis) }}{% endif %}
  {% if verwaltung %}<li><a href="/verwaltung"><span class="es-text"><b>{{ h.e_verwaltung }}{% if verwaltung_wartet %} <span class="zaehler">{{ verwaltung_wartet }}</span>{% endif %}</b><small>{{ h.e_verwaltung_hinweis }}{% if verwaltung_wartet %} · {{ nv.verwaltung_wartet_eins if verwaltung_wartet == 1 else nv.verwaltung_wartet | replace('{n}', verwaltung_wartet | string) }}{% endif %}</small></span><span class="hm-pfeil" aria-hidden="true">›</span></a></li>{% endif %}
  {% for k2, name in sprachen %}{% if k2 == sprache %}{{ zeile("#sprache", h.e_sprache, name) }}{% endif %}{% endfor %}
</ul></nav>
{# Kontakt steht auf /hilfe (Zeile „Hilfe“: Anleitungen, Begriffe, Kontakt) und im Impressum, „Forschung“ auf /ueber-uns – so bleibt die
   erste Bildschirmhöhe bei acht #}
<section class="es-liste ut-ab" id="recht" data-ut="recht" aria-labelledby="ut-recht-h"><h2 class="ut-titel" id="ut-recht-h">{{ h.e_recht }}</h2>
  <h3 class="ut-gruppe">{{ h.ut_rechtliches }}</h3><ul>
  {{ zeile("/impressum", t.impressum, "") }}
  {{ zeile("/datenschutz", t.datenschutz, "") }}
  {{ zeile("/agb", t.agb, "") }}
  {# AGPL-3.0 § 13 (07.11.2026): Quelltext des laufenden Stands – nur, wenn das Abbild seinen Stand kennt (app.quelltext_link) #}
  {% if quelltext_url() %}{{ zeile(quelltext_url(), t.quelltext, "") }}{% endif %}
  </ul><h3 class="ut-gruppe">{{ h.e_hilfe }}</h3><ul>
  {{ zeile("/hilfe", h.e_hilfe, h.e_hilfe_hinweis) }}
  {{ zeile("/kniffe", t.kniffe.nav, t.kniffe.nav_hinweis) }}
  </ul><h3 class="ut-gruppe">{{ h.ut_ueber_timbre }}</h3><ul>
  {{ zeile("/ueber-uns", t.ueber.nav, "") }}
  {% if not store_app and paypal %}{{ zeile(paypal, t.spenden, "", ' rel="noopener" data-store-aus') }}{% endif %}
</ul></section>
<section class="es-liste ut-ab" id="sprache" data-ut="sprache" aria-labelledby="ut-sprache-h"><h2 class="ut-titel" id="ut-sprache-h">{{ h.e_sprache }}</h2><ul>
  {% for k2, name in sprachen %}<li><a href="?sprache={{ k2 }}" hreflang="{{ k2 }}" lang="{{ k2 }}"{% if k2 == sprache %} aria-current="true"{% endif %}><span class="es-text"><b>{{ name }}</b></span><span class="hm-pfeil" aria-hidden="true">{{ "✓" if k2 == sprache else "" }}</span></a></li>{% endfor %}
</ul></section>
{# Desktop v2 (Bitte 3): Desktop-Teil der Einstellungen – nur im App-Fenster, static/desktop_extras.js füllt ihn #}
{% if desktop_app %}<section class="dk-einst" id="dk-einst" data-ut="liste" aria-labelledby="dk-einst-h" hidden></section>{% endif %}
<form method="post" action="/abmelden" class="abmeldeform es-ab" data-ut="liste"><button type="submit" class="knopf">{{ h.e_abmelden }}</button></form>
<script src="/static/unterseiten.js" defer data-seite></script>
{% if ios_app %}<script src="/static/app_uhr.js" defer data-seite></script>{% endif %}
{% endblock %}