body {
  padding: 0px;
  margin: 0px;
  /* font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; */
  font: 1em 'Inter Tight';
}

#ueberschrift {
  text-align: center;
}

nav {
  text-align: center;
  top: 0;
  position: sticky;
  background: #fff;
}

nav a {
  margin: 20px;
  font-size: large;
  font-weight: 600;
}

#anmeldeformular.sichtbar {
  display: inline;
}

#anmeldeformular.unsichtbar {
  display: none;
}

.hellgruen {
  background-color: lightgreen;
}

.hellrot {
  background-color: lightcoral;
}

.warntext {
  padding: 10px 0;
  display: block;
  text-align: center;
}

.float-rechts {
  float: right;
}

.block {
  display: block;
}

button,
#anmelden {
  height: 40px;
  background-color: #fff;
  box-shadow: 5px 5px 5px #555;
}

button:hover,
#anmelden:hover {
  box-shadow: 5px 5px 5px #5f5;
}

button:active:not(:disabled) {
  box-shadow: 0px 0px 0px #595;
  translate: 5px 5px;
}

button.disabled,
button:disabled {
  background-color: rgb(183, 183, 183);
  box-shadow: none;
  margin-left: 5px;
}

#fehlerBeiAnmeldung {
  font-weight: bold;
  transition: transform 1.5s 0s, opacity 1.25s 0s;
  transform: translateX(0);
  opacity: 1;
}

#fehlerBeiAnmeldung.inaktiv {
  transform: translateX(100vw);
  opacity: 0;
}

.meldung {
  display: flex;
  font-size: 0.8rem;
  width: 95%;
  justify-content: center;
}

[hidden] {
  display: none !important;
}