/* Lehrerprofile /team/<slug>/ – Premium-Neubau 05.11.2026 (page-lehrerprofil.php).
   Nur Ergänzungen zu components.css; Farben ausschließlich über --pm-*-Tokens (Hell/Dunkel). */

.pm-tp .pm-hero-page h1{overflow-wrap:anywhere}
.pm-tp .pm-lead{overflow-wrap:break-word}

/* Profilkarte im Kopfbereich: Foto mit Bildausschnitt aus nho-premium-photo-focus.php (wie Teamseite) */
.pm-tp-card{gap:16px;width:100%;max-width:560px;justify-self:center}
.pm-tp-card .pm-kicker{margin:0}
.pm-tp-photo{border-radius:20px}
.pm-tp-photo .pm-initials{font-size:clamp(64px,14vw,96px)}
.pm-tp-role{color:#fff;font-size:17px;font-weight:600;line-height:1.35}

/* Sprungleiste unter dem Kopf */
.pm-tp-nav{border-block:1px solid var(--pm-line);background:var(--pm-surface)}
.pm-tp-nav .pm-jump{margin:0;padding-block:12px}
.pm-tp-nav+.pm-sec{padding-top:clamp(48px,7vw,96px)}

/* Motto + Methodik */
.pm-tp-motto{display:grid;gap:16px;align-content:start}
.pm-tp-motto h2{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;overflow-wrap:break-word}
.pm-tp-motto h2 em.pm-s{color:var(--pm-ink)}
.pm-tp-motto p{max-width:520px;color:var(--pm-muted);font-size:18px;line-height:1.65}
.pm-tp-method{gap:14px;scroll-margin-top:90px}
.pm-tp-h{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.12}
.pm-tp .pm-prose p{font-size:17px;overflow-wrap:break-word}
.pm-tp-exp .pm-prose p{color:var(--pm-muted-d)}

/* Weiterlesen: nur mit JavaScript eingeklappt (lehrerprofil.js), ohne JavaScript bleibt alles offen */
.pm-tp-clamp:not(.pm-open) .pm-tp-text{max-height:15em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.pm-tp-more{scroll-margin-top:96px}
.pm-tp-toggle{margin-top:12px;color:var(--pm-orange-ink)}
.pm-tp-toggle::after{content:" ↓";white-space:pre}
.pm-tp-clamp.pm-open .pm-tp-toggle::after{content:" ↑"}
.pm-tp-exp .pm-tp-toggle{color:var(--pm-orange-2)}
.pm-tp-toggle:focus-visible{outline:2px solid var(--pm-orange);outline-offset:3px}

/* Fächer und Klassenstufen */
.pm-tp-subjects{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
@media(min-width:700px){.pm-tp-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.pm-tp-subjects{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pm-tp-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,116,24,.12);color:var(--pm-orange-ink);font:600 21px/1 var(--pm-sans)}
.pm-tp-subject h3{margin-top:6px}
.pm-tp-scope{display:grid;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.pm-tp-scope li{padding:9px 12px;border:1px solid var(--pm-line);border-radius:12px;background:var(--pm-paper);color:var(--pm-ink);font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}

/* Erfahrung (dunkle Karte) */
.pm-tp-exp{display:grid;gap:28px;padding:clamp(26px,5vw,56px);border-radius:28px;scroll-margin-top:90px}
html[data-look="dunkel"] .pm-tp-exp{background:var(--pm-night-2);border:1px solid var(--pm-line-d)}
.pm-tp-exp .pm-kicker{color:var(--pm-orange-2)}
.pm-tp-exp h2{margin:14px 0 18px}
.pm-tp-exp h2 em.pm-s{color:var(--pm-orange-2)}
.pm-tp-aside{align-self:start;display:grid;gap:8px;padding:22px;border:1px solid var(--pm-line-d);border-radius:20px;background:rgba(255,255,255,.05)}
.pm-tp-aside strong{color:#fff;font-weight:600}
.pm-tp-aside p{margin:0;color:var(--pm-muted-d);font-size:15.5px;line-height:1.6}
@media(min-width:1000px){.pm-tp-exp{grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:48px}}

#motto,#schwerpunkte,#erfahrung{scroll-margin-top:72px}