.beitrag {
	padding-top: var(--beitrag-padding-top);
	background-color: var(--color-deep-night);
}

.beitrag__inhalt {
	max-width: var(--beitrag-text-max);
	color: var(--color-silver);
}

.beitrag__inhalt > * {
	margin-top: 0;
	margin-bottom: var(--beitrag-absatz-abstand);
}

.beitrag__inhalt > :last-child {
	margin-bottom: 0;
}

.beitrag__inhalt h2 {
	margin-top: var(--beitrag-ueberschrift-abstand);
	font-size: var(--fs-h2);
	font-weight: 700;
	line-height: var(--lh-h2);
	color: var(--color-platinum);
}

.beitrag__inhalt h3,
.beitrag__inhalt h4 {
	margin-top: var(--beitrag-ueberschrift-abstand);
	font-size: var(--fs-h4);
	font-weight: 500;
	line-height: var(--lh-h4);
	color: var(--color-platinum);
}

.beitrag__inhalt strong {
	color: var(--color-platinum);
}

.beitrag__inhalt a {
	color: var(--color-akzent-text);
	text-underline-offset: 0.2em;
}

.beitrag__inhalt a:hover {
	color: var(--color-ruby);
}

.beitrag__inhalt ul {
	padding-left: 0;
	list-style: none;
}

.beitrag__inhalt ul li {
	position: relative;
	padding-left: var(--beitrag-punkt-einzug);
}

.beitrag__inhalt ul li + li,
.beitrag__inhalt ol li + li {
	margin-top: 0.75rem;
}

.beitrag__inhalt ul li::before {
	content: "";
	position: absolute;
	top: 0.65em;
	left: 0;
	width: var(--popup-punkt);
	height: var(--popup-punkt);
	border-radius: 50%;
	background-color: var(--color-akzent);
}

.beitrag__inhalt ol {
	padding-left: 1.25rem;
}

.beitrag__inhalt ol li::marker {
	color: var(--color-akzent);
	font-weight: 600;
}

.beitrag__inhalt blockquote {
	margin-block: var(--beitrag-ueberschrift-abstand);
	padding-left: var(--beitrag-zitat-einzug);
	border-left: 1px solid var(--color-akzent);
}

.beitrag__inhalt blockquote p {
	margin-bottom: 0;
	font-size: var(--fs-h2);
	line-height: var(--lh-popup-beschreibung);
	color: var(--color-pearl);
}

.beitrag__inhalt blockquote cite {
	display: block;
	margin-top: 1rem;
	font-size: var(--fs-label);
	font-style: normal;
	font-weight: 600;
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	color: var(--color-gunmetal);
}

.beitrag__inhalt figure {
	margin-block: var(--beitrag-ueberschrift-abstand);
}

.beitrag__inhalt img {
	max-width: 100%;
	height: auto;
	border-radius: var(--bild-text-radius);
}

.beitrag__inhalt figcaption {
	margin-top: 0.75rem;
	font-size: var(--fs-body-small);
	line-height: var(--lh-body-small);
	letter-spacing: 0;
	color: var(--color-gunmetal);
}

.beitrag__fuss {
	max-width: var(--beitrag-text-max);
	margin-top: var(--beitrag-ueberschrift-abstand);
	padding-top: 2rem;
	border-top: 1px solid var(--beitrag-linie);
}

.beitrag__zurueck {
	flex-direction: row-reverse;
}

.beitrag__zurueck::after {
	transform: scaleX(-1);
}

.beitrag__zurueck:hover::after,
.beitrag__zurueck:focus-visible::after {
	transform: scaleX(-1) translateX(var(--link-arrow-shift));
}

.news.beitrag__weitere {
	padding-bottom: 0;
}

.textseite {
	padding-top: var(--textseite-padding-top);
	padding-bottom: var(--textseite-padding-bottom);
}

.textseite__titel {
	max-width: var(--beitrag-text-max);
	margin-bottom: var(--textseite-titel-abstand);
}

.textseite .beitrag__inhalt > h2:first-child {
	margin-top: 0;
}