input, .buttonlogin {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
}

.main-div, .loggedin-div {
  background:white;
  width: 100%;
  margin: 0px auto;
  margin-top: 10px;
  padding: 20px;
  display: none;
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
  margin-top: 50px;
  padding-top: 10px;
}

.signup-div {
  background:white;
  width: 100%;
  margin: 0px auto;
  display: none;
  margin-top: 10px;
  padding: 20px;
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
  margin-top: 50px;
  padding-top: 10px;
}

.loggedin-div {
  background:white;
  width: 100%;
  margin: 0px auto;
  margin-top: 10px;
  padding: 20px;
  display: none;
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
  margin-top: 50px;
  padding-top: 10px;
}

.main-div input, .signup-div input {
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  padding: 15px;
  outline: none;
  width: 100%;
  margin-bottom: 20px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

.lerninhalte-div {
  display: none
}

.main-div input:focus, .signup-div input:focus {
  border: 1px solid #777;
}

.main-div .buttonlogin, .signup-div .buttonlogin, .loggedin-div .buttonlogin {
  background: #5d8ffc;
  color: #fff;
  border: 1px solid #5d8ffc;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

.main-div .buttonlogin:hover, .signup-div .buttonlogin:hover, .loggedin-div .buttonlogin:hover {
  background: #145eff;
  color: #fff;
  border: 1px solid #5d8ffc;
  cursor: pointer;
}

.button-grp .buttonlogin {
  margin-top: 5px;
  border: 1px solid #000000;
}


button#delete_account_button {
  background-color: #8b0000cc;
  border: 1px solid #000000;
}

button#delete_account_button:hover {
  background-color: darkred;
  border: 1px solid #000000;
}

button#goToPriceSite {
  display: none;
  background-color: #008000bf;
  border: 1px solid #000000;
}

button#goToPriceSite:hover {
  background-color: green;
  border: 1px solid #000000;
}

button#manageSubscription {
  display: none;
  background-color: #008000bf;
  border: 1px solid #000000;
}

button#manageSubscription:hover {
  background-color: green;
  border: 1px solid #000000;
}

button#redirect_button {
  display: none;
  background-color: #008000bf;
  border: 1px solid #000000;
}

button#redirect_button:hover {
  background-color: green;
  border: 1px solid #000000;
}