From c34d8378472731ffe54ecfddb5cd8d585c99216a Mon Sep 17 00:00:00 2001
From: "matthias.lotz" <matthias.lotz@hobbyhimmel.de>
Date: Sat, 6 Dec 2025 15:03:33 +0100
Subject: [PATCH] Fixed font sizing: all elements scale proportionally from
 dynamic body size, no nesting multiplication

---
 ui/hobbyhimmel/pretty.css | 35 +++++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/ui/hobbyhimmel/pretty.css b/ui/hobbyhimmel/pretty.css
index 6402140..3d2ab5a 100755
--- a/ui/hobbyhimmel/pretty.css
+++ b/ui/hobbyhimmel/pretty.css
@@ -5,14 +5,18 @@
  * @author Andreas Gohr <andi@splitbrain.org>
  */
 
-body {background: #fff url(logo.png) top right no-repeat; color: #000; font-size: 1.9em;}
+body {
+  background: #fff url(logo.png) top right no-repeat; 
+  color: #000;
+  /* font-size wird dynamisch vom S5-Skript gesetzt (für h1 optimiert) */
+}
 :link, :visited {text-decoration: none; color: #436976;font-style:italic;}
 #controls :active {color: #436976 !important;}
 #controls :focus {outline: 1px dotted #436976;}
-h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
-ul, pre {margin: 0; line-height: 1em;}
+h1, h2, h3, h4 { font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
+pre {margin: 0; line-height: 1em; font-size: 40%;} /* pre 40% vom Body */
 html, body {margin: 0; padding: 0; font-family: Verdana, Helvetica, sans-serif;}
-
+p {font-size: 50%;} /* 50% vom Body */
 
 img {
     display: block;
@@ -26,18 +30,18 @@ img {
 }
 
 blockquote, q {font-style: italic;}
-blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
+blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 50%;}
 blockquote p {margin: 0;}
 blockquote em {font-style: normal;}
 blockquote strong {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;}
 blockquote strong em {font-style: italic;}
 
 .slide code {padding: 2px 0.25em; font-weight: bold; color: #000;}
-.slide pre {padding: 0.5em; margin: 0.25em 0 0.5em 0.5em; color: #000; font-size: 80%;background:#dee7ec;border:1px dashed #8cacbb;}
-.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
-.slide li {margin-top: 0.75em; margin-right: 0;}
-.slide ul ul {line-height: 1;}
-.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
+.slide pre {padding: 0.5em; margin: 0.25em 0 0.5em 0.5em; color: #000;background:#dee7ec;border:1px dashed #8cacbb;}
+.slide ul, .slide ol {margin-left: 5%; margin-right: 7%; margin-top: 0; margin-bottom: 0; line-height: 1em; font-size: 50%;} /* 50% vom Body */
+.slide li {margin-top: 0.75em; margin-right: 0; font-size: 100%;} /* 100% vom ul (ergibt 50% vom Body) */
+.slide ul ul, .slide ol ol {font-size: 100%;} /* Verschachtelte Liste: 100% vom Eltern-li (nicht vom Eltern-ul!) */
+.slide ul ul li, .slide ol ol li {margin: .2em; list-style: square; font-size: 100%;} /* 100% vom verschachtelten ul */
 
 div#header, div#footer {background: #dee7ec; color: #000;
   font-family: Verdana, Helvetica, sans-serif;}
@@ -48,12 +52,15 @@ div#footer {font-size: 0.5em; font-weight: bold; padding: 1em 0;border-top:1px s
 #footer h2 {font-style: italic;}
 
 div.long {font-size: 0.75em;}
-.slide h1 {position: absolute; top: 0.1em; left: 1.5%; z-index: 1;
+.slide h1 {
+  position: absolute;
+  top: 0.1em; left: 1.5%; z-index: 1;
   margin: 0; padding: 0.3em 0 0 25px; white-space: nowrap;
-  font: bold 150%/1em Verdana, Helvetica, sans-serif;
+  font: bold 100%/1em Verdana, Helvetica, sans-serif; /* 100% = Body-Größe (für h1 optimiert) */
   color: #436976; background: inherit;}
-.slide h2 {font-size: 140%;}
-.slide h3 {font-size: 130%;}
+
+.slide h2 {font-size: 75%;} /* 75% vom Body */
+.slide h3 {font-size: 65%;} /* 65% vom Body */
 h1 abbr {font-variant: small-caps;}
 
 div#controls {position: absolute; left: 50%; bottom: 0;