/* Werte, Eingabefelder und Ergebnisfelder zentriert ausrichten */
label, input, span {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* Abstand über den gewünschten Labeln und Eingabefeldern */
label[for="gewicht"],
label[for="aktuellerWert"],
label[for="zielWert"],
label[for="tageBisZiel"],
label[for="blutspiegelerhoehung"],
label[for="taeglicheVerlustrate"],
input {
  margin-top: 20px;
}

/* Abstand unter den Labeln und Eingabefeldern */
input {
  margin-top: 5px;
}

/* Abstand vom label 'Blutspiegelerhöhung' nach oben zum davorigen eingabefeld */
label[for="blutspiegelerhoehung"] {
  margin-top: 20px;
}

/* Abstand vom label 'tägliche verlustrate' nach oben zum vorgerigen festen wert */
label[for="taeglicheVerlustrate"] {
  margin-top: 20px;
}

/* Maximale Breite für Eingabefelder festlegen */
input {
  max-width: 150px;
}

/* Hintergrundfarbe für Eingabefelder setzen */
input[type="number"] {
  background-color: #E2ECEC;
}

/* Button 'Berechnen' */
#berechnenButton {
  display: block;
  margin: 20px auto; /* Abstand über und unter dem Button */
  text-align: center;
  font-size: 18px; /* Schriftgröße ändern */
  background-color: #102F52; /* Buttonfarbe ändern */
  color: white; /* Schriftfarbe ändern */
  width: 120px; /* Buttongröße ändern */
}

/* Ergebnisfelder und zusätzliche Anforderungen */
#ergebnisse {
  text-align: center;
}

.ergebnisse-label {
  font-size: 18px;
  margin-top: 20px;
}

#ergebnisInitialdosis,
#ergebnisTagesdosis,
#ergebnisErhaltungsdosis {
  display: block;
  margin: 5px auto 20px; /* Abstand von oben und unten */
  text-align: center;
  font-size: 18px; /* Schriftgröße ändern */
}