/* Verstecke den 'Speichern'-Button, wenn keine Checkbox in der Gruppe gecheckt ist */
/* Achtung: Das funktioniert nur, wenn der Button NACH den Gruppen im DOM kommt */

.option-group-container:not(:has(input:checked)) {
    border: 2px solid red;
    padding: 10px;
    border-radius: 5px;
}

.option-group-container:not(:has(input:checked))::after {
    content: "⚠️ Bitte mindestens eine Option wählen";
    color: red;
    font-weight: normal;
}

/* Optionale Animation für bessere Aufmerksamkeit */
    .transition-all {
        transition: all 0.3s ease-in-out;
    }