fix: Artikel-Überschrift mit 6,6px Abstand zur Marginal-Oberkante

Korrektur des vorherigen Commits: margin-top der h2.nav.submenu war
irrtümlich geändert worden, was die Marginalinhalte verschoben hat.
screen/menu.scss wieder auf den Originalwert (1.5em) zurückgesetzt.

Nur die Artikel-h1 wird im Desktop-Layout angepasst:
margin-top: 0.3em (~6,6px) statt 1.125em (24,75px) – kleiner Abstand
nach oben für optische Ausrichtung an der Marginal-Oberkante, ohne
ganz bündig zu sein.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

diff --git a/public/css/screen.css b/public/css/screen.css
index 5c62a472f189fd0f96a737d50ba2adf8e09ff200..64bfe17ca519562ce70ca8fd8632f9c0b1b8706b 100644 (file)
--- a/public/css/screen.css
+++ b/public/css/screen.css
@@ -1072,7 +1072,7 @@
 :root[data-layout=classic] #nav > h2.nav.submenu {
   font-size: 125%; /** 20px */
   line-height: 1em; /** 20px */
-  margin: 0.1em 0 0.5em 0; /** bündig zur Marginal-Oberkante (=~2px, dann .5em unten) */
+  margin: 1.5em 0 0.5em 0; /** 30px 0 10px 0 */
   padding: 0 0 0 1.65em; /** 0 0 0 33px */
   border: none;
 }
@@ -1848,10 +1848,10 @@
     color: #FFF;
   }
   :root[data-layout=classic] {
-    /** Artikel-Titel bündig zur Oberkante der Marginalspalte */
+    /** Artikel-Titel mit kurzem Abstand zur Oberkante der Marginalspalte */
   }
   :root[data-layout=classic] article#content > header h1 {
-    margin-top: 0;
+    margin-top: 0.3em; /** ~7px – kleiner Luft nach oben, aber bündig zum Marginalbereich */
   }
   :root[data-layout=classic] .mcontent {
     position: relative;

diff --git a/src/styles/screen/content.scss b/src/styles/screen/content.scss
index 878d7ba45992b05f798643c1a91066cf6cf27b29..4f4f6ad147e4cb2603d7f2d4f355fe1c2f655f4a 100644 (file)
--- a/src/styles/screen/content.scss
+++ b/src/styles/screen/content.scss
@@ -1,7 +1,7 @@
-/** Artikel-Titel bündig zur Oberkante der Marginalspalte */
+/** Artikel-Titel mit kurzem Abstand zur Oberkante der Marginalspalte */
 article#content > header h1
 {
-  margin-top: 0;
+  margin-top: 0.3em; /** ~7px – kleiner Luft nach oben, aber bündig zum Marginalbereich */
 }
 
 .mcontent

diff --git a/src/styles/screen/menu.scss b/src/styles/screen/menu.scss
index b176743c849b97ff46f9690ab3a1630cc157413a..cba3dc40d005c8f0ea6b269c3722c5623e531ce3 100644 (file)
--- a/src/styles/screen/menu.scss
+++ b/src/styles/screen/menu.scss
@@ -7,7 +7,7 @@
 {
   font-size: 125%; /** 20px */
   line-height: 1em; /** 20px */
-  margin: 0.1em 0 .5em 0; /** bündig zur Marginal-Oberkante (=~2px, dann .5em unten) */
+  margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
   padding: 0 0 0 1.65em; /** 0 0 0 33px */
   border: none;
 }