/*
 * DocJob24 – Arbeitgeberverzeichnis (/employers/).
 * Lädt nur auf dieser Seite (inc/employers-page.php, Körperklasse „dj-employers-page“).
 *
 * Designsprache wie /bewerberprofil/ (Seitenkopf auf Sand, H1 mit Serifen-Akzent, Augenbraue mit Linie),
 * Suchleiste wie auf der Startseite, Karten und Abstände wie in der Produktseite /fuer-arbeitgeber/:
 * Navy #162136 · Textgrün #0E7355 · Grün #14A077 · Dunkelgrün #1F4B3F · Sand #F7F4EE · Hellgrün #EEF4F1 ·
 * Inter mit Serifen-Akzent · Karten 14 px · Felder 8–12 px · Schaltflächen 4 px (Suche 8 px wie Startseite).
 *
 * Aufbau: 1 Farben/Symbole · 2 Seitenkopf · 3 Suche · 4 Bild und „Neu im Verzeichnis“ · 5 Verzeichnis (Fläche,
 * Überschrift, Einrichtungsarten, aktive Filter, keine Treffer) · 6 Ergebnisleiste und Auswahllisten ·
 * 7 Arbeitgeberkarten · 8 Seitennavigation und Fokus · 9 Abschnitt „Für Arbeitgeber“ · 10 Tablet/Mobil ·
 * 11 Bewegung reduzieren. Archive der Einrichtungsarten und Bundesländer (Körperklasse „dj-employers-archive“):
 * gleiche Gestaltung, Seitenkopf ohne Bild (9b).
 * Daten, Adressen, Sortierung, Seitennavigation und „Folgen“ bleiben die des Themes und Plugins.
 */

/* 1 · Farben und Symbole ---------------------------------------------------------------- */

body.dj-employers-page {
	--dje-ink: #162136;
	--dje-text: #1B2537;
	--dje-body: #4A5468;
	--dje-mute: #5A6478;
	--dje-ph: #6C757D;
	--dje-g: #14A077;
	--dje-gd: #0E7355;
	--dje-gd-h: #0B5E46;
	--dje-gl: #E6F5EF;
	--dje-dg: #1F4B3F;
	--dje-dg-h: #183B32;
	--dje-mint: #8FE0C6;
	--dje-sand: #F7F4EE;
	--dje-sand-line: #E6E0D5;
	--dje-tint: #EEF4F1;
	--dje-soft: #F2F4F6;
	--dje-line: #D5DDE5;
	--dje-line-h: #A9B4C5;
	--dje-hair: #E3E8EC;
	--dje-ring: 0 0 0 3px rgba(20, 160, 119, .18);
	--dje-pop: 0 18px 36px -18px rgba(22, 33, 54, .35);
	--dje-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--dje-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
	--dje-i-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	--dje-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E");
	--dje-i-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5l-7.1-7a4.9 4.9 0 0 1 0-6.9 4.8 4.8 0 0 1 6.9 0l.2.2.2-.2a4.8 4.8 0 0 1 6.9 0 4.9 4.9 0 0 1 0 6.9z'/%3E%3C/svg%3E");
	--dje-i-heart-f: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5l-7.1-7a4.9 4.9 0 0 1 0-6.9 4.8 4.8 0 0 1 6.9 0l.2.2.2-.2a4.8 4.8 0 0 1 6.9 0 4.9 4.9 0 0 1 0 6.9z'/%3E%3C/svg%3E");
	--dje-i-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--dje-i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");
	--dje-i-search-gd: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7355' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E");
	--dje-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E");
	--dje-i-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M13.2 2.5L4.8 13.3h6l-1 8.2 8.4-10.8h-6z'/%3E%3C/svg%3E");
	--dje-i-check-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11.25' fill='%23E6F5EF' stroke='%2314A077' stroke-opacity='.3' stroke-width='1.5'/%3E%3Cpath d='M7.6 12.4l3 3 5.8-6.4' fill='none' stroke='%230E7355' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.dj-employers-page .dje-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 2 · Seitenkopf: Sandgrund, Text links, Bild rechts ------------------------------------- */

body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: var(--dje-sand) !important;
	background-image: none !important;
	color: var(--dje-ink);
	font-family: var(--dje-font);
}

body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads,
body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads-inner,
body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .breadscrumb-inner {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	text-align: left !important;
}

body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads {
	padding: 64px 0 72px !important;
}

body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads-inner {
	display: block !important;
	position: relative;
}

@media (min-width: 992px) {
	/* Zwei Spalten; die leeren Zeilen oben und unten (1fr) zentrieren den Text neben dem Bild. */
	body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads-inner {
		display: grid !important;
		grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
		grid-template-rows: 1fr auto auto auto auto auto 1fr;
		column-gap: clamp(48px, 5vw, 88px);
		align-items: start;
	}

	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-eyebrow { grid-column: 1; grid-row: 2; }
	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-title { grid-column: 1; grid-row: 3; }
	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-lead { grid-column: 1; grid-row: 4; }
	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dje-search { grid-column: 1; grid-row: 5; }
	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-link { grid-column: 1; grid-row: 6; }
	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dje-hero-media { grid-column: 2; grid-row: 1 / -1; align-self: center; }
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-eyebrow {
	margin: 0 0 18px;
	padding: 0 0 0 32px;
	background: linear-gradient(currentColor, currentColor) left center / 22px 2px no-repeat;
	color: var(--dje-gd);
	font: 600 12.5px/1.3 var(--dje-font);
	letter-spacing: .128em;
	text-transform: uppercase;
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-title {
	margin: 0;
	padding: 0;
	color: var(--dje-ink);
	font: 700 clamp(34px, 1.5vw + 20px, 54px)/1.06 var(--dje-font);
	letter-spacing: -.03em;
	text-transform: none;
	text-wrap: balance;
	overflow-wrap: break-word;
	hyphens: manual;
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-accent {
	display: block;
	margin-top: .04em;
	color: var(--dje-gd);
	font-family: var(--dje-serif);
	font-style: italic;
	font-weight: 500;
	letter-spacing: -.012em;
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-lead {
	max-width: 58ch;
	margin: 22px 0 0;
	padding: 0;
	color: var(--dje-body);
	font: 400 18px/1.6 var(--dje-font);
}

/* Weg für Arbeitgeber: Textlink mit Pfeil nach unten zum Abschnitt „Für Arbeitgeber“ */
body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-link {
	margin: 6px 0 0;
	padding: 0;
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-link a {
	display: inline-block;
	padding: 12px 0;
	color: var(--dje-ink);
	font: 600 15px/20px var(--dje-font);
	text-decoration: none;
	transition: color .2s ease;
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-link a::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 16px;
	margin-left: 8px;
	vertical-align: -3px;
	background: currentColor;
	-webkit-mask: var(--dje-i-arrow) center / contain no-repeat;
	mask: var(--dje-i-arrow) center / contain no-repeat;
	transform: rotate(90deg);
	transition: transform .25s ease;
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-link a:hover {
	color: var(--dje-gd);
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-link a:hover::after {
	transform: rotate(90deg) translateX(3px);
}

/* Brotkrumen: für Screenreader vorhanden, bei Tastaturfokus sichtbar */
body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .breadscrumb-inner {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .breadscrumb-inner:focus-within {
	position: static !important;
	grid-column: 1;
	grid-row: 7;
	width: auto !important;
	height: auto !important;
	margin: 14px 0 0 !important;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--dje-mute);
	font: 500 14px/1.4 var(--dje-font);
	list-style: none;
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .breadcrumb a,
body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .breadcrumb .active {
	color: var(--dje-mute);
}

body.dj-employers-page #apus-breadscrumb.dj-jobs-hero a:focus-visible {
	outline: 3px solid var(--dje-g) !important;
	outline-offset: 2px;
	border-radius: 2px;
}

/* 3 · Suche (wie die Suchleiste der Startseite, auf Sandgrund mit feiner Kante) ------------- */

body.dj-employers-page .dje-search {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
	align-items: stretch;
	max-width: 760px;
	margin: 32px 0 0;
	padding: 6px;
	border: 1px solid var(--dje-sand-line);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(22, 33, 54, .04), 0 22px 44px -28px rgba(22, 33, 54, .32);
}

body.dj-employers-page .dje-search__field {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	min-height: 62px;
	margin: 0;
	padding: 8px 12px 8px 44px;
	border-radius: 8px;
	transition: background-color .15s ease, box-shadow .15s ease;
}

body.dj-employers-page .dje-search__field + .dje-search__field::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	bottom: 12px;
	width: 1px;
	background: var(--dje-hair);
}

body.dj-employers-page .dje-search__field::after {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	width: 20px;
	height: 20px;
	background: var(--dje-gd);
	-webkit-mask: var(--dje-i-search) center / 20px no-repeat;
	mask: var(--dje-i-search) center / 20px no-repeat;
	transform: translateY(-50%);
	pointer-events: none;
}

body.dj-employers-page .dje-search__field--loc::after {
	-webkit-mask-image: var(--dje-i-pin);
	mask-image: var(--dje-i-pin);
}

body.dj-employers-page .dje-search__field:hover {
	background: #F7F9FA;
}

body.dj-employers-page .dje-search__field:focus-within {
	background: #F7F9FA;
	box-shadow: inset 0 0 0 2px var(--dje-g);
}

body.dj-employers-page .dje-search__label {
	display: block;
	margin: 0 0 3px;
	padding: 0;
	color: var(--dje-mute);
	font: 600 11.5px/1.2 var(--dje-font);
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
}

body.dj-employers-page .dje-search__input,
body.dj-employers-page .dje-search__select {
	display: block;
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background-color: transparent !important;
	box-shadow: none !important;
	color: var(--dje-ink);
	font: 400 16px/26px var(--dje-font);
	outline: 0 !important;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	appearance: none;
}

body.dj-employers-page .dje-search__input::placeholder {
	color: var(--dje-ph);
	opacity: 1;
}

body.dj-employers-page .dje-search__input::-webkit-search-decoration {
	-webkit-appearance: none;
}

body.dj-employers-page .dje-search__select {
	padding-right: 4px;
	cursor: pointer;
}

body.dj-employers-page .dje-search__field--loc {
	padding-right: 34px;
}

/* Pfeil der Auswahlliste */
body.dj-employers-page .dje-search__field--loc .dje-search__label::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 50%;
	width: 12px;
	height: 12px;
	background: var(--dje-mute);
	-webkit-mask: var(--dje-i-chev) center / 12px no-repeat;
	mask: var(--dje-i-chev) center / 12px no-repeat;
	transform: translateY(-50%);
	pointer-events: none;
}

body.dj-employers-page .dje-search__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 56px;
	margin: 0 0 0 6px;
	padding: 0 22px;
	border: 0;
	border-radius: 8px;
	background: var(--dje-gd);
	box-shadow: none;
	color: #fff;
	font: 700 16px/1 var(--dje-font);
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s ease;
}

body.dj-employers-page .dje-search__btn:hover {
	background: var(--dje-gd-h);
}

body.dj-employers-page .dje-search__btn:focus-visible {
	outline: 3px solid var(--dje-ink);
	outline-offset: 2px;
}

/* 4 · Bild des Verzeichnisses und „Neu im Verzeichnis“ ----------------------------------- */

body.dj-employers-page .dje-hero-media {
	position: relative;
	margin: 0;
}

body.dj-employers-page .dje-hero-media__pic {
	display: block;
	margin: 0;
}

body.dj-employers-page .dje-hero-media__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 6 / 5;
	object-fit: cover;
	border-radius: 14px;
	background: #E9E4DA;
}

body.dj-employers-page .dje-new {
	position: absolute;
	left: -40px;
	bottom: -28px;
	z-index: 2;
	width: min(310px, 72%);
	margin: 0;
	padding: 16px 16px 10px;
	border: 1px solid var(--dje-hair);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 28px 56px -28px rgba(22, 33, 54, .4), 0 2px 6px rgba(22, 33, 54, .05);
}

body.dj-employers-page .dje-hero-media--no-image .dje-new {
	position: static;
	width: 100%;
}

body.dj-employers-page .dje-new__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 6px;
	color: var(--dje-gd);
	font: 600 11.5px/1.3 var(--dje-font);
	letter-spacing: .1em;
	text-transform: uppercase;
}

body.dj-employers-page .dje-new__title::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--dje-g);
	box-shadow: 0 0 0 3px rgba(20, 160, 119, .16);
}

body.dj-employers-page .dje-new__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.dj-employers-page .dje-new__list li {
	margin: 0;
	padding: 0;
}

body.dj-employers-page .dje-new__list li + li {
	border-top: 1px solid var(--dje-hair);
}

body.dj-employers-page .dje-new__item {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 -8px;
	padding: 9px 8px;
	border-radius: 8px;
	color: var(--dje-ink);
	text-decoration: none;
	transition: background-color .15s ease;
}

body.dj-employers-page .dje-new__item:hover {
	background: var(--dje-soft);
	color: var(--dje-ink);
	text-decoration: none;
}

body.dj-employers-page .dje-new__item:focus-visible {
	outline: 3px solid var(--dje-g);
	outline-offset: 0;
}

body.dj-employers-page .dje-new__text {
	display: block;
	min-width: 0;
}

body.dj-employers-page .dje-new__name,
body.dj-employers-page .dje-new__meta {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.dj-employers-page .dje-new__name {
	color: var(--dje-ink);
	font: 600 14.5px/1.3 var(--dje-font);
}

body.dj-employers-page .dje-new__meta {
	margin-top: 1px;
	color: var(--dje-mute);
	font: 400 12.5px/1.35 var(--dje-font);
}

/* Logo bzw. Initialen (Karten und „Neu im Verzeichnis“) */
body.dj-employers-page .dje-logo {
	flex: none;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	padding: 8px;
	overflow: hidden;
	border: 1px solid var(--dje-hair);
	border-radius: 12px;
	background: #fff;
	color: var(--dje-gd);
	font: 700 17px/1 var(--dje-font);
	letter-spacing: .02em;
}

body.dj-employers-page .dje-logo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	border-radius: 0;
	object-fit: contain;
}

body.dj-employers-page .dje-logo--initials {
	border-color: transparent;
	background: var(--dje-tint);
}

body.dj-employers-page .dje-new__logo {
	width: 38px;
	height: 38px;
	padding: 5px;
	border-radius: 9px;
	font-size: 12.5px;
}

/* 5 · Verzeichnis: Fläche, Überschrift, Einrichtungsarten, aktive Filter -------------------- */

body.dj-employers-page #main-container.page-job-board {
	padding-bottom: 96px;
	background: #fff;
	color: var(--dje-text);
	font-family: var(--dje-font);
}

body.dj-employers-page .page-job-board .layout-job-sidebar-v2 {
	padding-top: 56px !important;
	padding-bottom: 0 !important;
}

body.dj-employers-page .layout-job-sidebar-v2 > .row {
	margin-left: 0;
	margin-right: 0;
}

body.dj-employers-page .layout-job-sidebar-v2 > .row > #main-content {
	flex: 0 0 100%;
	max-width: 100%;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}

body.dj-employers-page .page-job-board .mobile-sidebar-btn,
body.dj-employers-page .page-job-board .mobile-sidebar-panel-overlay {
	display: none !important;
}

body.dj-employers-page .dje-head {
	margin: 0;
	scroll-margin-top: 96px;
}

body.dj-employers-page .dje-head__title {
	margin: 0;
	padding: 0;
	color: var(--dje-ink);
	font: 700 clamp(24px, .6vw + 18px, 30px)/1.2 var(--dje-font);
	letter-spacing: -.02em;
	text-transform: none;
}

body.dj-employers-page .dje-types {
	margin: 20px 0 0;
}

body.dj-employers-page .dje-types__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.dj-employers-page .dje-types__list li {
	flex: none;
	margin: 0;
	padding: 0;
}

body.dj-employers-page .dje-type {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 12px 0 15px;
	border: 1px solid var(--dje-line);
	border-radius: 999px;
	background: #fff;
	color: var(--dje-ink);
	font: 500 14.5px/1.2 var(--dje-font);
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

body.dj-employers-page .dje-type:not(:has(.dje-type__n)) {
	padding-right: 15px;
}

body.dj-employers-page .dje-type:hover {
	border-color: var(--dje-ink);
	color: var(--dje-ink);
	text-decoration: none;
}

body.dj-employers-page .dje-type__n {
	display: inline-grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--dje-soft);
	color: var(--dje-mute);
	font: 600 12px/1 var(--dje-font);
	font-variant-numeric: tabular-nums;
}

body.dj-employers-page .dje-type.is-active {
	border-color: var(--dje-ink);
	background: var(--dje-ink);
	color: #fff;
}

body.dj-employers-page .dje-type.is-active .dje-type__n {
	background: rgba(255, 255, 255, .16);
	color: #fff;
}

body.dj-employers-page .dje-type:focus-visible,
body.dj-employers-page .dje-chip:focus-visible,
body.dj-employers-page .dje-active__reset:focus-visible,
body.dj-employers-page .dje-empty__btn:focus-visible {
	outline: 3px solid var(--dje-g) !important;
	outline-offset: 2px;
}

body.dj-employers-page .dje-active {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin: 18px 0 0;
}

body.dj-employers-page .dje-active__label {
	color: var(--dje-mute);
	font: 500 14px/1.3 var(--dje-font);
}

body.dj-employers-page .dje-active__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.dj-employers-page .dje-active__list li {
	margin: 0;
	padding: 0;
}

body.dj-employers-page .dje-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	min-height: 32px;
	padding: 5px 10px 5px 12px;
	border-radius: 999px;
	background: var(--dje-gl);
	color: var(--dje-gd);
	font: 600 13.5px/1.25 var(--dje-font);
	text-decoration: none;
	overflow-wrap: anywhere;
	transition: background-color .15s ease, color .15s ease;
}

body.dj-employers-page .dje-chip::after {
	content: "";
	flex: none;
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: var(--dje-i-x) center / 14px no-repeat;
	mask: var(--dje-i-x) center / 14px no-repeat;
}

body.dj-employers-page .dje-chip:hover {
	background: #D6EEE4;
	color: var(--dje-ink);
	text-decoration: none;
}

body.dj-employers-page .dje-active__reset {
	color: var(--dje-ink);
	font: 600 14px/1.3 var(--dje-font);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	white-space: nowrap;
}

body.dj-employers-page .dje-active__reset:hover {
	color: var(--dje-gd);
}

/* Keine Treffer (statt „No employer found.“ des Themes) */
body.dj-employers-page .page-job-board .not-found {
	display: none !important;
}

body.dj-employers-page .dje-empty {
	margin: 24px 0 0;
	padding: 44px 24px 48px;
	border: 1px solid var(--dje-hair);
	border-radius: 14px;
	background: #fff;
	text-align: center;
}

body.dj-employers-page .dje-empty::before {
	content: "";
	display: block;
	width: 52px;
	height: 52px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background: var(--dje-gl) var(--dje-i-search-gd) center / 24px no-repeat;
}

body.dj-employers-page .dje-empty__title {
	margin: 0;
	color: var(--dje-ink);
	font: 700 18px/1.35 var(--dje-font);
}

body.dj-employers-page .dje-empty__text {
	max-width: 52ch;
	margin: 8px auto 0;
	color: var(--dje-mute);
	font: 400 15.5px/1.55 var(--dje-font);
}

body.dj-employers-page a.dje-empty__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin: 20px 0 0;
	padding: 0 22px;
	border: 1px solid var(--dje-ink);
	border-radius: 4px;
	background: #fff;
	color: var(--dje-ink);
	font: 600 15px/1.2 var(--dje-font);
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}

body.dj-employers-page a.dje-empty__btn:hover {
	background: var(--dje-ink);
	color: #fff;
}

/* Ohne Treffer keine Ergebnisleiste (Anzahl und Sortierung) */
body.dj-employers-page .dje-head:has(.dje-empty) ~ .jobs-alert-ordering-wrapper {
	display: none;
}

/* 6 · Ergebnisleiste (Anzahl, Sortierung, Anzahl je Seite) und Auswahllisten --------------- */

body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin: 24px 0 20px;
	padding: 18px 0 0;
	border-top: 1px solid var(--dje-hair);
}

body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .results-count {
	margin: 0 auto 0 0;
	color: var(--dje-mute);
	font: 500 14.5px/1.4 var(--dje-font);
}

body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .results-count span {
	color: inherit;
	font-weight: inherit;
}

body.dj-employers-page .page-job-board .jobs-ordering-wrapper,
body.dj-employers-page .page-job-board .form-jobtex-ppp {
	float: none;
	min-width: 0;
	margin: 0 !important;
}

body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .select2-container {
	min-width: 160px;
}

body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .select2-container .select2-selection--single {
	height: 42px !important;
	border: 1px solid var(--dje-line) !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	transition: border-color .15s ease, box-shadow .15s ease;
}

body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .select2-container .select2-selection--single:hover {
	border-color: var(--dje-line-h) !important;
}

body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .select2-container.select2-container--focus .select2-selection--single,
body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .select2-container.select2-container--open .select2-selection--single {
	border-color: var(--dje-g) !important;
	box-shadow: var(--dje-ring) !important;
}

body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .select2-selection__rendered {
	padding: 0 34px 0 12px !important;
	color: var(--dje-ink) !important;
	font: 500 14px/40px var(--dje-font) !important;
	line-height: 40px !important;
}

body.dj-employers-page .select2-container .select2-selection--single .select2-selection__arrow {
	top: 0 !important;
	right: 10px !important;
	width: 20px !important;
	height: 100% !important;
}

body.dj-employers-page .select2-container .select2-selection--single .select2-selection__arrow b {
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 !important;
	border: 0 !important;
	background: var(--dje-mute);
	-webkit-mask: var(--dje-i-chev) center / 12px no-repeat;
	mask: var(--dje-i-chev) center / 12px no-repeat;
	transform: translate(-50%, -50%);
	transition: transform .15s ease;
}

body.dj-employers-page .select2-container--open .select2-selection--single .select2-selection__arrow b {
	transform: translate(-50%, -50%) rotate(180deg);
}

body.dj-employers-page .select2-container--open .select2-dropdown {
	overflow: hidden;
	border: 1px solid var(--dje-line) !important;
	border-radius: 8px !important;
	background: #fff;
	box-shadow: var(--dje-pop);
	font-family: var(--dje-font);
}

body.dj-employers-page .select2-container--open .select2-dropdown--below {
	margin-top: 4px;
}

body.dj-employers-page .select2-container--open .select2-dropdown--above {
	margin-top: -4px;
}

body.dj-employers-page .select2-results > .select2-results__options {
	max-height: 288px !important;
	padding: 4px;
	overscroll-behavior: contain;
}

body.dj-employers-page .select2-results__option {
	margin: 0;
	padding: 9px 12px !important;
	border-radius: 6px;
	background: none;
	color: var(--dje-text) !important;
	font: 400 14.5px/1.35 var(--dje-font) !important;
	white-space: normal;
	overflow-wrap: anywhere;
}

body.dj-employers-page .select2-results__option--selected {
	color: var(--dje-gd) !important;
	font-weight: 600 !important;
}

body.dj-employers-page .select2-results__option--highlighted,
body.dj-employers-page .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: var(--dje-gl) !important;
	color: var(--dje-ink) !important;
}

/* Ladezustand beim Sortieren (Theme lädt die Liste nach) */
body.dj-employers-page .page-job-board .main-items-wrapper {
	transition: opacity .2s ease;
}

body.dj-employers-page .page-job-board .main-items-wrapper.loading {
	opacity: .55;
	pointer-events: none;
}

/* 7 · Arbeitgeberkarten ----------------------------------------------------------------- */

body.dj-employers-page .page-job-board .employers-wrapper.items-wrapper {
	container: dje-list / inline-size;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

body.dj-employers-page .page-job-board .employers-wrapper > .row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0 !important;
}

body.dj-employers-page .page-job-board .employers-wrapper > .row::before,
body.dj-employers-page .page-job-board .employers-wrapper > .row::after {
	display: none;
}

body.dj-employers-page .page-job-board .employers-wrapper > .row > [class*="col-"] {
	width: auto;
	max-width: none;
	flex: none;
	margin: 0;
	padding: 0 !important;
}

@container dje-list (max-width: 939.98px) {
	body.dj-employers-page .page-job-board .employers-wrapper > .row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}
}

@container dje-list (max-width: 579.98px) {
	body.dj-employers-page .page-job-board .employers-wrapper > .row {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}
}

body.dj-employers-page .page-job-board article.dje-card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
	padding: 24px 24px 20px;
	border: 1px solid var(--dje-hair);
	border-radius: 14px;
	background: #fff;
	box-shadow: none;
	color: var(--dje-text);
	text-align: left;
	transition: border-color .2s ease, box-shadow .2s ease;
}

body.dj-employers-page .page-job-board article.dje-card:hover {
	border-color: #CBD4DD;
	box-shadow: 0 1px 2px rgba(22, 33, 54, .04), 0 18px 36px -24px rgba(22, 33, 54, .28);
}

body.dj-employers-page .dje-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 18px;
}

body.dj-employers-page .dje-card__flag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 26px;
	padding: 0 10px 0 8px;
	border-radius: 999px;
	background: var(--dje-gl);
	color: var(--dje-gd);
	font: 600 12px/1 var(--dje-font);
	white-space: nowrap;
}

body.dj-employers-page .dje-card__flag::before {
	content: "";
	flex: none;
	width: 12px;
	height: 12px;
	background: currentColor;
	-webkit-mask: var(--dje-i-bolt) center / 12px no-repeat;
	mask: var(--dje-i-bolt) center / 12px no-repeat;
}

body.dj-employers-page .dje-card__body {
	margin: 0 0 20px;
}

body.dj-employers-page .dje-card__type {
	margin: 0 0 6px;
	color: var(--dje-gd);
	font: 600 13px/1.35 var(--dje-font);
}

body.dj-employers-page .page-job-board .dje-card__title {
	margin: 0;
	padding: 0;
	color: var(--dje-ink);
	font: 700 19px/1.3 var(--dje-font) !important;
	letter-spacing: -.012em;
	text-transform: none;
	overflow-wrap: anywhere;
}

body.dj-employers-page .page-job-board .dje-card__link {
	color: inherit;
	text-decoration: none;
}

/* Die ganze Karte öffnet das Profil; „Folgen“ liegt darüber */
body.dj-employers-page .page-job-board .dje-card__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: 14px;
}

body.dj-employers-page .page-job-board article.dje-card:hover .dje-card__link {
	color: var(--dje-ink);
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 3px;
}

body.dj-employers-page .dje-card__place {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin: 8px 0 0;
	color: var(--dje-mute);
	font: 400 14.5px/1.45 var(--dje-font);
}

body.dj-employers-page .dje-card__place::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	background: currentColor;
	-webkit-mask: var(--dje-i-pin) center / 16px no-repeat;
	mask: var(--dje-i-pin) center / 16px no-repeat;
}

body.dj-employers-page .dje-card__desc {
	display: -webkit-box;
	margin: 14px 0 0;
	overflow: hidden;
	color: var(--dje-body);
	font: 400 14.5px/1.55 var(--dje-font);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

body.dj-employers-page .dje-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--dje-hair);
}

body.dj-employers-page .dje-card__jobs {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--dje-ink);
	font: 600 15px/1.2 var(--dje-font);
}

body.dj-employers-page .dje-card__jobs::after {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--dje-i-arrow) center / 16px no-repeat;
	mask: var(--dje-i-arrow) center / 16px no-repeat;
	transition: transform .2s ease;
}

body.dj-employers-page .dje-card__jobs--none {
	color: var(--dje-mute);
}

body.dj-employers-page article.dje-card:hover .dje-card__jobs {
	color: var(--dje-gd);
}

body.dj-employers-page article.dje-card:hover .dje-card__jobs::after {
	transform: translateX(3px);
}

/* Folgen (Funktion des Jobportal-Plugins) */
body.dj-employers-page .page-job-board .dje-follow {
	position: relative;
	z-index: 2;
	flex: none;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--dje-line);
	border-radius: 50%;
	background: #fff;
	box-shadow: none;
	color: var(--dje-mute);
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease, background-color .15s ease, opacity .15s ease;
}

body.dj-employers-page .page-job-board .dje-follow::before {
	content: "";
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: var(--dje-i-heart) center / 18px no-repeat;
	mask: var(--dje-i-heart) center / 18px no-repeat;
}

body.dj-employers-page .page-job-board .dje-follow:hover {
	border-color: var(--dje-gd);
	color: var(--dje-gd);
}

body.dj-employers-page .page-job-board .dje-follow.btn-unfollow-employer {
	border-color: rgba(20, 160, 119, .35);
	background: var(--dje-gl);
	color: var(--dje-gd);
}

body.dj-employers-page .page-job-board .dje-follow.btn-unfollow-employer::before {
	-webkit-mask-image: var(--dje-i-heart-f);
	mask-image: var(--dje-i-heart-f);
}

body.dj-employers-page .page-job-board .dje-follow.loading {
	opacity: .5;
	pointer-events: none;
}

/* 8 · Seitennavigation und Tastaturfokus ------------------------------------------------ */

body.dj-employers-page .page-job-board .employers-pagination-wrapper {
	margin: 36px 0 0;
	padding: 0;
}

body.dj-employers-page .page-job-board .employers-pagination-wrapper .pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}

body.dj-employers-page .page-job-board .employers-pagination-wrapper .pagination li {
	margin: 0 !important;
	padding: 0;
}

body.dj-employers-page .page-job-board .employers-pagination-wrapper .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	margin: 0 !important;
	padding: 0 12px;
	border: 1px solid var(--dje-line) !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--dje-ink) !important;
	font: 600 15px/1 var(--dje-font);
	text-decoration: none;
	transition: border-color .15s ease, background-color .15s ease;
}

body.dj-employers-page .page-job-board .employers-pagination-wrapper a.page-numbers:hover {
	border-color: var(--dje-ink) !important;
}

body.dj-employers-page .page-job-board .employers-pagination-wrapper .page-numbers.current {
	border-color: var(--dje-ink) !important;
	background: var(--dje-ink) !important;
	color: #fff !important;
}

body.dj-employers-page .page-job-board .employers-pagination-wrapper .page-numbers.dots {
	min-width: 24px;
	padding: 0;
	border-color: transparent !important;
	background: none !important;
}

body.dj-employers-page .page-job-board .employers-pagination-wrapper .page-numbers i {
	font-size: 18px;
	line-height: 1;
}

body.dj-employers-page .page-job-board a:focus-visible,
body.dj-employers-page .page-job-board button:focus-visible {
	outline: 3px solid var(--dje-g) !important;
	outline-offset: 2px;
}

/* Fokus auf dem Namen zeigt die ganze Karte */
body.dj-employers-page .page-job-board .dje-card__link:focus-visible {
	outline: 0 !important;
}

body.dj-employers-page .page-job-board .dje-card__link:focus-visible::after {
	box-shadow: 0 0 0 3px var(--dje-g);
}

/* 9 · Abschnitt „Für Arbeitgeber“ (vor dem Fußbereich) ----------------------------------- */

body.dj-employers-page .dje-band {
	padding: 80px 0 88px;
	background: var(--dje-tint);
	color: var(--dje-text);
	font-family: var(--dje-font);
	scroll-margin-top: 80px;
}

body.dj-employers-page .dje-band__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	align-items: center;
	gap: 56px;
}

body.dj-employers-page .dje-band__eyebrow {
	margin: 0 0 16px;
	padding: 0 0 0 32px;
	background: linear-gradient(currentColor, currentColor) left center / 22px 2px no-repeat;
	color: var(--dje-gd);
	font: 600 12.5px/1.3 var(--dje-font);
	letter-spacing: .128em;
	text-transform: uppercase;
}

body.dj-employers-page .dje-band__title {
	margin: 0;
	padding: 0;
	color: var(--dje-ink);
	font: 700 clamp(26px, 17px + 1.25vw, 38px)/1.14 var(--dje-font);
	letter-spacing: -.022em;
	text-transform: none;
	text-wrap: balance;
}

body.dj-employers-page .dje-band__title em {
	display: block;
	color: var(--dje-gd);
	font-family: var(--dje-serif);
	font-style: italic;
	font-weight: 500;
	letter-spacing: -.014em;
}

body.dj-employers-page .dje-band__lead {
	max-width: 56ch;
	margin: 18px 0 0;
	color: var(--dje-body);
	font: 400 17px/1.6 var(--dje-font);
}

body.dj-employers-page .dje-band__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 28px;
	margin: 28px 0 0;
}

body.dj-employers-page a.dje-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 53px;
	padding: 17px 28px;
	border: 0;
	border-radius: 4px;
	background: var(--dje-dg);
	color: #fff;
	font: 700 16px/1.2 var(--dje-font);
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	transition: background-color .2s ease;
}

body.dj-employers-page a.dje-btn::after,
body.dj-employers-page a.dje-more::after {
	content: "";
	flex: none;
	width: 14px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--dje-i-arrow) center / contain no-repeat;
	mask: var(--dje-i-arrow) center / contain no-repeat;
	transition: transform .25s ease;
}

body.dj-employers-page a.dje-btn:hover,
body.dj-employers-page a.dje-btn:focus-visible {
	background: var(--dje-dg-h);
	color: #fff;
	text-decoration: none;
}

body.dj-employers-page a.dje-btn:hover::after,
body.dj-employers-page a.dje-more:hover::after,
body.dj-employers-page a.dje-more:focus-visible::after {
	transform: translateX(4px);
}

body.dj-employers-page a.dje-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 6px 0;
	background: transparent;
	color: var(--dje-ink);
	font: 600 16px/1.2 var(--dje-font);
	text-decoration: none;
	transition: color .2s ease;
}

body.dj-employers-page a.dje-more:hover {
	color: var(--dje-gd);
	text-decoration: none;
}

body.dj-employers-page .dje-band a:focus-visible {
	outline: 3px solid var(--dje-g) !important;
	outline-offset: 3px;
}

body.dj-employers-page .dje-checks {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

body.dj-employers-page .dje-checks li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--dje-text);
	font: 500 14.5px/1.4 var(--dje-font);
}

body.dj-employers-page .dje-checks li::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	background: var(--dje-i-check-c) center / 18px no-repeat;
}

body.dj-employers-page .dje-steps {
	margin: 0;
	padding: 28px;
	border: 1px solid var(--dje-hair);
	border-radius: 14px;
	background: #fff;
}

body.dj-employers-page .dje-steps__title {
	margin: 0 0 6px;
	padding: 0;
	color: var(--dje-ink);
	font: 700 17px/1.35 var(--dje-font);
	letter-spacing: -.01em;
	text-transform: none;
}

body.dj-employers-page .dje-steps ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: dje-step;
}

body.dj-employers-page .dje-steps li {
	position: relative;
	margin: 0;
	padding: 18px 0 18px 48px;
	border-top: 1px solid var(--dje-hair);
	counter-increment: dje-step;
}

body.dj-employers-page .dje-steps li:first-child {
	border-top: 0;
}

body.dj-employers-page .dje-steps li:last-child {
	padding-bottom: 0;
}

body.dj-employers-page .dje-steps li::before {
	content: counter(dje-step);
	position: absolute;
	left: 0;
	top: 17px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--dje-ink);
	color: #fff;
	font: 700 14px/1 var(--dje-font);
}

body.dj-employers-page .dje-steps__t {
	display: block;
	margin: 0 0 3px;
	color: var(--dje-ink);
	font: 600 16px/1.35 var(--dje-font);
}

body.dj-employers-page .dje-steps__d {
	display: block;
	color: var(--dje-mute);
	font: 400 14.5px/1.5 var(--dje-font);
}

/* 9b · Archive der Einrichtungsarten und Bundesländer: Seitenkopf einspaltig, ohne Bild ------ */

@media (min-width: 992px) {
	body.dj-employers-page.dj-employers-archive .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads {
		padding: 56px 0 64px !important;
	}

	body.dj-employers-page.dj-employers-archive .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads-inner {
		display: block !important;
		max-width: 820px;
	}
}

body.dj-employers-page.dj-employers-archive #apus-breadscrumb.dj-jobs-hero .dj-hero-title {
	font-size: clamp(32px, 1.2vw + 20px, 48px);
}

/* Ergebnisleiste auf Archiven aus: Die Anzahl steht in der Überschrift; Sortierung und Anzahl je Seite des Themes
   senden an die Übersicht /employers/ (alle Arbeitgeber) */
body.dj-employers-page.dj-employers-archive .page-job-board .jobs-alert-ordering-wrapper {
	display: none !important;
}

body.dj-employers-page.dj-employers-archive .dje-head {
	margin-bottom: 28px;
}

/* 10 · Tablet und Mobil ----------------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199.98px) {
	body.dj-employers-page .dje-search {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	body.dj-employers-page .dje-search__btn {
		grid-column: 1 / -1;
		min-height: 52px;
		margin: 6px 0 0;
	}

	/* Schmale Bildspalte: Bild ohne „Neu im Verzeichnis“ */
	body.dj-employers-page .dje-hero-media:not(.dje-hero-media--no-image) .dje-new {
		display: none;
	}
}

@media (max-width: 991.98px) {
	body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads {
		padding: 40px 0 48px !important;
	}

	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-lead {
		font-size: 17px;
	}

	body.dj-employers-page .dje-search {
		max-width: none;
	}

	body.dj-employers-page .dje-hero-media {
		margin: 36px 0 0;
	}

	body.dj-employers-page .dje-hero-media__img {
		aspect-ratio: 16 / 8;
	}

	body.dj-employers-page .dje-new {
		display: none;
	}

	body.dj-employers-page .dje-hero-media--no-image {
		display: none;
	}

	body.dj-employers-page #main-container.page-job-board {
		padding-bottom: 64px;
	}

	body.dj-employers-page .page-job-board .layout-job-sidebar-v2 {
		padding-top: 40px !important;
	}

	body.dj-employers-page .dje-band {
		padding: 56px 0 64px;
	}

	body.dj-employers-page .dje-band__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
	}

	/* Einrichtungsarten: eine Zeile zum Wischen statt mehrerer Zeilen */
	body.dj-employers-page .dje-types {
		margin-left: -15px;
		margin-right: -15px;
	}

	body.dj-employers-page .dje-types__list {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 2px 15px 6px;
		scroll-padding: 0 15px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	body.dj-employers-page .dje-types__list::-webkit-scrollbar {
		display: none;
	}
}

@media (max-width: 767.98px) {
	body.dj-employers-page .dje-search {
		grid-template-columns: minmax(0, 1fr);
	}

	body.dj-employers-page .dje-search__field + .dje-search__field::before {
		left: 14px;
		right: 14px;
		top: 0;
		bottom: auto;
		width: auto;
		height: 1px;
	}

	body.dj-employers-page .dje-search__btn {
		min-height: 52px;
		margin: 6px 0 0;
	}

	body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .results-count {
		flex: 1 1 100%;
	}

	body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper > .jobs-ordering-wrapper,
	body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper > .form-jobtex-ppp {
		flex: 1 1 0;
		min-width: 0;
		width: auto !important;
		max-width: none !important;
	}

	body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper > .form-jobtex-ppp {
		flex: 0 0 128px;
	}

	body.dj-employers-page .page-job-board .jobs-ordering-wrapper form {
		width: 100%;
	}

	body.dj-employers-page .page-job-board .jobs-alert-ordering-wrapper .select2-container {
		width: 100% !important;
		min-width: 0;
	}

	body.dj-employers-page .dje-band__cta {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}

	body.dj-employers-page a.dje-btn {
		width: 100%;
		padding: 16px 18px;
		font-size: 15.5px;
	}

	body.dj-employers-page a.dje-more {
		justify-content: center;
	}
}

@media (max-width: 575.98px) {
	body.dj-employers-page .page-job-board #apus-breadscrumb.dj-jobs-hero .wrapper-breads {
		padding: 30px 0 36px !important;
	}

	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-eyebrow {
		margin-bottom: 14px;
	}

	body.dj-employers-page #apus-breadscrumb.dj-jobs-hero .dj-hero-lead {
		margin-top: 14px;
		font-size: 16px;
	}

	body.dj-employers-page .dje-search {
		margin-top: 24px;
	}

	/* Smartphone: nach der Suche direkt das Verzeichnis (Bild wird hier auch nicht geladen) */
	body.dj-employers-page .dje-hero-media {
		display: none;
	}

	body.dj-employers-page .page-job-board .layout-job-sidebar-v2 {
		padding-top: 32px !important;
	}

	body.dj-employers-page .page-job-board article.dje-card {
		padding: 20px 18px 16px;
	}

	body.dj-employers-page .dje-logo:not(.dje-new__logo) {
		width: 52px;
		height: 52px;
	}

	body.dj-employers-page .page-job-board .dje-card__title {
		font-size: 18px !important;
	}

	body.dj-employers-page .dje-card__desc {
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}

	body.dj-employers-page .dje-band {
		padding: 44px 0 56px;
	}

	body.dj-employers-page .dje-band__lead {
		font-size: 16px;
	}

	body.dj-employers-page .dje-steps {
		padding: 22px 20px;
	}
}

/* 11 · Bewegung reduzieren -------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	body.dj-employers-page .page-job-board *,
	body.dj-employers-page .page-job-board *::before,
	body.dj-employers-page .page-job-board *::after,
	body.dj-employers-page .dje-band *,
	body.dj-employers-page .dje-band *::after,
	body.dj-employers-page .select2-dropdown {
		transition: none !important;
		animation: none !important;
	}
}