/* C O L O R S */
/*
#00b1e6 - hellblau
#004a99 - dunkelblau
#ee7f00 - orage
#008d36 - gruen
#87888a - textgrau

*/

form input[type=text], form input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

form button {
    background-color: #004a99;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

form button:disabled {
    background-color: gray;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

form .logocontainer {
    text-align: center;
    margin: 24px 0 12px 0;
}

form .logo {
    width: 40%;
}

form .container {
    padding: 16px;
    opacity: 1;
}

#loginForm {
  display: none;
  max-width: 500px;
  margin:0 auto;
  z-index: 10;
  position: relative;
}

#eventForm {
  max-width: 500px;
  margin:0 auto;
  z-index: 10;
  position: relative;
}

#parkForm {
  margin:0 auto;
  z-index: 10;
  position: relative;
  height: 100%;
}

#parkForm > form {
    height: 100%;
}

#parkForm > form > div {
    background-color: #00b1e6;
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
}

form .wrong {
  background-color: #fddfdf;
  border-color: #f1a899;
}

form .whiteHeaderText {
    color: white;
    line-height: 1.5;
}

form .whiteDetailText {
    color: white;
    float: right;
    line-height: 1.5;
}

form hr {
    border-color: white;
}