From 7f7f15c1065e0bfabc1992e2efda35ae5127dbed Mon Sep 17 00:00:00 2001 From: Jan Sroka Date: Sun, 23 Aug 2026 23:53:22 +0200 Subject: [PATCH] fix(css): restore paragraph spacing on Markdown pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Der Webflow-Export setzt global `p { margin-bottom: 0px }` (inog-website.webflow.css:216). Solange die Absätze im Impressum mit `

` innerhalb eines einzigen Absatzes erzeugt wurden, fiel das nicht auf. Seit #28 erzeugt das Impressum echte `

`-Elemente aus Markdown — die klebten dadurch ohne Abstand aneinander. Gemessen: Absatzabstand 26px (reine Zeilenhöhe, kein Zwischenraum). Die Regel ist bewusst auf `.content-box` begrenzt. Dieser Container existiert nur im `default`-Layout, also auf den Markdown-Seiten. Eine zunächst weiter gefasste Variante auf `.block-content` (inkl. `p:last-child { margin-bottom: 0 }`) hat die Startseite um 150px verkürzt, weil dort sechs Absätze letzte Kinder ihres Containers sind und deren Webflow-Abstand entfernt wurde. Verifiziert im Headless-Browser, Seitenhöhen gegen `main`: / 5364 → 5364 unverändert /impressum/ 1063 → 1203 +140 /veroeffentlichungen/ 4909 → 5117 +208 /kontakt/ 907 → 983 +76 /datenschutz/ 7791 → 7807 +16 /projekte/ 3088 → 3120 +32 Absatzabstand im Impressum jetzt 42px statt 26px. Die Regel überlebt PurgeCSS. html-proofer und prettier --check sind sauber. --- assets/css/custom.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/assets/css/custom.css b/assets/css/custom.css index 4d942d0..5e93c20 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -41,3 +41,19 @@ .text-end { text-align: end; } + +/* Absatzabstand im Fließtext-Bereich. + + Der Webflow-Export setzt global `p { margin-bottom: 0 }` + (inog-website.webflow.css:216). Solange Absätze mit `

` erzeugt + wurden, fiel das nicht auf. Seit Impressum & Co. echte `

`-Elemente aus + Markdown erzeugen, klebten die Absätze ohne Abstand aneinander. + + Bewusst auf .content-box begrenzt: dieser Container existiert nur im + `default`-Layout, also genau auf den Markdown-Seiten (Impressum, Kontakt, + Veröffentlichungen, 404). Die Webflow-Seiten (Startseite, Projekte) nutzen + das `home`-Layout ohne .content-box und bleiben damit unberührt — eine + weiter gefasste Regel auf .block-content hat dort das Layout verschoben. */ +.content-box p { + margin-bottom: 1em; +}