Fließtext-Schriftgröße site-weit vergrößert (nicht mehr nur auf vanvan.html)

- Basis-Regeln für p/.lead/.quote/h2/h3 in main.css angehoben (vorher
  Standard-Browsergröße bzw. kleine clamp-Werte), betrifft jetzt alle
  Seiten automatisch statt nur einzelne Seiten mit Extra-<style>-Block
- vanvan.html: lokalen, jetzt redundanten <style>-Override entfernt
  (Werte sind identisch mit den neuen globalen main.css-Regeln)
- Kleingedrucktes (Footer, Badges, Formular-Fehlermeldungen etc.) bleibt
  unverändert, da diese über spezifischere eigene font-size-Regeln verfügen
This commit is contained in:
2026-08-02 20:19:13 +02:00
parent 01940dffc5
commit 160704acab
2 changed files with 5 additions and 11 deletions
+5 -4
View File
@@ -48,10 +48,11 @@ h1, h2, h3, h4 {
font-weight: 700; font-weight: 700;
} }
h1 { font-size: clamp(2rem, 5vw, 3.2rem); } h1 { font-size: clamp(2rem, 5vw, 3.2rem); }
h2 { font-size: clamp(1.5rem, 3.5vw, 2.3rem); } h2 { font-size: clamp(1.7rem, 3.8vw, 2.6rem); }
h3 { font-size: 1.3rem; } h3 { font-size: 1.42rem; }
p { margin: 0 0 1em; color: var(--text-muted); } p { margin: 0 0 1em; color: var(--text-muted); font-size: 1.14rem; line-height: 1.85; }
.lead { font-size: 1.15rem; color: var(--text); } .lead { font-size: 1.32rem; color: var(--text); }
.quote { font-size: 1.22rem; }
.container { .container {
width: min(1180px, 92vw); width: min(1180px, 92vw);
-7
View File
@@ -21,13 +21,6 @@
<link rel="stylesheet" href="assets/css/theme-dogfather.css" /> <link rel="stylesheet" href="assets/css/theme-dogfather.css" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css" /> <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" /> <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
<style>
/* Auf Wunsch: Text auf der ganzen VanVan-Seite größer, wirkte zu klein. */
main p { font-size: 1.14rem; line-height: 1.85; }
main .lead { font-size: 1.3rem; }
main .quote { font-size: 1.2rem; }
main h2 { font-size: clamp(1.7rem, 3.8vw, 2.6rem); }
</style>
</head> </head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-vanvan.jpg');--page-bg-mobile:url('/assets/img/bg-vanvan-mobile.jpg');"> <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-vanvan.jpg');--page-bg-mobile:url('/assets/img/bg-vanvan-mobile.jpg');">
<div id="site-header"></div> <div id="site-header"></div>