/* mtr-km-deps: basis */
/* Bewerbung: das Formular am Fuß der Stellenseite, eine weisse Karte mit den
   Angaben zur Person, Lebenslauf, weiteren Dokumenten und Nachricht. Ist der
   Selbst-Check eingeschaltet, steht er als eigener Block darüber.
   Die Felder sehen aus wie das Feld der Stellensuche (48 px, 1 px Rahmen,
   Radius 5), die Kästchen wie im Selbst-Check des Abschnitts-Moduls (die Werte
   stehen hier noch einmal, weil dessen Stylesheet nicht auf jeder Seite liegt),
   die Knöpfe wie das Knopfsystem der Seite. Alle Knopfwerte stehen
   ausdrücklich hier, weil das Elementor-Kit sonst Versalien und Sperrschrift
   erzwingt. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung {
	max-width: 760px;
	padding: 25px;
	background: #fff;
	border: 1px solid var(--mtr-line);
	border-radius: var(--mtr-rad);
	color: var(--mtr-tx);
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

/* Breite Karte: sie nimmt die Breite des Containers ein. Damit die Zeilen
   dabei lesbar bleiben, sind Einstieg und Hinweiszeile auf 72 Zeichen
   begrenzt. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung--breit {
	max-width: none;
	padding: 30px 34px;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung--breit .mtr-bewerbung__lead,
.elementor-widget-mtr-bewerbung .mtr-bewerbung--breit .mtr-bewerbung__checkhinweis {
	max-width: 72ch;
}

/* --- Die beiden Blöcke ---------------------------------------------------- */
/* Die Blöcke sind fieldset-Elemente: der Selbst-Check und die Angaben gehören
   je zusammen und bekommen dadurch auch für Vorleseprogramme eine Überschrift.
   Die eigene Gestaltung von fieldset und legend wird dafür zurückgenommen. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__block {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__legende {
	display: block;
	float: none;
	width: 100%;
	margin: 0 0 14px;
	padding: 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__kicker {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 12px;
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mtr-red);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__kicker::before {
	content: "";
	flex: none;
	width: 34px;
	height: 2px;
	background: var(--mtr-red);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__blocktitel {
	display: block;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--mtr-ink);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__lead {
	margin: 0 0 16px;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__lead p {
	margin: 0 0 12px;
	font-size: 1rem;
	line-height: 1.7;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__lead p:last-child {
	margin-bottom: 0;
}

/* Abstand zwischen den beiden Blöcken. Die Linie zieht schon die letzte Kästchenzeile,
   eine zweite darunter sähe doppelt aus. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__trenner {
	height: 0;
	margin: 24px 0;
	border: 0;
}

/* --- Selbst-Check im Formular --------------------------------------------- */
/* Werte wie in der Darstellung "Selbst-Check" des Abschnitts-Moduls: Zeilen mit
   Trennlinie, Kästchen 24 px, Beschriftung klickbar. Zwei Spalten ab 768 px,
   sobald genug Punkte da sind. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__checkhinweis {
	margin: 0 0 4px;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--mtr-ink);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__checkliste {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 22px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__checkliste li {
	position: relative;
	margin: 0;
	padding: 12px 0 14px 40px;
	border-bottom: 1px solid var(--mtr-line);
	font-size: 1rem;
	line-height: 1.55;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__checktext {
	display: block;
	cursor: pointer;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__checktext strong,
.elementor-widget-mtr-bewerbung .mtr-bewerbung__checktext b {
	font-weight: 700;
}

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

.elementor-widget-mtr-bewerbung .mtr-bewerbung__checkzaehler[hidden] {
	display: none;
}

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

/* --- Felder --------------------------------------------------------------- */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__raster {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__feld {
	display: block;
	margin: 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__feld--weit {
	margin-top: 16px;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__label {
	display: block;
	margin: 0 0 6px;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--mtr-ink);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__zusatz {
	font-weight: 400;
	color: #4a4a4a;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__pflicht {
	color: var(--mtr-red-dunkel, #C11C29);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__eingabe,
.elementor-widget-mtr-bewerbung .mtr-bewerbung textarea.mtr-bewerbung__eingabe {
	width: 100%;
	min-height: 48px;
	margin: 0;
	padding: 11px 16px;
	box-sizing: border-box;
	border: 1px solid var(--mtr-line);
	border-radius: var(--mtr-rad);
	background: #fff;
	color: var(--mtr-tx);
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung textarea.mtr-bewerbung__textfeld {
	min-height: 150px;
	resize: vertical;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__eingabe::placeholder,
.elementor-widget-mtr-bewerbung .mtr-bewerbung textarea.mtr-bewerbung__eingabe::placeholder {
	color: #6B7480;
	opacity: 1;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__eingabe:focus,
.elementor-widget-mtr-bewerbung .mtr-bewerbung textarea.mtr-bewerbung__eingabe:focus {
	outline: 3px solid var(--mtr-red);
	outline-offset: 2px;
	border-color: var(--mtr-line);
}

/* Markierte Felder: die Grundregel der Felder trägt ein Element im Selektor,
   deshalb braucht die Markierung es auch, sonst bleibt der Rahmen grau. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__eingabe--fehler,
.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__eingabe.mtr-bewerbung__eingabe--fehler,
.elementor-widget-mtr-bewerbung .mtr-bewerbung textarea.mtr-bewerbung__eingabe.mtr-bewerbung__eingabe--fehler {
	border-color: var(--mtr-red-dunkel, #C11C29);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__fehler {
	display: block;
	margin: 6px 0 0;
	font-size: .875rem;
	line-height: 1.45;
	color: var(--mtr-red-dunkel, #C11C29);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__fehler[hidden] {
	display: none;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__hilfe {
	display: block;
	margin: 8px 0 0;
	font-size: .875rem;
	line-height: 1.45;
	color: #4a4a4a;
}

/* --- Unterlagen ----------------------------------------------------------- */
/* Das Dateifeld selbst bleibt bedienbar und mit der Tastatur erreichbar, sichtbar
   ist an seiner Stelle der Umriss-Knopf daneben. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__datei {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__datei:focus-visible + .mtr-bewerbung__dateiknopf {
	outline: 3px solid var(--mtr-red);
	outline-offset: 3px;
}

/* Fehlt der Lebenslauf, trägt der sichtbare Knopf die Markierung, weil das
   echte Dateifeld unsichtbar ist. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__datei.mtr-bewerbung__eingabe--fehler + .mtr-btn.mtr-bewerbung__dateiknopf {
	border-color: var(--mtr-red-dunkel, #C11C29);
	color: var(--mtr-red-dunkel, #C11C29);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__dateiliste {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__datei-zeile {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 9px 0 10px;
	border-bottom: 1px solid var(--mtr-line);
	font-size: .9375rem;
	line-height: 1.45;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__datei-name {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__datei-groesse {
	flex: none;
	color: #4a4a4a;
	font-size: .875rem;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung button.mtr-bewerbung__datei-weg {
	flex: none;
	width: 32px;
	height: 32px;
	padding: 0;
	background: transparent;
	border: 1px solid var(--mtr-line);
	border-radius: var(--mtr-rad);
	color: var(--mtr-ink);
	font-family: inherit;
	font-size: 1.125rem;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	cursor: pointer;
}

@media (hover: hover) {
	.elementor-widget-mtr-bewerbung .mtr-bewerbung button.mtr-bewerbung__datei-weg:hover {
		border-color: var(--mtr-red);
		color: var(--mtr-red);
	}
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung button.mtr-bewerbung__datei-weg:focus-visible {
	outline: 3px solid var(--mtr-red);
	outline-offset: 2px;
}

/* --- Einwilligung --------------------------------------------------------- */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__einwilligung {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 20px 0 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__kaestchen,
.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__checkkasten {
	width: 24px;
	height: 24px;
	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;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__kaestchen {
	flex: none;
	margin: 1px 0 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__kaestchen.mtr-bewerbung__eingabe--fehler {
	border-color: var(--mtr-red-dunkel, #C11C29);
}

/* Im Selbst-Check steht das Kästchen am linken Rand der Zeile, die
   Beschriftung daneben mit 40 px Einzug. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__checkkasten {
	position: absolute;
	left: 0;
	top: 12px;
	margin: 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__kaestchen:checked,
.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__checkkasten: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-bewerbung .mtr-bewerbung input.mtr-bewerbung__kaestchen:focus-visible,
.elementor-widget-mtr-bewerbung .mtr-bewerbung input.mtr-bewerbung__checkkasten:focus-visible {
	outline: 3px solid var(--mtr-red);
	outline-offset: 3px;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__einwilligungstext {
	font-size: .9375rem;
	line-height: 1.55;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__einwilligungstext label {
	cursor: pointer;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__link {
	margin-left: .35em;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Steht der Verweis im Satz selbst, gehört kein zusätzlicher Abstand davor:
   sonst rückt er beim Umbruch in die nächste Zeile ein. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__einwilligungstext label .mtr-bewerbung__link {
	margin-left: 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__still {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* --- Falle für Maschinen -------------------------------------------------- */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__falle {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* --- Meldungen ------------------------------------------------------------ */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__meldung,
.elementor-widget-mtr-bewerbung .mtr-bewerbung__antwort {
	margin: 0 0 18px;
	padding: 13px 16px;
	border: 1px solid var(--mtr-line);
	border-radius: var(--mtr-rad);
	background: var(--mtr-surf);
	font-size: .9375rem;
	line-height: 1.5;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__antwort[hidden] {
	display: none;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__meldung--fehler,
.elementor-widget-mtr-bewerbung .mtr-bewerbung__antwort--fehler {
	border-color: var(--mtr-red-dunkel, #C11C29);
	color: var(--mtr-tx);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__meldung--ok,
.elementor-widget-mtr-bewerbung .mtr-bewerbung__antwort--ok {
	border-color: var(--mtr-ink);
}

/* 2.1.11: Hinweise stehen als weißer Kasten mit feiner grauer Linie in der
   Karte. Bei einem Fehler tragen nur Symbol und Text das dunkle Rot, ein roter
   Rahmen auf grauer Fläche entfällt. */
.elementor-widget-mtr-bewerbung .mtr-bewerbung__meldung,
.elementor-widget-mtr-bewerbung .mtr-bewerbung__antwort {
	background: #fff;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__meldung--fehler,
.elementor-widget-mtr-bewerbung .mtr-bewerbung__antwort--fehler {
	position: relative;
	padding-left: 46px;
	border-color: var(--mtr-line);
	color: var(--mtr-red-dunkel, #C11C29);
	font-weight: 600;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__meldung--fehler::before,
.elementor-widget-mtr-bewerbung .mtr-bewerbung__antwort--fehler::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 14px;
	width: 20px;
	height: 20px;
	background-color: currentColor;
	-webkit-mask: 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Cpath d='M12 16.4v.1'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Cpath d='M12 16.4v.1'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* --- Erledigt ------------------------------------------------------------ */
/* Nach der Bewerbung (und wenn sie schon vorlag) steht statt des Formulars ein
   grüner Hinweis mit Haken. Grün wie der Bestätigungszustand im Stellenagenten
   (Rand #BCDEC8, Fläche #EAF6EE, Schrift #1E4E2C, Kontrast 9:1). Darunter beim
   erneuten Besuch ein schlichter Verweis in Anthrazit. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__erledigt {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid #BCDEC8;
	border-radius: var(--mtr-rad);
	background: #EAF6EE;
	color: #1E4E2C;
	scroll-margin-top: calc(var(--mtr-kopf, 80px) + 24px);
}

/* Drei Klassen plus [hidden], damit keine Anzeige-Regel des Moduls das
   Ausblenden überstimmt. */
.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__erledigt[hidden],
.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__formular[hidden],
.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__trotzdem[hidden] {
	display: none;
}

/* Der Hinweis bekommt den Fokus nur, damit Tastatur und Bildschirmleser an
   seiner Stelle weitermachen; bedienbar ist er nicht, deshalb kein Rahmen. */
.elementor-widget-mtr-bewerbung .mtr-bewerbung__erledigt:focus,
.elementor-widget-mtr-bewerbung .mtr-bewerbung__erledigt:focus-visible {
	outline: none;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__haken {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	background-color: currentColor;
	-webkit-mask: 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.4l2.7 2.7L16.2 9.4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.4l2.7 2.7L16.2 9.4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__erledigt-inhalt {
	min-width: 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__erledigt-text {
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	color: inherit;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__trotzdem {
	display: inline-block;
	margin-top: 6px;
	padding: 4px 0;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--mtr-ink, #37424C);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color .2s ease;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__trotzdem:hover,
.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__trotzdem:focus-visible {
	color: var(--mtr-tx, #202020);
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-bewerbung__trotzdem {
		transition: none;
	}
}

/* --- Knöpfe --------------------------------------------------------------- */
/* Drei Klassen im Selektor, damit weder das Kit noch das Seiten-CSS die Maße
   verschiebt. Vollton nur am Absende-Knopf, die beiden Wege sind Umrisse. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__senden,
.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__dateiknopf,
.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__weg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 26px;
	border-radius: var(--mtr-rad);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__senden {
	margin: 0;
	background: var(--mtr-red);
	border: 2px solid var(--mtr-red);
	color: #fff;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__dateiknopf,
.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__weg {
	background: transparent;
	border: 2px solid var(--mtr-ink);
	color: var(--mtr-ink);
}

@media (hover: hover) {
	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__senden:hover {
		background: var(--mtr-red-dunkel, #C11C29);
		border-color: var(--mtr-red-dunkel, #C11C29);
		color: #fff;
	}

	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__dateiknopf:hover,
	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__weg:hover {
		background: var(--mtr-red);
		border-color: var(--mtr-red);
		color: #fff;
	}
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__senden:focus-visible,
.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__weg:focus-visible {
	outline: 3px solid var(--mtr-red);
	outline-offset: 3px;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__senden[disabled] {
	opacity: .6;
	cursor: default;
}

/* Die Knöpfe stehen in EINER Reihe im Fuß der Karte: links der Vollton zum
   Absenden, rechts daneben die Umrisse. */

.elementor-widget-mtr-bewerbung .mtr-bewerbung__knoepfe {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 24px 0 0;
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__ohneskript {
	margin: 12px 0 0;
	font-size: .9375rem;
	line-height: 1.5;
	color: var(--mtr-tx);
}

.elementor-widget-mtr-bewerbung .mtr-bewerbung__editorhinweis {
	margin: 14px 0 0;
	font-size: .875rem;
	line-height: 1.45;
	color: #6a6a6a;
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__senden,
	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__dateiknopf,
	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__weg {
		transition: none;
	}
}

/* --- Zwei Spalten ab Tablet ---------------------------------------------- */

@media (min-width: 768px) {
	.elementor-widget-mtr-bewerbung .mtr-bewerbung__raster {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Lebenslauf und Weitere Dokumente teilen sich ab Tablet eine Zeile, in
   denselben Spalten wie Vorname und Nachname (05.10.2026). Beide Felder
   sind Geschwister im fieldset; sie stehen deshalb als Floats in den Maßen
   des Rasters (halbe Breite minus halber Abstand von 16 px), das Feld
   danach beginnt unter beiden. Das fieldset umschließt die Floats selbst.
   Knopf und Hinweis stehen so in beiden Spalten auf gleicher Höhe. Unter
   768 px bleiben die Felder untereinander. */

@media (min-width: 768px) {
	.elementor-widget-mtr-bewerbung .mtr-bewerbung__feld--weit:has(> input[name="mtr_bew_lebenslauf"]) {
		float: left;
		width: calc(50% - 8px);
		margin-bottom: 16px;
	}

	.elementor-widget-mtr-bewerbung .mtr-bewerbung__feld--weit:has(> input[name="mtr_bew_dateien[]"]) {
		float: right;
		width: calc(50% - 8px);
		margin-bottom: 16px;
	}

	.elementor-widget-mtr-bewerbung .mtr-bewerbung__feld--weit:has(> input[type="file"]) + .mtr-bewerbung__feld--weit:not(:has(> input[type="file"])) {
		clear: both;
	}
}

/* --- Handy ---------------------------------------------------------------- */

@media (max-width: 767px) {
	.elementor-widget-mtr-bewerbung .mtr-bewerbung {
		padding: 18px;
	}

	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__senden,
	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__dateiknopf,
	.elementor-widget-mtr-bewerbung .mtr-bewerbung .mtr-btn.mtr-bewerbung__weg {
		width: 100%;
		min-height: 46px;
		padding: 0 16px;
	}

	.elementor-widget-mtr-bewerbung .mtr-bewerbung__knoepfe {
		flex-direction: column;
		align-items: stretch;
	}

	.elementor-widget-mtr-bewerbung .mtr-bewerbung--breit {
		padding: 18px;
	}

	.elementor-widget-mtr-bewerbung .mtr-bewerbung__blocktitel {
		font-size: 1.25rem;
	}
}

/* --- Auf dem Abendverlauf und auf dunkler Fläche -------------------------- */

.mtr-sec--dark .elementor-widget-mtr-bewerbung .mtr-bewerbung {
	border-color: rgba(255, 255, 255, .2);
}