/* MNKZ Passwort – Ergänzungen.
   Karte, Felder und Knöpfe kommen aus components.css des Child-Themes
   (.mz-card, .mz-field, .mz-btn, .mz-form--signup). Hier steht nur, was
   dort nicht schon geregelt ist. Alle Werte greifen auf die Tokens des
   Themes zu; die Ersatzwerte gelten nur, falls das Theme fehlt. */

.mnkz-pw .mz-container--narrow {
	max-width: 520px;
}

.mnkz-pw__head {
	text-align: center;
	margin-bottom: var(--space-6, 24px);
}

.mnkz-pw__title {
	font-size: clamp(32px, 7vw, 52px);
	margin: var(--space-2, 8px) 0 0;
}

.mnkz-pw__lead {
	margin: var(--space-3, 12px) auto 0;
	max-width: 42ch;
}

.mnkz-pw__card {
	padding: var(--space-6, 24px);
}

@media (min-width: 600px) {
	.mnkz-pw__card {
		padding: var(--space-7, 32px);
	}
}

.mnkz-pw__form {
	display: flex;
	flex-direction: column;
	gap: var(--space-4, 16px);
}

.mnkz-pw__form .mz-btn {
	margin-top: var(--space-2, 8px);
}

.mnkz-pw__text {
	margin: var(--space-4, 16px) 0 var(--space-5, 20px);
	font-size: var(--fs-sm, 15px);
	color: var(--text-secondary, #C8C8C8);
}

.mnkz-pw__notice {
	margin-bottom: var(--space-4, 16px);
}

.mnkz-pw__notice--erfolg {
	border-color: var(--accent, #7FF932);
	color: var(--white, #fff);
}

.mnkz-pw__help {
	margin: var(--space-5, 20px) 0 0;
	text-align: center;
	font-size: var(--fs-sm, 14px);
	color: var(--text-muted, #8A8A8A);
}

.mnkz-pw__help a {
	color: var(--accent, #7FF932);
	text-decoration: none;
}

.mnkz-pw__help a:hover,
.mnkz-pw__help a:focus-visible {
	text-decoration: underline;
}

/* Falle für automatisiertes Ausfüllen – für Menschen unsichtbar,
   für Vorleseprogramme über aria-hidden ausgeblendet. */
.mnkz-pw__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}