/* ============================================================
   Startseite: alles mittig, Text zentriert (Gizzy 19.10.2026)
   Gilt für alle Abschnitte und den Footer. Das Menü oben bleibt
   unverändert. Zurücknehmen: Link auf diese Datei in index.html
   entfernen.
   ============================================================ */

section,footer{text-align:center;}

/* Blöcke mit begrenzter Breite in die Mitte */
.hero-sub,.problem p,.rolle-grid,.reactions-note,.intro-tools,.faq-list{margin-left:auto;margin-right:auto;}
.ft-sub{margin:-6px auto 34px;}
@media(max-width:900px){.ft-grid{margin-left:auto;margin-right:auto;}}

/* Reihen aus Flex-Elementen mittig */
.hero-pos,.hero-cta-row,.hero-portrait,.ft-author{justify-content:center;}
.hero-portrait .pmeta{text-align:left;}
.cred-card{align-items:center;}

/* FAQ: Frage mittig, Plus-Zeichen bleibt rechts */
.faq-q{text-align:center;padding:22px 40px;}

/* Footer untereinander und mittig */
.foot-top{flex-direction:column;align-items:center;}
.foot-brand,.foot-cols,.foot-bottom{justify-content:center;}
.foot-tag{margin-left:auto;margin-right:auto;}
.foot-bottom{flex-direction:column;align-items:center;}

/* Kostenlos starten: Feldinhalte mittig */
.pb-selector label,.pb-status{text-align:center;}

/* Playbook-Auswahl schmal und mittig, Text im Feld zentriert */
.pb-select-wrap{max-width:320px;margin-left:auto;margin-right:auto;}
.pb-select{text-align:center;text-align-last:center;padding-left:46px;padding-right:46px;}