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