/* ENTWURF · Zusatz zur Unterseite „TFP / Persönlichkeitsstörungen“.
   style.css bleibt unverändert (Kopie von neu/style.css, Stand 30.10.2026). Hier nur Bausteine, die es auf den Live-Seiten nicht gibt
   (Untertitel, Inhaltsübersicht, Frage-Antwort-Liste). Farben/Schriften nur aus den Variablen von style.css. */
.thema .recht-kopf{padding-top:12px}
.thema h1{margin-bottom:.35em;text-wrap:balance}
.thema .unter{font:400 .8125rem/1.6 var(--f-titel);letter-spacing:.12em;text-transform:uppercase;color:var(--graphit);text-align:center;margin:0 auto 2.2em;max-width:none}
.thema .lead{font-size:1.15rem;line-height:1.55;margin-bottom:1.1em}
.thema .abschnitt h3{margin:1.6em 0 .4em}
.thema .abschnitt ul,.thema .abschnitt ol:not(.schritte){padding-left:1.1em}
.thema .abschnitt li{margin-bottom:.5em}
.thema .abschnitt li::marker{color:var(--silber)}
.inhalt{max-width:var(--mass);border:1px solid var(--sand);background:var(--hauch);padding:18px 22px;margin:1.6em 0 0}
.thema .inhalt h2{font:500 1rem/1.4 var(--f-text);margin:0 0 .3em;padding:0;border:0;text-align:left}
.inhalt ul{list-style:none;margin:0;padding:0}
.inhalt li{margin:0}
.inhalt a{display:inline-flex;align-items:center;min-height:44px}
.thema .schritte{margin-top:32px;grid-template-columns:1fr;gap:32px;max-width:var(--mass)}
.thema .hinweise{margin-top:48px}
.fragen{margin:0}
.fragen dt{font:500 1.0625rem/1.4 var(--f-text);margin:1.4em 0 .3em;max-width:var(--mass)}
.fragen dd{margin:0 0 1em;max-width:var(--mass)}