/* Seiten ohne Sitzung: Passwort vergessen, neues Passwort, Einladung.
 * Eigenständig wie login.html, Farben wie im Werkzeug. */
:root{--bg:#ffffff;--panel2:#f2f3f5;--line:rgba(29,31,32,.16);--line2:rgba(29,31,32,.30);
  --fg:#1d1f20;--acc:#5980a6;--acc-dark:#4b6f93;--rot:#e5484d}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);min-height:100vh;display:grid;place-items:center;
  font:14px/1.5 Arial,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;padding:16px}
form,.karte{width:100%;max-width:400px;border:1px solid var(--line);border-radius:6px;padding:28px 26px;background:var(--bg)}
h1{font-size:18px;font-weight:700;margin-bottom:4px}
h1 .logo{height:34px;width:auto;display:block;margin:0 auto 10px}
p{font-size:14px;margin-bottom:16px}
label{display:block;font-size:13px;margin:12px 0 4px}
input{width:100%;background:#fff;border:1px solid var(--line2);color:var(--fg);padding:9px 11px;border-radius:4px;font:inherit;outline:0}
input:focus{border-color:var(--acc)}
button{width:100%;margin-top:18px;background:var(--acc);border:0;color:#f2f2f3;padding:10px;border-radius:4px;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:var(--acc-dark)}
button:disabled{opacity:.6;cursor:wait}
.err{display:none;margin-top:12px;padding:8px 10px;border-radius:4px;background:#fde8e8;color:#8a1c1c;font-size:14px}
.ok{display:none;margin-top:12px;padding:8px 10px;border-radius:4px;background:#e6f4ea;color:#1e5631;font-size:14px}
.foot{font-size:14px;margin-top:18px}
a{color:var(--acc)}