/* Anfrageformular in drei Schritten und die Kontaktseite (.schlenz-kontakt).
 * Wird nur geladen, wenn das Formular auf der Seite steht (inc/formular.php).
 * Ohne JavaScript traegt das Formular die Klasse schlenz-formular--einfach: alle Schritte
 * untereinander, Fortschritt und Weiter/Zurueck ausgeblendet, Radios sichtbar.
 * Nichts bewegt sich von selbst (Wunsch 10): keine Animation, kein Einblenden; nur Farbe und
 * Rahmen wechseln beim Ueberfahren. Neu gestaltet am 21.09.2026: weisse Karte, grosse Kacheln,
 * 56 px hohe Felder, 60 px hoher Absendeknopf. */

/* ==================== Kontaktseite: Papierband, links Daten, rechts die Karte ==================== */
.schlenz-kontakt {
	--k-linie: var(--wp--preset--color--linie, #dcd8d0);
	--k-nebel: var(--wp--preset--color--nebel, #5c625f);
	--k-tinte: var(--wp--preset--color--tinte, #111413);
	--k-nacht: var(--wp--preset--color--nacht, #0f1412);
}
.schlenz-kontakt__kopf {
	margin-bottom: clamp(2rem, 4vw, 3.5rem);
}
.schlenz-kontakt__kopf h1 {
	margin: 0;
}
.schlenz-kontakt p.schlenz-kontakt__lead {
	margin: 0.75rem 0 0;
	max-width: 36rem;
	color: var(--k-nebel);
	line-height: 1.45;
}
/* Raster statt Spaltenblock: eine Spalte bis 1023 px, ab 1024 px Daten 1/3 und Karte 2/3.
   Der Spaltenblock von WordPress schaltet schon bei 782 px um, dann waere die Karte zu schmal. */
.schlenz-kontakt__raster.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(2.5rem, 5vw, 4rem);
	align-items: start;
}
.schlenz-kontakt__raster.wp-block-columns > .wp-block-column {
	flex-basis: auto !important;
	width: auto;
	min-width: 0;
}
@media (min-width: 1024px) {
	.schlenz-kontakt__raster.wp-block-columns {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
		gap: clamp(2.5rem, 5vw, 5rem);
	}
}

/* Linke Spalte: kleine Ueberschriften als Beschriftung, darunter die Angabe gross */
.schlenz-kontakt__daten h2 {
	margin: 2.25rem 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1.3;
	color: var(--k-nebel);
}
.schlenz-kontakt__daten h2:first-child {
	margin-top: 0;
}
.schlenz-kontakt__daten p {
	margin: 0;
	line-height: 1.5;
}
.schlenz-kontakt p.schlenz-kontakt__nummer {
	font-size: clamp(2rem, 3.2vw, 2.75rem);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.01em;
}
.schlenz-kontakt__nummer a {
	display: inline-block;
	color: var(--k-tinte);
	text-decoration: none;
	padding: 0.15em 0;
}
.schlenz-kontakt__nummer a:hover,
.schlenz-kontakt__nummer a:focus-visible {
	color: var(--k-nebel);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.15em;
}
.schlenz-kontakt p.schlenz-kontakt__fax {
	margin-top: 0.5rem;
	color: var(--k-nebel);
}
.schlenz-kontakt p.schlenz-kontakt__mail {
	font-size: var(--wp--preset--font-size--gross, 1.25rem);
	font-weight: 500;
	overflow-wrap: anywhere;
}
.schlenz-kontakt__mail a,
.schlenz-kontakt__karte a {
	display: inline-block;
	min-height: 44px;
	padding: 0.5rem 0;
	margin: -0.5rem 0;
	color: var(--k-tinte);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
.schlenz-kontakt__mail a:hover,
.schlenz-kontakt__mail a:focus-visible,
.schlenz-kontakt__karte a:hover,
.schlenz-kontakt__karte a:focus-visible {
	color: var(--k-nebel);
	text-decoration-thickness: 2px;
}
.schlenz-kontakt p.schlenz-kontakt__anschrift {
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
}
/* Knopf zum Formular, nur auf dem Handy (dort steht die Karte weit unten) */
.schlenz-kontakt__daten .wp-block-buttons {
	margin: 1.5rem 0 0;
}
.schlenz-kontakt__daten .wp-block-button {
	width: 100%;
}
.schlenz-kontakt__daten .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 56px;
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
}

/* Oeffnungszeiten: Tabelle ohne Zellrahmen, nur Linien zwischen den Zeilen */
.schlenz-kontakt .wp-block-table.schlenz-zeiten {
	margin: 0;
	overflow: visible;
}
.schlenz-kontakt .schlenz-zeiten table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
	line-height: 1.45;
}
.schlenz-kontakt .schlenz-zeiten th,
.schlenz-kontakt .schlenz-zeiten td {
	border: 0;
	border-bottom: 1px solid var(--k-linie);
	padding: 0.65rem 0;
	text-align: left;
	vertical-align: top;
	background: none;
}
.schlenz-kontakt .schlenz-zeiten th {
	width: 1%;
	padding-right: 1.25rem;
	white-space: nowrap;
	font-weight: 600;
	color: var(--k-tinte);
}
.schlenz-kontakt .schlenz-zeiten tr:first-child th,
.schlenz-kontakt .schlenz-zeiten tr:first-child td {
	border-top: 1px solid var(--k-linie);
}
.schlenz-kontakt p.schlenz-kontakt__zusatz {
	margin-top: 0.75rem;
	color: var(--k-nebel);
}

/* Anfahrt: die Zeichnung auf weissem Grund mit feiner Linie, darunter der Kartenlink */
.schlenz-kontakt .schlenz-figur--anfahrt {
	margin: 0;
	padding: 0.75rem;
	background: #fff;
	border: 1px solid var(--k-linie);
}
.schlenz-kontakt p.schlenz-kontakt__karte {
	margin-top: 1rem;
	font-weight: 500;
}

/* ==================== Karte um das Formular (Muster schlenz/formular) ==================== */
.schlenz-formular-abschnitt {
	background: #fff;
	border: 1px solid var(--wp--preset--color--linie, #dcd8d0);
	box-shadow: 0 1px 2px rgba(15, 20, 18, 0.04), 0 24px 48px -20px rgba(15, 20, 18, 0.16);
	padding: clamp(1.5rem, 4vw, 3.25rem);
	scroll-margin-top: 6rem;
}
.schlenz-formular-abschnitt > h2 {
	margin: 0 0 0.75rem;
	font-size: var(--wp--preset--font-size--abschnitt, 1.875rem);
	line-height: 1.15;
}
.schlenz-formular-abschnitt > p {
	margin: 0;
	max-width: 40rem;
	color: var(--wp--preset--color--nebel, #5c625f);
	line-height: 1.5;
}
.schlenz-formular-abschnitt > .wp-block-shortcode {
	margin: 0;
}

.schlenz-formular {
	container-type: inline-size;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--wp--preset--color--linie, #dcd8d0);
	scroll-margin-top: 6rem;
}
.schlenz-formular *,
.schlenz-formular *::before,
.schlenz-formular *::after {
	box-sizing: border-box;
}

/* Schritte */
.schlenz-formular__schritt {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}
.schlenz-formular__schritt[hidden] {
	display: none;
}
.schlenz-formular .schlenz-formular__schritt-titel {
	display: block;
	width: 100%;
	margin: 0 0 1.5rem;
	padding: 0;
	font-size: clamp(1.375rem, 2.2vw, 1.625rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--tinte, #111413);
}
.schlenz-formular .schlenz-formular__schritt-titel:focus {
	outline: none;
}
.schlenz-formular--einfach .schlenz-formular__schritt + .schlenz-formular__schritt {
	margin-top: 2rem;
	padding-top: 2.25rem;
	border-top: 1px solid var(--wp--preset--color--linie, #dcd8d0);
}
.schlenz-formular--einfach .schlenz-formular__fortschritt,
.schlenz-formular--einfach .schlenz-formular__nav,
.schlenz-formular--einfach .schlenz-formular__senden .schlenz-formular__zurueck {
	display: none;
}

/* Fortschritt: Zeile „Schritt 1 von 3“ und drei Segmente. Erledigt = Nacht, aktuell = Gold, offen = Linie. */
.schlenz-formular__fortschritt {
	margin: 0 0 2rem;
}
.schlenz-formular__stand {
	margin: 0 0 0.6rem;
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
	font-weight: 600;
	color: var(--wp--preset--color--tinte, #111413);
}
.schlenz-formular__segmente {
	display: flex;
	gap: 8px;
}
.schlenz-formular__segment {
	flex: 1;
	height: 6px;
	background: var(--wp--preset--color--linie, #dcd8d0);
}
.schlenz-formular__segment.ist-fertig {
	background: var(--wp--preset--color--nacht, #0f1412);
}
.schlenz-formular__segment.ist-aktiv {
	background: var(--wp--preset--color--licht, #d4a24c);
}

/* Reihen und Felder */
.schlenz-formular__reihe {
	display: grid;
	gap: 0 1.5rem;
}
/* Zwei Spalten erst, wenn der Formularkasten selbst breit genug ist (Container-Query), nicht die Seite */
@container (min-width: 30rem) {
	.schlenz-formular__reihe {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}
.schlenz-formular__feld,
.schlenz-formular__gruppe {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0 0 1.75rem;
	padding: 0;
	border: 0;
	min-width: 0;
}
.schlenz-formular label,
.schlenz-formular legend {
	font-weight: 600;
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
	color: var(--wp--preset--color--tinte, #111413);
	padding: 0;
}
.schlenz-formular__optional {
	font-weight: 400;
	white-space: nowrap;
	color: var(--wp--preset--color--nebel, #5c625f);
}
.schlenz-formular__hinweistext {
	margin: 0;
	font-size: var(--wp--preset--font-size--klein, 0.9375rem);
	color: var(--wp--preset--color--nebel, #5c625f);
}
.schlenz-formular__hinweistext a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
	/* Tap-Flaeche 44 px, ohne den Textfluss zu veraendern */
	display: inline-block;
	padding: 0.75rem 0;
	margin: -0.75rem 0;
}

/* Eingaben: 56 px hoch, 1 px Linie Nebel, kein Radius, Fokus 3 px Nacht */
.schlenz-formular input[type="text"],
.schlenz-formular input[type="tel"],
.schlenz-formular input[type="email"],
.schlenz-formular textarea {
	width: 100%;
	min-height: 56px;
	margin: 0;
	padding: 0.9rem 1.1rem;
	border: 1px solid var(--wp--preset--color--nebel, #5c625f);
	border-radius: 0;
	background: #fff;
	color: var(--wp--preset--color--tinte, #111413);
	font: inherit;
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
	line-height: 1.4;
	-webkit-appearance: none;
	appearance: none;
}
.schlenz-formular input[type="text"]:hover,
.schlenz-formular input[type="tel"]:hover,
.schlenz-formular input[type="email"]:hover,
.schlenz-formular textarea:hover {
	border-color: var(--wp--preset--color--nacht, #0f1412);
}
.schlenz-formular textarea {
	min-height: 10rem;
	resize: vertical;
}
.schlenz-formular input[type="text"]:focus-visible,
.schlenz-formular input[type="tel"]:focus-visible,
.schlenz-formular input[type="email"]:focus-visible,
.schlenz-formular textarea:focus-visible {
	outline: 3px solid var(--wp--preset--color--nacht, #0f1412);
	outline-offset: 0;
	border-color: var(--wp--preset--color--nacht, #0f1412);
}

/* Kacheln fuer „Was planen Sie?“: Icon oben, Text darunter, mindestens 128 px hoch.
 * 1 Spalte, ab 30 rem Kastenbreite 2 x 2.
 * Ruhend: Grund Papier, 1 px Rahmen Nebel (5,6:1; Linie erreicht die 3:1 nicht).
 * Ueberfahren: Grund Weiss, Rahmen Nacht. Gewaehlt: Grund Weiss, 2 px Rahmen Nacht
 * (1 px Rand plus 1 px Innenschatten, kein Springen) und ein Haken oben rechts.
 * Der Radio bleibt fuer Screenreader im Dokument, ist nur nicht zu sehen (kein display:none). */
.schlenz-formular__karten {
	display: grid;
	gap: 0.875rem;
	margin-bottom: 1.75rem;
}
@container (min-width: 30rem) {
	.schlenz-formular__karten {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 1rem;
	}
}
.schlenz-formular .schlenz-formular__karte {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	min-height: 128px;
	margin: 0;
	padding: 1.25rem 1.4rem;
	border: 1px solid var(--wp--preset--color--nebel, #5c625f);
	background: var(--wp--preset--color--papier, #f4f2ee);
	color: var(--wp--preset--color--tinte, #111413);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.schlenz-formular__karte:hover {
	background: #fff;
	border-color: var(--wp--preset--color--nacht, #0f1412);
}
.schlenz-formular__karte.ist-gewaehlt,
.schlenz-formular__karte:has(input:checked) {
	border-color: var(--wp--preset--color--nacht, #0f1412);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--nacht, #0f1412);
	background: #fff;
}
/* Haken oben rechts in der gewaehlten Kachel (nur mit Skript, ohne Skript zeigt der Radio die Wahl) */
.schlenz-formular--schritte .schlenz-formular__karte::after {
	content: "";
	position: absolute;
	top: 1.1rem;
	right: 1.1rem;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid var(--wp--preset--color--nebel, #5c625f);
	background: #fff;
}
.schlenz-formular--schritte .schlenz-formular__karte.ist-gewaehlt::after,
.schlenz-formular--schritte .schlenz-formular__karte:has(input:checked)::after {
	border-color: var(--wp--preset--color--nacht, #0f1412);
	background: var(--wp--preset--color--nacht, #0f1412) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.schlenz-formular__karte.hat-fokus,
.schlenz-formular__karte:has(input:focus-visible) {
	outline: 3px solid var(--wp--preset--color--nacht, #0f1412);
	outline-offset: 2px;
}

/* Icon in der Kachel: Linienzeichnung 44 px, Strich 1,5 in Tinte, in der gewaehlten Kachel Nacht */
.schlenz-formular .schlenz-formular__icon {
	flex: none;
	width: 44px;
	height: 44px;
	color: var(--wp--preset--color--tinte, #111413);
}
.schlenz-formular__karte.ist-gewaehlt .schlenz-formular__icon,
.schlenz-formular__karte:has(input:checked) .schlenz-formular__icon {
	color: var(--wp--preset--color--nacht, #0f1412);
}
.schlenz-formular__karte span {
	min-width: 0;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: manual;
	padding-right: 2rem;
}

/* Radios in Kacheln und Chips: mit Skript unsichtbar, die Kachel zeigt den Zustand */
.schlenz-formular--schritte .schlenz-formular__karte input,
.schlenz-formular--schritte .schlenz-formular__chip input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
}
/* Ohne Skript bleibt der runde Radio sichtbar, damit die Wahl in jedem Browser zu sehen ist.
   In der Kachel sitzt er oben rechts, dort, wo mit Skript der gezeichnete Kreis steht. */
.schlenz-formular--einfach .schlenz-formular__karte input,
.schlenz-formular--einfach .schlenz-formular__chip input {
	flex: none;
	width: 22px;
	height: 22px;
	margin: 0;
	accent-color: var(--wp--preset--color--nacht, #0f1412);
	cursor: pointer;
}
.schlenz-formular--einfach .schlenz-formular__karte input {
	position: absolute;
	top: 1.1rem;
	right: 1.1rem;
}
.schlenz-formular--einfach .schlenz-formular__karte input:focus-visible,
.schlenz-formular--einfach .schlenz-formular__chip input:focus-visible {
	outline: 3px solid var(--wp--preset--color--nacht, #0f1412);
	outline-offset: 2px;
}
.schlenz-formular--einfach .schlenz-formular__karte:has(input:focus-visible),
.schlenz-formular--einfach .schlenz-formular__chip:has(input:focus-visible) {
	outline: none;
}

/* Chips: Zeitraum, Erreichbarkeit, Kontaktweg. Gleiche Sprache wie die Kacheln, nur kleiner. */
.schlenz-formular__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 0.25rem;
}
.schlenz-formular .schlenz-formular__chip {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	min-height: 48px;
	margin: 0;
	padding: 0.6rem 1.25rem;
	border: 1px solid var(--wp--preset--color--nebel, #5c625f);
	background: var(--wp--preset--color--papier, #f4f2ee);
	color: var(--wp--preset--color--tinte, #111413);
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
	font-weight: 500;
	line-height: 1.3;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.schlenz-formular__chip:hover {
	background: #fff;
	border-color: var(--wp--preset--color--nacht, #0f1412);
}
.schlenz-formular__chip.ist-gewaehlt,
.schlenz-formular__chip:has(input:checked) {
	border-color: var(--wp--preset--color--nacht, #0f1412);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--nacht, #0f1412);
	background: #fff;
	font-weight: 600;
}
.schlenz-formular__chip.hat-fokus,
.schlenz-formular__chip:has(input:focus-visible) {
	outline: 3px solid var(--wp--preset--color--nacht, #0f1412);
	outline-offset: 2px;
}

/* Nachricht hinter „Noch etwas dazu sagen?“ */
.schlenz-formular__mehr {
	margin: 0 0 1.75rem;
}
.schlenz-formular__mehr summary {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	list-style: none;
	cursor: pointer;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
	color: var(--wp--preset--color--tinte, #111413);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.schlenz-formular__mehr summary::-webkit-details-marker {
	display: none;
}
.schlenz-formular__mehr summary::before {
	content: "+";
	display: inline-block;
	width: 1.2em;
	font-size: 1.2em;
	line-height: 1;
	text-decoration: none;
}
.schlenz-formular__mehr[open] summary::before {
	content: "\2212";
}
.schlenz-formular__mehr summary:focus-visible {
	outline: 3px solid var(--wp--preset--color--nacht, #0f1412);
	outline-offset: 3px;
}
.schlenz-formular__mehr .schlenz-formular__feld {
	margin: 0.75rem 0 0;
}

/* Datenschutz-Haken */
.schlenz-formular__option {
	display: flex;
	align-items: flex-start;
	gap: 0.9rem;
	min-height: 44px;
	padding: 0.6rem 0;
	margin: 0;
	font-weight: 400;
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
	line-height: 1.45;
	cursor: pointer;
}
.schlenz-formular__option input {
	flex: none;
	width: 26px;
	height: 26px;
	margin: 0;
	accent-color: var(--wp--preset--color--nacht, #0f1412);
	cursor: pointer;
}
.schlenz-formular__option input:focus-visible {
	outline: 3px solid var(--wp--preset--color--nacht, #0f1412);
	outline-offset: 2px;
}
.schlenz-formular__feld--haken {
	padding-top: 0.75rem;
	border-top: 1px solid var(--wp--preset--color--linie, #dcd8d0);
}
.schlenz-formular__feld--haken .schlenz-formular__hinweistext {
	padding-left: calc(26px + 0.9rem);
}

/* Fehler je Feld */
.schlenz-formular__fehler {
	margin: 0;
	font-size: var(--wp--preset--font-size--klein, 0.9375rem);
	font-weight: 600;
	color: #8f2a1c;
}
.schlenz-formular__feld--fehler input[type="text"],
.schlenz-formular__feld--fehler input[type="tel"],
.schlenz-formular__feld--fehler input[type="email"],
.schlenz-formular__feld--fehler textarea {
	border-color: #8f2a1c;
	box-shadow: inset 0 0 0 1px #8f2a1c;
}

/* Hinweiskaesten: Danke und Fehlerliste */
.schlenz-formular__hinweis {
	margin: 0 0 1.75rem;
	padding: 1.25rem 1.5rem;
	background: var(--wp--preset--color--papier, #f4f2ee);
	border-left: 4px solid var(--wp--preset--color--nacht, #0f1412);
}
.schlenz-formular__hinweis--fehler {
	border-left-color: #8f2a1c;
}
.schlenz-formular__hinweis p {
	margin: 0 0 0.5rem;
}
.schlenz-formular__hinweis p:last-child {
	margin-bottom: 0;
}
.schlenz-formular__hinweis ul {
	margin: 0;
	padding-left: 1.2rem;
}
.schlenz-formular__hinweis li {
	margin: 0.25rem 0;
}
.schlenz-formular__hinweis a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
	white-space: nowrap;
}
.schlenz-formular__hinweis:focus {
	outline: none;
}

/* Weiter, Zurueck, Absenden */
.schlenz-formular__nav,
.schlenz-formular__senden {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.75rem;
	margin-top: 0.75rem;
}
.schlenz-formular__knopf {
	min-height: 60px;
	padding: 1rem 2.5rem;
	border: 0;
	border-radius: 0;
	background: var(--wp--preset--color--nacht, #0f1412);
	color: #fff;
	font: inherit;
	font-size: 1.125rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}
.schlenz-formular__knopf:hover,
.schlenz-formular__knopf:focus-visible {
	background: var(--wp--preset--color--nacht-hell, #1b2220);
	color: #fff;
}
.schlenz-formular__knopf:focus-visible {
	outline: 3px solid var(--wp--preset--color--nacht, #0f1412);
	outline-offset: 3px;
}
.schlenz-formular__zurueck {
	min-height: 44px;
	padding: 0.5rem 0.25rem;
	border: 0;
	background: none;
	color: var(--wp--preset--color--tinte, #111413);
	font: inherit;
	font-size: var(--wp--preset--font-size--normal, 1.0625rem);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	cursor: pointer;
}
.schlenz-formular__zurueck:hover {
	color: var(--wp--preset--color--nebel, #5c625f);
}
.schlenz-formular__zurueck:focus-visible {
	outline: 3px solid var(--wp--preset--color--nacht, #0f1412);
	outline-offset: 3px;
}
/* Schmaler Kasten (Handy): Knoepfe ueber die volle Breite */
@container (max-width: 30rem) {
	.schlenz-formular__nav .schlenz-formular__knopf,
	.schlenz-formular__senden .schlenz-formular__knopf {
		width: 100%;
	}
}
.schlenz-formular__oder {
	margin: 1.25rem 0 0;
	font-size: var(--wp--preset--font-size--klein, 0.9375rem);
	color: var(--wp--preset--color--nebel, #5c625f);
}
.schlenz-formular__oder a {
	color: var(--wp--preset--color--tinte, #111413);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	min-height: 44px;
	line-height: 44px;
	margin: -0.75rem 0;
}
.schlenz-formular__oder a:hover {
	text-decoration: underline;
}

/* Honeypot: fuer Menschen unsichtbar, fuer Bots ein normales Feld */
.schlenz-formular__falle {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.schlenz-formular * {
		transition: none !important;
	}
}