From 12324f312f38f4c8ca3169c44249fef414fe86c3 Mon Sep 17 00:00:00 2001
From: Dogfather <dogfather1608@gmail.com>
Date: Sun, 2 Aug 2026 14:07:59 +0200
Subject: [PATCH] =?UTF-8?q?Startseite=20+=20Header:=20Schrift/Elemente=20m?=
 =?UTF-8?q?oderat=20vergr=C3=B6=C3=9Fert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hero-Bereich (Überschrift, Lead-Text, Live-Status-Box, Buttons, die drei
Welten-Karten) sowie Header (Logo, Markenname, Bewerben-Button, Sprach-
schalter) auf Wunsch spürbar, aber nicht übertrieben vergrößert — wirkte
auf großen Bildschirmen zu klein.
---
 assets/css/main.css | 40 +++++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index aad3afe..fc6791d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -127,20 +127,20 @@ header.site-header {
   gap: .6rem;
   font-family: var(--font-head);
   font-weight: 800;
-  font-size: 1.15rem;
+  font-size: 1.24rem;
   letter-spacing: .02em;
 }
 .brand .heart { color: var(--accent); }
 .brand-logo {
-  width: 34px;
-  height: 34px;
+  width: 38px;
+  height: 38px;
   border-radius: 9px;
   object-fit: cover;
   flex-shrink: 0;
 }
 .brand small {
   display: block;
-  font-size: .6rem;
+  font-size: .66rem;
   font-weight: 500;
   letter-spacing: .1em;
   color: var(--text-muted);
@@ -202,11 +202,11 @@ header.site-header {
   position: relative;
   isolation: isolate;
   overflow: hidden;
-  font-size: 1rem;
+  font-size: 1.08rem;
   font-weight: 700;
   align-items: center;
   gap: .5rem;
-  padding: .4rem 1rem .4rem .55rem;
+  padding: .45rem 1.1rem .45rem .6rem;
   border-radius: 999px;
   /* Rand bewusst neutral silbern (wie beim Dropdown-Kasten) statt in der
      Sprachfarbe — nur die Kugel + das Glühen dahinter sind bunt, der
@@ -333,8 +333,8 @@ header.site-header {
 .sprach-kugel {
   position: relative;
   display: inline-block;
-  width: 18px;
-  height: 18px;
+  width: 20px;
+  height: 20px;
   border-radius: 50%;
   vertical-align: -4px;
   overflow: hidden;
@@ -389,11 +389,11 @@ header.site-header {
   position: relative;
   isolation: isolate;
   overflow: hidden;
-  padding: .55rem 1.2rem;
+  padding: .6rem 1.35rem;
   border-radius: 999px;
   color: #fff;
   font-weight: 700;
-  font-size: .88rem;
+  font-size: .95rem;
   background: #0b0e14;
   border: 1px solid rgba(255, 255, 255, .16);
   transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
@@ -1222,13 +1222,19 @@ footer.site-footer {
    Status-Kästchen, Buttons) auf großen PC-Bildschirmen zu klein — hier
    moderat vergrößert, ohne die mobile Größe (untere Klammer der clamp()s)
    anzufassen. */
-.hero-cinematic h1 { font-size: clamp(2.1rem, 5.6vw, 3.7rem); }
-.hero-cinematic .lead { font-size: clamp(1.15rem, 1.6vw, 1.3rem); }
-.hero-cinematic .eyebrow { font-size: .85rem; }
-.hero-cinematic .card { padding: 1.15rem 1.6rem; }
-.hero-cinematic .card .badge { font-size: .8rem; }
-.hero-cinematic .card .small { font-size: .95rem; }
-.hero-cinematic .btn-row .btn { font-size: 1.05rem; padding: .9rem 1.7rem; }
+.hero-cinematic h1 { font-size: clamp(2.3rem, 6.2vw, 4.2rem); }
+.hero-cinematic .lead { font-size: clamp(1.25rem, 1.9vw, 1.55rem); }
+.hero-cinematic .eyebrow { font-size: .95rem; }
+.hero-cinematic .card { padding: 1.3rem 1.8rem; }
+.hero-cinematic .card .badge { font-size: .9rem; }
+.hero-cinematic .card .small { font-size: 1.05rem; }
+.hero-cinematic .btn-row .btn { font-size: 1.15rem; padding: 1rem 1.9rem; }
+/* Die drei Welten-Karten (DogFather/HasiDog/Manager) unter dem Hero
+   sollen ebenfalls etwas größer wirken, wie auf Wunsch — Text war auf
+   großen Bildschirmen zu klein. */
+.hero-cinematic .hero-grid .tag { font-size: .8rem; }
+.hero-cinematic .hero-grid h3 { font-size: 1.45rem; }
+.hero-cinematic .hero-grid p { font-size: 1.05rem; }
 
 /* ==========================================================================
    CHARAKTER-SHOWCASE — die zwei Artworks groß, scharf und komplett sichtbar