From 280664b8a358086b336ab246f29b9fe3e69e113a Mon Sep 17 00:00:00 2001
From: fds2610-bot <claude@sonnengetrock.net>
Date: Tue, 18 Aug 2026 11:45:45 +0200
Subject: [PATCH] =?UTF-8?q?Seitenleiste:=20Marke=20mit=20M=C3=BCnzstapel,?=
 =?UTF-8?q?=20ein=20Klick=20schiebt=20sie=20auf=20Symbolbreite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Marke oben in der Seitenleiste trägt jetzt das Coinstack-Symbol aus den
Altdaten und den zweifarbigen Schriftzug Finanz|manager – wie die
sidebar-brand im Steuerkram. Sie ist zugleich der Schalter: Ein Klick schiebt
die Leiste von 232 px auf 64 px zusammen, ein Klick auf das Symbol klappt sie
wieder auf. Die Menüpunkte behalten dabei Ziel und Symbol.

Der Zustand steht in einem Cookie und nicht im localStorage: So rendert der
Server die Leiste schon in der richtigen Breite, statt sie bei jedem
Seitenwechsel kurz breit aufblitzen zu lassen. Die Beschriftungen wandern
eingeklappt per clip-path aus dem Bild statt per display:none – sonst
verlören die Verweise ihren Namen für Vorleseprogramme.

Nebenbei: Die Marke hieß bisher .marke, wie die kleine Statusmarke weiter
unten im Stilblatt, deren Regeln sie überschrieben. Sie heißt jetzt
.seitenleisten-marke.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 Changes.md                              |  23 +++
 public/static/app.css                   |  80 +++++++-
 public/static/app.js                    |  18 ++
 public/static/coinstack.png             | Bin 0 -> 26229 bytes
 src/Views/layout/kopf.php               |  25 ++-
 tests/33_SeitenleisteEinklappenTest.php | 231 ++++++++++++++++++++++++
 tests/e2e/specs/seitenleiste.spec.js    |  72 ++++++++
 7 files changed, 440 insertions(+), 9 deletions(-)
 create mode 100644 public/static/coinstack.png
 create mode 100644 tests/33_SeitenleisteEinklappenTest.php
 create mode 100644 tests/e2e/specs/seitenleiste.spec.js

diff --git a/Changes.md b/Changes.md
index c08d702..79a0849 100644
--- a/Changes.md
+++ b/Changes.md
@@ -1,5 +1,28 @@
 # Änderungen
 
+## Seitenleiste: Marke mit Münzstapel, ein Klick schiebt sie auf Symbolbreite (18.08.2026)
+
+Oben in der Seitenleiste steht jetzt eine richtige **Marke**: das Bild `Coinstack.png` aus den
+Altdaten als Symbol (`public/static/coinstack.png`, auf 128 px gerechnet) und daneben der
+zweifarbige Schriftzug **Finanz**manager – dieselbe Machart wie die `sidebar-brand` im
+Schwesterprojekt Steuerkram.
+
+Die Marke ist zugleich der **Schalter**: Ein Klick schiebt die Seitenleiste von 232 px auf
+64 px zusammen, dann stehen dort nur noch das Markensymbol und die Symbole der Menüpunkte –
+mit unveränderten Zielen; der gewonnene Platz geht an den Hauptbereich. Ein Klick auf das
+Symbol ganz oben klappt sie wieder auf ihre alte Breite auf.
+
+Zwei Feinheiten: Der Zustand steht in einem **Cookie**, nicht im `localStorage` – so rendert
+der Server die Leiste schon in der richtigen Breite, statt sie bei jedem Seitenwechsel kurz
+breit aufblitzen zu lassen. Und die Beschriftungen werden eingeklappt nur **aus dem Bild
+geschoben** (`clip-path`), nicht mit `display:none` entfernt: Sonst verlören die Verweise
+ihren Namen für Vorleseprogramme. In schmalen Fenstern, wo die Navigation ohnehin waagerecht
+liegt, bleibt alles wie gehabt.
+
+Nebenbei behoben: Die Marke der Seitenleiste hieß bisher schlicht `.marke` – dieselbe Klasse
+wie die kleine Statusmarke weiter unten im Stilblatt, deren Regeln sie überschrieben. Sie
+heißt jetzt `.seitenleisten-marke`.
+
 ## Bankleitzahlen-Verzeichnis: die FinTS-Adresse nachschlagen statt suchen (18.08.2026)
 
 Beim Anlegen einer FinTS-Verbindung fehlt in aller Regel genau eine Angabe: der
diff --git a/public/static/app.css b/public/static/app.css
index 6b27610..63ad251 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -24,6 +24,7 @@
     --navi-text: #cdd7e2;
     --navi-text-aktiv: #ffffff;
     --navi-aktiv: #1f6feb;
+    --navi-marke: #6ea8fe;
     --positiv: #1a7f4b;
     --negativ: #c0392b;
     --warnung: #9a6700;
@@ -117,14 +118,41 @@ code {
     overflow-y: auto;
 }
 
-.marke {
+/* Die Marke der Seitenleiste hat eine eigene Klasse: ".marke" allein ist
+   weiter unten die kleine Statusmarke, deren Regeln hier sonst gewönnen. */
+.seitenleisten-marke {
+    display: flex;
+    align-items: center;
+    gap: .6rem;
+    width: 100%;
+    background: none;
+    border: 0;
+    border-bottom: 1px solid rgba(255, 255, 255, .08);
+    font-family: inherit;
     font-size: 1.05rem;
-    font-weight: 600;
+    font-weight: 700;
     color: #fff;
-    padding: 1.25rem 1.25rem 1rem;
+    padding: 1.1rem 1.25rem;
     letter-spacing: .01em;
+    text-align: left;
+    cursor: pointer;
 }
 
+.seitenleisten-marke:hover { background: rgba(255, 255, 255, .05); }
+
+
+.marken-symbol {
+    width: 1.6em;
+    height: 1.6em;
+    flex-shrink: 0;
+    object-fit: contain;
+}
+
+.marken-text { color: #fff; white-space: nowrap; }
+
+/* Wie im Steuerkram: die zweite Worthälfte trägt die Akzentfarbe. */
+.marken-text span { color: var(--navi-marke); }
+
 .seitenleiste ul {
     list-style: none;
     margin: 0;
@@ -166,6 +194,32 @@ code {
     min-width: 0;
 }
 
+/* ── Eingeklappte Seitenleiste ───────────────────────────────────────────── */
+
+/* Ein Klick auf die Marke schiebt die Leiste auf Symbolbreite zusammen. Die
+   Beschriftungen verschwinden nur aus dem Bild, nicht aus dem Baum – sonst
+   verlören die Verweise ihren Namen für Vorleseprogramme. */
+.rahmen.eingeklappt { grid-template-columns: 64px 1fr; }
+
+.rahmen.eingeklappt .seitenleisten-marke,
+.rahmen.eingeklappt .seitenleiste a {
+    justify-content: center;
+    gap: 0;
+    padding-left: 0;
+    padding-right: 0;
+}
+
+
+.rahmen.eingeklappt .marken-text,
+.rahmen.eingeklappt .beschriftung {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+}
+
 /* ── Werkzeugleiste ──────────────────────────────────────────────────────── */
 
 .werkzeugleiste {
@@ -2070,7 +2124,25 @@ table.liste tr.luecke td {
 /* ── Schmale Fenster ─────────────────────────────────────────────────────── */
 
 @media (max-width: 820px) {
-    .rahmen { grid-template-columns: 1fr; }
+    .rahmen,
+    .rahmen.eingeklappt { grid-template-columns: 1fr; }
+
+    /* Waagerecht gibt es nichts zu sparen: Beschriftungen bleiben sichtbar. */
+    .rahmen.eingeklappt .marken-text,
+    .rahmen.eingeklappt .beschriftung {
+        position: static;
+        width: auto;
+        height: auto;
+        clip-path: none;
+    }
+
+    .rahmen.eingeklappt .seitenleisten-marke,
+    .rahmen.eingeklappt .seitenleiste a {
+        justify-content: flex-start;
+        gap: .6rem;
+        padding-left: 1.25rem;
+        padding-right: 1.25rem;
+    }
 
     .seitenleiste {
         position: static;
diff --git a/public/static/app.js b/public/static/app.js
index 97c97a8..b0935d6 100644
--- a/public/static/app.js
+++ b/public/static/app.js
@@ -11,6 +11,24 @@
 (function () {
     'use strict';
 
+    // Die Marke klappt die Seitenleiste auf Symbolbreite zusammen und wieder
+    // auf. Der Zustand steht in einem Cookie und nicht im localStorage: So
+    // rendert der Server die Leiste schon in der richtigen Breite, statt sie
+    // bei jedem Seitenwechsel kurz breit aufblitzen zu lassen.
+    const schalter = document.querySelector('[data-seitenleiste-schalter]');
+    const rahmen = document.querySelector('.rahmen');
+    if (schalter && rahmen) {
+        schalter.addEventListener('click', function () {
+            const eingeklappt = rahmen.classList.toggle('eingeklappt');
+
+            schalter.setAttribute('aria-expanded', eingeklappt ? 'false' : 'true');
+            schalter.title = eingeklappt ? 'Seitenleiste ausklappen' : 'Seitenleiste einklappen';
+
+            document.cookie = 'seitenleiste=' + (eingeklappt ? 'eingeklappt' : 'offen')
+                + '; path=/; max-age=31536000; samesite=lax';
+        });
+    }
+
     // Formulare mit data-bestaetigen fragen vor dem Absenden nach.
     // In der Capture-Phase, damit die Rückfrage auch dann greift, wenn ein
     // anderer Handler das Ereignis unterwegs stoppt.
diff --git a/public/static/coinstack.png b/public/static/coinstack.png
new file mode 100644
index 0000000000000000000000000000000000000000..40b952c7ef8dcc87522e77f55fec9e9976a37d91
GIT binary patch
literal 26229
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

literal 0
HcmV?d00001

diff --git a/src/Views/layout/kopf.php b/src/Views/layout/kopf.php
index 992b439..64480bd 100644
--- a/src/Views/layout/kopf.php
+++ b/src/Views/layout/kopf.php
@@ -20,6 +20,11 @@ $navigation = [
     ['pfad' => '/verwaltung',      'name' => 'Verwaltung',      'icon' => '⚙', 'auch' => ['/termine', '/vertraege']],
 ];
 
+// Ob die Seitenleiste eingeklappt ist, merkt sich ein Cookie. Das Skript
+// setzt es beim Umschalten; hier entscheidet es schon beim Rendern, damit die
+// breite Leiste nicht bei jedem Seitenwechsel kurz aufblitzt.
+$eingeklappt = ($_COOKIE['seitenleiste'] ?? '') === 'eingeklappt';
+
 /** @param list<string> $auch */
 $istAktiv = static function (string $pfad, array $auch = []) use ($aktuellerPfad): bool {
     if (!is_string($aktuellerPfad)) {
@@ -50,16 +55,26 @@ $istAktiv = static function (string $pfad, array $auch = []) use ($aktuellerPfad
 </head>
 <body>
 <?php include __DIR__ . '/meldungen.php'; ?>
-<div class="rahmen">
-    <nav class="seitenleiste" aria-label="Hauptnavigation">
-        <div class="marke">Finanzmanager</div>
+<div class="rahmen<?= $eingeklappt ? ' eingeklappt' : '' ?>">
+    <nav class="seitenleiste" id="seitenleiste" aria-label="Hauptnavigation">
+        <!-- Die Marke ist zugleich der Schalter: Ein Klick schiebt die
+             Seitenleiste auf Symbolbreite zusammen und wieder auf. -->
+        <button type="button" class="seitenleisten-marke" data-seitenleiste-schalter
+                aria-controls="seitenleiste" aria-expanded="<?= $eingeklappt ? 'false' : 'true' ?>"
+                title="<?= $eingeklappt ? 'Seitenleiste ausklappen' : 'Seitenleiste einklappen' ?>">
+            <img src="/static/coinstack.png" alt="" class="marken-symbol">
+            <span class="marken-text">Finanz<span>manager</span></span>
+        </button>
         <ul>
             <?php foreach ($navigation as $eintrag): ?>
                 <li>
+                    <?php /* title bleibt hinten: Der Navigationstest prüft href und
+                             class in dieser Reihenfolge unmittelbar hintereinander. */ ?>
                     <a href="<?= View::h($eintrag['pfad']) ?>"
-                       class="<?= $istAktiv($eintrag['pfad'], $eintrag['auch'] ?? []) ? 'aktiv' : '' ?>">
+                       class="<?= $istAktiv($eintrag['pfad'], $eintrag['auch'] ?? []) ? 'aktiv' : '' ?>"
+                       title="<?= View::h($eintrag['name']) ?>">
                         <span class="icon" aria-hidden="true"><?= $eintrag['icon'] ?></span>
-                        <?= View::h($eintrag['name']) ?>
+                        <span class="beschriftung"><?= View::h($eintrag['name']) ?></span>
                     </a>
                 </li>
             <?php endforeach; ?>
diff --git a/tests/33_SeitenleisteEinklappenTest.php b/tests/33_SeitenleisteEinklappenTest.php
new file mode 100644
index 0000000..f2bcb53
--- /dev/null
+++ b/tests/33_SeitenleisteEinklappenTest.php
@@ -0,0 +1,231 @@
+<?php
+
+declare(strict_types=1);
+
+/**
+ * Die Marke der Seitenleiste trägt das Coinstack-Symbol und den zweifarbigen
+ * Schriftzug – und dient zugleich als Schalter: Ein Klick schiebt die Leiste
+ * auf Symbolbreite zusammen, ein zweiter klappt sie wieder auf.
+ */
+class SeitenleisteEinklappenTest extends TestCase
+{
+    protected string $testName = 'Test 33: Seitenleiste ein- und ausklappen';
+
+    public function run(): void
+    {
+        $this->markeZeigtSymbolUndSchriftzug();
+        $this->markeIstDerSchalter();
+        $this->cookieEntscheidetUeberDieBreite();
+        $this->stilblattSchiebtNurDieBeschriftungenWeg();
+        $this->skriptMerktSichDenZustand();
+    }
+
+    private function markeZeigtSymbolUndSchriftzug(): void
+    {
+        $symbol = dirname(__DIR__) . '/public/static/coinstack.png';
+        $this->assert(is_file($symbol), 'Das Markensymbol liegt unter public/static/coinstack.png');
+        $this->assertEquals('image/png', (string)(getimagesize($symbol)['mime'] ?? ''), 'Das Symbol ist ein PNG');
+
+        $leiste = $this->seitenleiste($this->rendere('/'));
+
+        $this->assert(
+            str_contains($leiste, '<img src="/static/coinstack.png" alt="" class="marken-symbol">'),
+            'Die Marke führt das Coinstack-Symbol'
+        );
+        $this->assert(
+            str_contains($leiste, '<span class="marken-text">Finanz<span>manager</span></span>'),
+            'Der Schriftzug ist wie im Steuerkram zweigeteilt'
+        );
+        $this->assert(
+            !str_contains($leiste, '<div class="marke">'),
+            'Die alte Marke als Statusmarken-Div ist verschwunden'
+        );
+    }
+
+    private function markeIstDerSchalter(): void
+    {
+        $leiste = $this->seitenleiste($this->rendere('/'));
+
+        $this->assert(
+            (bool)preg_match('#<button type="button" class="seitenleisten-marke" data-seitenleiste-schalter#', $leiste),
+            'Die Marke ist ein Schalter'
+        );
+        $this->assert(
+            str_contains($leiste, 'aria-controls="seitenleiste"'),
+            'Der Schalter nennt die Seitenleiste, die er bedient'
+        );
+        $this->assert(
+            str_contains($leiste, 'id="seitenleiste"'),
+            'Die Seitenleiste trägt die angesprochene Kennung'
+        );
+
+        // Die Symbole behalten ihr Ziel; nur die Beschriftung bekommt eine
+        // eigene Hülle, damit sie sich eingeklappt wegschieben lässt.
+        foreach (['/', '/konten', '/banking', '/zahlungsverkehr', '/auswertungen', '/planung', '/wertpapiere', '/verwaltung'] as $ziel) {
+            $this->assert(
+                (bool)preg_match('#href="' . preg_quote($ziel, '#') . '"#', $leiste),
+                'Der Menüpunkt ' . $ziel . ' bleibt erreichbar'
+            );
+        }
+        $this->assertEquals(
+            8,
+            substr_count($leiste, '<span class="beschriftung">'),
+            'Jeder Menüpunkt trägt seine Beschriftung in einer eigenen Hülle'
+        );
+        $this->assertEquals(
+            8,
+            substr_count($leiste, '<span class="icon" aria-hidden="true">'),
+            'Und jeder behält sein Symbol'
+        );
+        $this->assert(
+            str_contains($leiste, 'title="Kontenübersicht"'),
+            'Eingeklappt verrät der Titel, wohin ein Symbol führt'
+        );
+    }
+
+    private function cookieEntscheidetUeberDieBreite(): void
+    {
+        $offen = $this->rendere('/');
+        $this->assert(str_contains($offen, '<div class="rahmen">'), 'Ohne Cookie steht die Leiste offen');
+        $this->assert(str_contains($offen, 'aria-expanded="true"'), 'Der Schalter meldet die offene Leiste');
+        $this->assert(str_contains($offen, 'title="Seitenleiste einklappen"'), 'Und lädt zum Einklappen ein');
+
+        $eingeklappt = $this->rendere('/', 'eingeklappt');
+        $this->assert(
+            str_contains($eingeklappt, '<div class="rahmen eingeklappt">'),
+            'Mit Cookie rendert der Server die schmale Leiste sofort'
+        );
+        $this->assert(str_contains($eingeklappt, 'aria-expanded="false"'), 'Der Schalter meldet die schmale Leiste');
+        $this->assert(
+            str_contains($eingeklappt, 'title="Seitenleiste ausklappen"'),
+            'Und lädt zum Ausklappen ein'
+        );
+
+        $unsinn = $this->rendere('/', 'irgendwas');
+        $this->assert(
+            str_contains($unsinn, '<div class="rahmen">'),
+            'Ein fremder Cookie-Wert lässt die Leiste offen'
+        );
+    }
+
+    private function stilblattSchiebtNurDieBeschriftungenWeg(): void
+    {
+        $stil = $this->stilblatt();
+
+        $this->assert(
+            (bool)preg_match('#\.rahmen\.eingeklappt\s*\{[^}]*grid-template-columns:\s*64px 1fr#', $stil),
+            'Eingeklappt bleibt nur eine Symbolspalte stehen'
+        );
+        $this->assert(
+            (bool)preg_match('#\.rahmen\s*\{[^}]*grid-template-columns:\s*232px 1fr#', $stil),
+            'Offen behält die Leiste ihre ursprüngliche Breite'
+        );
+
+        // display:none nähme den Verweisen ihren Namen – deshalb wird die
+        // Beschriftung nur aus dem Bild geschoben.
+        $this->assert(
+            (bool)preg_match(
+                '#\.rahmen\.eingeklappt \.marken-text,\s*\.rahmen\.eingeklappt \.beschriftung\s*\{[^}]*clip-path:\s*inset\(50%\)#',
+                $stil
+            ),
+            'Die Beschriftungen verschwinden aus dem Bild, nicht aus dem Baum'
+        );
+        $this->assert(
+            !preg_match('#\.rahmen\.eingeklappt \.marken-symbol[^{]*\{[^}]*display:\s*none#', $stil),
+            'Das Markensymbol bleibt eingeklappt sichtbar'
+        );
+
+        $this->assert(
+            (bool)preg_match('#\.seitenleisten-marke\s*\{[^}]*cursor:\s*pointer#', $stil),
+            'Die Marke zeigt sich als anklickbar'
+        );
+        $this->assert(
+            (bool)preg_match('#\.marken-text span\s*\{\s*color:\s*var\(--navi-marke\)#', $stil),
+            'Die zweite Worthälfte trägt die Akzentfarbe'
+        );
+        $this->assert(
+            (bool)preg_match('#--navi-marke:\s*#', $stil),
+            'Die Akzentfarbe steht als Custom Property'
+        );
+
+        // In schmalen Fenstern liegt die Navigation waagerecht - dort gibt es
+        // nichts einzusparen.
+        $schmal = substr($stil, (int)strpos($stil, '@media (max-width: 820px)'));
+        $this->assert(
+            (bool)preg_match('#\.rahmen,\s*\.rahmen\.eingeklappt\s*\{\s*grid-template-columns:\s*1fr#', $schmal),
+            'Im schmalen Fenster spielt das Einklappen keine Rolle'
+        );
+        $this->assert(
+            (bool)preg_match('#\.rahmen\.eingeklappt \.beschriftung\s*\{[^}]*clip-path:\s*none#', $schmal),
+            'Und die Beschriftungen bleiben dort lesbar'
+        );
+    }
+
+    private function skriptMerktSichDenZustand(): void
+    {
+        $skript = (string)file_get_contents(dirname(__DIR__) . '/public/static/app.js');
+
+        $this->assert(
+            str_contains($skript, "querySelector('[data-seitenleiste-schalter]')"),
+            'Das Skript findet den Schalter'
+        );
+        $this->assert(
+            str_contains($skript, "rahmen.classList.toggle('eingeklappt')"),
+            'Ein Klick klappt die Leiste um'
+        );
+        $this->assert(
+            (bool)preg_match("#document\.cookie = 'seitenleiste='#", $skript),
+            'Der Zustand landet im Cookie, damit der Server ihn kennt'
+        );
+        $this->assert(
+            str_contains($skript, 'samesite=lax'),
+            'Das Cookie reist nicht zu fremden Seiten mit'
+        );
+        $this->assert(
+            str_contains($skript, "schalter.setAttribute('aria-expanded'"),
+            'Der Schalter meldet den neuen Zustand'
+        );
+    }
+
+    private function stilblatt(): string
+    {
+        return (string)file_get_contents(dirname(__DIR__) . '/public/static/app.css');
+    }
+
+    private function rendere(string $pfad, ?string $cookie = null): string
+    {
+        $vorher = $_COOKIE['seitenleiste'] ?? null;
+        if ($cookie === null) {
+            unset($_COOKIE['seitenleiste']);
+        } else {
+            $_COOKIE['seitenleiste'] = $cookie;
+        }
+
+        $titel         = 'Test';
+        $flash         = [];
+        $benutzer      = null;
+        $csrfToken     = 'x';
+        $aktuellerPfad = $pfad;
+
+        ob_start();
+        include dirname(__DIR__) . '/src/Views/layout/kopf.php';
+        $html = (string)ob_get_clean();
+
+        if ($vorher === null) {
+            unset($_COOKIE['seitenleiste']);
+        } else {
+            $_COOKIE['seitenleiste'] = $vorher;
+        }
+
+        return $html;
+    }
+
+    /** Nur die Seitenleiste – Verweise im Inhalt sollen nicht mitzählen. */
+    private function seitenleiste(string $html): string
+    {
+        $anfang = (int)strpos($html, '<nav');
+        $ende   = (int)strpos($html, '</nav>');
+
+        return substr($html, $anfang, $ende - $anfang);
+    }
+}
diff --git a/tests/e2e/specs/seitenleiste.spec.js b/tests/e2e/specs/seitenleiste.spec.js
new file mode 100644
index 0000000..89bfe34
--- /dev/null
+++ b/tests/e2e/specs/seitenleiste.spec.js
@@ -0,0 +1,72 @@
+// @ts-check
+const { test, expect } = require('@playwright/test')
+
+const BENUTZER = process.env.E2E_USER || 'e2e'
+const PASSWORT = process.env.E2E_PASSWORD || 'e2e-testpasswort'
+
+async function anmelden(page) {
+	await page.goto('/login')
+	test.skip(page.url().includes('/einrichtung'), 'Instanz noch nicht eingerichtet')
+
+	await page.fill('#benutzername', BENUTZER)
+	await page.fill('#passwort', PASSWORT)
+	await page.click('button[type="submit"]')
+	await expect(page).toHaveURL(/\/$/)
+}
+
+test.describe('Seitenleiste ein- und ausklappen', () => {
+	test('Klick auf die Marke schiebt die Leiste auf Symbolbreite und zurück', async ({ page }) => {
+		await anmelden(page)
+
+		const rahmen = page.locator('.rahmen')
+		const marke = page.locator('[data-seitenleiste-schalter]')
+		const symbol = page.locator('.marken-symbol')
+		const beschriftung = page.locator('.seitenleiste .beschriftung').first()
+
+		await expect(symbol).toBeVisible()
+		await expect(beschriftung).toBeVisible()
+		const breitOffen = (await page.locator('.seitenleiste').boundingBox()).width
+
+		await marke.click()
+
+		await expect(rahmen).toHaveClass(/eingeklappt/)
+		await expect(marke).toHaveAttribute('aria-expanded', 'false')
+		// Das Markensymbol und die Symbole der Menüpunkte bleiben stehen,
+		// nur die Beschriftungen verschwinden.
+		await expect(symbol).toBeVisible()
+		await expect(beschriftung).toBeHidden()
+		await expect(page.locator('.seitenleiste .icon').first()).toBeVisible()
+
+		const breitEingeklappt = (await page.locator('.seitenleiste').boundingBox()).width
+		expect(breitEingeklappt).toBeLessThan(breitOffen)
+
+		// Der Hauptbereich bekommt den gewonnenen Platz.
+		const hauptOffen = breitOffen
+		expect((await page.locator('.hauptbereich').boundingBox()).width).toBeGreaterThan(0)
+
+		await marke.click()
+		await expect(rahmen).not.toHaveClass(/eingeklappt/)
+		await expect(marke).toHaveAttribute('aria-expanded', 'true')
+		await expect(beschriftung).toBeVisible()
+		expect((await page.locator('.seitenleiste').boundingBox()).width).toBe(hauptOffen)
+	})
+
+	test('Die Symbole führen eingeklappt zu denselben Seiten', async ({ page }) => {
+		await anmelden(page)
+
+		await page.locator('[data-seitenleiste-schalter]').click()
+		await expect(page.locator('.rahmen')).toHaveClass(/eingeklappt/)
+
+		await page.locator('.seitenleiste a[href="/konten"]').click()
+		await expect(page).toHaveURL(/\/konten/)
+		await expect(page.locator('h1')).toContainText('Kontenübersicht')
+
+		// Der Zustand hält über den Seitenwechsel hinweg – ohne Aufblitzen,
+		// weil der Server ihn schon aus dem Cookie kennt.
+		await expect(page.locator('.rahmen')).toHaveClass(/eingeklappt/)
+		await expect(page.locator('.seitenleiste .beschriftung').first()).toBeHidden()
+
+		await page.locator('[data-seitenleiste-schalter]').click()
+		await expect(page.locator('.rahmen')).not.toHaveClass(/eingeklappt/)
+	})
+})