From 7b25f644a2799721f13922c4e01d9a0aece7e426 Mon Sep 17 00:00:00 2001 From: karim Date: Mon, 1 Jun 2026 11:40:47 +0200 Subject: [PATCH] ui: kurzer Inhalt vertikal zentriert (Rahmen-Layout) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- assets/css/custom.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/assets/css/custom.css b/assets/css/custom.css index 281f58a..0fa4323 100644 --- a/assets/css/custom.css +++ b/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 {