ui: kurzer Inhalt vertikal zentriert (Rahmen-Layout)

body:not(.is-home) main als Flex-Spalte mit justify-content: safe center —
kurze Seiten zeigen den Inhalt mittig zwischen Header und Footer (gleiche
Lücke oben/unten), langer Inhalt scrollt normal von oben (safe → start).

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

assets/css/custom.css

@@ -109,11 +109,19 @@ body > main {
   -ms-overflow-style: none;
 }
 body > main::-webkit-scrollbar { width: 0; height: 0; display: none; }
+/* Kurzer Inhalt vertikal zentriert zwischen Header und Footer; langer Inhalt
+   scrollt normal von oben (safe center fällt bei Überlauf auf start zurück). */
+body:not(.is-home) > main {
+  display: flex;
+  flex-direction: column;
+  justify-content: safe center;
+}
 /* Inhalt 72ch-zentriert in der vollbreiten Scroll-Fläche (Home = Vollbreite). */
 body:not(.is-home) > main > * {
   max-width: calc(var(--container-width) + 3.5rem);
   margin-inline: auto;
   padding-inline: 1.75rem;
+  flex: none;
 }
 /* Full-Bleed-Hero füllt die ganze Breite (main ist schon viewportbreit). */
 body:not(.is-home) > main > .single-hero-image {