fix(oberflaeche): Kopfleiste einzeilig halten, Demo-Uhr feststellen

Zwei Mängel, die erst in den aufgenommenen Bildern auffielen.

Auf Handybreite brach die Kopfleiste um und drängte den Namen der
Anwendung in die zweite Zeile, mitten zwischen die Menüpunkte. Sie bleibt
jetzt auf allen Breiten einzeilig; wird es eng, scrollt die Navigation
waagerecht.

Das Tagesdatum auf der Startseite wird serverseitig gerendert, weshalb
Playwrights Uhr nicht griff — die Bilder hätten sich täglich geändert. In
der Screenshot-Instanz (DEMO_MODUS=true) steht die Uhr jetzt fest. Reine
Funktionen bekommen den Zeitpunkt weiterhin als Parameter; src/server/
zeitgeber.ts ist die eine Stelle, an der er entsteht.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/server/zeitgeber.ts

@@ -0,0 +1,20 @@
+import 'server-only'
+import { umgebung } from '@/server/umgebung'
+
+/**
+ * Die aktuelle Zeit — für alles, was serverseitig gerendert wird.
+ *
+ * Reine Funktionen in src/lib bekommen den Zeitpunkt weiterhin als Parameter.
+ * Hier steht nur die eine Stelle, an der er entsteht.
+ *
+ * In der Screenshot-Instanz (DEMO_MODUS=true) steht die Uhr fest. Sonst würde
+ * sich in jedem Bild das Tagesdatum ändern und die Bilder wären bei jedem Lauf
+ * neu, ohne dass sich etwas Sichtbares geändert hätte.
+ */
+
+/** Dienstag, 17. März 2026, 09:20 Uhr in Europe/Berlin. */
+export const DEMO_ZEITPUNKT = new Date('2026-03-17T08:20:00.000Z')
+
+export function jetzt(): Date {
+  return umgebung().DEMO_MODUS ? DEMO_ZEITPUNKT : new Date()
+}