layout anpassungen

css/style.css

@@ -46,7 +46,7 @@ header {
     --bg: #1a1a1a;          /* sehr dunkles Grau */
     --text: #ffffff;        /* normaler Text weiss */
     --dim: #909090;         /* gedimmter Text (Footer, Zitate) */
-    --heading: #ff9500;     /* Ueberschriften orange */
+    --heading: #00ff00;     /* Ueberschriften gruen wie die erste Zeile */
     --link: #66aaff;        /* Links, gut lesbar auf schwarz */
     --green: #00ff00;       /* Prompt, Code */
     --border: #333333;
@@ -112,7 +112,7 @@ main {
 
 h1, h2, h3, h4, h5, h6 {
     color: var(--heading);
-    text-shadow: 0 0 8px rgba(255, 149, 0, 0.35);
+    text-shadow: 0 0 8px rgba(0, 255, 0, 0.35);
     letter-spacing: 1px;
     font-size: 1rem;   /* 14 px, ueberall gleiche Schriftgroesse */
     font-weight: normal;
@@ -127,6 +127,17 @@ p {
     margin: .8rem 0;
 }
 
+/* ---- Inhalt einruecken: ein # mehr als die uebergeordnete
+       Ueberschrift = eine Stufe (1.5rem) tiefer ---- */
+
+main div.sec {
+    margin-left: 1.5rem;
+}
+
+main div.sec0 {
+    margin-left: 0;
+}
+
 /* ---- Anker-Navigation im Header (Links auf die Ueberschriften) ---- */
 
 .anker-nav {