From 8c477571df3d182bc75d8bf74e7025ea5e07bfb8 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Sat, 1 Aug 2026 14:52:23 +0200 Subject: [PATCH] =?UTF-8?q?Startseite:=20Hero-Bild=20und=20Inhalte=20auf?= =?UTF-8?q?=20gro=C3=9Fen=20Bildschirmen=20moderat=20vergr=C3=B6=C3=9Fert?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .hero-cinematic wirkte auf großen PC-Screens zu klein (Artwork, Überschrift, Text, Live-Status-Kästchen, Buttons). Padding erhöht (mehr Raum fürs contain-Artwork), h1/.lead/eyebrow/Buttons/Kästchen-Text in diesem Abschnitt gezielt etwas größer - mobile Untergrenze der clamp()s bleibt unverändert, damit es auf kleinen Screens nicht zu groß wird. --- assets/css/main.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/assets/css/main.css b/assets/css/main.css index c6653ba..496075c 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -821,7 +821,10 @@ footer.site-footer { 3. darüber = die bestehende Polarlicht/Rauch/Nebel-Atmosphäre, gedimmt ========================================================================== */ .hero-cinematic { - padding: clamp(5rem, 13vw, 9rem) 0; + /* Etwas mehr vertikaler Raum als vorher, damit das Trio-Artwork (läuft + mit background-size:contain mit) auf großen Desktop-Bildschirmen + spürbar größer wirkt statt klein in der Mitte zu schweben. */ + padding: clamp(5.5rem, 15vw, 10.5rem) 0; isolation: isolate; } .hero-artwork { @@ -869,6 +872,17 @@ footer.site-footer { .hero-cinematic h1, .hero-cinematic .lead, .hero-cinematic .eyebrow { text-shadow: 0 2px 18px rgba(0, 0, 0, .75), 0 1px 3px rgba(0, 0, 0, .9); } +/* Auf Wunsch: auf der Startseite wirkte alles (Überschrift, Text, Live- + 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; } /* ========================================================================== CHARAKTER-SHOWCASE — die zwei Artworks groß, scharf und komplett sichtbar