/*
 * WZ Stellen-Templates
 *
 * Farben, Schriften und Abstaende stammen aus dem bestehenden Divi-Design
 * der Website. Schriftfamilien werden bewusst nicht neu gesetzt - sie werden
 * vom Theme geerbt (Capriola als Grundschrift, "Love Ya Like A Sister" fuer
 * Auszeichnungen).
 *
 * Kontrast: Das Marken-Orange #f47416 erreicht auf Weiss nur 2,86:1 und
 * verfehlt damit WCAG 2.1 AA (4,5:1). Fuer Text und Schaltflaechen wird
 * deshalb der dunklere Ton derselben Farbe verwendet: #b35300 (5,06:1 auf
 * Weiss und ebenso fuer Weiss auf der Flaeche). Das helle Orange bleibt
 * rein dekorativen Elementen vorbehalten.
 */

.wz-stellen {
	--wz-blau: #365166;
	--wz-blau-hell: #bfd7db;
	--wz-orange: #f47416;
	--wz-orange-text: #b35300;
	--wz-gelb: #fac320;
	--wz-weiss: #ffffff;
	--wz-radius: 20px;
	--wz-radius-pille: 30px;
}

/* --------------------------------------------------------------- Abstaende */

.wz-stellen .wz-stelle-kopf,
.wz-stellen .wz-stelle-inhalt,
.wz-stellen .wz-stelle-cta,
.wz-stellen .wz-archiv {
	padding-block: 3% 0;
}

.wz-stellen .wz-stelle-cta,
.wz-stellen .wz-archiv {
	padding-block-end: 5%;
}

/* ------------------------------------------------------------ Auszeichnung */

.wz-stellen .wz-stelle-eyebrow {
	margin: 0 0 1em;
	color: var(--wz-orange-text);
	font-family: "Love Ya Like A Sister", inherit;
	font-size: 18px;
	line-height: 1.8;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.wz-stellen .wz-trenner {
	padding: 0 0.25em;
	color: var(--wz-orange);
}

/* ---------------------------------------------------------------- Eckdaten */

.wz-stellen .wz-stelle-fakten-karte {
	padding: 6%;
	border-radius: var(--wz-radius);
	background: var(--wz-blau-hell);
	color: var(--wz-blau);
}

.wz-stellen .wz-stelle-fakten-karte .wz-stelle-fakten {
	margin: 0;
}

.wz-stellen .wz-stelle-fakten-karte .wz-stelle-fakten-titel {
	margin: 0 0 0.75em;
	color: var(--wz-blau);
	font-size: 22px;
}

.wz-stellen .wz-stelle-fakten-karte dt,
.wz-stellen .wz-stelle-fakten-karte dd {
	color: var(--wz-blau);
}

/* ------------------------------------------------------------------ Inhalt */

.wz-stellen .wz-stelle-inhalt .entry-content > h2 {
	margin-top: 1.4em;
	color: var(--wz-blau);
}

.wz-stellen .wz-stelle-inhalt .entry-content > h2:first-child {
	margin-top: 0;
}

/* --------------------------------------------------------------------- CTA */

.wz-stellen .wz-cta-karte {
	padding: 6%;
	border-radius: var(--wz-radius);
	background: var(--wz-blau);
	color: var(--wz-weiss);
}

.wz-stellen .wz-cta-titel {
	margin: 0 0 0.5em;
	color: var(--wz-weiss);
}

.wz-stellen .wz-cta-text,
.wz-stellen .wz-cta-frist {
	color: var(--wz-weiss);
}

.wz-stellen .wz-cta-frist {
	margin-top: 1.5em;
	font-size: 0.9em;
}

.wz-stellen .wz-cta-kontakt {
	margin: 1.5em 0;
	padding: 0;
	list-style: none;
}

.wz-stellen .wz-cta-kontakt li {
	margin: 0 0 0.6em;
}

.wz-stellen .wz-cta-label {
	display: block;
	color: var(--wz-blau-hell);
	font-family: "Love Ya Like A Sister", inherit;
	font-size: 14px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.wz-stellen .wz-cta-link {
	color: var(--wz-weiss);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wz-stellen .wz-cta-link:hover,
.wz-stellen .wz-cta-link:focus-visible {
	color: var(--wz-gelb);
}

.wz-stellen .wz-cta-zurueck {
	margin-bottom: 0;
}

.wz-stellen .wz-cta-karte .wz-textlink {
	color: var(--wz-blau-hell);
}

.wz-stellen .wz-cta-karte .wz-textlink:hover,
.wz-stellen .wz-cta-karte .wz-textlink:focus-visible {
	color: var(--wz-weiss);
}

/* ----------------------------------------------------------- Schaltflaeche */

.wz-stellen .wz-button {
	display: inline-block;
	padding: 0.6em 1.4em;
	border: 2px solid transparent;
	border-radius: var(--wz-radius-pille);
	background: var(--wz-orange-text);
	color: var(--wz-weiss);
	font-size: 16px;
	line-height: 1.7;
	text-decoration: none;
}

.wz-stellen a.wz-button {
	color: var(--wz-weiss);
	text-decoration: none;
}

.wz-stellen .wz-button:hover,
.wz-stellen a.wz-button:hover {
	background: var(--wz-blau);
	color: var(--wz-weiss);
	text-decoration: none;
}

.wz-stellen .wz-cta-karte .wz-button,
.wz-stellen .wz-cta-karte a.wz-button {
	background: var(--wz-weiss);
	color: var(--wz-blau);
	text-decoration: none;
}

.wz-stellen .wz-cta-karte .wz-button:hover {
	background: var(--wz-blau-hell);
	color: var(--wz-blau);
}

.wz-stellen .wz-textlink {
	color: var(--wz-orange-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ------------------------------------------------------------------- Fokus */

.wz-stellen a:focus-visible,
.wz-stellen .wz-button:focus-visible,
.wz-stellen .wz-filter-pille:focus-visible {
	outline: 3px solid var(--wz-blau);
	outline-offset: 3px;
	border-radius: 4px;
}

.wz-stellen .wz-cta-karte a:focus-visible {
	outline-color: var(--wz-gelb);
}

/* ------------------------------------------------------------------ Filter */

.wz-stellen .wz-filter {
	margin: 0 0 6%;
}

.wz-stellen .wz-filter-titel {
	margin: 0 0 0.6em;
	color: var(--wz-orange-text);
	font-family: "Love Ya Like A Sister", inherit;
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.wz-stellen .wz-filter-liste {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wz-stellen .wz-filter-pille {
	display: inline-block;
	padding: 0.4em 1.1em;
	border: 2px solid var(--wz-blau-hell);
	border-radius: var(--wz-radius-pille);
	background: var(--wz-weiss);
	color: var(--wz-blau);
	font-size: 15px;
	text-decoration: none;
}

.wz-stellen .wz-filter-pille:hover {
	border-color: var(--wz-blau);
}

.wz-stellen .wz-filter-pille.is-aktiv {
	border-color: var(--wz-blau);
	background: var(--wz-blau);
	color: var(--wz-weiss);
}

/* ------------------------------------------------------------------- Liste */

.wz-stellen .wz-liste {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wz-stellen .wz-liste-eintrag {
	margin: 0;
}

.wz-stellen .wz-karte {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 7%;
	border: 2px solid var(--wz-blau-hell);
	border-radius: var(--wz-radius);
	background: var(--wz-weiss);
}

.wz-stellen .wz-karte-titel {
	margin: 0 0 0.4em;
	font-size: 22px;
}

.wz-stellen .wz-karte-titel a {
	color: var(--wz-blau);
	text-decoration: none;
}

.wz-stellen .wz-karte-titel a:hover {
	color: var(--wz-orange-text);
	text-decoration: underline;
}

.wz-stellen .wz-karte-meta {
	margin: 0 0 1em;
	color: var(--wz-orange-text);
	font-family: "Love Ya Like A Sister", inherit;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 1.7;
	text-transform: uppercase;
}

.wz-stellen .wz-karte-text {
	margin: 0 0 1.5em;
	color: var(--wz-blau);
}

.wz-stellen .wz-karte-aktion {
	margin: auto 0 0;
}

/* ------------------------------------------------------------- Leerzustand */

.wz-stellen .wz-leer {
	padding: 6%;
	border-radius: var(--wz-radius);
	background: var(--wz-blau-hell);
	color: var(--wz-blau);
}

.wz-stellen .wz-leer-titel {
	margin: 0 0 0.5em;
	color: var(--wz-blau);
}

.wz-stellen .wz-leer p {
	color: var(--wz-blau);
}

.wz-stellen .wz-leer-aktion {
	margin-bottom: 0;
}

/* ---------------------------------------------------------------- Blaettern */

.wz-stellen .wz-blaettern {
	margin-top: 5%;
}

.wz-stellen .wz-blaettern .page-numbers {
	display: inline-block;
	padding: 0.3em 0.8em;
	border-radius: var(--wz-radius-pille);
	color: var(--wz-blau);
	text-decoration: none;
}

.wz-stellen .wz-blaettern .page-numbers.current {
	background: var(--wz-blau);
	color: var(--wz-weiss);
}

/* ------------------------------------------------------------------ Schmal */

@media (max-width: 980px) {

	.wz-stellen .wz-liste {
		grid-template-columns: minmax(0, 1fr);
		gap: 5%;
	}

	.wz-stellen .wz-karte,
	.wz-stellen .wz-cta-karte,
	.wz-stellen .wz-leer,
	.wz-stellen .wz-stelle-fakten-karte {
		padding: 7% 6%;
	}
}

@media (max-width: 480px) {

	.wz-stellen .wz-stelle-eyebrow,
	.wz-stellen .wz-filter-titel {
		font-size: 15px;
		letter-spacing: 2px;
	}

	.wz-stellen .wz-karte-meta {
		font-size: 14px;
		letter-spacing: 2px;
	}

	.wz-stellen .wz-karte-titel,
	.wz-stellen .wz-stelle-fakten-karte .wz-stelle-fakten-titel {
		font-size: 20px;
	}

	.wz-stellen .wz-button {
		display: block;
		text-align: center;
	}
}

/* ------------------------------------------------------------- Einleitung */

.wz-stellen .wz-intro {
	color: var(--wz-blau);
}

.wz-stellen .wz-intro h2,
.wz-stellen .wz-intro h3,
.wz-stellen .wz-intro h4 {
	color: var(--wz-blau);
}

.wz-stellen .wz-intro > *:first-child {
	margin-top: 0;
}

.wz-stellen .wz-intro > *:last-child {
	margin-bottom: 0;
}

/*
 * Schaltflaechen ausnehmen: sonst gewinnt diese Regel ueber .wz-button
 * (hoehere Spezifitaet) und der Text steht orange auf orange.
 */
.wz-stellen .wz-intro a:not(.wz-button),
.wz-stellen .wz-klapp-inhalt a:not(.wz-button) {
	color: var(--wz-orange-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ------------------------------------------------------------- Bewerbung */

.wz-stellen .wz-bewerbung-karte {
	padding: 6%;
	border-radius: var(--wz-radius);
	background: var(--wz-blau-hell);
	color: var(--wz-blau);
}

.wz-stellen .wz-bewerbung-titel {
	margin: 0 0 0.5em;
	color: var(--wz-blau);
}

.wz-stellen .wz-bewerbung-text {
	margin: 0 0 1.5em;
	color: var(--wz-blau);
}

/* ---------------------------------------------------------- Formularfelder */

.wz-stellen .wz-formular h3,
.wz-stellen .wz-cta-formular h3 {
	margin: 1.5em 0 0.6em;
	font-size: 18px;
}

.wz-stellen .wz-formular h3:first-child,
.wz-stellen .wz-cta-formular h3:first-child {
	margin-top: 0;
}

.wz-stellen .wz-formular label,
.wz-stellen .wz-cta-formular label {
	display: block;
	margin: 0 0 1em;
	font-size: 15px;
}

.wz-stellen .wz-formular input[type="text"],
.wz-stellen .wz-formular input[type="email"],
.wz-stellen .wz-formular input[type="tel"],
.wz-stellen .wz-formular input[type="date"],
.wz-stellen .wz-formular select,
.wz-stellen .wz-formular textarea,
.wz-stellen .wz-cta-formular input[type="text"],
.wz-stellen .wz-cta-formular input[type="email"],
.wz-stellen .wz-cta-formular input[type="tel"],
.wz-stellen .wz-cta-formular input[type="date"],
.wz-stellen .wz-cta-formular select,
.wz-stellen .wz-cta-formular textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
	margin-top: 0.35em;
	padding: 0.6em 0.9em;
	border: 2px solid var(--wz-weiss);
	border-radius: 10px;
	background: var(--wz-weiss);
	color: var(--wz-blau);
	font-family: inherit;
	font-size: 15px;
	line-height: 1.6;
}

.wz-stellen .wz-formular textarea,
.wz-stellen .wz-cta-formular textarea {
	min-height: 8em;
	resize: vertical;
}

.wz-stellen .wz-formular input[type="file"],
.wz-stellen .wz-cta-formular input[type="file"] {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
	margin-top: 0.35em;
	padding: 0.5em 0;
	color: var(--wz-blau);
	font-family: inherit;
	font-size: 14px;
}

.wz-stellen .wz-formular input:focus-visible,
.wz-stellen .wz-formular select:focus-visible,
.wz-stellen .wz-formular textarea:focus-visible,
.wz-stellen .wz-cta-formular input:focus-visible,
.wz-stellen .wz-cta-formular select:focus-visible,
.wz-stellen .wz-cta-formular textarea:focus-visible {
	outline: 3px solid var(--wz-blau);
	outline-offset: 2px;
	border-color: var(--wz-blau);
}

.wz-stellen .wz-cta-karte .wz-cta-formular input:focus-visible,
.wz-stellen .wz-cta-karte .wz-cta-formular select:focus-visible,
.wz-stellen .wz-cta-karte .wz-cta-formular textarea:focus-visible {
	outline-color: var(--wz-gelb);
	border-color: var(--wz-gelb);
}

.wz-stellen .wz-formular input[type="submit"],
.wz-stellen .wz-cta-formular input[type="submit"] {
	display: inline-block;
	width: auto;
	margin-top: 0.5em;
	padding: 0.6em 1.6em;
	border: 2px solid transparent;
	border-radius: var(--wz-radius-pille);
	background: var(--wz-orange-text);
	color: var(--wz-weiss);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.7;
	cursor: pointer;
}

.wz-stellen .wz-formular input[type="submit"]:hover,
.wz-stellen .wz-cta-formular input[type="submit"]:hover {
	background: var(--wz-blau);
}

.wz-stellen .wz-formular .wz-formularhinweis,
.wz-stellen .wz-formular .wz-uploadhinweis,
.wz-stellen .wz-cta-formular .wz-formularhinweis,
.wz-stellen .wz-cta-formular .wz-uploadhinweis {
	margin: 0 0 1em;
	font-size: 14px;
}

.wz-stellen .wz-formular .wpcf7-not-valid-tip {
	margin-top: 0.3em;
	color: #a11b1b;
	font-size: 14px;
}

.wz-stellen .wz-formular .wpcf7-response-output,
.wz-stellen .wz-cta-formular .wpcf7-response-output {
	margin: 1.5em 0 0;
	padding: 0.8em 1em;
	border: 2px solid var(--wz-blau);
	border-radius: 10px;
	background: var(--wz-weiss);
	color: var(--wz-blau);
	font-size: 15px;
}

.wz-stellen .wz-formular .wpcf7-spinner {
	margin-left: 0.8em;
}

@media (max-width: 480px) {

	.wz-stellen .wz-formular input[type="submit"],
	.wz-stellen .wz-cta-formular input[type="submit"] {
		display: block;
		width: 100%;
		text-align: center;
	}
}

/* ------------------------------------------------- Formular in zwei Spalten */

/*
 * Die Kontaktfelder stehen paarweise nebeneinander: Vorname | Nachname,
 * E-Mail | Telefon. Alles andere laeuft ueber die volle Breite.
 *
 * Contact Form 7 gibt jedes Feld in einem eigenen <p> aus, deshalb wird ueber
 * den Feldnamen adressiert. Ohne :has-Unterstuetzung bleibt das Formular
 * einspaltig - funktional identisch, nur laenger.
 */

@supports selector(:has(*)) {

	.wz-stellen .wz-formular .wpcf7-form,
	.wz-stellen .wz-cta-formular .wpcf7-form {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 1.5em;
		align-items: start;
	}

	.wz-stellen .wz-formular .wpcf7-form > *,
	.wz-stellen .wz-cta-formular .wpcf7-form > * {
		grid-column: 1 / -1;
		min-width: 0;
	}

	.wz-stellen .wz-formular .wpcf7-form > p,
	.wz-stellen .wz-cta-formular .wpcf7-form > p {
		margin: 0 0 1em;
	}

	.wz-stellen .wz-formular .wpcf7-form > p:has(input[name="vorname"]),
	.wz-stellen .wz-formular .wpcf7-form > p:has(input[name="nachname"]),
	.wz-stellen .wz-formular .wpcf7-form > p:has(input[name="email"]),
	.wz-stellen .wz-formular .wpcf7-form > p:has(input[name="telefon"]),
	.wz-stellen .wz-cta-formular .wpcf7-form > p:has(input[name="vorname"]),
	.wz-stellen .wz-cta-formular .wpcf7-form > p:has(input[name="nachname"]),
	.wz-stellen .wz-cta-formular .wpcf7-form > p:has(input[name="email"]),
	.wz-stellen .wz-cta-formular .wpcf7-form > p:has(input[name="telefon"]) {
		grid-column: auto;
	}

	.wz-stellen .wz-formular .wpcf7-form > p > label,
	.wz-stellen .wz-cta-formular .wpcf7-form > p > label {
		margin: 0;
	}

	@media (max-width: 700px) {

		.wz-stellen .wz-formular .wpcf7-form,
		.wz-stellen .wz-cta-formular .wpcf7-form {
			grid-template-columns: minmax(0, 1fr);
		}

		.wz-stellen .wz-formular .wpcf7-form > p:has(input[name="vorname"]),
		.wz-stellen .wz-formular .wpcf7-form > p:has(input[name="nachname"]),
		.wz-stellen .wz-formular .wpcf7-form > p:has(input[name="email"]),
		.wz-stellen .wz-formular .wpcf7-form > p:has(input[name="telefon"]),
		.wz-stellen .wz-cta-formular .wpcf7-form > p:has(input[name="vorname"]),
		.wz-stellen .wz-cta-formular .wpcf7-form > p:has(input[name="nachname"]),
		.wz-stellen .wz-cta-formular .wpcf7-form > p:has(input[name="email"]),
		.wz-stellen .wz-cta-formular .wpcf7-form > p:has(input[name="telefon"]) {
			grid-column: 1 / -1;
		}
	}
}

/* --------------------------------------------------- Einleitung mit Bild */

.wz-stellen .wz-intro-raster {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 4%;
	align-items: start;
}

.wz-stellen .wz-intro-raster.hat-bild {
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.wz-stellen .wz-intro-bild img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--wz-radius);
}

.wz-stellen .wz-intro-vorspann {
	margin: 0 0 1.5em;
}

.wz-stellen .wz-intro-aktion {
	margin: 1.5em 0 0;
}

/* Sanftes Springen zum Formular, ohne JavaScript. */
html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

.wz-stellen #bewerbung {
	scroll-margin-top: 120px;
}

/* ---------------------------------------------------------- Klappabschnitte */

.wz-stellen .wz-klapp {
	margin: 0 0 0.75em;
	border-bottom: 2px solid var(--wz-blau-hell);
}

.wz-stellen .wz-klapp:last-of-type {
	margin-bottom: 0;
}

.wz-stellen .wz-klapp-titel {
	display: flex;
	align-items: center;
	gap: 0.6em;
	padding: 0.6em 0;
	color: var(--wz-orange-text);
	font-family: "Love Ya Like A Sister", inherit;
	font-size: 18px;
	letter-spacing: 3px;
	line-height: 1.5;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
}

.wz-stellen .wz-klapp-titel::-webkit-details-marker {
	display: none;
}

/* Eigenes Zeichen statt des Browser-Dreiecks, damit es zur Seite passt. */
.wz-stellen .wz-klapp-titel::before {
	content: "";
	flex: 0 0 auto;
	width: 0.6em;
	height: 0.6em;
	border-right: 3px solid var(--wz-orange-text);
	border-bottom: 3px solid var(--wz-orange-text);
	transform: rotate(45deg) translate(-0.1em, -0.1em);
	transition: transform 0.15s ease;
}

.wz-stellen .wz-klapp[open] > .wz-klapp-titel::before {
	transform: rotate(-135deg) translate(-0.15em, -0.15em);
}

@media (prefers-reduced-motion: reduce) {

	.wz-stellen .wz-klapp-titel::before {
		transition: none;
	}
}

.wz-stellen .wz-klapp-titel:hover {
	color: var(--wz-blau);
}

.wz-stellen .wz-klapp-titel:hover::before {
	border-color: var(--wz-blau);
}

.wz-stellen .wz-klapp-titel:focus-visible {
	outline: 3px solid var(--wz-blau);
	outline-offset: 3px;
	border-radius: 4px;
}

.wz-stellen .wz-klapp-inhalt {
	padding: 0 0 1.2em;
}

.wz-stellen .wz-klapp-inhalt > *:first-child {
	margin-top: 0;
}

.wz-stellen .wz-klapp-inhalt > *:last-child {
	margin-bottom: 0;
}

.wz-stellen .wz-klapp-inhalt ul {
	margin: 0 0 1em;
	padding-left: 1.2em;
}

.wz-stellen .wz-klapp-inhalt li {
	margin: 0 0 0.4em;
}

@media (max-width: 980px) {

	.wz-stellen .wz-intro-raster.hat-bild {
		grid-template-columns: minmax(0, 1fr);
		gap: 6%;
	}

	.wz-stellen .wz-intro-bild {
		max-width: 480px;
	}
}

@media (max-width: 480px) {

	.wz-stellen .wz-klapp-titel {
		font-size: 15px;
		letter-spacing: 2px;
	}
}

/* ------------------------------------------------------- Filter ohne Neuladen */

.wz-stellen .wz-ergebnis {
	transition: opacity 0.15s ease;
}

.wz-stellen .wz-ergebnis.is-laedt {
	opacity: 0.45;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {

	.wz-stellen .wz-ergebnis {
		transition: none;
	}
}

.wz-stellen .wz-ergebnis[aria-busy="true"] {
	cursor: progress;
}

/* ------------------------------------------------ Vorgewählte Stelle */

/*
 * Auf der Einzelansicht ist die Stelle bekannt. Die Auswahlliste bleibt im
 * Formular stehen (Contact Form 7 und die Mail-Vorlage brauchen sie), wird
 * aber ausgeblendet und durch eine Textzeile ersetzt.
 */

.wz-stellen .wz-stelle-vorgewaehlt {
	display: none !important;
}

.wz-stellen .wz-stelle-hinweis {
	margin: 0 0 1.5em;
}

.wz-stellen .wz-stelle-hinweis strong {
	display: block;
	font-size: 17px;
	line-height: 1.5;
}

/* ------------------------------------------------------ Links auf Karten */

/*
 * Ohne diese Regeln erben Links die Textfarbe des Themes (#365166) — auf der
 * dunkelblauen Karte ist das exakt die Hintergrundfarbe, der Link wäre
 * unsichtbar. Betrifft vor allem den Link zur Datenschutzerklärung in der
 * Einwilligung.
 */

.wz-stellen .wz-cta-karte a:not(.wz-button),
.wz-stellen .wz-cta-formular a:not(.wz-button) {
	color: var(--wz-blau-hell);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wz-stellen .wz-cta-karte a:not(.wz-button):hover,
.wz-stellen .wz-cta-formular a:not(.wz-button):hover {
	color: var(--wz-weiss);
}

.wz-stellen .wz-bewerbung-karte a:not(.wz-button),
.wz-stellen .wz-formular a:not(.wz-button) {
	color: var(--wz-blau);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wz-stellen .wz-bewerbung-karte a:not(.wz-button):hover,
.wz-stellen .wz-formular a:not(.wz-button):hover {
	text-decoration-thickness: 2px;
}

/* Einwilligung: Kästchen und Text sauber nebeneinander. */

.wz-stellen .wz-formular .wpcf7-acceptance .wpcf7-list-item,
.wz-stellen .wz-cta-formular .wpcf7-acceptance .wpcf7-list-item {
	display: block;
	margin: 0;
}

.wz-stellen .wz-formular .wpcf7-acceptance label,
.wz-stellen .wz-cta-formular .wpcf7-acceptance label {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.7em;
	align-items: start;
	margin: 0;
}

.wz-stellen .wz-formular .wpcf7-acceptance input[type="checkbox"],
.wz-stellen .wz-cta-formular .wpcf7-acceptance input[type="checkbox"] {
	width: 1.1em;
	height: 1.1em;
	margin: 0.25em 0 0;
}