/* Anmeldeformular – bewusst zurückhaltend, damit es sich in jedes Theme fügt. */

.abpnl-form {
	max-width: 34rem;
}

.abpnl-form__intro {
	margin: 0 0 1rem;
}

.abpnl-form__row {
	margin: 0 0 1rem;
}

.abpnl-form__label {
	display: block;
	margin-bottom: .25rem;
	font-weight: 600;
}

.abpnl-form__input {
	width: 100%;
	box-sizing: border-box;
	padding: .6rem .75rem;
	font-size: 1rem;
	border: 1px solid #8c8f94;
	border-radius: 4px;
}

.abpnl-form__input:focus {
	outline: 2px solid currentColor;
	outline-offset: 1px;
}

.abpnl-form__consent {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	font-size: .9rem;
	line-height: 1.5;
}

.abpnl-form__consent input {
	margin-top: .25rem;
	flex: 0 0 auto;
}

.abpnl-form__button {
	padding: .65rem 1.4rem;
	font-size: 1rem;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
	background: #1d2327;
	color: #fff;
}

.abpnl-form__button:hover {
	opacity: .9;
}

/* Honeypot: aus dem sichtbaren Bereich schieben, aber nicht display:none –
   sonst füllen manche Bots es gar nicht erst aus. */
.abpnl-form__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.abpnl-notice {
	margin: 0 0 1rem;
	padding: .75rem 1rem;
	border-left: 4px solid #787c82;
	border-radius: 3px;
	background: #f0f0f1;
}

.abpnl-notice--success {
	border-left-color: #00a32a;
	background: #edfaef;
}

.abpnl-notice--error {
	border-left-color: #d63638;
	background: #fcf0f1;
}

.abpnl-notice--info {
	border-left-color: #72aee6;
	background: #f0f6fc;
}