/* Natural High · Ein Passwort setzen
   Eine Karte im eigenen Bereich, kein Hindernis davor. Wer sie wegklickt,
   bleibt angemeldet.                                                      */

#passwort-setzen{
  width:100%; text-align:left;
  border:1px solid var(--line); border-radius:16px;
  background:var(--bg-2); padding:1.4rem 1.4rem 1.2rem;
  margin:0 0 1rem;
}
#passwort-setzen h2{
  margin:0 0 .5rem; font-size:.98rem; font-weight:400;
  letter-spacing:normal; text-transform:none; color:var(--fg);
}
#passwort-setzen p{
  margin:0 0 1rem; font-size:.88rem; line-height:1.6; color:var(--fg-dim);
}
#passwort-setzen input[type="password"]{
  display:block; width:100%; margin:0 0 .6rem; padding:.8rem .9rem;
  background:var(--bg); border:1px solid var(--line); border-radius:12px;
  color:var(--fg); font:inherit; font-size:.95rem;
  transition:border-color .4s ease;
}
#passwort-setzen input::placeholder{color:#454e58}
#passwort-setzen input:focus{outline:none; border-color:#3a444f}

.pw-los{
  display:block; width:100%; margin:0; padding:.85rem;
  border:0; border-radius:12px;
  background:var(--akzent); color:var(--akzent-fg);
  font:inherit; font-size:.95rem; cursor:pointer;
  transition:opacity .35s ease;
}
.pw-los::before, .pw-los::after{content:none}
.pw-los:disabled{opacity:.55; cursor:default}

.pw-meldung{
  margin:.7rem 0 0 !important; font-size:.8rem; min-height:1.1em;
  color:#5b6670;
}
.pw-meldung.schief{color:#d99a8f}

.pw-klein{margin:.6rem 0 0 !important; text-align:center}
.pw-klein button{
  background:none; border:0; padding:0; margin:0; width:auto;
  color:#5b6670; font:inherit; font-size:.8rem; cursor:pointer;
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:#3a444f;
}
.pw-klein button::before, .pw-klein button::after{content:none}
.pw-klein button:hover{color:var(--fg-dim)}