Paritaetsrunden 2 und 3, Designpruefung umgesetzt (2026.8.30.8)

Drei zusammenhaengende Runden, alle live bei 375x812 gegen audi_ha_test
geprueft und in beiden Codebasen angewandt.

Paritaetsrunde 2: der gemeinsame Rahmen war das eigentliche Problem -
Seitenrand, Kachelabstaende, Kopfleiste, Tableiste und vier Bausteine des
Design-Systems trugen noch den Stand vor der iOS-Entscheidung. Dazu sieben
Bildschirme neu aufgebaut. Zwei Panel-Fehler dabei mitbehoben: teaser()
zeigte unter "Letzte Fahrt" den aeltesten Datensatz, und "Daten bearbeiten"
war ein toter Knopf.

Paritaetsrunde 3: das Panel hat nie Audi Type gerendert. @font-face in einem
Shadow Root wird ignoriert - Schriftschnitte registriert der Browser pro
Dokument, nie pro Shadow Tree. Die drei Schnitte liegen jetzt in
audi-dashboard-schriften.css und werden ins Dokument gehaengt. Damit erledigt
sich eine ganze Reihe von "die Schrift sieht anders aus"-Eindruecken: die
beiden Anwendungen zeigten tatsaechlich verschiedene Schriften.
Ausserdem "Daten bearbeiten" im Panel gebaut und portiert, das Zeilenmenue
entfernt und die letzten neun Bildschirme angeglichen.

Designpruefung: die fuenf Punkte der Reihenfolge. Beim vierten hat das Messen
den Befund veraendert - gezaehlt waren die deklarierten Groessen, wirksam war
laengst eine saubere Sieben-Schritt-Skala mit 27 Ausreissern; die sind jetzt
auf den naechsten Schritt gezogen, keiner verschiebt sich um mehr als 1px.

Zuletzt: die Standortvorschau zeichnete die falsche Nadel (das Panel wechselt
den Icon-Satz ab 34px, die App nahm immer den grossen), und der Kopfabstand
der App ist auf den sicheren Bereich reduziert - die 56px des Panels liegen
dort unter der Kopfleiste von Home Assistant, in der nativen Huelle steht
darueber nichts.

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

companion-app/src/screens/bilder.ts

@@ -9,21 +9,47 @@ import { zugangLesenSynchron } from "./zugang"
 
 export interface Bildplatz {
   name: string
+  /**
+   * Angezeigte Bezeichnung des Fotos — wortgleich mit `label` in BILDER im
+   * Panel. Sie steht als Alternativtext am Bild und als Beschriftung im
+   * Platzhalter; hier standen vorher eigene, längere Formulierungen
+   * („Auto von der Seite" statt „Auto Seite").
+   */
   beschreibung: string
   datei: string
 }
 
 /** Die sieben Plätze der Fotogalerie unter „Mein Audi". */
 export const BILDPLAETZE: Bildplatz[] = [
-  { name: "Seitenansicht", beschreibung: "Auto von der Seite", datei: "seitenansicht.webp" },
-  { name: "Front schräg", beschreibung: "Auto von vorn schräg", datei: "front-schraeg.webp" },
-  { name: "Frontansicht", beschreibung: "Auto von vorn", datei: "frontansicht.webp" },
-  { name: "Heckansicht", beschreibung: "Auto von hinten", datei: "heckansicht.webp" },
+  { name: "Seitenansicht", beschreibung: "Auto Seite", datei: "seitenansicht.webp" },
+  { name: "Front schräg", beschreibung: "Auto Front schräg", datei: "front-schraeg.webp" },
+  { name: "Frontansicht", beschreibung: "Auto Front", datei: "frontansicht.webp" },
+  { name: "Heckansicht", beschreibung: "Auto Heck", datei: "heckansicht.webp" },
   { name: "Cockpit", beschreibung: "Innenraum Cockpit", datei: "cockpit.webp" },
   { name: "Scheinwerfer", beschreibung: "Scheinwerfer", datei: "scheinwerfer.webp" },
   { name: "Sitze", beschreibung: "Innenraum Sitze", datei: "sitze.webp" },
 ]
 
+/**
+ * Bei montierten Winterrädern zeigt die Seitenansicht das Winterfoto —
+ * `SEITE_WINTER`/`bildInfo()` im Panel. Fehlte hier bisher ganz.
+ */
+export const SEITE_WINTER = {
+  beschreibung: "Auto Seite mit Winterrädern",
+  datei: "seitenansicht-winter.webp",
+} as const
+
+/** Datei und Bezeichnung eines Galerieplatzes, Winterräder berücksichtigt. */
+export function bildInfo(
+  platz: Bildplatz,
+  winterraeder: boolean,
+): { datei: string; beschreibung: string } {
+  if (platz.name === "Seitenansicht" && winterraeder) {
+    return { datei: SEITE_WINTER.datei, beschreibung: SEITE_WINTER.beschreibung }
+  }
+  return { datei: platz.datei, beschreibung: platz.beschreibung }
+}
+
 /** Zusätzlich erlaubt, aber außerhalb der Galerie geführt. */
 export const WEITERE_BILDER = [
   "seitenansicht-winter.webp",