.centered-form {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Mindesthöhe auf 100% der Viewport-Höhe setzen */
}

.radio-group {
    display: flex;
    justify-content: center;
    /*margin-bottom: 20px;*/ /* Abstand zum Hilfetext */
}

.radio-option {
    cursor: pointer;
    flex: 1;
    padding: 10px;
    /*margin-right: 10px;  Abstand zwischen den Optionen */
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.3s; /* Sanfter Übergang der Hintergrundfarbe */
}

/* Versteckt das eigentliche Radio-Input */
.radio-option input[type="radio"] {
    display: none;
}



#help-text {
    display: none;
    text-align: center;
    margin-top: 10px;
}

/* Angepasster Stil für die aktive Auswahl */
.active {
    background-color: #FBAF1D;
    color: white;
}

.invalidInput {
    border: 1px solid red !important;
  }

.summary-content {
    text-align: right;
    font-weight: bold;
    margin-right: 20px;
}