/* mtr-km-deps: basis */
/* Klappmenü "Offene Stellen": Tafel in der Leiste (Bereiche links, Stellen rechts,
   mehrere Rechtsgebiete zum Aufklappen) und aufklappbare Bereiche und Rechtsgebiete
   in der Handy-Tafel. Lage, Breite und Öffnen der Tafel
   regelt die Kopfleiste selbst; hier steht nur ihr Inneres. Die Regeln sind so
   gewichtet, dass sie die Vorgaben des Menü-Widgets für Untermenüs (Innenabstand,
   Zeilenhöhe, Farben, eingerückte Ränder) sicher übersteuern. */

/* ---------- Tafel in der Leiste ---------- */

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle > li.mtr-mega-zeile {
	display: block;
	margin: 0;
	padding: 0;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	align-items: stretch;
	border-radius: 4px;
	overflow: hidden;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: var(--mtr-tx, #202020);
	line-height: 1.4;
	text-align: left;
	white-space: normal;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega ul {
	display: block;
	position: static;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega li {
	display: block;
	margin: 0;
	padding: 0;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	text-decoration: none;
	text-shadow: none;
	white-space: normal;
	flex-grow: 0;
	transition: color 0.2s ease, background-color 0.2s ease;
}

/* Linke Spalte: die Bereiche */

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega__bereiche {
	display: flex;
	flex-direction: column;
	padding: 12px 0 16px;
	background-color: var(--mtr-surf, #F8F8F8);
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereichslink {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 48px;
	margin: 0;
	padding: 12px 24px;
	color: var(--mtr-tx, #202020);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.3;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereichslink:hover,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereichslink:focus {
	color: var(--mtr-red, #E62332);
	background-color: transparent;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__bereich.is-aktiv > a.mtr-mega__bereichslink {
	color: var(--mtr-red, #E62332);
	background-color: #FFFFFF;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__name {
	flex: 1 1 auto;
	min-width: 0;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__zahl {
	flex: 0 0 auto;
	color: #5F6B75;
	font-size: 0.8125rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* Winkel wie beim Kopf-Verweis "Jetzt bewerben" */
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__winkel {
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	margin-right: 3px;
	border-top: 2px solid #5F6B75;
	border-right: 2px solid #5F6B75;
	transform: rotate(45deg);
	transition: border-color 0.2s ease;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereichslink:hover .mtr-mega__winkel,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereichslink:focus .mtr-mega__winkel,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__bereich.is-aktiv .mtr-mega__winkel {
	border-color: var(--mtr-red, #E62332);
}

/* "Alle Stellen ansehen": abgesetzt unter den Bereichen, rot wie bisher */
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__alle {
	display: flex;
	align-items: center;
	min-height: 48px;
	margin: 8px 0 0;
	padding: 12px 24px 4px;
	border-top: 1px solid var(--mtr-line, #D8D8D8);
	color: var(--mtr-red, #E62332);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.3;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__alle:hover,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__alle:focus {
	color: var(--mtr-red, #E62332);
	background-color: transparent;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Rechte Spalte: die Stellen des gewählten Bereichs */

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__stellen {
	min-width: 0;
	max-height: calc(100vh - 96px);
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 20px 32px 22px;
	background-color: #FFFFFF;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__stellen[hidden] {
	display: none;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gruppen {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 40px;
	align-items: start;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gruppen--eine {
	display: block;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gruppen--eine ul.mtr-mega__liste {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 40px;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__stelle {
	display: block;
	margin: 0 -12px;
	padding: 5px 12px;
	border-radius: 5px;
	color: var(--mtr-tx, #202020);
	line-height: 1.3;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__stelle:hover,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__stelle:focus {
	color: var(--mtr-red, #E62332);
	background-color: var(--mtr-surf, #F8F8F8);
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__stelle[aria-current="page"] {
	color: var(--mtr-red, #E62332);
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__titel {
	display: block;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.3;
	-webkit-hyphens: manual;
	hyphens: manual;
	overflow-wrap: break-word;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__merkmale {
	display: block;
	margin-top: 1px;
	color: #5F6B75;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.35;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__leer {
	margin: 0;
	color: var(--mtr-ink, #37424C);
	font-size: 0.9375rem;
}

/* Mehrere Rechtsgebiete: je Rechtsgebiet eine Zeile zum Aufklappen, darunter die
   Stellen und der Verweis auf die Übersicht mit diesem Rechtsgebiet. Die erste Zeile
   steht auf der Höhe des ersten Bereichs links. */

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__stellen--gebiete {
	padding-top: 9px;
	padding-bottom: 14px;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gebiet + .mtr-mega__gebiet {
	border-top: 1px solid var(--mtr-line, #D8D8D8);
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega button.mtr-mega__gebietsknopf {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 54px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--mtr-ink, #37424C);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	white-space: normal;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: color 0.2s ease;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega button.mtr-mega__gebietsknopf:hover,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega button.mtr-mega__gebietsknopf:focus {
	color: var(--mtr-ink, #37424C);
	background: transparent;
}

/* Rot nur unter dem Zeiger und beim Tastaturfokus, nicht nach einem Mausklick */
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega button.mtr-mega__gebietsknopf:hover,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega button.mtr-mega__gebietsknopf:focus-visible {
	color: var(--mtr-red, #E62332);
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega button.mtr-mega__gebietsknopf:focus-visible {
	outline: 2px solid var(--mtr-red, #E62332);
	outline-offset: 2px;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega button.mtr-mega__gebietsknopf .mtr-mega__zahl {
	color: var(--mtr-ink, #37424C);
}

/* Winkel nach unten, offen nach oben */
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__klappe {
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	margin: -4px 3px 0 4px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.18s ease, margin 0.18s ease;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega button.mtr-mega__gebietsknopf[aria-expanded="true"] .mtr-mega__klappe {
	margin-top: 4px;
	transform: rotate(-135deg);
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gebietsinhalt {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows 0.18s ease, opacity 0.18s ease;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gebiet.is-offen > .mtr-mega__gebietsinhalt {
	grid-template-rows: 1fr;
	opacity: 1;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gebietsinhalt[hidden] {
	display: none;
}

/* Innen läuft der Hintergrund einer Stelle 12 px über den Rand, deshalb der Ausgleich */
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gebietsinnen {
	min-height: 0;
	overflow: hidden;
	margin: 0 -12px;
	padding: 0 12px;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gebietsinnen > ul.mtr-mega__liste {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px 40px;
	padding: 0 0 4px;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__mehr {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 6px 0 16px;
	padding: 4px 0;
	color: var(--mtr-red, #E62332);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.3;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__mehr:hover,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__mehr:focus {
	color: var(--mtr-red, #E62332);
	background-color: transparent;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__mehr .mtr-mega__winkel {
	width: 6px;
	height: 6px;
	margin: 1px 0 0;
	border-color: var(--mtr-red, #E62332);
}

/* Ein Merkmal bricht nicht in sich um, nur sehr lange Angaben dürfen es */
.elementor-element.elementor-widget-nav-menu .mtr-mega-huelle .mtr-mega__merkmal {
	white-space: nowrap;
}

.elementor-element.elementor-widget-nav-menu .mtr-mega-huelle .mtr-mega__merkmal--lang {
	white-space: normal;
}

/* Tastaturfokus innen, weil die Tafel ihre Ecken abschneidet */
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a:focus-visible {
	outline: 2px solid var(--mtr-red, #E62332);
	outline-offset: -2px;
}

@media (max-width: 1024px) {
	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega {
		grid-template-columns: 250px minmax(0, 1fr);
	}

	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereichslink,
	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__alle {
		padding-left: 20px;
		padding-right: 20px;
	}

	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__stellen {
		padding: 20px 24px 24px;
	}

	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__stellen--gebiete {
		padding-top: 9px;
		padding-bottom: 14px;
	}

	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gruppen {
		gap: 20px 28px;
	}

	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gruppen--eine ul.mtr-mega__liste {
		gap: 0 28px;
	}

	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gebietsinnen > ul.mtr-mega__liste {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 899px) {
	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega {
		grid-template-columns: 230px minmax(0, 1fr);
	}

	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gruppen,
	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__gruppen--eine ul.mtr-mega__liste {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------- Handy-Tafel ---------- */
/* Drei Ebenen: Bereiche (auf der grauen Fläche des Untermenüs), darin Rechtsgebiete,
   darin Stellen, jede Ebene weiter eingerückt. Bereichsnamen und Rechtsgebiete sind
   Schalter; den Weg zur Seite des Bereichs zeigt "Alle Stellen: ..." unter den Stellen. */

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste li.mtr-mega-akkordeon {
	display: block;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste li.mtr-mega-akkordeon + li,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste li + li.mtr-mega-akkordeon {
	border-top: 1px solid var(--mtr-line, #D8D8D8);
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste ul {
	display: block;
	position: static;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	background-color: transparent;
	box-shadow: none;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste ul li {
	display: block;
	margin: 0;
	padding: 0;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: 48px;
	margin: 0;
	padding: 12px 18px 12px 42px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--mtr-tx, #202020);
	font-family: inherit;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	white-space: normal;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf {
	min-height: 44px;
	padding: 10px 18px 10px 58px;
	color: var(--mtr-ink, #37424C);
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf:hover,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf:focus,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf:hover,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf:focus {
	background: transparent;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf:focus {
	color: var(--mtr-tx, #202020);
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf:focus {
	color: var(--mtr-ink, #37424C);
}

/* Offene Zeilen und Tastaturfokus rot, ein Tipp allein färbt nichts */
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf[aria-expanded="true"],
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf[aria-expanded="true"],
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf:focus-visible,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf:focus-visible {
	color: var(--mtr-red, #E62332);
}

@media (hover: hover) {
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf:hover,
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf:hover {
		color: var(--mtr-red, #E62332);
	}
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf:focus-visible,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf:focus-visible,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste a.mtr-mega__stelle:focus-visible {
	outline: 2px solid var(--mtr-red, #E62332);
	outline-offset: -4px;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__name {
	flex: 1 1 auto;
	min-width: 0;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__zahl {
	flex: 0 0 auto;
	color: #5F6B75;
	font-size: 0.8125rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf .mtr-mega__zahl {
	color: var(--mtr-ink, #37424C);
}

/* Winkel: nach unten zum Aufklappen (offen nach oben), nach rechts beim direkten Verweis */
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__klappe {
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	margin: -4px 4px 0 6px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.18s ease, margin 0.18s ease;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button[aria-expanded="true"] > .mtr-mega__klappe {
	margin-top: 5px;
	transform: rotate(-135deg);
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste a.mtr-mega-akkordeon__link {
	gap: 8px;
	font-weight: 600;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste a.mtr-mega-akkordeon__link .mtr-mega__winkel {
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 6px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__inhalt,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebietsinhalt {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows 0.18s ease, opacity 0.18s ease;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste li.mtr-mega-akkordeon.is-offen > .mtr-mega-akkordeon__inhalt,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebiet.is-offen > .mtr-mega__gebietsinhalt {
	grid-template-rows: 1fr;
	opacity: 1;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__inhalt[hidden],
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebietsinhalt[hidden] {
	display: none;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__innen,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebietsinnen {
	min-height: 0;
	overflow: hidden;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__innen {
	background-color: #FFFFFF;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebiet {
	border-top: 1px solid var(--mtr-line, #D8D8D8);
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste a.mtr-mega__stelle {
	display: block;
	min-height: 44px;
	margin: 0;
	padding: 9px 18px 9px 66px;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: var(--mtr-tx, #202020);
	line-height: 1.35;
	text-decoration: none;
	text-shadow: none;
	white-space: normal;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebietsinnen a.mtr-mega__stelle {
	padding-left: 82px;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebietsinnen > ul.mtr-mega__liste {
	padding-bottom: 6px;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gruppen {
	padding: 4px 0 2px;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste a.mtr-mega__stelle:hover,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste a.mtr-mega__stelle:focus,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste a.mtr-mega__stelle[aria-current="page"] {
	color: var(--mtr-red, #E62332);
	background-color: transparent;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__titel {
	display: block;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	-webkit-hyphens: manual;
	hyphens: manual;
	overflow-wrap: break-word;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__merkmale {
	display: block;
	margin-top: 2px;
	color: #5F6B75;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.4;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__leer {
	margin: 0;
	padding: 10px 18px 4px 66px;
	color: var(--mtr-ink, #37424C);
	font-size: 0.9375rem;
}

/* "Alle Stellen: Rechtsanwälte" als Umriss-Schaltfläche wie unter den Listen der Seiten */
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__mehr {
	margin: 0;
	padding: 12px 18px 18px 42px;
	border-top: 1px solid var(--mtr-line, #D8D8D8);
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__mehr a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 46px;
	margin: 0;
	padding: 0 18px;
	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: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__mehr a:hover,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__mehr a:focus-visible {
	border-color: var(--mtr-red, #E62332);
	background: var(--mtr-red, #E62332);
	color: #FFFFFF;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__mehr a:focus-visible {
	outline: 2px solid var(--mtr-red, #E62332);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.elementor-element.elementor-widget-nav-menu .mtr-mega a,
	.elementor-element.elementor-widget-nav-menu .mtr-mega .mtr-mega__winkel,
	.elementor-element.elementor-widget-nav-menu .mtr-mega-huelle button,
	.elementor-element.elementor-widget-nav-menu .mtr-mega-huelle .mtr-mega__klappe,
	.elementor-element.elementor-widget-nav-menu .mtr-mega-huelle .mtr-mega__gebietsinhalt,
	.elementor-element.elementor-widget-nav-menu .mtr-mega-huelle .mtr-mega-akkordeon__inhalt,
	.elementor-element.elementor-widget-nav-menu .mtr-mega-huelle .mtr-mega-akkordeon__mehr a {
		transition: none;
	}
}

/* ---------- Fuß der rechten Spalte: alle Stellen des Bereichs ---------- */
/* Umriss-Knopf wie unter den Listen der Seiten; nicht jeder kommt darauf, links noch einmal
   auf den Bereich zu klicken (Lars 04.10.2026). */

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereich-alle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	margin: 18px 0 4px;
	padding: 0 18px;
	box-sizing: border-box;
	border: 2px solid var(--mtr-ink, #37424C);
	border-radius: var(--mtr-rad, 5px);
	color: var(--mtr-ink, #37424C);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega .mtr-mega__stellen--gebiete a.mtr-mega__bereich-alle {
	margin-top: 20px;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereich-alle .mtr-mega__winkel {
	margin-right: 0;
	border-color: currentColor;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereich-alle:hover,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereich-alle:focus {
	border-color: var(--mtr-red, #E62332);
	background-color: var(--mtr-red, #E62332);
	color: #FFFFFF;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereich-alle:focus-visible {
	outline: 2px solid var(--mtr-red, #E62332);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__bereich-alle {
		transition: none;
	}
}

/* ---------- Verweis auf den Stellenagenten ---------- */
/* Ruhige Zeile unter "Alle Stellen ansehen", in der Leiste links in der Spalte der
   Bereiche, auf dem Handy als letzte Zeile der Tafel. Keine Signalfarbe: der
   Verweis ist ein Angebot für den, der nichts Passendes findet. */

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__agent {
	display: flex;
	align-items: center;
	min-height: 36px;
	margin: 2px 0 0;
	padding: 0 24px;
	color: #6B7680;
	background-color: transparent;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.2s ease;
}

.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__agent:hover,
.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__agent:focus {
	color: var(--mtr-ink, #37424C);
	background-color: transparent;
	text-decoration: underline;
	text-underline-offset: 4px;
}

@media (max-width: 1024px) {
	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__agent {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste li.mtr-mega-agent {
	display: block;
	border-top: 0;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle.mtr-mega-huelle--liste li.menu-item.mtr-mega-agent > a.elementor-sub-item.mtr-mega__agent.mtr-mega__agent {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #5F6B75;
	background-color: transparent;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
}

.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle.mtr-mega-huelle--liste li.menu-item.mtr-mega-agent > a.elementor-sub-item.mtr-mega__agent.mtr-mega__agent:hover,
.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle.mtr-mega-huelle--liste li.menu-item.mtr-mega-agent > a.elementor-sub-item.mtr-mega__agent.mtr-mega__agent:focus {
	color: var(--mtr-ink, #37424C);
	background-color: transparent;
	text-decoration: underline;
	text-underline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
	.elementor-element.elementor-widget-nav-menu .elementor-nav-menu--main .mtr-mega-huelle .mtr-mega a.mtr-mega__agent {
		transition: none;
	}
}

/* ---------- Handy-Tafel im Blatt unter der Pille (Lars 04.10.2026) ---------- */
/* Die Kopfleiste (Vorlage 86/1870) macht aus dem Klappmenü ein weißes Blatt über die ganze Breite
   bis zum unteren Rand und stellt die Zeilen der obersten Ebene; hier steht das Innere der grauen
   Karte "Offene Stellen" (Bereiche, Rechtsgebiete, Stellen), der Fuß mit "Jetzt bewerben" sowie
   Impressum und Datenschutz, und die Sperre der Seite dahinter. */

html.mtr-menue-offen,
html.mtr-menue-offen body {
	overflow: hidden !important;
}

@media (max-width: 767px) {
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste li.mtr-mega-akkordeon + li,
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste li + li.mtr-mega-akkordeon {
		border-top-color: #E6E6E6;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega-akkordeon__knopf {
		min-height: 52px;
		padding: 13px 16px;
		font-size: 1rem;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle.mtr-mega-huelle--liste li.menu-item a.elementor-sub-item.mtr-mega-akkordeon__link {
		min-height: 52px;
		padding: 13px 16px;
		font-size: 1rem;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf {
		min-height: 46px;
		padding: 11px 16px 11px 22px;
	}

	/* Rechtsgebiete und Stellen: weiße Karte in der grauen Karte */
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__innen {
		margin: 0 10px 12px;
		border: 1px solid #E6E6E6;
		border-radius: 6px;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebiet {
		border-top-color: #E6E6E6;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebiete > .mtr-mega__gebiet:first-child {
		border-top: 0;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste a.mtr-mega__stelle {
		padding: 9px 16px 9px 22px;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__gebietsinnen a.mtr-mega__stelle {
		padding-left: 34px;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__leer {
		padding: 10px 16px 6px 22px;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega-akkordeon__mehr {
		padding: 12px 16px 14px;
		border-top-color: #E6E6E6;
	}

	/* Zahl der Stellen als kleine Pille */
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__zahl {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 26px;
		height: 22px;
		padding: 0 8px;
		border: 1px solid #E1E1E1;
		border-radius: 999px;
		background-color: #FFFFFF;
		color: #5F6B75;
		font-size: 0.75rem;
		font-weight: 600;
		line-height: 1;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste button.mtr-mega__gebietsknopf .mtr-mega__zahl {
		border-color: transparent;
		background-color: #F3F4F6;
		color: var(--mtr-ink, #37424C);
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle--liste .mtr-mega__klappe {
		margin-right: 2px;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle.mtr-mega-huelle--liste li.menu-item.mtr-mega-agent > a.elementor-sub-item.mtr-mega__agent.mtr-mega__agent {
		min-height: 40px;
		padding: 2px 16px 12px;
		color: #6B7680;
		font-size: 0.8125rem;
	}

	/* "Alle Stellen ansehen" in der grauen Karte rot und fett wie in der Leiste */
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.mtr-mega-huelle.mtr-mega-huelle--liste li.menu-item.mtr-alle-stellen > a.elementor-sub-item {
		color: var(--mtr-red, #E62332);
		font-weight: 700;
	}

	/* Fuß: Knopf "Jetzt bewerben" und darunter Impressum und Datenschutz */
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss {
		display: block;
		margin: 0;
		padding: 22px 0 0;
		border: 0;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss a.mtr-menue-fuss__cta {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		min-height: 52px;
		margin: 0;
		padding: 0 18px;
		box-sizing: border-box;
		border: 0;
		border-radius: var(--mtr-rad, 5px);
		background-color: var(--mtr-red, #E62332);
		color: #FFFFFF;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.2;
		text-decoration: none;
		transition: background-color 0.2s ease;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss a.mtr-menue-fuss__cta .mtr-mega__winkel {
		flex: 0 0 auto;
		width: 8px;
		height: 8px;
		border-top: 2px solid #FFFFFF;
		border-right: 2px solid #FFFFFF;
		transform: rotate(45deg);
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss a.mtr-menue-fuss__cta:hover,
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss a.mtr-menue-fuss__cta:focus {
		background-color: #C81E2B;
		color: #FFFFFF;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss .mtr-menue-fuss__links {
		display: flex;
		flex-wrap: wrap;
		gap: 4px 20px;
		margin: 16px 0 0;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss .mtr-menue-fuss__links a {
		display: inline-flex;
		align-items: center;
		min-height: 32px;
		margin: 0;
		padding: 0;
		border: 0;
		background-color: transparent;
		color: #5F6B75;
		font-size: 0.8125rem;
		font-weight: 400;
		line-height: 1.3;
		text-decoration: none;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss .mtr-menue-fuss__links a:hover,
	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss .mtr-menue-fuss__links a:focus {
		color: var(--mtr-ink, #37424C);
		background-color: transparent;
		text-decoration: underline;
		text-underline-offset: 4px;
	}

	.elementor-element.elementor-widget-nav-menu nav.elementor-nav-menu--dropdown li.menu-item.mtr-menue-fuss a:focus-visible {
		outline: 2px solid var(--mtr-red, #E62332);
		outline-offset: 2px;
	}
}