:root {
  color-scheme: light dark;
  font-family: system-ui, sans-serif;
}

main {
  max-width: 40rem;
  margin: 0 auto;
  /* Abstand zu Notch und Statusleiste in der installierten iPhone-App */
  padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right))
    max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
}

.login {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 20rem;
}

.login input,
.login button {
  font-size: 1rem;
  padding: 0.6rem;
}

.fehler {
  color: #c0392b;
  margin: 0;
}

.hinweis code {
  word-break: break-all;
}

.knoepfe {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

button {
  font-size: 1rem;
  padding: 0.6rem 0.9rem;
}

.klein {
  font-size: 0.875rem;
  opacity: 0.75;
}