/*
 * Ergänzungen, die es im Theme nicht gibt. Diese Datei wird immer geladen,
 * auch wenn die Grunddarstellung aus dem Theme kommt.
 */

/*
 * Volle Breite in jeder Umgebung.
 *
 * Das Theme deckelt .fs-anfrage-form auf 36rem; in der Formularbox hebt es den
 * Deckel mit .fs-anfrage-form-box .fs-anfrage-form (0-2-0) wieder auf. Beide
 * Fälle werden hier überstimmt — der zweite Selektor liegt mit 0-3-0 sicher
 * darüber, unabhängig von der Ladereihenfolge der Stylesheets.
 */
.fs-anfrage-form.fs-anfragen-form,
.fs-anfrage-form-box .fs-anfrage-form.fs-anfragen-form,
.fs-anfragen-box .fs-anfrage-form.fs-anfragen-form {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
}

.fs-anfragen-form *,
.fs-anfragen-form *::before,
.fs-anfragen-form *::after {
	box-sizing: border-box;
}

/* Die Box selbst füllt ihren Platz ebenfalls aus. */
.fs-anfragen-box {
	box-sizing: border-box;
	width: 100%;
}

/* Fehlermarkierung einzelner Felder. */
.fs-anfragen-form .fs-anfrage-form__feld--fehler > input,
.fs-anfragen-form .fs-anfrage-form__feld--fehler > textarea {
	border-color: var(--fs-err-ink, #8a1f1f);
	box-shadow: 0 0 0 1px var(--fs-err-ink, #8a1f1f);
}

/* Optionale Datenschutz-Bestätigung. */
.fs-anfragen-form .fs-anfrage-form__datenschutz label {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	font-weight: 400;
	margin-bottom: 0;
}

.fs-anfragen-form .fs-anfrage-form__datenschutz input[type="checkbox"] {
	width: auto;
	max-width: none;
	flex: 0 0 auto;
	margin-top: 0.2rem;
	padding: 0;
}

.fs-anfragen-form .fs-anfrage-form__datenschutz span {
	font-size: 0.9375rem;
	line-height: 1.5;
}