{% import "bausteine/symbol.html" as s %}
{# Der Anwendungs-Grundriss (Spec §5): Seitenleiste 224 px, Werkzeugleiste
   48 px, Inhalt daneben. Am Telefon ordnet der Stil dasselbe Markup um
   (Kopfzeile, Reiterzeile, Inhalt); es gibt keine Schublade, weil die ohne
   Skript nur ueber den Checkbox-Trick ginge (A8).

   **Der Rahmen heisst `geruest` und nicht `anwendung`.** Der Koerper traegt
   die Klasse `anwendung` (sie waehlt diesen Grundriss), und eine Klasse,
   die am Koerper UND im Rumpf steht, macht den ganzen Rumpf zum Raster:
   Am 2026-09-03 hiess das Raster der Auftragsseite `.auftrag` und der
   Koerper ebenso, Kopf links, Inhalt im rechten Drittel, 31 px Querlauf.
   `tests/test_bausatz.py` haelt die Regel fest.

   Pikett und Quellcode-Angebot stehen unten in der Leiste. Sie standen im
   alten Rumpf in der Fusszeile; der Anwendungs-Grundriss hat keine, und
   ohne diese beiden Zeilen verloere die Seite die Notfallnummer und das
   AGPL-Angebot (Lizenzpflicht, §13).

   `inhalt|safe` ist die vierte freigegebene Stelle (`ERLAUBTE_SAFE`), aus
   demselben Grund wie bei der Einzelseite: `vorlage.rendern` liefert `str`,
   der Rumpf ist bereits durch dieselbe Umgebung gelaufen. #}
<div class="geruest">
  <header class="leiste">
    <a class="marke" href="/b"><span class="kachel">{% if logo_adresse %}<img src="{{ logo_adresse }}" alt="" width="28" height="28" referrerpolicy="no-referrer">{% else %}<img src="/b/signet.png" alt="" width="28" height="28">{% endif %}</span><span class="wer"><span class="haus">{{ haus or betreiber }}</span><span class="was">Bewohnerportal{% if rolle %} · {{ rolle }}{% endif %}</span></span></a>
    {%- include "bausteine/seitenleiste.html" %}
    {#- Der Fuss der Seitenleiste — am Telefon ausgeblendet, dort steht
        derselbe Inhalt hinter dem (i) der Werkzeugzeile. -#}
    <div class="leiste-fuss">{% include "bausteine/kontaktfeld.html" %}</div>
  </header>
  <div class="oben">{% include "bausteine/werkzeugleiste.html" %}</div>
  <main>{{ inhalt|safe }}</main>
  {#- **Das (i) gibt es nur am Telefon** (Rückmeldung des Auftraggebers, 05.09.2026:
  «Den Teil mit Telefonnummer und Email und Verwaltung nimmt so viel
  Platz in der Mobilansicht ein, dass man die Inhalte schlecht lesen
  kann. Entweder nur ganz unten zeigen oder ein Icon mit (i) machen,
  das mit dem Scrollen mitkommt und ein Fenster öffnet»).

  Gemessen hatte der Block 124 px von 844 — dauerhaft, weil er seit
  dem festen Raster nicht mehr wegscrollt. Am Schreibtisch steht er
  weiterhin unten in der Seitenleiste, wo Platz dafür ist; der Stil
  blendet je einen der beiden Orte aus.

  **Ein `<details>`, wie das Kontomenü** — die einzige Aufklappmechanik
  des skriptfreien Portals (A8). Es steht in der Werkzeugzeile und
  damit in einer Rasterzeile, die nicht mitscrollt: «kommt mit dem
  Scrollen mit», ohne `position: fixed` und dessen Wandern auf iOS. -#}
  {#- **Ein Telefonhörer, kein «i».** Der Laientest vom 05.09.2026 hat die
  Notfallnummer am Telefon nicht gefunden: «Wenn nachts das Wasser
  läuft, greife ich zum Telefon und nicht zum Computer. Genau dort ist
  die Nummer weg.» Sie war nicht weg, sondern hinter einem «i» — und
  ein «i» heisst «Auskunft», nicht «hier steht die Notfallnummer».
  Der Hörer sagt in einem Zeichen, worum es geht. -#}
  <details class="kontaktknopf">
    <summary title="Notfallnummer und Kontakt">{{ s.symbol("telefon", 18) }}<span class="weg">Notfallnummer und Kontakt</span></summary>
    <div class="kontaktfenster">{% include "bausteine/kontaktfeld.html" %}</div>
  </details>

</div>