/* Overrides for Contact Form 7's own markup so it matches site.css */

/* CF7 wraps each field group in a <p>; kill its default margin since
   our .f / .row divs already handle spacing. */
.wpcf7 form p {
	margin: 0;
}

/* CF7's inline validation tip, styled like the original .fehler text */
.wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	color: var(--critical);
}

/* Hide the default red outline CF7 adds on invalid fields if you
   already handle that via form.geprueft :invalid in site.css */
.wpcf7-form-control.wpcf7-not-valid {
	border-color: var(--critical);
}

/* Success / error banner after submit */
.wpcf7-response-output {
	margin: 16px 0 0;
	padding: 12px 14px;
	border-radius: var(--radius);
	font-family: var(--sans);
	font-size: 14px;
}
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output {
	background: #fdecea;
	color: var(--critical);
	border: 1px solid var(--critical);
}
.wpcf7-form.sent .wpcf7-response-output {
	background: #eaf7ee;
	color: #1e7a34;
	border: 1px solid #1e7a34;
}

/* Submit button: keep it looking like .submit even while CF7 disables
   it and shows its own spinner during AJAX submission */
.wpcf7 form .wpcf7-spinner {
	margin: 0 0 0 8px;
}

.wpcf7 form p {
	margin: 0;
}

.wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	color: var(--critical);
}

.wpcf7-form-control.wpcf7-not-valid {
	border-color: var(--critical);
}

.wpcf7-response-output {
	margin: 16px 0 0;
	padding: 12px 14px;
	border-radius: var(--radius);
	font-family: var(--sans);
	font-size: 14px;
}
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output {
	background: #fdecea;
	color: var(--critical);
	border: 1px solid var(--critical);
}
.wpcf7-form.sent .wpcf7-response-output {
	background: #eaf7ee;
	color: #1e7a34;
	border: 1px solid #1e7a34;
}
.wpcf7 textarea{
	height: 84px;
	min-height: 84px;
}