/* Lehrkraft finden (/lehrkraft-finden/) – nutzt die Premium-Tokens aus base.css, hell und dunkel. */
.pm-lf-mini{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:16px}
.pm-lf-mini b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:rgba(255,116,24,.18);color:var(--pm-orange-2);font-size:14px}
.pm-hero-side .pm-lf-mini+p{margin:0;color:#d6dbee;font-size:15px;line-height:1.55}

.pm-lf-form{display:grid;gap:18px;max-width:880px}
.pm-lf-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:lf}
.pm-lf-progress li{position:relative;padding-top:12px;color:var(--pm-muted);font-size:14px;font-weight:600}
.pm-lf-progress li::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:999px;background:var(--pm-line)}
.pm-lf-progress li.is-done::before,.pm-lf-progress li[aria-current]::before{background:var(--pm-orange)}
.pm-lf-progress li[aria-current]{color:var(--pm-ink)}
.pm-lf-step{display:grid;gap:16px;min-width:0;margin:0;padding:clamp(20px,3vw,32px);border:1px solid var(--pm-line);border-radius:24px;background:var(--pm-surface);color:var(--pm-ink)}
.pm-lf-step legend{float:left;width:100%;display:flex;align-items:center;gap:12px;margin:0;padding:0;font-size:clamp(20px,2.6vw,26px);font-weight:600;letter-spacing:-.01em;outline:none}
.pm-lf-step legend+*{clear:both}
.pm-lf-n{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:rgba(255,116,24,.14);color:var(--pm-orange-ink);font-size:16px;font-weight:700}
.pm-lf-chips{display:flex;flex-wrap:wrap;gap:10px}
.pm-lf-chip{position:relative;display:inline-flex;cursor:pointer}
.pm-lf-chip[hidden]{display:none}
.pm-lf-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pm-lf-chip span{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--pm-line);border-radius:999px;background:var(--pm-paper);color:var(--pm-ink);font-size:16px;font-weight:500;transition:border-color .15s,background .15s,color .15s}
.pm-lf-chip:hover span{border-color:var(--pm-orange)}
.pm-lf-chip input:checked+span{border-color:var(--pm-orange);background:var(--pm-orange);color:var(--pm-on-orange);font-weight:600}
.pm-lf-chip input:focus-visible+span{outline:2px solid var(--pm-orange);outline-offset:3px}
@media(max-width:520px){.pm-lf-chips{display:grid;grid-template-columns:1fr 1fr}.pm-lf-chip span{width:100%;justify-content:center;padding:0 12px;text-align:center}}
.pm-lf-select{display:grid;gap:7px;max-width:320px;color:var(--pm-muted);font-size:14px;font-weight:500}
.pm-lf-select[hidden]{display:none}
.pm-lf-select select{width:100%;min-height:52px;padding:0 40px 0 16px;border:1px solid var(--pm-line);border-radius:14px;background:var(--pm-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%235a6379' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") right 16px center/12px no-repeat;color:var(--pm-ink);font:16.5px var(--pm-sans);-webkit-appearance:none;appearance:none}
.pm-lf-select select:focus{outline:none;border-color:var(--pm-orange);box-shadow:0 0 0 4px rgba(255,116,24,.18)}
.pm-lf-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.pm-lf-nav .pm-btn{min-height:48px;padding:0 22px}
.pm-lf-nav .pm-btn:only-child,.pm-lf-nav .pm-btn-primary{margin-left:auto}
.pm-lf-nav .pm-btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}
.pm-lf-nav .pm-btn[hidden]{display:none}
.pm-lf-submit{justify-self:start}
.pm-lf-submit[hidden]{display:none}
.pm-lf-step[hidden],.pm-lf-results[hidden]{display:none}

.pm-lf-results{margin-top:clamp(28px,4vw,44px);outline:none}
.pm-lf-js .pm-lf-results{margin-top:0}
.pm-lf-results-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:20px}
.pm-lf-results-head h3{margin:0;font-size:clamp(24px,3.2vw,34px);font-weight:600;letter-spacing:-.02em}
.pm-lf-sum{flex-basis:100%;order:3;margin:0;color:var(--pm-muted);font-size:15.5px}
.pm-lf-sum:empty{display:none}
.pm-lf-change{min-height:44px;padding:0 4px;border:0;background:none;color:var(--pm-orange-ink);font:600 15px var(--pm-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pm-lf-change[hidden]{display:none}
.pm-lf-list{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
@media(min-width:640px){.pm-lf-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.pm-lf-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pm-lf-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--pm-line);border-radius:22px;background:var(--pm-surface);color:var(--pm-ink)}
.pm-lf-card[hidden]{display:none}
.pm-lf-card .pm-teacher-photo{aspect-ratio:16/10}
.pm-lf-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px 22px 22px}
.pm-lf-body strong{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.pm-lf-body .pm-btn{width:100%;margin-top:auto;min-height:50px;padding:0 18px;font-size:15.5px;text-align:center}
.pm-lf-profile{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--pm-orange-ink);font-weight:600;text-decoration:none}
.pm-lf-profile:hover{text-decoration:underline}
.pm-lf-none{display:grid;gap:12px;justify-items:start;max-width:720px;padding:clamp(22px,3vw,34px);border-radius:24px;background:var(--pm-night);color:#fff}
html[data-look="dunkel"] .pm-lf-none{background:var(--pm-night-2);border:1px solid var(--pm-line-d)}
.pm-lf-none[hidden]{display:none}
.pm-lf-none .pm-kicker{color:var(--pm-orange-2)}
.pm-lf-none h3{margin:0;font-size:clamp(22px,3vw,30px);font-weight:600}
.pm-lf-none p{margin:0;color:#d6dbee;line-height:1.6}
@media(max-width:520px){.pm-lf-none .pm-btn{width:100%}}
.pm-lf-hint[hidden]{display:none}
.pm-lf-hint a{color:var(--pm-orange-ink);font-weight:600}
/* Fokus nach Schrittwechsel nur für die Lese-/Tastaturposition, ohne Rahmen um ganze Bereiche */
.pm-lf .pm-lf-results:focus,.pm-lf .pm-lf-results:focus-visible,.pm-lf .pm-lf-step legend:focus{outline:none!important;box-shadow:none!important}
.pm-lf-change{order:4;margin-left:-4px}
