Hero: Ausrichtungs-Varianten (align: center | bottom-left), Startseite zentriert

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 21:24:45 +02:00
parent fcb2c3f75f
commit 01580453d4
3 changed files with 20 additions and 3 deletions
--- a/public/assets/css/components.css
+++ b/public/assets/css/components.css
@@ -67,6 +67,20 @@
    margin-top: 1.75rem;
 }

+/* Variante: Text mittig zentriert (z. B. Startseite) */
+.hero--center {
+    align-items: center;
+    text-align: center;
+}
+
+.hero--center .hero__text {
+    margin-inline: auto;
+}
+
+.hero--center .hero__actions {
+    justify-content: center;
+}
+
 /* === instagram === */
 .instagram__grid {
    display: grid;