/**
 * Blog „Perspektiven“ (DESIGN.md → Blog „Perspektiven“, Auftrag 2026-11-01).
 * Das Heft im Heft: Rubrik-Labels, Aufmacher, Autor*innen-Seite als Doppelseite.
 * Ocker nur hinter Inhaltsbildern und auf Handlungen; Zweitton (Lila) für Menschen und Orientierung.
 * Alle Farben über Theme-Rollen; ohne accent-2 (Variante „Ocker“) greifen die Rückfälle aus theme.css.
 */

/* ---------- Rahmen ---------- */

/* Blog-Seiten haben keinen Stamm: Abschnitte aus Bestands-Patterns (CTA) tragen ihn hier nicht. */
.dc-blog .dc-section::before,
.dc-blog .dc-section > h2.wp-block-heading::before {
	display: none;
}

/* Eine Achse wie auf allen Seiten (theme.css): Die Lesespalte beginnt an der Kante der breiten Spalte.
   Dort gilt die Regel nur für verschachtelte Gruppen; hier ist main selbst der Container. */
.dc-main.dc-blog.is-layout-constrained > :where(:not(.alignwide):not(.alignfull)),
.dc-main.dc-blog.is-layout-constrained > :is(.dc-weiterlesen, .is-style-beitragsbild) {
	margin-inline-start: max(0px, calc((100% - 72rem) / 2)) !important;
	margin-inline-end: auto !important;
}

.dc-blog > .alignfull:last-child {
	margin-block-end: 0 !important;
}

/* Abstand zwischen den großen Teilen der Übersicht. */
.dc-blog > .dc-rubriken,
.dc-blog > .dc-blog-liste,
.dc-blog > .dc-seitenzahlen {
	margin-block-start: var(--wp--preset--spacing--50);
}

.dc-blog > .dc-wer-schreibt,
.dc-blog > .dc-cta,
.dc-blog--home > .dc-blog-liste + .dc-cta {
	margin-block-start: var(--wp--preset--spacing--section);
}

.dc-blog-kopf > .is-style-label,
.dc-blog > .is-style-label {
	margin-block-end: var(--wp--preset--spacing--20);
}

.dc-blog-kopf > h1 {
	margin-block-start: 0;
}

/* Unterzeile aus Auszug oder Rubrikbeschreibung: Das „//“ gehört vor den Absatz im Block, nicht in eine eigene Zeile. */
:is(.wp-block-post-excerpt, .wp-block-term-description).is-style-subline::before {
	content: none;
}

:is(.wp-block-post-excerpt, .wp-block-term-description).is-style-subline > p:first-child::before {
	content: "// ";
	content: "// " / "";
	color: var(--dc-ocker-ink);
}

:is(.wp-block-post-excerpt, .wp-block-term-description).is-style-subline > p {
	margin: 0;
}

/* ---------- Rubrik-Label · Lesezeit ---------- */

.dc-kicker,
.dc-post__kicker {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--dc-rule);
}

.dc-post__kicker {
	gap: 0;
}

.dc-kicker__rubrik,
.dc-kicker__rubrik a {
	color: var(--dc-ocker-ink);
	text-decoration: none;
}

.dc-kicker__rubrik:is(a):hover,
.dc-kicker__rubrik a:hover {
	text-decoration: underline;
	text-decoration-color: var(--dc-ocker);
	text-decoration-thickness: 3px;
}

.dc-post__kicker .wp-block-post-terms {
	font-size: inherit;
}

/* „·“ zwischen Rubrik und Lesezeit: Gestaltung, wird nicht vorgelesen. */
.dc-kicker__rubrik + .dc-kicker__zeit::before,
.dc-post__kicker > .wp-block-post-terms + .dc-lesezeit--label::before {
	content: "·";
	content: "·" / "";
	margin-inline: 0.6em;
}

/* ---------- Rubrik-Navigation ---------- */

.dc-rubriken {
	max-width: 100%;
	overflow-x: auto;
	scrollbar-width: thin;
}

.dc-rubriken ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}

.dc-rubriken li {
	display: flex;
	align-items: center;
}

.dc-rubriken li + li::before {
	content: "//";
	content: "//" / "";
	margin-inline: 0.4em;
	font-weight: 600;
	color: var(--dc-ocker-ink);
}

.dc-rubriken a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 0.35em;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--dc-ink);
	text-decoration: none;
	text-underline-offset: 8px;
}

.dc-rubriken a:hover,
.dc-rubriken a[aria-current="page"] {
	text-decoration: underline;
	text-decoration-color: var(--dc-ocker);
	text-decoration-thickness: 3px;
}

/* Mobil passen alle vier Rubriken in die Zeile (Kritik 2026-11-01, P2); die Leiste scrollt nur noch bei längeren Namen. */
@media (max-width: 479px) {
	.dc-rubriken a {
		padding-inline: 0.2em;
		letter-spacing: 0.1em;
	}

	.dc-rubriken li + li::before {
		margin-inline: 0.15em;
	}
}

.dc-rubriken a:focus-visible {
	outline-offset: -3px;
}

/* ---------- Teaser und Raster ---------- */

.dc-teaser-liste,
.dc-blog-liste .wp-block-post-template {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-teaser-liste > li {
	margin: 0;
}

@media (min-width: 900px) {
	.dc-teaser-liste,
	.dc-blog-liste .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.dc-teaser {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}

.dc-teaser__bild {
	margin: 0 0 var(--wp--preset--spacing--10);
}

.dc-teaser__bild img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: var(--dc-radius-image);
}

.dc-teaser__text {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--10);
}

.dc-teaser__titel {
	margin: 0;
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 800;
	line-height: 1.15;
}

.dc-teaser__link {
	color: var(--dc-ink);
	text-decoration: none;
	text-decoration-thickness: 3px;
	text-underline-offset: 5px;
}

/* Ganze Fläche klickbar, ohne verschachtelte Links. Rubrik-Link liegt darüber. */
.dc-teaser__link::after {
	content: "";
	position: absolute;
	inset: -8px;
	border-radius: calc(var(--dc-radius-image) + 4px);
}

.dc-teaser .dc-kicker__rubrik {
	position: relative;
	z-index: 1;
}

/* Rubrik-Links im Label: Trefferfläche 44px hoch, ohne die Zeile höher zu machen. */
.dc-kicker a.dc-kicker__rubrik,
.dc-post__kicker .dc-kicker__rubrik a {
	display: inline-block;
	padding-block: 12px;
	margin-block: -12px;
}

.dc-teaser:hover .dc-teaser__link,
.dc-teaser__link:focus-visible {
	text-decoration-line: underline;
	text-decoration-color: var(--dc-ocker);
}

.dc-teaser__link:focus-visible {
	outline: none;
}

.dc-teaser__link:focus-visible::after {
	outline: 3px solid var(--dc-ink);
	outline-offset: 0;
}

.dc-teaser__auszug {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	color: var(--dc-rule);
}

.dc-teaser__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 0.4em;
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
}

.dc-teaser__portrait {
	display: none;
}

/* Ab zwei Spalten stehen Bild und Text jedes Teasers auf gemeinsamen Zeilen (Subgrid). Ein Teaser ohne Bild beginnt
   so auf der Höhe der Nachbar-Labels, statt oben neben dem Bild zu hängen (Kritik 2026-11-01, P2). */
@media (min-width: 900px) {
	.dc-teaser-liste,
	.dc-blog-liste .wp-block-post-template {
		row-gap: 0;
	}

	.dc-teaser-liste > li {
		display: grid;
		grid-row: span 2;
		grid-template-rows: subgrid;
		margin-block-end: var(--wp--preset--spacing--60);
	}

	.dc-teaser-liste > li > .dc-teaser {
		display: grid;
		grid-row: span 2;
		grid-template-rows: subgrid;
		gap: 0;
	}

	.dc-teaser-liste > li > .dc-teaser > .dc-teaser__bild {
		grid-row: 1;
		margin-block-end: var(--wp--preset--spacing--20);
	}

	.dc-teaser-liste > li > .dc-teaser > .dc-teaser__text {
		grid-row: 2;
	}

	body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child,
	body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child > .dc-teaser,
	body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child > .dc-teaser > * {
		grid-row: auto;
		grid-template-rows: none;
	}

	body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child {
		display: block;
	}
}

/* Aufmacher: der erste Beitrag auf Seite 1 der Übersicht (und auf Start) groß, ohne zweite Abfrage. */
body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child {
	grid-column: 1 / -1;
}

body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child .dc-teaser__auszug {
	display: block;
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
	line-height: 1.35;
	color: var(--dc-ink);
}

body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child .dc-teaser__auszug::before {
	content: "// ";
	content: "// " / "";
	color: var(--dc-ocker-ink);
}

body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child .dc-teaser__portrait {
	display: block;
	width: 32px;
	height: 40px;
	margin-inline-end: 0.4em;
	object-fit: cover;
	border-radius: var(--dc-radius-image);
}

@media (min-width: 900px) {
	body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child .dc-teaser:not(.dc-teaser--ohne-bild) {
		display: grid;
		grid-template-columns: 7fr 5fr;
		gap: var(--wp--preset--spacing--50);
		align-items: center;
	}

	body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child .dc-teaser__titel {
		font-size: var(--wp--preset--font-size--xl);
	}

	body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child .dc-teaser__text {
		gap: var(--wp--preset--spacing--20);
	}
}

/* Bild des Aufmachers mit versetzter Ocker-Fläche: 24px nach links unten, 70 % Höhe. */
body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child .dc-teaser__bild {
	position: relative;
	isolation: isolate;
	margin: 0 0 var(--dc-offset) var(--dc-offset);
}

body:not(.paged) .dc-teaser-liste--aufmacher > li:first-child .dc-teaser__bild::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-inline-start: calc(var(--dc-offset) * -1);
	inset-block-end: calc(var(--dc-offset) * -1);
	width: 100%;
	height: 70%;
	background: var(--dc-ocker);
	border-radius: var(--dc-radius-image);
}

/* ---------- Seitenzahlen ---------- */

.dc-blog > .dc-seitenzahlen {
	max-width: 72rem !important;
}

.dc-seitenzahlen {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--20);
}

.dc-seitenzahlen__stand {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--dc-rule);
}

/* ---------- Wer schreibt (Übersicht) ---------- */

.dc-wer-schreibt > h2 {
	margin-block-end: 0;
}

ul.dc-portraits--wer {
	max-width: 36rem;
	padding: 0;
	list-style: none;
}

/* Unter den Namen stehen hier noch Pronomen und Schwerpunkt: Die Fläche reicht bis an die rechte Kante der Reihe,
   sonst läge die dritte Spalte (Blu) mit der längsten Zeile zum Teil daneben. */
.dc-portraits--wer::before {
	width: calc(100% + var(--dc-offset));
}

.dc-portraits--wer > .dc-portraits__slot {
	padding-inline-end: 0.25rem;
}

/* Auf Start steckt das Bild in einem Bild-Block (width: 100% aus theme.css); hier kommt es direkt aus dem Block. */
.dc-portraits--wer img {
	display: block;
	width: 100%;
	height: auto;
}

.dc-wer__extra {
	display: flex;
	flex-direction: column;
	gap: 0.15em;
	margin: 0.35rem 0 0 !important;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.3;
	color: var(--wp--preset--color--accent-2-contrast, var(--dc-ink));
}

.dc-wer__schwerpunkt {
	hyphens: auto;
}

/* ---------- Beitrag: Kopf ---------- */

.dc-post__kopf > * + * {
	margin-block-start: var(--wp--preset--spacing--20);
}

.dc-post__kopf h1.wp-block-post-title {
	margin-block-start: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--xxl);
}

.dc-byline {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	margin-block-start: var(--wp--preset--spacing--30) !important;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
}

.dc-byline__portrait {
	flex: none;
	width: 48px;
	height: 60px;
	object-fit: cover;
	border-radius: var(--dc-radius-image);
}

.dc-byline p {
	margin: 0;
}

.dc-byline__name {
	font-weight: 600;
}

.dc-byline__pronomen,
.dc-byline__wann {
	color: var(--dc-rule);
}

/* ---------- Beitragsbild mit Magazin-Streifen ---------- */

.wp-block-post-featured-image.is-style-beitragsbild {
	position: relative;
	isolation: isolate;
	max-width: 56rem !important;
	margin-block: var(--wp--preset--spacing--50) calc(var(--dc-offset) + var(--wp--preset--spacing--40)) !important;
	padding-inline-start: 0;
}

.dc-main.dc-blog.is-layout-constrained > .is-style-beitragsbild {
	margin-inline-start: calc(max(0px, (100% - 72rem) / 2) + var(--dc-offset)) !important;
}

.wp-block-post-featured-image.is-style-beitragsbild img {
	display: block;
	border-radius: var(--dc-radius-image);
}

.wp-block-post-featured-image.is-style-beitragsbild::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-inline-start: calc(var(--dc-offset) * -1);
	inset-block-end: calc(var(--dc-offset) * -1);
	width: 100%;
	height: 70%;
	background: var(--dc-ocker);
	border-radius: var(--dc-radius-image);
}

/* Mit Bildunterschrift ragt die Fläche 56px heraus; darauf die Unterschrift im Label-Stil. */
.wp-block-post-featured-image.is-style-beitragsbild.has-caption {
	--dc-streifen: 56px;
	margin-block-end: calc(var(--dc-streifen) + var(--wp--preset--spacing--40)) !important;
}

.wp-block-post-featured-image.is-style-beitragsbild.has-caption::before {
	inset-block-end: calc(var(--dc-streifen) * -1);
	height: calc(70% + var(--dc-streifen) - var(--dc-offset));
}

.dc-beitragsbild__caption {
	position: absolute;
	inset-inline-start: calc(var(--dc-offset) * -1);
	inset-block-end: calc(var(--dc-streifen) * -1);
	display: flex;
	align-items: center;
	height: var(--dc-streifen);
	margin: 0;
	padding-inline: var(--dc-offset);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-contrast);
}

/* ---------- Beitrag: Inhalt ---------- */

/* Pinselstrich nur an der H1; H2 im Beitragsinhalt ohne Strich und ohne den Platz dafür. */
.single-post .dc-main .wp-block-post-content h2.wp-block-heading:not(.is-style-no-stroke):not(.alignwide)::after {
	display: none;
}

.single-post .dc-main .wp-block-post-content.is-layout-constrained > h2.wp-block-heading:not(.is-style-no-stroke):not(.alignwide) {
	padding-inline-end: 0;
}

.dc-post__inhalt > h2.wp-block-heading {
	margin-block-start: var(--wp--preset--spacing--60);
	font-size: var(--wp--preset--font-size--xl);
}

.dc-post__inhalt > h3.wp-block-heading {
	margin-block-start: var(--wp--preset--spacing--50);
	font-size: var(--wp--preset--font-size--md);
}

/* Zitat im Beitrag (Kritik 2026-11-01, P1): Die Pull-Quote der Site ist so groß wie eine H2 (xl, 800); im Langtext
   läse man sie als Kapitel. Hier eine Stufe kleiner, mit dem kurzen Strich des Covers darüber. */
.dc-post__inhalt > .dc-pull {
	max-width: 28ch !important;
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 700;
	line-height: 1.2;
}

.dc-post__inhalt > .dc-pull::before {
	content: "";
	display: block;
	width: 32px;
	margin-block-end: var(--wp--preset--spacing--20);
	border-top: var(--dc-line) solid var(--dc-ink);
}

.dc-post__inhalt > .dc-pull + * {
	margin-block-start: var(--wp--preset--spacing--50) !important;
}

/* Merkpunkt: fettes Stichwort mit Doppelpunkt in eigener Zeile, darunter der Absatz. */
.is-style-merkpunkt > strong:first-child {
	display: block;
	font-weight: 700;
}

.is-style-merkpunkt + .is-style-merkpunkt {
	margin-block-start: var(--wp--preset--spacing--30);
}

.dc-autor-kopf__schwerpunkte ul {
	margin-block: 0.25em 0;
}

/* ---------- Lila-Flächen: Kurz gesagt, Autor*innen-Box ---------- */

/* Gleicher Mechanismus wie .dc-section--surface (theme.css): in Ocker + Lila volles Lila mit Papierweiß,
   ohne Zweitton die helle Fläche mit Tinte. */
.is-style-kurz-gesagt,
.dc-autor-box {
	--dc-ocker-ink: var(--wp--preset--color--accent-2-contrast, var(--wp--preset--color--accent-ink));
	--dc-rule: var(--wp--preset--color--accent-2-contrast, var(--wp--preset--color--text-muted));
	padding: var(--wp--preset--spacing--40);
	background: var(--dc-a2-area) !important;
	color: var(--wp--preset--color--accent-2-contrast, var(--dc-ink));
	border-radius: 0;
}

:is(.is-style-kurz-gesagt, .dc-autor-box) a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--accent-2-contrast, var(--wp--preset--color--accent-ink));
	text-decoration-line: underline;
}

:is(.is-style-kurz-gesagt, .dc-autor-box) .is-style-label {
	color: var(--wp--preset--color--accent-2-contrast, var(--dc-rule));
}

:is(.is-style-kurz-gesagt, .dc-autor-box) :where(a, button):focus-visible {
	outline-color: var(--wp--preset--color--accent-2-contrast, var(--dc-ink));
}

.is-style-kurz-gesagt {
	margin-block: var(--wp--preset--spacing--50) !important;
}

.is-style-kurz-gesagt > * {
	margin: 0;
}

.is-style-kurz-gesagt > * + * {
	margin-block-start: var(--wp--preset--spacing--10);
}

.is-style-kurz-gesagt > p:not(.is-style-label) {
	font-size: var(--wp--preset--font-size--md);
	font-weight: 400;
	line-height: 1.45;
}

/* Autor*innen-Box: Porträt links, Text rechts; mobil Porträt über dem Text. */
.dc-autor-box {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--30);
	margin-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--section) !important;
}

@media (min-width: 600px) {
	.dc-autor-box:not(.dc-autor-box--ohne-bild) {
		grid-template-columns: 120px minmax(0, 1fr);
		gap: var(--wp--preset--spacing--40);
		align-items: start;
	}
}

.dc-autor-box__portrait {
	display: block;
	width: 120px;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--dc-radius-image);
}

.dc-autor-box__text > * {
	margin: 0;
}

.dc-autor-box__text > * + * {
	margin-block-start: var(--wp--preset--spacing--10);
}

.dc-autor-box__name {
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 800;
	line-height: 1.15;
}

.dc-autor-box__name .dc-pronomen,
.dc-autor-box .dc-pronomen {
	color: inherit;
}

.dc-autor-box__rolle {
	font-size: var(--wp--preset--font-size--base) !important;
}

.dc-autor-box__schwerpunkte {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.dc-autor-box__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--wp--preset--spacing--30);
	margin-block-start: var(--wp--preset--spacing--20) !important;
}

.dc-autor-box__links a,
.dc-autor-kopf__website a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

/* Externer Link: Pfeil als Gestaltung, der Hinweis für Screenreader steht im Link. */
.dc-extern::after {
	content: "\2009↗";
	content: "\2009↗" / "";
}

/* ---------- Weiterlesen ---------- */

.dc-weiterlesen {
	max-width: 56rem !important;
	margin-block: var(--wp--preset--spacing--section) !important;
}

.dc-weiterlesen__label {
	margin: 0 0 var(--wp--preset--spacing--30);
}

.dc-weiterlesen__liste {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 900px) {
	.dc-weiterlesen__liste:has(> li + li) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--wp--preset--spacing--70);
	}

	.dc-weiterlesen__liste:has(> li + li)::after {
		content: "//";
		content: "//" / "";
		position: absolute;
		inset-block-start: 0;
		inset-inline-start: 50%;
		transform: translateX(-50%);
		font-size: var(--wp--preset--font-size--md);
		font-weight: 600;
		color: var(--dc-ocker-ink);
	}
}

.dc-weiterlesen__item > * {
	margin: 0;
}

.dc-weiterlesen__strich {
	display: block;
	width: 32px;
	margin-block: var(--wp--preset--spacing--10);
	border-top: var(--dc-line) solid var(--dc-ink);
}

.dc-weiterlesen__titel {
	font-size: var(--wp--preset--font-size--md);
	font-weight: 800;
	line-height: 1.25;
}

.dc-weiterlesen__titel a {
	display: inline-block;
	min-height: 44px;
	color: var(--dc-ink);
	text-decoration-thickness: 2px;
	text-decoration-color: var(--dc-ocker);
}

/* ---------- Autor*innen-Seite: Doppelseite ---------- */

.dc-autor-kopf {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--50);
}

.dc-autor-kopf__bild {
	position: relative;
	isolation: isolate;
	max-width: 280px;
	margin: 0 0 var(--dc-offset) var(--dc-offset);
}

.dc-autor-kopf__bild::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-inline-start: calc(var(--dc-offset) * -1);
	inset-block-end: calc(var(--dc-offset) * -1);
	width: 100%;
	height: 70%;
	background: var(--dc-a2-offset);
	border-radius: var(--dc-radius-image);
}

.dc-autor-kopf__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--dc-radius-image);
}

.dc-autor-kopf__text {
	max-width: 40rem;
}

.dc-autor-kopf__text > :first-child {
	margin-block-start: 0;
}

.dc-autor-kopf__text > h1 {
	margin-block-start: var(--wp--preset--spacing--20);
}

@media (min-width: 900px) {
	.dc-autor-kopf:not(.dc-autor-kopf--ohne-bild) {
		grid-template-columns: 5fr 7fr;
		gap: var(--wp--preset--spacing--60);
		align-items: start;
	}

	.dc-autor-kopf__bild {
		max-width: none;
	}
}

.dc-autor-kopf__beitraege {
	margin-block: var(--wp--preset--spacing--section) var(--wp--preset--spacing--50) !important;
}

/* ---------- Start und Über uns ---------- */

.dc-blog-teaser .dc-teaser-liste {
	margin-block-start: var(--wp--preset--spacing--50);
}

.dc-blog-teaser__alle {
	margin-block-start: var(--wp--preset--spacing--50);
	font-weight: 600;
}

.dc-blog-teaser__alle a,
.dc-autor-link a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.dc-blog-teaser__alle a::after {
	content: "\2009→";
	content: "\2009→" / "";
}