/*
 * Design: Wirtschaftsprüfung (default reference skin).
 * Navy on white, bordered inputs, a red fiscal-year rule under the submit.
 * Everything colour-ish flows through tokens so the embed can override the
 * accent/background/ink; the values below are the design defaults.
 */
.mf-design--wirtschaftspruefung {
	--mf-accent: #14213d;
	--mf-bg: #ffffff;
	--mf-ink: #14213d;
	--mf-line: #c7cddb;
	--mf-rule: #c1272d;

	position: relative;
	padding: 26px 22px;
	background: var(--mf-bg);
	color: var(--mf-ink);
	font-family: -apple-system, "Segoe UI", Arial, sans-serif;
}

.mf-design--wirtschaftspruefung .mf-form__marginal {
	position: absolute;
	top: 14px;
	right: 16px;
	font-size: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--mf-ink) 55%, transparent);
}

.mf-design--wirtschaftspruefung .mf-form__label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--mf-ink);
}

.mf-design--wirtschaftspruefung .mf-form__input,
.mf-design--wirtschaftspruefung select.mf-form__input,
.mf-design--wirtschaftspruefung textarea.mf-form__input {
	border: 1px solid var(--mf-line);
	border-radius: 2px;
	padding: 9px 10px;
	background: #fff;
	color: var(--mf-ink);
}

.mf-design--wirtschaftspruefung .mf-form__input:focus {
	outline: none;
	border-color: var(--mf-accent);
	box-shadow: 0 0 0 1px var(--mf-accent);
}

.mf-design--wirtschaftspruefung .mf-form__group {
	margin: 0;
	padding: 0;
	border: none;
}

.mf-design--wirtschaftspruefung .mf-form__consent a {
	color: var(--mf-accent);
	font-weight: 600;
}

.mf-design--wirtschaftspruefung .mf-form__required,
.mf-design--wirtschaftspruefung .mf-form__error {
	color: var(--mf-rule);
}

.mf-design--wirtschaftspruefung .mf-form__submit {
	position: relative;
	margin-top: 1rem;
	padding: 12px 16px;
	border: none;
	background: var(--mf-accent);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.mf-design--wirtschaftspruefung .mf-form__submit::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 36px;
	height: 3px;
	background: var(--mf-rule);
}