#login-info {
  padding: 2rem 1rem;
  border-radius: 12px;
  margin: 2rem auto;
  max-width: 45rem;
}
#login-form {
  padding: 2rem 1rem;
  border-radius: 12px;
  margin: 4rem auto;
  max-width: 45rem;
}
label{display:block;margin:.5rem 0 .25rem;font-weight:600}
input[type="email"],
input[type="text"],
input[type="password"] {
  width:100%;
  padding:.7rem;
  border:1px solid #cfd6d2;
  border-radius:8px;
}
.row{margin:.8rem 0}

.note{font-size:.9rem;color:#666;margin-top:.6rem;margin-left:1rem}
.note:hover {cursor: pointer;}
.alert{margin:.6rem 0;padding:.7rem;border-radius:8px}

.pwd-wrap {position: relative;}
.pwd-wrap input[type="password"],
.pwd-wrap input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  padding-right: 2.5rem; /* Platz fürs Auge */
  height: 44px;          /* fixe Höhe verhindert Sprünge */
  line-height: 44px;     /* optional, je nach Style */
  max-width: 100%;       /* überschreibt evtl. globale max-width */
}

.pwd-wrap input { 
  max-width: 100% !important; 
}

.pwd-toggle {
  position: absolute;
  right: .6rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #777;
  font-size: 1.1rem;
}

.pwd-toggle:hover {
  color: #333;
}