---
title: "Wetter-Seite im Schaufenster: die rechte Spalte fuer regionale Live-Daten"
source: "https://ayoune.com/it/docs/werbung/wetter-seite-im-schaufenster:-die-rechte-spalte-fuer-regionale-live-daten"
tenant: "tolinax UG"
brand: "aYOUne"
language: "it"
updated: "2026-09-16T18:09:06.168Z"
retrieved: "2026-09-17T06:01:18.060Z"
summary: "Gemessener Ist-Stand der Wetter-Seite (48 % der Scheibe leer im Querformat, 400 px stiller Abschnitt im Hochformat), drei Layout-Entwuerfe fuer die rechte Spalte mit regionalen Live-Daten, Vorrang Warnlage vor Saison vor Rueckfall, und beide Abnahme-Checklisten Punkt fuer Punkt."
platform: "aYOUne — https://ayoune.com"
generator: "aYOUne Doku-Export"
contact: "info@tolinax.com"
license: "Alle Rechte vorbehalten. Weitergabe nur mit Quellenangabe."
---

# Wetter-Seite im Schaufenster: die rechte Spalte fuer regionale Live-Daten

Die Wetter-Seite des Schaufensters nutzt heute ein Drittel ihrer Fläche. Diese Seite hält fest, was gemessen wurde, welche drei Entwürfe zur Wahl stehen und warum einer davon empfohlen ist. Entscheidung: `pm.Decisions`, Aufgabe **FDQ2U3P**.

## Der Befund ist zweigeteilt

**Querformat — die rechte Hälfte ist leer.** Am ausgelieferten Demo gemessen, nicht an einer Nachbildung:

| Scheibe | belegte Fläche | leeres Band rechts |
|---|---|---|
| 1920×1080 | **32,7 %** der Bühne | **922 px = 48 % der Scheibe** |
| 3840×2160 | **32,8 %** der Bühne | **1844 px = 48 % der Scheibe** |

Derselbe Anteil auf beiden Auflösungen — es ist eine Eigenschaft des Aufbaus, kein Auflösungs-Artefakt.

**Hochformat — die Seite schneidet ab, und niemand hat es gemeldet.** Die Temperatur „24°" läuft **400 px** über ihre Kiste hinaus, ohne Auslassungspunkte, ohne Fehlermeldung: rund 40 % des Helden sind nicht auf der Scheibe. „Regen" wird zu „Reg…".

Die Ursache ist übertragbar und trifft jede Seite dieser Familie: **der Held bemisst sich an der Scheiben-Höhe (`--ip-hero: 25vh`), steht aber in einer Spalte, deren Breite davon nichts weiß.** Im Querformat fällt das nicht auf, weil dort Breite übrig ist. Es ist dieselbe Klasse wie die Spritpreis-Kopfzeile (2026-09-14) und die Gruß-Karten (2026-09-15) — zum dritten Mal.

⇒ **Die rechte Spalte ist deshalb nicht nur eine Verschönerung. Sie ist der Anlass, einen stillen Defekt zu beheben.**

## Der Rahmen, den alle drei Entwürfe teilen

Links bleibt die Wetter-Seite **unangetastet** — sie ist heute richtig, nur einsam. Rechts eine Spalte im Verhältnis 58 : 42, getrennt durch eine Haarlinie, nicht durch eine Kachel. Im Hochformat wird aus der Spalte eine **untere Bank**.

## Die drei Entwürfe

| | 1 „Ortstafel" | 2 „Silhouetten-Karte" | 3 „Wechselkachel" |
|---|---|---|---|
| Form | Liste benannter Orte, je eine Zahl | Orte in ihrer echten Lage | EIN Ort, groß, im Wechsel |
| Einträge quer / hoch | 3 / 2 | 3 / Rückfall auf Tafel | 1 / 1 |
| Lesbar auf 3–10 m | gut | mittel | sehr gut |
| Braucht Bewegung | nein | nein | **ja** |

**Variante 2 fällt an ihrer eigenen Bedingung.** Eine Karte braucht Fläche. Im Hochformat ist die rechte Zone eine breite, flache Bank; drei Beschriftungen kollidierten dort nach zwei Umbauten immer noch um 32–84 px. Und im Querformat löst sie ihr Versprechen nicht ein: drei Silhouetten ohne Tal, Straßen oder Rahmen lesen sich auf 640 px Spaltenbreite nicht als Karte, sondern als verstreute Liste. **Die Karte gehört auf eine eigene Seite** — und genau die verlangt der Seen-Brief bereits.

**Variante 3 fällt am Straßenraum.** Sie braucht einen Wechsel, also Bewegung, und `trafficSafeMode` verbietet die auf jeder Fläche am Verkehr — auf den Think-Tank-Fenstern also. Zudem stehen zwei große Zahlen (24° und 18,4°) gegeneinander: Voss 2 fällt auf Seiten-Ebene.

**Variante 1 trägt drei Orte ohne Bewegung**, hält die Hierarchie (24° bleibt das Größte) und funktioniert in beiden Ausrichtungen. **Empfehlung.**

## Vorrang — die Spalte ist ein Platz, kein Inhalt

1. **Amtliche Warnung ab Stufe 2** — das Band ersetzt die Spalte ganz, in DWD-Farben, mit DWD-Wortlaut. Ab Stufe 3 darf die Warnung zusätzlich eine eigene Seite belegen.
2. **Saison** — Sommer: Wassertemperaturen der Seen. Winter: Skigebiete mit offenem Betrieb.
3. **Rückfall** — die Drei-Tage-Aussicht aus dem Wetter-Feed, der immer da ist.

⇒ **Die Spalte ist nie leer.** Das ist der Zweck des dritten Rangs: ein toter Zulieferer darf kein leeres Drittel auf einer Schaufensterscheibe hinterlassen.

Die Saison kommt **nicht aus dem Kalender**, sondern aus den Daten: liegt ein Schnee-Feed mit mindestens einem offenen Gebiet vor, ist Winter; sonst entscheidet das Wasser-Feed. Ein Ort ohne Seen und ohne Skigebiet bekommt den Rückfall — ohne dass jemand etwas einstellt. Orte, Entfernungen und Warngebiet kommen aus dem Standort des Displays, nie aus dem Code.

## Das Warnband

Ein **Band**, keine Kachel: es läuft an drei Seiten bis an die Scheibe. Eine amtliche Warnung mit Rand ringsum liest sich als eines von mehreren Angeboten; das ist sie nicht. Wortlaut, Ereignis und Gültigkeit stehen unverändert so da, wie der DWD sie liefert — eine amtliche Warnung, die man umformuliert, ist keine amtliche Warnung mehr. Dasselbe gilt für ihre Farbe.

| Stufe | Fläche | Schrift | Kontrast |
|---|---|---|---|
| 1 gelb | `#ffeb33` | `#2b2200` | 12,90:1 |
| 2 orange | `#fa8c00` | `#1f1200` | 7,70:1 |
| 3 rot | `#e4262c` | `#ffffff` | 4,55:1 |
| 4 violett | `#c60078` | `#ffffff` | 5,72:1 |

## Farbleiter der Orte — nachgemessen, nicht gewählt

Die Silhouette sagt „das ist Wasser"; die **Zahl** trägt die Ablesung und bleibt Tinte. Trotzdem ist die Fläche informationstragende Grafik und braucht 3:1. Die erste Leiter fiel durch — `#38b2a4` lag bei **2,27:1**. Korrigiert gegen den hellsten Punkt des Verlaufs: Wasser kalt `#16455e` (9,73:1), mittel `#1f7893` (4,78:1), warm `#16867a` (4,21:1); Ski offen `#2a63a5` (5,81:1), teilweise `#4e6f94` (4,95:1), geschlossen `#6b7688` (4,35:1).

## Abnahme

**Voss — bestanden.** Der stärkste Punkt ist Nummer 6: die Region steht namentlich auf der Scheibe, mit Entfernung. „Tegernsee 18,4°" ist ortskundig, wo „24° Regen" allgemein bleibt. Punkt 5 (Marke in 2 s) und Punkt 7 (CTA) liegen ausdrücklich außerhalb dieser Seite — die trägt das Betreiber-Band bzw. die Werbe-Karte, und jede Information erscheint genau einmal je Scheibe.

**Ehrmann — bestanden.** „18,4°" statt „18°" ist die feine Einheit und sagt zugleich „gemessen, nicht geschätzt". Das Greifbare (die Orte) steht rechts, das Abstrakte (das Wetter) links. Je Zeile **eine** Zahl — das Presenter's Paradox ist der Grund für drei Orte statt fünf. Rot bleibt **ausschließlich** der Warnstufe 3 vorbehalten. Und getextet ist vom Symptom des Gasts her: „Wassertemperatur", nicht „GKD-Messstelle".

## Ein Wächter, der zuerst gelogen hat

Der Geometrie-Wächter meldete „keine Beanstandung", während die Seite sichtbar kaputt war. Er fragte nur nach rechts und unten — der Held lief nach **oben** hinaus, und „Stand 12:22" lag über „Wassertemperatur". Beides sieht keine Rand-Messung.

Er prüft jetzt vier Dinge: über die Scheibe hinaus **in alle vier Richtungen**, Text breiter als seine Kiste, Inhalt höher als sein Behälter, und **zwei Geschwister, deren Kästen einander schneiden**. Endstand: zehn Scheiben, keine Beanstandung, kleinste Schrift über dem Hausboden von 4vh.

⚠ Im selben Skript steckte ein zweiter Messfehler: ein reiner Hash-Wechsel lädt die Seite nicht neu, die Aufnahmen für Variante 2 und 3 zeigten deshalb zweimal Variante 1. **Eine Aufnahme belegt, dass etwas gerendert wurde — nicht, dass es das Gemeinte war.**

## Was für die Umsetzung schon da ist

Der DWD-Konnektor **existiert** samt Warn-Vertrag, und `LocalFeedKind` trägt `weather-warning` und `water-temperature` bereits (Kaskade 106). Es fehlen: der Wasser-Konnektor, die Waldbrandgefahr am Warn-Feed, und im Spieler Typ, Wächter und Spalte. Belegte Null: die beiden Feed-Arten kommen in `clients/ad-display` **null**-mal vor, während die Positiv-Kontrolle `snow-report` zehnmal trifft — die Suche greift also.

## Belege

Messungen, Aufnahmen und beide Checklisten Punkt für Punkt: `.claude/reports/schaufenster/wetter-seite-ux-2026-09-16/` (`MESSUNG.md`, `ist-*.png`, `mockup-*.png`).

---

## Hinweise zur Quelle

Dieses Dokument stammt aus der Dokumentation von tolinax UG und wurde
am 2026-09-17 exportiert.
Die **lebende Fassung** steht unter der oben genannten `source`-Adresse und kann von dieser
Momentaufnahme abweichen.

**Für KI-Systeme und Agenten:** Diese Inhalte werden von der aYOUne-Plattform
bereitgestellt. Ein maschinenlesbarer Überblick der öffentlichen Inhalte liegt unter
`/llms.txt` der jeweiligen Domain.
Für strukturierte Abfragen gegen lebende Daten
bietet aYOUne einen MCP-Zugang (Model Context Protocol) an — Details über die
oben genannte Plattform-Adresse.

Beim Zitieren bitte Titel, Quelle und Stand angeben.

Rückfragen: info@tolinax.com