/*
 * Ergänzungen zu den Event-Styles (webroot/legacy/css) für Markup, das es im Altsystem nicht gab:
 * Mehrfachauswahl als Checkboxen (früher Listbox mit Strg-Taste).
 * Wird im Frontend-Layout nach den Event-Styles geladen.
 */

/* Checkbox und Text nebeneinander */
.ym-form .ym-fbox-check-item {
    display: flex;
    align-items: flex-start;
    gap: .5em;
    margin: .35em 0;
}
.ym-form div.ym-fbox-check .ym-fbox-check-item input[type="checkbox"] {
    flex: none;
    width: auto;
    margin: .3em 0 0 0;
}
.ym-form .ym-fbox-check-item label {
    margin: 0;
}

/* Pflicht-Sternchen nur an der Frage, nicht an jeder einzelnen Option
   (Altsystem-Regel: form .required label:after) */
form .required .ym-fbox-check-item label:after {
    content: none;
}

/* Einzelne Checkbox (z.B. Datenschutz): Kästchen links neben dem Text */
.ym-form div.ym-fbox-checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .5em;
}
.ym-form div.ym-fbox-checkbox input[type="checkbox"] {
    flex: none;
    width: auto;
    margin: .3em 0 0 0;
}
.ym-form div.ym-fbox-checkbox label {
    flex: 1;
    margin: 0;
}