/* PLM Kontaktformular – nutzt die Farben des Themes, falls vorhanden. */

.plm-contact {
	max-width: 36rem;
	margin-block: 1.5rem;
	scroll-margin-top: 7rem; /* Sprung zu #plm-contact nicht unter der fixierten Kopfleiste. */
}

.plm-contact__field {
	margin: 0 0 1rem;
}

.plm-contact label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.3rem;
}

.plm-contact input,
.plm-contact textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 0.55rem 0.7rem;
	font: inherit;
	color: inherit;
	background: #fff;
	border: 1px solid #b9c2cc;
	border-radius: 0;
}

.plm-contact input:focus,
.plm-contact textarea:focus {
	outline: 2px solid var(--wp--preset--color--link, #226ac1);
	outline-offset: 1px;
	border-color: transparent;
}

.plm-contact .has-error input,
.plm-contact .has-error textarea {
	border-color: #b3261e;
}

.plm-contact__error {
	display: block;
	color: #b3261e;
	font-size: 0.875em;
	margin-top: 0.25rem;
}

.plm-contact__privacy {
	font-size: 0.875em;
}

.plm-contact__status {
	padding: 0.7rem 0.9rem;
	border-left: 4px solid;
}

.plm-contact__status.is-success {
	background: #e7f4ea;
	border-color: #2e7d32;
}

.plm-contact__status.is-error {
	background: #fbeaea;
	border-color: #b3261e;
}

/* Köderfeld unsichtbar, aber nicht per display:none (manche Roboter prüfen das). */
.plm-contact__hp {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}