/* login.css — /anmelden. Nutzt hero-v8.css (Tokens, .v6-logo) und pc.css (Felder). Praefix lg-. */
.lg [hidden]{display:none!important}
body.lg{min-height:100svh;background:#fff}
.lg-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100svh}
.lg-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px clamp(40px,5vw,72px) 36px;background:var(--v6-hero);overflow:hidden}
.lg-brand>*{position:relative;z-index:1}
.lg-st{max-width:520px}
.lg-st h1{font-size:clamp(36px,3.2vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--v6-ink)}
.lg-st h1 span{display:block;color:var(--v6-blue)}
.lg-st p{margin-top:16px;font-size:17px;line-height:27px;color:var(--v6-ink-2)}
/* Leiser Prozess-Hinweis: manueller Schritt -> modvio -> digitaler Ablauf */
.lg-flow{display:flex;align-items:center;margin-bottom:36px}
.lg-flow span:not(.mk){padding:7px 11px;background:#fff;border:1px solid #CBDAF3;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7690;white-space:nowrap}
.lg-flow span.on{border-color:#AFC7F6;color:var(--v6-blue-h)}
.lg-flow i{width:34px;height:1.5px;background:#AFC2E4}
.lg-flow i.b{background:var(--v6-blue)}
.lg-flow .mk{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;margin:0 8px;flex:0 0 auto}
.lg-flow .mk b{background:#0B0E14;border-radius:30%}
.lg-flow .mk b:last-child{background:var(--v6-blue)}
.lg-legal{display:flex;gap:18px;font-size:13px;color:var(--v6-ink-2)}
.lg-side{position:relative;display:flex;align-items:center;justify-content:center;padding:72px 32px}
.lg-back{position:absolute;top:28px;right:32px;display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;color:var(--v6-ink-2)}
.lg-back:hover{color:var(--v6-blue-h)}
.lg-back svg{width:13px;height:13px;transform:rotate(180deg)}
.lg-form{width:min(420px,100%)}
.lg-sig{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:28px;height:28px;margin-bottom:26px}
.lg-sig i{background:#0B0E14;border-radius:30%}
.lg-sig i:last-child{background:var(--v6-blue)}
.lg-form h2{font-size:30px;font-weight:700;line-height:38px;color:var(--v6-ink)}
.lg-form>p{margin-top:6px;font-size:16px;line-height:24px;color:var(--v6-ink-2)}
.lg-f{display:grid;gap:16px;margin-top:28px}
.lg-f .pc-fld{max-width:none}
.lg-f .pc-fld+.pc-fld{margin-top:0}
.lg-f .pc-in{height:52px}
.lg-pw{display:flex;justify-content:space-between;align-items:baseline}
.lg-pw a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}
.lg-err:empty{display:none}
.lg-err{padding:12px 14px;background:#FDF3EE;border:1px solid #F1D3C4;border-radius:9px;font-size:14px;line-height:21px;color:#7A2E0E}
.lg-btn{width:100%;height:52px;margin-top:8px;border-radius:10px;background:var(--v6-blue);font-size:16px;font-weight:600;color:#fff}
.lg-btn:hover{background:var(--v6-blue-h)}
.lg-btn:focus-visible{outline:2px solid var(--v6-ink);outline-offset:2px}
.lg-btn[aria-busy="true"]{opacity:.75;cursor:progress}
.lg-alt{margin-top:28px;padding-top:20px;border-top:1px solid #E5E5E5;font-size:15px;color:var(--v6-ink-2)}
.lg-alt a{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font-weight:600}
.lg-alt a svg{width:14px;height:14px}
.lg-mhd{display:none}
@media(max-width:900px){
  .lg-wrap{grid-template-columns:minmax(0,1fr);min-height:0}
  .lg-brand{display:none}
  .lg-mhd{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;padding:0 20px;background:var(--v6-hero)}
  .lg-mhd .lg-back{position:static}
  .lg-side{display:block;padding:32px 20px 48px}
  .lg-side>.lg-back{display:none}
  .lg-form{margin:0 auto}
  .lg-sig{display:none}
  .lg-form h2{font-size:27px;line-height:34px}
}
/* Passwort vergessen: gleiche Shell, zusaetzliche Zustaende */
.lg-alt-q{border-top:0;padding-top:0;margin-top:20px}
.lg-bk{margin-left:0!important;color:var(--v6-ink-2)!important}
.lg-bk:hover{color:var(--v6-blue-h)!important}
.lg-bk svg{transform:rotate(180deg)}
.lg-btn:disabled{opacity:.75;cursor:progress}
#pw-done:focus{outline:0}
.lg-mail{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:22px;border-radius:18px 21px 16px 22px;background:var(--v6-hero)}
.lg-mail svg{width:40px;height:40px;fill:none;stroke:var(--v6-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lg-mail rect{fill:#fff}
.lg-mail .c{fill:var(--v6-blue);stroke:var(--v6-ink)}
.lg-mail .w{stroke:#fff}
.lg-btn-a{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;color:#fff}
.lg-btn-a:hover{color:#fff}
.lg-btn-a svg{width:15px;height:15px}
/* Fingerbedienung: Rueckwege mit voller Tippflaeche. */
@media(pointer:coarse){.lg-back,.lg-alt a{min-height:44px}}