/* mtr-km-deps: basis */
/* Stellenliste: die offenen Stellen als Zeilen oder als Kacheln.
   Karte, Knopf und Chip tragen dieselben Werte wie die Karten und Schaltflächen
   der Seite (weiß, 1 px Linie, Radius 5, Knopf 48 px hoch), damit die Liste
   neben den übrigen Abschnitten nicht aus dem Rahmen fällt. */

.mtr-stellen {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: var(--mtr-tx, #202020);
}

/* Kopfzeile: Suchfeld links, daneben die Filterleiste, Ergebniszahl rechts außen */

.mtr-stellen__kopf {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 12px 20px;
	margin: 0 0 20px;
}

/* Suchfeld: dieselbe Höhe und derselbe Rahmen wie die Felder der Kopfleiste.
   Es darf mitschrumpfen, damit bei 768 px alles in einer Zeile bleibt. */

.mtr-stellen__suche {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1 1 320px;
	min-width: 200px;
	max-width: 320px;
}

.mtr-stellen__suche[hidden] {
	display: none;
}

.mtr-stellen__lupe {
	position: absolute;
	left: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--mtr-ink, #37424C);
	pointer-events: none;
}

.mtr-stellen input.mtr-stellen__eingabe {
	width: 100%;
	height: 48px;
	margin: 0;
	padding-block: 0;
	padding-inline: 44px 48px;
	box-sizing: border-box;
	border: 1px solid var(--mtr-line, #D8D8D8);
	border-radius: var(--mtr-rad, 5px);
	background: #fff;
	color: var(--mtr-tx, #202020);
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.4;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
}

/* Der Platzhalter steht auch auf der grauen Fläche der Sektion noch mit
   ausreichendem Kontrast (5,1 zu 1 auf #F8F8F8). */
.mtr-stellen input.mtr-stellen__eingabe::placeholder {
	color: #5F6B75;
	opacity: 1;
}

/* Im Fokus nur der äußere Ring, wie beim Suchfeld der Kopfleiste. Der Rahmen
   des Feldes behält seine Normalfarbe, sonst liegen zwei rote Linien übereinander. */
.mtr-stellen input.mtr-stellen__eingabe:focus {
	outline: 2px solid var(--mtr-red, #E62332);
	outline-offset: 2px;
}

/* Das eingebaute Löschkreuz des Browsers weicht dem eigenen Knopf. */
.mtr-stellen input.mtr-stellen__eingabe::-webkit-search-cancel-button,
.mtr-stellen input.mtr-stellen__eingabe::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.mtr-stellen button.mtr-stellen__leeren {
	position: absolute;
	right: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--mtr-rad, 5px);
	background: transparent;
	color: var(--mtr-ink, #37424C);
	box-shadow: none;
	cursor: pointer;
}

.mtr-stellen button.mtr-stellen__leeren[hidden] {
	display: none;
}

.mtr-stellen button.mtr-stellen__leeren:hover {
	color: var(--mtr-red-dunkel, #C11C29);
}

.mtr-stellen button.mtr-stellen__leeren:focus-visible {
	outline: 2px solid var(--mtr-red, #E62332);
	outline-offset: 2px;
}

.mtr-stellen__kreuz {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mtr-stellen__filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.mtr-stellen__filter[hidden] {
	display: none;
}

.mtr-stellen button.mtr-stellen__chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0;
	padding: 0 18px;
	box-sizing: border-box;
	border: 1px solid var(--mtr-line, #D8D8D8);
	border-radius: var(--mtr-rad, 5px);
	background: #fff;
	color: var(--mtr-ink, #37424C);
	font-family: inherit;
	font-size: .95rem;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

/* Beim Zeigen nur die Linie und die Schrift rot: ein Vollton sähe hier aus
   wie eine getroffene Auswahl. */
.mtr-stellen button.mtr-stellen__chip:hover {
	border-color: var(--mtr-red, #E62332);
	color: var(--mtr-red-dunkel, #C11C29);
}

.mtr-stellen button.mtr-stellen__chip.is-aktiv,
.mtr-stellen button.mtr-stellen__chip[aria-pressed="true"] {
	background: var(--mtr-red, #E62332);
	border-color: var(--mtr-red, #E62332);
	color: #fff;
}

.mtr-stellen button.mtr-stellen__chip:focus-visible {
	outline: 3px solid var(--mtr-red, #E62332);
	outline-offset: 3px;
}

.mtr-stellen__zahl {
	margin: 0 0 0 auto;
	color: #5F6B75;
	font-size: 1rem;
	line-height: 1.4;
}

/* Hinweis, wenn die Suche nichts übrig lässt. Er steht an der Stelle, an der
   sonst die erste Zeile stünde, und nimmt die Suche auf Wunsch zurück. */

.mtr-stellen__ohne {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 20px;
	margin: 0 0 12px;
	padding: 25px;
	box-sizing: border-box;
	border: 1px solid var(--mtr-line, #D8D8D8);
	border-radius: var(--mtr-rad, 5px);
	background: #fff;
	font-size: 1rem;
	line-height: 1.7;
}

.mtr-stellen__ohne[hidden] {
	display: none;
}

.mtr-stellen .mtr-stellen__ohne button.mtr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin: 0;
	padding: 0 26px;
	box-sizing: border-box;
	border: 2px solid var(--mtr-ink, #37424C);
	border-radius: var(--mtr-rad, 5px);
	background: transparent;
	color: var(--mtr-ink, #37424C);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.mtr-stellen .mtr-stellen__ohne button.mtr-btn:hover,
.mtr-stellen .mtr-stellen__ohne button.mtr-btn:focus-visible {
	background: var(--mtr-red, #E62332);
	border-color: var(--mtr-red, #E62332);
	color: #fff;
}

.mtr-stellen .mtr-stellen__ohne button.mtr-btn:focus-visible {
	outline: 3px solid var(--mtr-red, #E62332);
	outline-offset: 3px;
}

/* Die Zeilen */

.mtr-stellen__liste {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mtr-stelle {
	position: relative;
	margin: 0;
	padding: 20px 25px;
	box-sizing: border-box;
	border: 1px solid var(--mtr-line, #D8D8D8);
	border-radius: var(--mtr-rad, 5px);
	background: #fff;
	list-style: none;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mtr-stelle[hidden] {
	display: none;
}

.mtr-stelle:hover,
.mtr-stelle:focus-within {
	border-color: var(--mtr-red, #E62332);
	box-shadow: 0 14px 34px rgba(32, 32, 32, .09);
	transform: translateY(-2px);
}

.mtr-stelle__bereich {
	margin: 0;
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mtr-red-dunkel, #C11C29);
}

.mtr-stelle__titel {
	margin: 6px 0 0;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--mtr-ink, #37424C);
	/* Stellentitel werden nicht getrennt ("Freelan-cer"), lange Wörter brechen notfalls um. */
	-webkit-hyphens: manual;
	hyphens: manual;
	overflow-wrap: break-word;
}

.mtr-stelle__titel a {
	color: inherit;
	text-decoration: none;
}

/* Ohne Bereichszeile (Modul "Weitere Stellen" mit abgeschalteter Zeile) steht der Titel
   oben in der Zeile und braucht keinen Abstand nach oben. */
.mtr-stelle > .mtr-stelle__titel:first-child {
	margin-top: 0;
}

/* Die ganze Zeile ist die Klickfläche, es gibt trotzdem genau einen Verweis. */
.mtr-stelle__titel a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: var(--mtr-rad, 5px);
}

.mtr-stelle:hover .mtr-stelle__titel a {
	color: var(--mtr-red, #E62332);
}

.mtr-stelle__titel a:focus-visible {
	outline: 3px solid var(--mtr-red, #E62332);
	outline-offset: 3px;
}

.mtr-stelle__merkmale {
	margin: 6px 0 0;
	color: #5F6B75;
	font-size: .9375rem;
	line-height: 1.6;
}

.mtr-stelle__merkmale span + span::before {
	content: "\00B7";
	margin: 0 10px;
	color: #5F6B75;
}

/* Ein Merkmal bleibt in einer Zeile ("Köln / Hybrid"), umgebrochen wird nur
   zwischen zwei Merkmalen. Eine sehr lange Angabe rückt als Ganzes in die
   nächste Zeile und bricht nur um, wenn sie breiter als die Zeile ist. Der
   Punkt hängt am vorderen Merkmal, damit keine Zeile mit ihm beginnt. */
.mtr-stelle__merkmale .mtr-stelle__merkmal {
	white-space: nowrap;
}

.mtr-stelle__merkmale .mtr-stelle__merkmal--lang {
	display: inline-block;
	max-width: 100%;
	white-space: normal;
	vertical-align: top;
}

.mtr-stelle__merkmale .mtr-stelle__merkmal + .mtr-stelle__merkmal::before {
	content: none;
}

.mtr-stelle__merkmale .mtr-stelle__merkmal:not(:last-child)::after {
	content: "\00B7";
	margin: 0 6px 0 10px;
	color: #5F6B75;
}

/* Knopf in der Zeile: dieselben Werte wie die Umriss-Schaltflächen der Seite,
   aber ohne eigenen Verweis (die Zeile selbst führt zur Stelle). */
.mtr-stellen .mtr-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 26px;
	border: 2px solid var(--mtr-ink, #37424C);
	border-radius: var(--mtr-rad, 5px);
	background: transparent;
	color: var(--mtr-ink, #37424C);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.mtr-stelle:hover .mtr-more,
.mtr-stelle:focus-within .mtr-more {
	background: var(--mtr-red, #E62332);
	border-color: var(--mtr-red, #E62332);
	color: #fff;
}

/* Zeilen-Darstellung: Text links, Knopf rechts und senkrecht mittig */

.mtr-stellen--liste .mtr-stelle {
	display: grid;
	grid-template-columns: 1fr auto;
	/* Drei ausdrückliche Zeilen (Bereich, Titel, Merkmale): nur dann spannt der
	   Knopf mit 1 / -1 über alle und steht senkrecht mittig. */
	grid-template-rows: repeat(3, auto);
	align-items: center;
	column-gap: 24px;
}

.mtr-stellen--liste .mtr-stelle__bereich,
.mtr-stellen--liste .mtr-stelle__titel,
.mtr-stellen--liste .mtr-stelle__merkmale {
	grid-column: 1;
}

.mtr-stellen--liste .mtr-more {
	grid-column: 2;
	grid-row: 1 / -1;
}

/* Kachel-Darstellung: drei Spalten, alle Kacheln einer Reihe gleich hoch,
   alle Knöpfe einer Reihe auf einer Linie. */

.mtr-stellen--kacheln .mtr-stellen__liste {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.mtr-stellen--kacheln .mtr-stelle {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 25px;
}

.mtr-stellen--kacheln .mtr-more {
	margin-top: auto;
	align-self: flex-start;
}

.mtr-stellen--kacheln .mtr-stelle__merkmale {
	margin-bottom: 20px;
}

/* Weitere Stellen auf Knopfdruck: eine Umriss-Schaltfläche direkt unter der
   Liste, im selben Abstand wie die Zeile unter der Liste und bündig an der
   linken Kante wie alles, was unter der Liste steht (Verweis auf alle Stellen,
   Stellenagent). Das Skript blendet sie ein, solange passende Zeilen verborgen
   sind; ohne Skript bleibt sie verborgen. Die Regeln setzen alle Werte selbst,
   weil Theme und Kit Schaltflächen sonst Versalien, Farbe und eigene Polster
   geben. */

.mtr-stellen__weitere {
	display: flex;
	justify-content: flex-start;
	margin: 0;
}

/* Der Knopf steht in der Fußzeile der Liste neben dem Verweis auf alle Stellen;
   der Hinweis daneben bleibt rechts. */
.mtr-stellen__fuss .mtr-stellen__hinweis {
	margin-left: auto;
}

.mtr-stellen .mtr-stellen__weitere button.mtr-btn.mtr-stellen__weitere-knopf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 48px;
	margin: 0;
	padding: 0 26px;
	box-sizing: border-box;
	border: 2px solid var(--mtr-ink, #37424C);
	border-radius: var(--mtr-rad, 5px);
	background: transparent;
	color: var(--mtr-ink, #37424C);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
	transform: none;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.mtr-stellen .mtr-stellen__weitere button.mtr-btn.mtr-stellen__weitere-knopf:hover,
.mtr-stellen .mtr-stellen__weitere button.mtr-btn.mtr-stellen__weitere-knopf:focus-visible {
	background: var(--mtr-red, #E62332);
	border-color: var(--mtr-red, #E62332);
	color: #fff;
	transform: none;
}

.mtr-stellen .mtr-stellen__weitere button.mtr-btn.mtr-stellen__weitere-knopf:focus-visible {
	outline: 3px solid var(--mtr-red, #E62332);
	outline-offset: 3px;
}

@media (max-width: 767px) {
	.mtr-stellen .mtr-stellen__weitere button.mtr-btn.mtr-stellen__weitere-knopf {
		width: 100%;
		min-height: 46px;
		padding: 0 18px;
		font-size: .9375rem;
	}
}

/* Nach dem Klick liegt der Fokus auf der ersten neuen Zeile. Kam der Klick von
   der Maus, bleibt diese Zeile ruhig; rot hervorgehoben wird sie nur bei
   Bedienung mit der Tastatur (sichtbarer Fokus) oder unter dem Zeiger. */
.mtr-stellen[data-mtr-stellen] .mtr-stelle:focus-within:not(:hover):not(:has(:focus-visible)) {
	border-color: var(--mtr-line, #D8D8D8);
	box-shadow: none;
	transform: none;
}

.mtr-stellen[data-mtr-stellen] .mtr-stelle:focus-within:not(:hover):not(:has(:focus-visible)) .mtr-more {
	background: transparent;
	border-color: var(--mtr-ink, #37424C);
	color: var(--mtr-ink, #37424C);
}

/* Leerer Zustand und Abschlusszeile */

.mtr-stellen__leer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 20px;
	margin: 0;
	padding: 25px;
	box-sizing: border-box;
	border: 1px solid var(--mtr-line, #D8D8D8);
	border-radius: var(--mtr-rad, 5px);
	background: #fff;
	font-size: 1rem;
	line-height: 1.7;
}

.mtr-stellen__leer[hidden] {
	display: none;
}

.mtr-stellen__leer .mtr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 26px;
	border: 2px solid var(--mtr-ink, #37424C);
	border-radius: var(--mtr-rad, 5px);
	background: transparent;
	color: var(--mtr-ink, #37424C);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.mtr-stellen__leer .mtr-btn:hover,
.mtr-stellen__leer .mtr-btn:focus-visible {
	background: var(--mtr-red, #E62332);
	border-color: var(--mtr-red, #E62332);
	color: #fff;
}

/* Unter der Liste: links der Verweis auf alle Stellen, rechts die zweite Gruppe
   aus kurzem Text und Knopf. Ist die zweite Gruppe leer, steht dort nichts. */

.mtr-stellen__fuss {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 16px 24px;
	margin: 24px 0 0;
}

.mtr-stellen__hinweis {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin: 0;
}

.mtr-stellen__hinweis-text {
	margin: 0;
	max-width: 46ch;
	color: #5F6B75;
	font-size: 1rem;
	line-height: 1.7;
}

.mtr-stellen__hinweis .mtr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 26px;
	box-sizing: border-box;
	border: 2px solid var(--mtr-ink, #37424C);
	border-radius: var(--mtr-rad, 5px);
	background: transparent;
	color: var(--mtr-ink, #37424C);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.mtr-stellen__hinweis .mtr-btn:hover,
.mtr-stellen__hinweis .mtr-btn:focus-visible {
	background: var(--mtr-red, #E62332);
	border-color: var(--mtr-red, #E62332);
	color: #fff;
}

.mtr-stellen__hinweis .mtr-btn:focus-visible {
	outline: 3px solid var(--mtr-red, #E62332);
	outline-offset: 3px;
}

/* Abschluss unter der Liste: eine Umriss-Schaltfläche wie überall auf der Seite */

.mtr-stellen__mehr {
	margin: 0;
	font-size: 1rem;
	line-height: 1.2;
}

.mtr-stellen__mehr a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 26px;
	box-sizing: border-box;
	border: 2px solid var(--mtr-ink, #37424C);
	border-radius: var(--mtr-rad, 5px);
	background: transparent;
	color: var(--mtr-ink, #37424C);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.mtr-stellen__mehr a:hover,
.mtr-stellen__mehr a:focus-visible {
	background: var(--mtr-red, #E62332);
	border-color: var(--mtr-red, #E62332);
	color: #fff;
	transform: translateY(-2px);
}

.mtr-stellen__mehr a:focus-visible {
	outline: 3px solid var(--mtr-red, #E62332);
	outline-offset: 3px;
}

/* Kürzere Fassung der Zeile für das Handy (Modul Weitere Stellen): der Button
   bleibt einzeilig und 46 Pixel hoch. */
.mtr-stellen__mehr .mtr-stellen__mehr-kurz {
	display: none;
}

@media (max-width: 767px) {
	.mtr-stellen__mehr .mtr-stellen__mehr-lang {
		display: none;
	}

	.mtr-stellen__mehr .mtr-stellen__mehr-kurz {
		display: inline;
		white-space: nowrap;
	}
}

/* Handy: eine Spalte, der Knopf steht unter den Merkmalen über die volle Breite */

@media (max-width: 1024px) {
	.mtr-stellen--kacheln .mtr-stellen__liste {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Zwischen 768 und 1023 px reicht die Breite nicht für 320 px Suchfeld, Chips und
   Ergebniszahl nebeneinander. Das Feld startet dort schmaler und wächst in den
   freien Platz hinein, damit die Kopfzeile eine Zeile bleibt. */

@media (min-width: 768px) and (max-width: 1023px) {
	.mtr-stellen__suche {
		flex-basis: 200px;
	}
}

@media (max-width: 767px) {
	/* Stellentitel auf dem Handy kleiner als die Überschrift der Sektion; ohne diese Regel
	   gewinnt die h3-Vorgabe des Kits (24 px) gegen .mtr-stelle__titel (Lars 04.10.2026). */
	.mtr-stellen .mtr-stelle__titel {
		font-size: 1.1875rem;
		line-height: 1.3;
	}

	.mtr-stellen__kopf {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	/* Das Suchfeld nimmt die erste Zeile über die volle Breite ein, darunter
	   stehen Chips und Ergebniszahl. */
	.mtr-stellen__suche {
		flex: 1 1 auto;
		max-width: none;
		width: 100%;
	}

	.mtr-stellen input.mtr-stellen__eingabe {
		height: 46px;
	}

	.mtr-stellen__zahl {
		margin-left: 0;
	}

	.mtr-stellen__ohne {
		padding: 20px;
	}

	.mtr-stellen .mtr-stellen__ohne button.mtr-btn {
		width: 100%;
		min-height: 46px;
		padding: 0 18px;
		font-size: .9375rem;
	}

	.mtr-stellen__fuss {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}

	.mtr-stellen__hinweis {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.mtr-stellen__hinweis-text {
		max-width: none;
	}

	.mtr-stellen__hinweis .mtr-btn {
		width: 100%;
		min-height: 46px;
		padding: 0 18px;
		font-size: .9375rem;
		white-space: normal;
	}

	.mtr-stellen--kacheln .mtr-stellen__liste {
		grid-template-columns: minmax(0, 1fr);
	}

	.mtr-stelle,
	.mtr-stellen--kacheln .mtr-stelle {
		padding: 18px 20px;
	}

	.mtr-stellen--liste .mtr-stelle {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	.mtr-stellen .mtr-more {
		min-height: 46px;
		margin-top: 16px;
		padding: 0 18px;
		font-size: .9375rem;
		white-space: normal;
	}

	.mtr-stellen--kacheln .mtr-more {
		align-self: stretch;
	}

	.mtr-stellen--kacheln .mtr-stelle__merkmale {
		margin-bottom: 0;
	}

	.mtr-stellen__leer {
		padding: 20px;
	}

	.mtr-stellen__mehr a {
		display: flex;
		width: 100%;
		min-height: 46px;
		padding: 0 18px;
		font-size: .9375rem;
	}

	.mtr-stellen__leer .mtr-btn {
		min-height: 46px;
		width: 100%;
		padding: 0 18px;
		font-size: .9375rem;
	}
}

/* Verstecktes bleibt versteckt: die Regel steht am Ende und ist gewichtiger als
   die Anzeigearten der Zeilen (Raster, Spalte), sonst blendet der Filter nichts aus. */

.mtr-stellen .mtr-stelle[hidden],
.mtr-stellen .mtr-stellen__leer[hidden],
.mtr-stellen .mtr-stellen__filter[hidden],
.mtr-stellen .mtr-stellen__suche[hidden],
.mtr-stellen .mtr-stellen__ohne[hidden],
.mtr-stellen .mtr-stellen__leeren[hidden],
.mtr-stellen .mtr-stellen__weitere[hidden] {
	display: none;
}

/* Ruhige Bewegung respektieren */

@media (prefers-reduced-motion: reduce) {
	.mtr-stelle,
	.mtr-stellen .mtr-more,
	.mtr-stellen button.mtr-stellen__chip,
	.mtr-stellen__leer .mtr-btn,
	.mtr-stellen .mtr-stellen__ohne button.mtr-btn,
	.mtr-stellen__hinweis .mtr-btn,
	.mtr-stellen__mehr a,
	.mtr-stellen .mtr-stellen__weitere button.mtr-btn.mtr-stellen__weitere-knopf {
		transition: none;
	}

	.mtr-stellen__mehr a:hover,
	.mtr-stellen__mehr a:focus-visible {
		transform: none;
	}

	.mtr-stelle:hover,
	.mtr-stelle:focus-within {
		transform: none;
	}
}

/* Vorschau im Editor: keine Klickfläche über der Zeile, sonst lässt sich
   das Modul im Editor nicht mehr anfassen. Das Suchfeld ist dort sichtbar,
   aber ruhig gestellt. */

html.elementor-html body.elementor-editor-active .mtr-stelle__titel a::after {
	display: none;
}

.mtr-stellen input.mtr-stellen__eingabe:disabled {
	background: #fff;
	color: var(--mtr-tx, #202020);
	cursor: default;
	opacity: 1;
	-webkit-text-fill-color: var(--mtr-tx, #202020);
}

/* Verweis auf den Stellenagenten: eine ruhige Zeile unter der Liste. Sie steht
   auch da, wenn die Suche nichts findet oder gerade keine Stelle offen ist. */

.mtr-stellen .mtr-stellen__agent {
	margin: 20px 0 0;
	color: #5F6B75;
	font-size: 1rem;
	line-height: 1.7;
}

.mtr-stellen .mtr-stellen__agent a {
	padding: 11px 0;
	color: var(--mtr-ink, #37424C);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(55, 66, 76, .45);
	text-underline-offset: 4px;
	transition: text-decoration-color .2s ease, color .2s ease;
}

.mtr-stellen .mtr-stellen__agent a:hover,
.mtr-stellen .mtr-stellen__agent a:focus-visible {
	color: var(--mtr-ink, #37424C);
	text-decoration-color: currentColor;
}

.mtr-stellen .mtr-stellen__agent a:focus-visible {
	outline: 2px solid var(--mtr-red, #E62332);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Kurze Fassung im Modul "Weitere offene Stellen": nur der Verweis, unter dem Knopf. */
.mtr-stellen .mtr-stellen__agent--kurz {
	margin-top: 12px;
	font-size: .9375rem;
}

.mtr-stellen .mtr-stellen__agent--kurz a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0;
}

@media (prefers-reduced-motion: reduce) {
	.mtr-stellen .mtr-stellen__agent a {
		transition: none;
	}
}