/* mtr-km-deps: basis */
/* Stellen-Abschnitt: Fließtext, Zwischenüberschriften und Aufzählungen eines
   Abschnitts der Stelle. Die Werte der Aufzählung entsprechen der
   Vorteile-Liste der Startseite; sie stehen hier noch einmal, weil deren
   Stylesheet an das andere Modul gebunden ist. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt {
	color: var(--mtr-tx);
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt[hidden] {
	display: none;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt > p {
	margin: 0 0 14px;
	max-width: 66ch;
	font-size: 1rem;
	line-height: 1.7;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt > p:last-child {
	margin-bottom: 0;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt h3,
.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt h4 {
	margin: 24px 0 10px;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--mtr-ink);
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt > :first-child {
	margin-top: 0;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Aufzählung mit Symbol und feiner Trennlinie je Punkt. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li {
	position: relative;
	margin: 0;
	padding: 10px 0 12px 32px;
	border-bottom: 1px solid var(--mtr-line);
	font-size: .9375rem;
	line-height: 1.5;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li > svg {
	position: absolute;
	left: 0;
	top: 11px;
	width: 20px;
	height: 20px;
	color: var(--mtr-red);
	flex: none;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li b {
	display: block;
	font-weight: 700;
	line-height: 1.4;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li > span {
	display: block;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li b + span {
	margin-top: 3px;
	font-size: .875rem;
	line-height: 1.5;
	color: #4a4a4a;
}

/* Zwei Spalten erst ab der Breite, ab der auch die Spalten haften. */

@media (min-width: 1025px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zwei {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 22px;
	}
}

/* Graue Fläche: das MTR-Rot erreicht dort nur 4,25:1, deshalb der dunklere Ton. */

.mtr-sec--surf .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li > svg {
	color: var(--mtr-red-dunkel, #C11C29);
}

/* Dunkle Fläche: helleres Rot, hellere Schrift, feinere Linien. */

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt {
	color: rgba(255, 255, 255, .82);
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt h3,
.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt h4 {
	color: #fff;
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li {
	border-bottom-color: rgba(255, 255, 255, .2);
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li > svg {
	color: var(--mtr-red-hell, #FF6B75);
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li b + span {
	color: rgba(255, 255, 255, .72);
}

/* Hinweis im Editor, solange kein Beitrag in der Vorschau steht. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt--hinweis {
	padding: 14px 16px;
	border: 1px dashed var(--mtr-line);
	border-radius: var(--mtr-rad);
	color: #6a6a6a;
	font-size: .9375rem;
	line-height: 1.5;
}

@media (max-width: 767px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste {
		margin-top: 14px;
	}
}

/* ==========================================================================
   1.6.0: drei weitere Formen derselben Aufzählung.
   Karten mit Ziffer (Aufgaben), Raster mit Symbol (Angebot) und Selbst-Check
   mit Kästchen (Profil). Die Werte stehen im Konzept der Stellen-Einzelseite,
   Abschnitt 3. Die Regeln der schlichten Liste oben bleiben unberührt.
   ========================================================================== */

/* Nur der Einstieg: etwas schmalere Absätze, weil daneben ein Bild steht. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt--nur-lead > p {
	max-width: 62ch;
}

/* --- Karten ------------------------------------------------------------- */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin: 18px 0 0;
	align-items: stretch;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li {
	position: relative;
	margin: 0;
	padding: 25px;
	border: 1px solid var(--mtr-line);
	border-radius: var(--mtr-rad);
	background: #fff;
	font-size: 1rem;
	line-height: 1.55;
	color: var(--mtr-tx);
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li > svg {
	position: static;
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 0 12px;
	color: var(--mtr-red);
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__zahl {
	display: block;
	margin: 0 0 8px;
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 1;
	color: var(--mtr-ink);
	opacity: .25;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li b {
	display: block;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.4;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li .mtr-stellen-abschnitt__text {
	display: block;
	font-size: 1rem;
	line-height: 1.55;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li b + .mtr-stellen-abschnitt__text {
	margin-top: 4px;
	font-size: .9375rem;
	line-height: 1.55;
	color: #4a4a4a;
}

@media (min-width: 768px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten.mtr-stellen-abschnitt__liste--zwei,
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten.mtr-stellen-abschnitt__liste--drei {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten.mtr-stellen-abschnitt__liste--drei {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* --- Raster mit Symbol -------------------------------------------------- */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--raster {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px 22px;
	margin: 18px 0 0;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--raster li {
	padding: 10px 0 12px 36px;
	font-size: 1rem;
	line-height: 1.55;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--raster li > svg {
	top: 12px;
	width: 24px;
	height: 24px;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--raster li b + span {
	font-size: .9375rem;
}

@media (min-width: 768px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--raster.mtr-stellen-abschnitt__liste--zwei,
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--raster.mtr-stellen-abschnitt__liste--drei {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--raster.mtr-stellen-abschnitt__liste--drei {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* --- Selbst-Check ------------------------------------------------------- */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__hinweis {
	margin: 18px 0 0;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--mtr-ink);
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__hinweis + .mtr-stellen-abschnitt__liste {
	margin-top: 10px;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--selbstcheck {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 22px;
	margin: 18px 0 0;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--selbstcheck li {
	padding: 12px 0 14px 40px;
	font-size: 1rem;
	line-height: 1.55;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__kaestchen {
	position: absolute;
	left: 0;
	top: 12px;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 15px;
	border: 2px solid var(--mtr-ink);
	border-radius: var(--mtr-rad);
	cursor: pointer;
	flex: none;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__kaestchen:checked {
	background-color: var(--mtr-red-dunkel, #C11C29);
	border-color: var(--mtr-red-dunkel, #C11C29);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.6 9.8 17.4 19 7.2'/%3E%3C/svg%3E");
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__kaestchen:focus-visible {
	outline: 3px solid var(--mtr-red);
	outline-offset: 3px;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--selbstcheck label {
	display: block;
	cursor: pointer;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--selbstcheck label b {
	display: block;
	font-weight: 700;
	line-height: 1.4;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__zaehler {
	margin: 14px 0 0;
	font-size: .9375rem;
	line-height: 1.5;
	color: #4a4a4a;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__zaehler[hidden] {
	display: none;
}

@media (min-width: 1025px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--selbstcheck.mtr-stellen-abschnitt__liste--zwei {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* --- Knopf "Weitere anzeigen" ------------------------------------------- */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__mehr {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0 0;
	min-height: 48px;
	padding: 0 26px;
	background: transparent;
	border: 2px solid var(--mtr-ink);
	border-radius: var(--mtr-rad);
	color: var(--mtr-ink);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	cursor: pointer;
	transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__mehr[hidden],
.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__punkt--mehr[hidden] {
	display: none;
}

@media (hover: hover) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__mehr:hover {
		background: var(--mtr-red);
		border-color: var(--mtr-red);
		color: #fff;
	}

	.mtr-sec--surf .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__mehr:hover {
		background: var(--mtr-red-dunkel, #C11C29);
		border-color: var(--mtr-red-dunkel, #C11C29);
	}
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__mehr:focus-visible {
	outline: 3px solid var(--mtr-red);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__mehr {
		transition: none;
	}
}

/* --- Graue Fläche ------------------------------------------------------- */

.mtr-sec--surf .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li > svg {
	color: var(--mtr-red-dunkel, #C11C29);
}

/* --- Dunkle Fläche ------------------------------------------------------ */

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li {
	background: rgba(255, 255, 255, .05);
	border-color: rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .82);
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__zahl {
	color: #fff;
	opacity: .35;
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li b + .mtr-stellen-abschnitt__text {
	color: rgba(255, 255, 255, .72);
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__hinweis {
	color: #fff;
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__zaehler {
	color: rgba(255, 255, 255, .72);
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__kaestchen {
	background-color: transparent;
	border-color: rgba(255, 255, 255, .7);
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__mehr {
	border-color: rgba(255, 255, 255, .8);
	color: #fff;
}

/* --- Tablet und Handy --------------------------------------------------- */

@media (max-width: 767px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten {
		gap: 12px;
		margin-top: 14px;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: repeat(2, auto);
		column-gap: 12px;
		align-items: start;
		padding: 18px;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li > svg,
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li > .mtr-stellen-abschnitt__zahl {
		grid-column: 1;
		grid-row: 1 / -1;
		margin: 0;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li > .mtr-stellen-abschnitt__zahl {
		font-size: 1.75rem;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li > b,
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li > .mtr-stellen-abschnitt__text {
		grid-column: 2;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--raster,
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--selbstcheck {
		margin-top: 14px;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__mehr {
		width: 100%;
		min-height: 46px;
		padding: 0 16px;
	}
}

/* --- Netz für den Elementor-Editor -------------------------------------- */

html.elementor-html body.elementor-editor-active .mtr-stellen-abschnitt__punkt--mehr[hidden] {
	display: block;
}

html.elementor-html body.elementor-editor-active .mtr-stellen-abschnitt__mehr[hidden] {
	display: inline-flex;
}

html.elementor-html body.elementor-editor-active .mtr-stellen-abschnitt__zaehler[hidden] {
	display: block;
}

html.elementor-html body.elementor-editor-active .mtr-stellen-abschnitt__zaehler[hidden]::before {
	content: "0 von 8 abgehakt.";
}

html.elementor-html body.elementor-editor-active .mtr-stellen-abschnitt--leer {
	display: block;
	min-height: 20px;
}

/* ==========================================================================
   1.7.0: Karten heben sich beim Zeigen wie die Karten der Startseite, dazu die
   Zusatz-Karten des Moduls und die zweite Zeile unter dem Zähler.
   ========================================================================== */

/* --- Karten beim Zeigen -------------------------------------------------- */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li {
	transition: border-color 250ms ease, box-shadow 250ms ease, transform 250ms ease;
}

@media (hover: hover) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li:hover {
		border-color: var(--mtr-red);
		box-shadow: 0 14px 34px rgba(32, 32, 32, .09);
		transform: translateY(-2px);
	}

	/* Auf grauer Fläche das dunklere Rot, sonst steht eine zu helle Linie auf dem Grau. */
	.mtr-sec--surf .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li:hover {
		border-color: var(--mtr-red-dunkel, #C11C29);
	}

	.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li:hover {
		border-color: var(--mtr-red-hell, #FF6B75);
		box-shadow: 0 14px 34px rgba(0, 0, 0, .35);
	}
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li {
		transition: border-color 250ms ease, box-shadow 250ms ease;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li:hover {
		transform: none;
	}
}

/* --- Zusatz-Karten des Moduls -------------------------------------------- */
/* Sie stehen im selben Raster wie die Punkte der Stelle und sehen aus wie eine
   Karte mit Symbol: Symbol oben links, fetter Titel, Erklärzeile darunter. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__zusatz > b {
	display: block;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.4;
}

/* --- Zweite Zeile unter dem Zähler --------------------------------------- */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__auswahl-hinweis {
	margin: 4px 0 0;
	font-size: .9375rem;
	line-height: 1.5;
	color: var(--mtr-ink);
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__auswahl-hinweis[hidden] {
	display: none;
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__auswahl-hinweis {
	color: #fff;
}

/* --- Netz für den Elementor-Editor --------------------------------------- */

html.elementor-html body.elementor-editor-active .mtr-stellen-abschnitt__auswahl-hinweis[hidden] {
	display: block;
}

/* ==========================================================================
   1.9.0: Bildkarten im Kartenraster. Eine Karte mit Bild zeigt das Foto oben
   über die ganze Kartenbreite (Verhältnis 3 zu 2, wie die Bildkarten der
   Übersichtsseite), darunter Titel und Text mit eigenem Innenpolster. Kein
   Symbol. Rahmen, Rundung und das Heben beim Zeigen kommen von der Karte.
   ========================================================================== */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li.mtr-stellen-abschnitt__karte--bild {
	display: flex;
	flex-direction: column;
	padding: 0;
	overflow: hidden;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__karte--bild .mtr-stellen-abschnitt__bild {
	margin: 0;
	padding: 0;
	width: 100%;
	flex: none;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__karte--bild .mtr-stellen-abschnitt__bild img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__karte--bild .mtr-stellen-abschnitt__inhalt {
	display: block;
	padding: 20px 22px 24px;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li.mtr-stellen-abschnitt__karte--bild b {
	display: block;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.3;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li.mtr-stellen-abschnitt__karte--bild .mtr-stellen-abschnitt__text {
	display: block;
	margin-top: 6px;
	font-size: .9375rem;
	line-height: 1.6;
	color: #4a4a4a;
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li.mtr-stellen-abschnitt__karte--bild .mtr-stellen-abschnitt__text {
	color: rgba(255, 255, 255, .72);
}

/* Auf dem Handy bleibt die Bildkarte gestapelt (Foto oben, Text darunter); das
   zweispaltige Raster der übrigen Karten gilt für sie nicht. */

@media (max-width: 767px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li.mtr-stellen-abschnitt__karte--bild {
		display: flex;
		grid-template-columns: none;
		padding: 0;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__karte--bild .mtr-stellen-abschnitt__inhalt {
		padding: 16px 18px 20px;
	}
}

/* --- Karten mit der Zahl in der Zeile (kompakt) -------------------------
   Die Zahl steht links neben dem Text statt darüber; die Karte wird dadurch
   deutlich flacher (Wunsch des Kunden, 21.09.2026). */

/* Seit 05.10.2026: Die Karten einer Reihe bleiben gleich hoch, der Text
   steht senkrecht mittig. Die Ziffer steht in jeder Karte an derselben
   Stelle: oben links an der oberen Innenkante der Karte (align-self: start).
   Dafür hat die Karte vier Zeilen. Die beiden äußeren Zeilen (1fr) teilen
   den freien Platz über und unter dem Text gleich auf, Stichwort und Text
   stehen in den beiden mittleren, die Ziffer reicht über alle vier. Füllt
   der Text die Karte, steht die Ziffer auf der Höhe seiner ersten Zeile. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten.mtr-stellen-abschnitt__liste--zahl-zeile li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: 1fr auto auto 1fr;
	column-gap: 14px;
	align-items: start;
	padding: 16px 20px;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zahl-zeile li > .mtr-stellen-abschnitt__zahl {
	grid-column: 1;
	grid-row: 1 / -1;
	align-self: start;
	min-width: 1.25em;
	margin: 0;
	font-size: 2.125rem;
	font-weight: 400;
	line-height: 1;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zahl-zeile li > b {
	grid-column: 2;
	grid-row: 2;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zahl-zeile li > .mtr-stellen-abschnitt__text {
	grid-column: 2;
	grid-row: 3;
}

@media (max-width: 767px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten.mtr-stellen-abschnitt__liste--zahl-zeile li {
		column-gap: 12px;
		padding: 14px 16px;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zahl-zeile li > .mtr-stellen-abschnitt__zahl {
		font-size: 1.75rem;
		line-height: 1;
	}
}

/* ==========================================================================
   2.1.3: Bildkarten in einer eigenen Reihe über den Karten mit Symbol.
   Das Modul gibt sie als eigene Liste aus (liste--bilder), damit in einer
   Reihe nie eine Bildkarte neben einer Karte mit Symbol steht, die sonst auf
   die Höhe der Bildkarte gestreckt würde. Ab 768 Pixel stehen die Bildkarten
   nebeneinander (zwei oder drei Spalten, je nach Anzahl), darunter
   untereinander. Abstände wie im übrigen Kartenraster.
   ========================================================================== */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder + .mtr-stellen-abschnitt__liste {
	margin-top: 16px;
}

@media (min-width: 768px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder.mtr-stellen-abschnitt__liste--bilder-zwei {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder.mtr-stellen-abschnitt__liste--bilder-drei {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder + .mtr-stellen-abschnitt__liste {
		margin-top: 12px;
	}
}

/* ==========================================================================
   2.1.11: Volle Reihen im Kartenraster.
   Die Zahl der Punkte kommt aus der Stelle und ist beliebig. Damit nie eine
   einzelne Karte neben leerem Platz steht, verteilen sich die letzten Karten
   einer Liste auf die ganze Breite. Der Aufbau im Inneren der Karte bleibt
   dabei unverändert (Zahl oder Symbol und Text links).
   Zwei Karten je Reihe: eine übrige Karte nimmt die ganze Breite.
   Drei Karten je Reihe: das Raster hat sechs Spuren, jede Karte belegt zwei.
   Bleiben zwei Karten übrig, teilen sie sich die Reihe. Bleibt eine übrig,
   stehen die letzten vier zu zweit, damit keine Karte über die volle Breite
   gestreckt wird. Genau drei Karten stehen auch auf dem Tablet nebeneinander.
   ========================================================================== */

@media (min-width: 768px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zwei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster):has(> li:first-child:nth-last-child(3)) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li:first-child:nth-last-child(3) ~ li:last-child {
		grid-column: auto;
	}
}

@media (min-width: 1025px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li {
		grid-column: span 2;
	}

	/* Zwei übrig: beide halb. */
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li:nth-last-child(2):nth-child(3n+1),
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li:last-child:nth-child(3n+2) {
		grid-column: span 3;
	}

	/* Eine übrig: die letzten vier zu zweit. */
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li:nth-last-child(4):nth-child(3n+1),
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li:nth-last-child(4):nth-child(3n+1) ~ li {
		grid-column: span 3;
	}

	/* Nur eine Karte: ganze Breite. */
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster) > li:only-child {
		grid-column: 1 / -1;
	}
}

/* 2.1.11: Nach einer Aufzählung beginnt ein Absatz oder eine
   Zwischenüberschrift mit Abstand, sonst klebt er am Kartenraster.
   Zwischenüberschriften im Text der Stelle (eigene Überschrift oder ein
   Absatz, der mit einer fetten Zeile beginnt, etwa "Deine Career Journey")
   stehen in 1 rem und halbfett wie die übrigen Titel der Seite. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt > :is(ul, ol, .mtr-stellen-abschnitt__mehr) + :is(p, h3, h4) {
	margin-top: 24px;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt h3,
.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt h4,
.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt > p > strong:first-child:has(> br:last-child) {
	font-size: 1rem;
	font-weight: 600;
	color: var(--mtr-ink);
}

.mtr-sec--dark .elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt > p > strong:first-child:has(> br:last-child) {
	color: #fff;
}

/* ==========================================================================
   2.1.36: Robust gegen jede Datenlage aus Personio (Härtetest Runde 15).
   Die Zahl der Punkte, die Länge der Wörter und die Bausteine im Text kommen
   aus der Stelle und sind beliebig. Für die heutigen Stellen ändert sich
   nur, was vorher ein Loch oder eine gestreckte Einzelkarte ergab.
   ========================================================================== */

/* Verborgene Punkte hinter "Weitere anzeigen" bleiben verborgen, auch in den
   Kartenformen, die ihren Punkten selbst eine Anzeigeart geben (Zahl in der
   Zeile, Handy-Raster). Vorher standen dort trotz Knopf alle Punkte sichtbar. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li.mtr-stellen-abschnitt__punkt--mehr[hidden] {
	display: none;
}

/* Lange Wörter, Adressen und Verweise brechen um, statt über die Karte oder
   den Rand hinauszulaufen. Das greift nur, wenn ein Wort nicht in die Zeile passt. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt {
	overflow-wrap: anywhere;
}

/* Zwei Karten je Reihe mit ungerader Zahl: ab 1025 Pixeln stehen die letzten
   drei Karten zu dritt in einer Reihe, statt dass die letzte allein über die
   ganze Breite läuft. Das Raster hat dafür sechs Spuren. Auf dem Tablet bleibt
   die letzte Karte breit, drei Karten wären dort zu schmal für den Text. */

@media (min-width: 1025px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zwei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster):has(> li:nth-child(3)):has(> li:last-child:nth-child(odd)):not(:has(> li[hidden])) {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zwei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster):has(> li:nth-child(3)):has(> li:last-child:nth-child(odd)):not(:has(> li[hidden])) > li {
		grid-column: span 3;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--zwei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster):has(> li:nth-child(3)):has(> li:last-child:nth-child(odd)):not(:has(> li[hidden])) > li:nth-last-child(-n+3) {
		grid-column: span 2;
	}

	/* Die schlichte Liste bekommt bei vielen Punkten dieselben zwei Spalten wie
	   ab sechs Punkten, statt auf eine Spalte zurückzufallen. */
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:not(.mtr-stellen-abschnitt__liste--karten):not(.mtr-stellen-abschnitt__liste--raster):not(.mtr-stellen-abschnitt__liste--selbstcheck) {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 22px;
	}

	/* Solange "Weitere anzeigen" Karten verbirgt, zählen die Regeln für die
	   letzte Reihe die verborgenen Karten mit. Bei drei Spalten stehen die
	   sichtbaren Karten dann in vollen Reihen (sichtbar bleiben so viele, wie
	   "mehr_ab" minus eins angibt, in der Vorlage zwölf); erst nach dem
	   Aufklappen greift die Verteilung. Die Regel oben für zwei Spalten wartet
	   aus demselben Grund, bis nichts mehr verborgen ist. */
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--drei:is(.mtr-stellen-abschnitt__liste--karten, .mtr-stellen-abschnitt__liste--raster):has(> li[hidden]) > li:nth-child(n) {
		grid-column: span 2;
	}

}

/* Bildkarten: eine einzelne Bildkarte steht ab 768 Pixeln quer (Foto links,
   Text rechts), statt ein Foto über die ganze Breite aufzuziehen. Ab fünf
   Bildkarten verteilen sich die letzten wie im übrigen Raster, ohne Loch. */

@media (min-width: 768px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder-eins > li.mtr-stellen-abschnitt__karte--bild {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		align-items: center;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder-eins .mtr-stellen-abschnitt__inhalt {
		padding: 24px 32px;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder.mtr-stellen-abschnitt__liste--bilder-drei:has(> li:nth-child(4)) {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder-drei:has(> li:nth-child(4)) > li {
		grid-column: span 2;
	}

	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder-drei:has(> li:nth-child(4)) > li:nth-last-child(2):nth-child(3n+1),
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder-drei:has(> li:nth-child(4)) > li:last-child:nth-child(3n+2),
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder-drei:has(> li:nth-child(4)) > li:nth-last-child(4):nth-child(3n+1),
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--bilder-drei:has(> li:nth-child(4)) > li:nth-last-child(4):nth-child(3n+1) ~ li {
		grid-column: span 3;
	}
}

/* Unterlisten in einem Punkt: schlichte Aufzählung im Text der Karte, keine
   eigene Karte, kein Rahmen, keine Trennlinie. */

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li :is(ul, ol) {
	display: block;
	margin: 6px 0 0;
	padding: 0 0 0 1.15em;
	list-style: disc;
}

.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste li li,
.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li li,
.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt__liste--karten li li:hover {
	display: list-item;
	position: static;
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	transform: none;
	font-size: inherit;
	line-height: inherit;
}

/* Sehr schmale Handys: Silbentrennung, damit lange Wörter nicht mitten im
   Wort ohne Trennstrich umbrechen (lange deutsche Zusammensetzungen). */

@media (max-width: 374px) {
	.elementor-widget-mtr-stellen-abschnitt .mtr-stellen-abschnitt {
		-webkit-hyphens: auto;
		hyphens: auto;
	}
}