Startseite + Header: Schrift/Elemente moderat vergrößert

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

@@ -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