Knopf nach oben, Bildbetrachter, Rechtszeile als Baustein (Schema v19)

Der Knopf "nach oben" ist ein Anker, kein Skript: er springt an den
Seitenanfang, eingeblendet ueber eine Scroll-Zeitachse. Abschaltbar und
vollstaendig einstellbar - Seite, Form, Groesse, Farben, Schwelle,
Beschriftung.

Bilder lassen sich vergroessern, je Bild waehlbar (nichts / vergroessern
/ Adresse), Galerien mit einem Schalter. Grundlage ist ein gewoehnlicher
Verweis auf die grosse Fassung: ohne JavaScript oeffnet er das Bild, mit
JavaScript einen dialog-Betrachter mit Blaettern, Escape und Pfeiltasten.
Das Skript laedt nur, wo es etwas zu tun hat.

Die Rechtszeile wird ein Baustein und steht damit im Fussbereich statt
als heller Streifen darunter. Die eingebaute Leiste erscheint nur noch,
wenn die Seite den Baustein nicht enthaelt.

Dabei gefunden: zwei Stylesheet-Regeln griffen seit drei
Veroeffentlichungen nicht mehr. Beim Entfernen alter Regeln waren
Selektorreste stehen geblieben, und CSS nimmt dann die naechste Regel
mit - betroffen waren der Einwilligungsdialog und die Rechtszeile. Ein
Test prueft jetzt jede CSS-Datei auf abgebrochene Selektoren.

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

src/Content/SiteSettings.php

@@ -34,6 +34,17 @@ final class SiteSettings
         // Das Symbol der Website im Browser-Reiter: ein Bild aus der Mediathek, aus dem beim
         // Speichern quadratische PNG-Dateien entstehen. Leer heißt: das mitgelieferte Zeichen.
         'faviconMediaId' => '',
+        // Der Knopf „nach oben". Aus, weil eine kurze Seite ihn nicht braucht; alles daran ist
+        // einstellbar, weil er auf jeder Seite in der Ecke klebt und deshalb zur Gestaltung
+        // passen muss. Eingeblendet wird er beim Scrollen - ohne eine Zeile JavaScript.
+        'scrollTop' => false,
+        'scrollTopPosition' => 'rechts',
+        'scrollTopShape' => 'rund',
+        'scrollTopSize' => 48,
+        'scrollTopColor' => '',
+        'scrollTopInk' => '',
+        'scrollTopLabel' => 'Nach oben',
+        'scrollTopAfter' => 400,
         // Cloudflare Turnstile fuer Formulare. Aus, weil eine Website ohne Spamwelle keinen
         // Dritten einbinden soll - und weil die Pruefung JavaScript verlangt.
         'turnstile' => false,
@@ -138,6 +149,20 @@ final class SiteSettings
             }
             $values[$key] = $wert;
         }
+        $values['scrollTop'] = (bool) ($input['scrollTop'] ?? false);
+        $values['scrollTopPosition'] = in_array($input['scrollTopPosition'] ?? '', ['rechts', 'links'], true) ? $input['scrollTopPosition'] : 'rechts';
+        $values['scrollTopShape'] = in_array($input['scrollTopShape'] ?? '', ['rund', 'weich', 'eckig'], true) ? $input['scrollTopShape'] : 'rund';
+        $values['scrollTopSize'] = max(36, min(72, (int) ($input['scrollTopSize'] ?? 48)));
+        // Ab wie vielen Pixeln er erscheint. Null heisst: sofort.
+        $values['scrollTopAfter'] = max(0, min(4000, (int) ($input['scrollTopAfter'] ?? 400)));
+        $values['scrollTopLabel'] = mb_substr(trim((string) ($input['scrollTopLabel'] ?? '')), 0, 60) ?: 'Nach oben';
+        foreach (['scrollTopColor', 'scrollTopInk'] as $feld) {
+            $farbe = trim((string) ($input[$feld] ?? ''));
+            if ('' !== $farbe && 1 !== preg_match(StyleSchema::COLOR, $farbe)) {
+                throw new InvalidPage('Die Farben des Knopfes „nach oben" werden als #1a2b3c oder als @schlüssel aus der Palette angegeben.');
+            }
+            $values[$feld] = $farbe;
+        }
         $values['turnstile'] = (bool) ($input['turnstile'] ?? false);
         if ($values['turnstile'] && ('' === $values['turnstileSiteKey'] || '' === $values['turnstileSecret'])) {
             // Eingeschaltet ohne Schluessel hiesse: jedes Formular lehnt jede Absendung ab.