input,
div {
  font-size: 2.75vw;
}

button,
input {
  font-size: 2.5vw;
  margin: 0;
  padding: 0;
  color: black;
  border: none;
}

button {
  width: 4.3vw;
  height: 4.3vw;
}

h1 {
  font-size: 3vw;
}

input {
  word-wrap: break-word;
  overflow: auto;
}

#sortTasks,
#deleteAllDoneTasks {
  font-size: 1.5vw;
  background-color: #dcdcdc;
  width: 15vw;
  height: 2.5vw;
  position: relative;
}

#entriesOfList {
  margin: 1vh;
}

#logout_button {
  position: absolute;
  left: 90vw;
  width: 9vw;
  height: 3vw;
  background-color: #63b8ff;
  font-size: 2vw;
  font-weight: bold;
  margin: 0.3vw 0vw 0vw 0vw;
}

footer {
  position: absolute;
  bottom: 0vh;
}

/*----------------------------------------------------*/

#cookie_settings {
  width: 100vw;
  height: fit-content;
  background-color: lightblue;
  font-size: 2vh;
  position: absolute;
  bottom: 0;
  z-index: 6;
}
#readonly {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 5;
  cursor: not-allowed;
}

#cookie_settings button {
  height: 3vh;
  line-height: 3vh;
  font-size: 3vh;
  width: fit-content;
}

#login_username_field,
#login_password_field,
#sign-up_username_field,
#sign-up_password_field,
#sign-up_pwd_repeat_field {
  background-color: #caff70;
  border: 3px solid #63b8ff;
  border-radius: 1vw;
  max-width: 80vw;
}

#login,
#login_username_field,
#login_password_field,
#login_submit_button {
  font-size: 5.6vh;
}

#sign-up,
#sign-up_username_field,
#sign-up_password_field,
#sign-up_pwd_repeat_field,
#sign-up_submit_button {
  font-size: 4.3vh;
}

#login,
#login_submit_button,
#alternative_redirect,
#sign-up,
#sign-up_submit_button,
.revoke_cookies,
.privacy_policy,
.delete_account {
  text-align: center;
  font-family: "Calibri", Arial;
  color: black;
}

#login_submit_button,
#sign-up_submit_button {
  background-color: #63b8ff;
  border: 4px solid #caff70;
  border-radius: 1vw;
}

#alternative_redirect {
  font-size: 3vh;
  text-decoration: none;
  padding: 10px;
  position: absolute;
  right: 0vw;
}
.revoke_cookies,
.privacy_policy,
.delete_account {
  position: absolute;
}
#revoke_cookies_main,
#privacy_policy_main,
#delete_account_main {
  position: absolute;
  left: 40vw;
  top: 1vw;
  line-height: 1vw;
  font-size: 1vw;
}
#privacy_policy_main {
  left: 53vw;
}
#delete_account_main {
  left: 66vw;
}
#revoke_cookies_authentication {
  position: absolute;
  left: 0%;
}

table {
  margin-left: auto;
  margin-right: auto;
}

label {
  display: block;
}

@media (max-height: 500px) {
  /*Smartphone im Querformat (aufgrund des Browsers stark abweichend vom Verhältnis)*/
  #login,
  #login_username_field,
  #login_password_field,
  #login_submit_button {
    font-size: 3vh;
  }
  #sign-up,
  #sign-up_username_field,
  #sign-up_password_field,
  #sign-up_pwd_repeat_field,
  #sign-up_submit_button {
    font-size: 2.3vh;
  }
}

@media (max-width: 900px) {
  /*Falls Gerät = Tablet/Smartphone*/
  @media (max-height: 500px) {
    /*Smartphone im Querformat*/
    #alternative_redirect,
    #revoke_cookies_authentication {
      bottom: 33%;
    }
    #privacy_policy {
      bottom: 30%;
    }
  }
  @media (min-height: 500px) {
    /*Tablet im Hochformat || Smartphone im Hochformat*/
    #alternative_redirect,
    #revoke_cookies_authentication {
      bottom: 23%;
    }
    #privacy_policy {
      bottom: 20%;
    }
  }
}