main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

article {
  display: flex;
  flex-direction: column;
  align-items: center;
}

section {
  max-width: 35rem
}

.formular_anmeldung {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.formular_anmeldung > input, .formular_anmeldung > button {
  font-size: 1rem;
  margin: 1rem;
  background-color: var(--col-foreground);
  border: none;
  outline: none;
  border-radius: 0.2rem;

  &:focus {
    background-color: var(--col-background-text);
    color: var(--col-background);
  }
}

.formular_anmeldung > input {
  width: 85%;
  padding: 0.5rem;
}

.formular_anmeldung > button {
  width: max-content;
  padding: 1rem;

  &:hover {
    background-color: var(--col-foreground-text);
    color: var(--col-foreground);
  }
}