/* Rechtstexte (Impressum, Datenschutz) im Design der Karriereseite.
   Farben und Typografie stammen aus dem Elementor-Kit (post-5.css):
   Hintergrund #171717, Text #FFFFFF, Akzent #E9FE5F, Schrift Roboto. */

.legal-page {
	--legal-accent: #E9FE5F;
	--legal-muted: rgba(255, 255, 255, .72);
	--legal-rule: rgba(255, 255, 255, .14);
	background-color: #171717;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	padding: 90px 24px 120px;
}

.legal-page__inner {
	max-width: 860px;
	margin: 0 auto;
}

.legal-page__eyebrow {
	display: inline-block;
	background-color: var(--legal-accent);
	color: #000;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .04em;
	padding: 7px 16px;
	margin: 0 0 28px;
}

.legal-page h1 {
	font-size: 44px;
	font-weight: 600;
	line-height: 1.15;
	margin: 0 0 18px;
}

.legal-page__intro {
	color: var(--legal-muted);
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 8px;
}

.legal-page h2 {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.25;
	margin: 56px 0 16px;
	padding-top: 28px;
	border-top: 1px solid var(--legal-rule);
}

.legal-page h3 {
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
	margin: 32px 0 10px;
}

.legal-page p,
.legal-page li {
	font-size: 17px;
	line-height: 1.65;
}

.legal-page p {
	margin: 0 0 16px;
}

.legal-page ul {
	margin: 0 0 16px;
	padding-left: 22px;
}

.legal-page li {
	margin-bottom: 9px;
}

.legal-page a {
	color: var(--legal-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.legal-page a:hover,
.legal-page a:focus {
	text-decoration: none;
}

.legal-page strong {
	font-weight: 600;
}

/* Adress- und Kontaktbloecke: Zeilenumbrueche wie im Original erhalten */
.legal-page__address {
	border-left: 3px solid var(--legal-accent);
	padding: 4px 0 4px 20px;
	margin: 0 0 24px;
	font-size: 17px;
	line-height: 1.65;
}

.legal-page__meta {
	color: var(--legal-muted);
	font-size: 15px;
	margin-top: 64px;
	padding-top: 24px;
	border-top: 1px solid var(--legal-rule);
}

@media (max-width: 767px) {
	.legal-page {
		padding: 56px 20px 80px;
	}

	.legal-page h1 {
		font-size: 32px;
	}

	.legal-page h2 {
		font-size: 22px;
		margin-top: 44px;
	}

	.legal-page p,
	.legal-page li,
	.legal-page__address {
		font-size: 16px;
	}
}