.pf-form {
	--pf-lime: var(--ma-limegreen, #dedc00);
	--pf-grau: var(--ma-grey, #646363);
	--pf-schwarz: var(--ma-black, #323131);
	--pf-hover: #788379;
	--pf-linie: #788379;
	--pf-flaeche: #f1f1f1;
	--pf-fehler: #b3261e;
	--pf-skew: 9deg;
	max-width: 52rem;
	margin-left: auto;
	margin-right: auto;
	color: var(--pf-schwarz);
}
.pf-form *, .pf-form *::before, .pf-form *::after { box-sizing: border-box; }

.pf-form p { margin: 0; padding: 0; }
.pf-form .pf-raster > p { display: contents; }
.pf-form br { display: none; }
.pf-form > p:empty, .pf-raster > p:empty { display: none; }

.pf-raster {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem 2rem;
}
.pf-voll { grid-column: 1 / -1; }
@media (max-width: 640px) {
	.pf-raster { grid-template-columns: 1fr; gap: 1.25rem; }
}

.pf-feld { display: block; }
.pf-label {
	display: block;
	margin-bottom: .45em;
	font: 700 .8rem/1.2 "Roboto Condensed", sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pf-grau);
}
.pf-form .wpcf7-form-control-wrap { display: block; }

.pf-form .pf-eingabe {
	display: block;
	width: 100%;
	margin: 0;
	padding: .8em 1em;
	border: 0;
	border-bottom: 2px solid var(--pf-linie);
	border-radius: 0;
	background: var(--pf-flaeche);
	color: var(--pf-schwarz);
	font: 400 1rem/1.4 "Nunito Sans", sans-serif;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	color-scheme: light;
	transition: background-color .25s ease, border-color .25s ease;
}
.pf-form textarea.pf-eingabe { min-height: 9em; resize: vertical; }
.pf-form .pf-eingabe:hover { background: #ebebeb; }
.pf-form .pf-eingabe:focus {
	outline: 0;
	background: #fff;
	border-bottom-color: var(--pf-lime);
	box-shadow: 0 2px 0 0 var(--pf-lime);
}
.pf-form input[type="date"].pf-eingabe { min-height: 3.1em; }
.pf-form input[type="date"].pf-eingabe::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .7; }

.pf-form .pf-eingabe.wpcf7-not-valid { border-bottom-color: var(--pf-fehler); }
.pf-form .wpcf7-not-valid-tip {
	display: block;
	margin-top: .4em;
	font-size: .85rem;
	line-height: 1.3;
	color: var(--pf-fehler);
}

.pf-form .wpcf7-acceptance .wpcf7-list-item { display: block; margin: 0; }
.pf-form .wpcf7-acceptance label { display: flex; gap: .75em; align-items: flex-start; cursor: pointer; font-size: .9rem; line-height: 1.5; }
.pf-form .wpcf7-acceptance input[type="checkbox"] {
	flex: none;
	width: 1.4em; height: 1.4em;
	margin: .1em 0 0;
	border: 2px solid var(--pf-linie);
	border-radius: 0;
	background: #fff;
	-webkit-appearance: none;
	appearance: none;
	display: inline-grid;
	place-content: center;
	cursor: pointer;
}
.pf-form .wpcf7-acceptance input[type="checkbox"]::before {
	content: "";
	width: .7em; height: .7em;
	background: var(--pf-schwarz);
	transform: scale(0);
	transition: transform .15s ease;
}
.pf-form .wpcf7-acceptance input[type="checkbox"]:checked { background: var(--pf-lime); border-color: var(--pf-lime); }
.pf-form .wpcf7-acceptance input[type="checkbox"]:checked::before { transform: scale(1); clip-path: polygon(14% 44%, 0 59%, 40% 100%, 100% 20%, 86% 6%, 40% 70%); }
.pf-form .wpcf7-acceptance input[type="checkbox"]:focus-visible { outline: 2px solid var(--pf-schwarz); outline-offset: 2px; }
.pf-form .wpcf7-acceptance a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }

.pf-senden { display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.pf-form .pf-btn {
	position: relative !important;
	display: inline-block !important;
	isolation: isolate;
	clip-path: none !important;
	overflow: visible !important;
}

.pf-form, .pf-form .pf-raster, .pf-form .pf-senden { overflow: visible !important; clip-path: none !important; }
.pf-btn::before,
.pf-btn::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	transform: skewX(var(--pf-skew)) !important;
	opacity: 1 !important;
	pointer-events: none;
}
.pf-btn::before {
	inset: 0;
	z-index: -1;
	background: var(--pf-lime) !important;
	transition: background-color .4s ease;
}
.pf-btn::after {
	inset: 2px;
	z-index: -2;
	background: transparent !important;
	animation: pf-puls 2.4s ease-out infinite !important;
}
.pf-btn:hover::before { background: var(--pf-hover) !important; }

.pf-form .pf-btn input[type="submit"],
body .pf-form .pf-btn input[type="submit"].wpcf7-submit {
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-width: 14em;
	min-height: 0 !important;
	margin: 0 !important;
	padding: .75em 1.8em !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--pf-schwarz) !important;
	-webkit-text-fill-color: var(--pf-schwarz) !important;
	font: 700 1rem/1.2 "Roboto Condensed", "Arial Narrow", sans-serif !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: color .4s ease;
}
.pf-form .pf-btn:hover input[type="submit"],
body .pf-form .pf-btn:hover input[type="submit"].wpcf7-submit { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.pf-form .pf-btn input[type="submit"]:focus-visible { outline: 2px solid var(--pf-schwarz); outline-offset: 6px; }
.pf-form .pf-btn input[type="submit"]:disabled { cursor: not-allowed; }

.pf-form .pf-btn .wpcf7-spinner {
	position: absolute !important;
	top: 50%; left: 100%;
	margin: -12px 0 0 14px !important;
}

@keyframes pf-puls {
	0%        { box-shadow: 0 0 0 0 rgba(222, 220, 0, .45); }
	70%, 100% { box-shadow: 0 0 0 18px rgba(222, 220, 0, 0); }
}

.wpcf7 form .wpcf7-response-output {
	margin: 1.5rem 0 0;
	padding: .9em 1.2em;
	border: 0;
	border-left: 6px solid var(--ma-limegreen, #dedc00);
	background: #f1f1f1;
	color: var(--ma-black, #323131);
	font-size: .95rem;
	line-height: 1.4;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output { border-left-color: #b3261e; }
.wpcf7 form.sent .wpcf7-response-output { border-left-color: var(--ma-limegreen, #dedc00); }

@media (prefers-reduced-motion: reduce) {
	.pf-btn::after { animation: none; }
	.pf-form .pf-eingabe, .pf-btn::before, .pf-form .pf-btn input[type="submit"] { transition: none; }
}