.login-container {
display: inline-flex;
width: 100vw;
height: 100vh;
padding-top: 4.18vw;
justify-content: space-between;
flex-direction: column;
align-items: center;
/*style*/
}
.login-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.50vw;
}
.user-icon {
  width: 2vw;
  height: auto;
}
/*
Source - https://stackoverflow.com/a
Posted by Fareed Alnamrouti, modified by community. See post 'Timeline' for change history
Retrieved 2026-01-16, License - CC BY-SA 4.0
*/

/*Change text in autofill textbox*/
input:-webkit-autofill{
    -webkit-text-fill-color: darkblue !important;
    font-family: Tektur;
}

@media screen and (min-width: 3440px) {
  .login-container{
    padding-top: 6.0vh;
  }
  .login-box {
    gap: 2vw; /* Kleinere Lücken */
  }
  .user-icon {
    width: 2.0vw; /* Kleinere Icon-Größe */
  }
   .form-container{
    gap: 1.2vh ;
  }
  .form-container p{
    height: fit-content;
  }
}