/*
Theme Name: DERIN KAYRAN
Theme URI: https://derinkayran.com
Author: KulturGuru GmbH
Description: Autorinnen-Website für DERIN KAYRAN. Mediterran, ruhig und edel: Briefpapier-Creme, Gold, Zypressengrün und Aquarell. Block-Theme mit Unterseiten (Bücher, Buchseiten, Über die Autorin, Fragen, Kontakt), gut lesbaren Schriften, lokal eingebundenen Schriftdateien (DSGVO) sowie Impressum und Datenschutz.
Version: 2.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: derin-kayran
Tags: block-patterns, full-site-editing, custom-colors, custom-menu, editor-style
*/

/* =========================================================
   Grundlagen
   ========================================================= */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
}
:where(a):focus-visible,
:where(.wp-element-button):focus-visible,
summary:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold);
	outline-offset: 3px;
}
[id] { scroll-margin-top: 6rem; }
.wp-site-blocks > * { margin-block-start: 0; }

/* =========================================================
   Typografische Bausteine (Klassen für „Zusätzliche CSS-Klassen“)
   ========================================================= */
/* Name DERIN KAYRAN: Versalien, gesperrt, Gold */
.dk-name {
	font-family: var(--wp--preset--font-family--name) !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--gold);
	line-height: 1.04;
}
h1.dk-name { font-size: var(--wp--preset--font-size--name); }

/* Etikett: klein, aber gut lesbar */
.dk-label {
	font-family: var(--wp--preset--font-family--name);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--label);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold-text);
}
.dk-hook {
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	font-weight: 600;
	font-size: 1.55rem;
	line-height: 1.25;
	color: var(--wp--preset--color--gold-text);
}
.dk-meta { font-style: italic; color: var(--wp--preset--color--tinte-sanft); }
.dk-lead { font-size: 1.28rem; color: var(--wp--preset--color--tinte-sanft); }
.dk-hinweis {
	font-style: italic;
	color: var(--wp--preset--color--tinte-sanft);
	border-left: 2px solid var(--wp--preset--color--gold);
	padding-left: 0.9rem;
}
.dk-mehr a, a.dk-mehr {
	font-family: var(--wp--preset--font-family--name);
	font-weight: 500;
	font-size: 0.88rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wp--preset--color--gold-text);
	border-bottom: 2px solid var(--wp--preset--color--gold-hell);
	padding-bottom: 0.15rem;
}
.dk-mehr a:hover { color: var(--wp--preset--color--tinte); border-color: var(--wp--preset--color--tinte); }
.dk-ueberschrift em { font-style: italic; color: var(--wp--preset--color--gold-text); font-weight: 600; }

/* Kurze Goldlinie (Trennlinien-Block) */
.wp-block-separator.dk-linie {
	width: 4rem; max-width: 4rem; height: 2px; border: 0; opacity: 1;
	background: var(--wp--preset--color--gold);
	margin-left: auto !important; margin-right: auto !important;
}
.dk-trenner img { display: block; margin-inline: auto; }

/* Abschnitte */
.dk-abschnitt {
	padding-top: clamp(4rem, 9vw, 7rem);
	padding-bottom: clamp(4rem, 9vw, 7rem);
}
.dk-kopf { margin-bottom: clamp(2.5rem, 5vw, 3.75rem) !important; }
.dk-leinen { background: var(--wp--preset--color--leinen); }

/* =========================================================
   Kopfzeile (bleibt beim Scrollen sichtbar)
   ========================================================= */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 32px); }
.dk-top {
	background: color-mix(in srgb, var(--wp--preset--color--papier) 94%, transparent);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 25%, transparent);
}
.dk-header { padding-top: 0.8rem; padding-bottom: 0.8rem; gap: 1rem; }
.dk-marke { gap: 0.8rem !important; }
.dk-marke .wp-block-image img { display: block; height: auto; }
.dk-marke-text {
	font-family: var(--wp--preset--font-family--name);
	font-weight: 500;
	font-size: 1rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	margin: 0;
}
.dk-marke-text a { color: var(--wp--preset--color--tinte); text-decoration: none; }
.dk-header .wp-block-navigation { column-gap: clamp(1rem, 2.4vw, 2rem); }
.dk-header .wp-block-navigation-item__content {
	padding-block: 0.35rem;
	border-bottom: 2px solid transparent;
	transition: color .2s, border-color .2s;
}
.dk-header .wp-block-navigation-item__content:hover,
.dk-header .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--gold-text);
	border-color: var(--wp--preset--color--gold-text);
}
.dk-header .wp-block-social-links { margin: 0; }
.dk-header .wp-block-social-link { color: var(--wp--preset--color--tinte); }
.dk-header .wp-block-social-link svg { width: 24px; height: 24px; }
/* Mobiles Menü: groß und klar */
.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--papier) !important;
	padding: 1.5rem max(16px, env(safe-area-inset-right, 0px)) 2rem max(16px, env(safe-area-inset-left, 0px));
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.5rem;
	padding-block: 0.6rem !important;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--gold-text);
}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg { width: 30px; height: 30px; }
@media (max-width: 600px) { .dk-marke-text { display: none; } }

/* =========================================================
   Startseite: Bühne mit gefächerten Covern
   ========================================================= */
.dk-buehne {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 30%, transparent);
}
.dk-buehne::before {
	content: ""; position: absolute; inset: 0 0 0 auto; width: min(46%, 38rem);
	background: url("assets/images/aquarell-rechts.webp") left center / cover; opacity: .9;
	-webkit-mask-image: linear-gradient(270deg, #000 40%, transparent);
	mask-image: linear-gradient(270deg, #000 40%, transparent);
}
.dk-buehne::after {
	content: ""; position: absolute; inset: 0 auto 0 0; width: clamp(5rem, 12vw, 10rem);
	background: url("assets/images/aquarell-links.webp") right top / cover; opacity: .7;
	-webkit-mask-image: linear-gradient(90deg, #000 20%, transparent);
	mask-image: linear-gradient(90deg, #000 20%, transparent);
}
.dk-buehne > * { position: relative; z-index: 1; }
.dk-buehne-text { padding-left: clamp(0rem, 4vw, 3rem); }
.dk-rolle {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: clamp(1.5rem, 3vw, 2rem);
	line-height: 1.15;
}
.dk-rolle-2 {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 500;
	font-size: clamp(1.25rem, 2.4vw, 1.6rem);
	color: var(--wp--preset--color--tinte-sanft);
	margin-top: 0 !important;
}
.dk-themen { border-left: 2px solid var(--wp--preset--color--gold); padding-left: 1rem; max-width: 30rem; }

.dk-faecher { position: relative; height: clamp(22rem, 42vw, 32rem); }
.dk-faecher > .wp-block-image {
	position: absolute; margin: 0;
	width: clamp(11rem, 20vw, 15.5rem);
	box-shadow: var(--wp--preset--shadow--buch);
	transition: transform .35s ease;
}
.dk-faecher > .wp-block-image img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 8; object-fit: cover; }
.dk-faecher > .dk-fach-1 { left: 4%; top: 10%; transform: rotate(-7deg); z-index: 2; }
.dk-faecher > .dk-fach-2 { left: 38%; top: 18%; transform: rotate(5deg); z-index: 3; }
.dk-faecher > .wp-block-image:hover { transform: rotate(0) translateY(-10px); z-index: 5; }
.dk-plakette {
	position: absolute; z-index: 6; margin: 0 !important;
	left: calc(38% + clamp(8rem, 15vw, 12rem)); top: 12%;
	width: 6.4rem; height: 6.4rem; border-radius: 50%;
	background: var(--wp--preset--color--zypresse); color: var(--wp--preset--color--zypresse-text);
	display: grid; place-content: center; text-align: center;
	font-family: var(--wp--preset--font-family--name); font-weight: 500; font-size: 0.78rem;
	letter-spacing: 0.1em; line-height: 1.35; text-transform: uppercase;
	transform: rotate(10deg);
	box-shadow: 0 .8rem 1.4rem -.8rem rgb(0 0 0 / .5);
}
.dk-plakette strong {
	display: block; font-family: var(--wp--preset--font-family--display);
	font-size: 1.25rem; letter-spacing: 0; text-transform: none; font-weight: 600;
	color: var(--wp--preset--color--gold-hell);
}

/* Laufband */
.dk-laufband {
	background: var(--wp--preset--color--zypresse);
	color: var(--wp--preset--color--zypresse-text);
	overflow: hidden;
	border-block: 1px solid var(--wp--preset--color--gold);
}
.dk-laufband .dk-reihe { display: flex; width: max-content; animation: dk-lauf 40s linear infinite; }
.dk-laufband span {
	font-family: var(--wp--preset--font-family--display); font-style: italic; font-size: 1.4rem;
	padding: .75rem 1.4rem; white-space: nowrap; display: flex; align-items: center; gap: 2.8rem;
}
.dk-laufband span::after { content: "✦"; font-style: normal; color: var(--wp--preset--color--gold-hell); font-size: .8rem; }
@keyframes dk-lauf { to { transform: translateX(-50%); } }

/* Grüne Bühne (Neuerscheinung) */
.dk-gruen {
	background: var(--wp--preset--color--zypresse);
	color: var(--wp--preset--color--zypresse-text);
	position: relative; overflow: hidden;
}
.dk-gruen::before {
	content: ""; position: absolute; right: -8rem; top: -8rem; width: 28rem; height: 28rem; border-radius: 50%;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--gold-hell) 30%, transparent);
}
.dk-gruen :where(h1, h2, h3) { color: var(--wp--preset--color--zypresse-text); }
.dk-gruen .dk-label, .dk-gruen .dk-hook { color: var(--wp--preset--color--gold-hell); }
.dk-gruen .dk-meta { color: var(--wp--preset--color--zypresse-sanft); }
.dk-gruen .wp-block-button__link { background: var(--wp--preset--color--zypresse-text); border-color: var(--wp--preset--color--zypresse-text); color: var(--wp--preset--color--zypresse); }
.dk-gruen .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--zypresse-text); }
.dk-gruen .is-style-outline .wp-block-button__link { background: transparent; border-color: var(--wp--preset--color--gold-hell); color: var(--wp--preset--color--zypresse-text); }
.dk-gruen .is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--gold-hell); color: var(--wp--preset--color--zypresse); }
.dk-gruen .dk-cover img { box-shadow: 0 2rem 3rem -1.4rem rgb(0 0 0 / .6); }

/* Eckdaten (Listen-Block mit Klasse dk-fakten) */
ul.dk-fakten {
	list-style: none; padding: 0; margin-block: .4rem;
	display: flex; flex-wrap: wrap;
	border-block: 1px solid color-mix(in srgb, var(--wp--preset--color--gold-hell) 40%, transparent);
}
ul.dk-fakten li {
	padding: .9rem 1.6rem .9rem 0; margin-right: 1.6rem;
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--gold-hell) 30%, transparent);
	font-family: var(--wp--preset--font-family--display); font-size: 1.35rem; font-weight: 600; line-height: 1.25;
	font-variant-numeric: tabular-nums;
}
ul.dk-fakten li:last-child { border-right: 0; margin-right: 0; }
ul.dk-fakten li strong {
	display: block;
	font-family: var(--wp--preset--font-family--name); font-weight: 500; font-size: .78rem;
	letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--gold-text);
}
.dk-gruen ul.dk-fakten li strong { color: var(--wp--preset--color--gold-hell); }

/* Leitmotive */
.dk-motiv {
	background: var(--wp--preset--color--karte);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 30%, transparent);
	padding: 2.2rem 1.8rem !important;
	position: relative; transition: transform .25s, border-color .25s;
}
.dk-motiv:hover { transform: translateY(-4px); border-color: var(--wp--preset--color--gold); }
.dk-motiv .dk-nr {
	position: absolute; right: 1.4rem; top: 1.1rem; margin: 0;
	font-family: var(--wp--preset--font-family--display); font-style: italic; font-size: 3rem; line-height: 1;
	color: color-mix(in srgb, var(--wp--preset--color--gold) 35%, transparent);
}
.dk-motiv h3 { font-size: 1.75rem; }
.dk-motiv p { color: var(--wp--preset--color--tinte-sanft); }
.dk-motiv .dk-in { font-style: italic; color: var(--wp--preset--color--gold-text); font-size: 1.02rem; }

/* Bücherraster */
.dk-karte { align-content: start; }
.dk-karte .dk-karte-bild { background: var(--wp--preset--color--leinen); padding: 1.6rem 2.2rem; margin: 0 0 .4rem; }
.dk-karte .dk-karte-bild img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 8; object-fit: cover; box-shadow: var(--wp--preset--shadow--buch); transition: transform .35s; }
.dk-karte:hover .dk-karte-bild img { transform: translateY(-6px) rotate(-1deg); }
.dk-karte h3 { font-size: 1.8rem; }
.dk-karte h3 a { color: inherit; text-decoration: none; }
.dk-karte p { color: var(--wp--preset--color--tinte-sanft); font-size: 1.12rem; }
.dk-tags { color: var(--wp--preset--color--gold-text) !important; font-weight: 500; font-size: 1rem !important; }
.dk-karte-neu {
	border: 1px dashed var(--wp--preset--color--gold-hell);
	justify-content: center; text-align: center; padding: 2.5rem 1.5rem !important; min-height: 20rem;
}

/* Wechselnde Zitate */
.dk-zitate { text-align: center; }
.dk-zitate .wp-block-quote { border: 0; padding: 0; margin: 0 auto; max-width: 50rem; }
.dk-zitate .wp-block-quote p {
	font-family: var(--wp--preset--font-family--display); font-style: italic; font-weight: 500;
	font-size: clamp(1.8rem, 4.2vw, 2.9rem); line-height: 1.22;
}
.dk-zitate .wp-block-quote cite {
	display: block; margin-top: 1.2rem; font-style: normal; font-weight: 500; font-size: 1.1rem;
	color: var(--wp--preset--color--gold-text);
}
.dk-zitate.dk-js .dk-zitat-liste { display: grid; }
.dk-zitate.dk-js .dk-zitat-liste > .wp-block-quote {
	grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .7s ease; margin: 0 auto !important;
}
.dk-zitate.dk-js .dk-zitat-liste > .wp-block-quote.is-on { opacity: 1; visibility: visible; }
.dk-zitat-punkte { display: flex; justify-content: center; gap: .4rem; margin-top: 1.6rem; }
.dk-zitat-punkte button { width: 2.75rem; height: 2.75rem; border: 0; background: none; cursor: pointer; display: grid; place-items: center; padding: 0; }
.dk-zitat-punkte button::before { content: ""; width: .7rem; height: .7rem; border-radius: 50%; border: 1px solid var(--wp--preset--color--gold-text); }
.dk-zitat-punkte button[aria-current="true"]::before { background: var(--wp--preset--color--gold-text); }
.dk-anfuehrung { font-family: var(--wp--preset--font-family--display); font-size: 6rem !important; line-height: .4 !important; height: 2.2rem; color: var(--wp--preset--color--gold-hell); margin: 0 !important; }

/* Leserstimmen-Einladung */
.dk-einladung {
	border: 1px dashed var(--wp--preset--color--gold-hell);
	background: color-mix(in srgb, var(--wp--preset--color--karte) 70%, transparent);
	padding: clamp(2rem, 5vw, 3rem) !important; text-align: center;
}

/* Autorin-Anriss */
.dk-aquarell img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: var(--wp--preset--shadow--buch); }
.dk-aquarell { position: relative; max-width: 26rem; margin-inline: auto; }
.dk-zahlen { gap: 2.5rem !important; }
.dk-zahl { margin: 0; color: var(--wp--preset--color--tinte-sanft); font-size: 1.02rem; line-height: 1.3; }
.dk-zahl strong { display: block; font-family: var(--wp--preset--font-family--display); font-size: 3rem; font-weight: 600; line-height: 1; color: var(--wp--preset--color--gold-text); font-variant-numeric: tabular-nums; }

/* Aufruf-Band */
.dk-aufruf { background: var(--wp--preset--color--zypresse-tief); color: var(--wp--preset--color--zypresse-text); text-align: center; position: relative; overflow: hidden; }
.dk-aufruf::before { content: ""; position: absolute; inset: 0; background: url("assets/images/aquarell-rechts.webp") center / cover; opacity: .16; mix-blend-mode: luminosity; }
.dk-aufruf > * { position: relative; }
.dk-aufruf h2 { color: var(--wp--preset--color--zypresse-text); font-style: italic; font-weight: 500; font-size: clamp(2.2rem, 5.5vw, 3.8rem); }
.dk-aufruf h2 strong { font-style: normal; font-weight: 600; color: var(--wp--preset--color--gold-hell); }
.dk-aufruf .dk-label { color: var(--wp--preset--color--gold-hell); }
.dk-aufruf .wp-block-button__link { background: var(--wp--preset--color--zypresse-text); border-color: var(--wp--preset--color--zypresse-text); color: var(--wp--preset--color--zypresse); }
.dk-aufruf .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--zypresse-text); }
.dk-aufruf .is-style-outline .wp-block-button__link { background: transparent; border-color: var(--wp--preset--color--gold-hell); color: var(--wp--preset--color--zypresse-text); }
.dk-aufruf .is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--gold-hell); color: var(--wp--preset--color--zypresse); }

/* =========================================================
   Unterseiten
   ========================================================= */
.dk-seitenkopf {
	position: relative; overflow: hidden; text-align: center;
	padding-top: clamp(3.5rem, 8vw, 5.5rem); padding-bottom: clamp(3.5rem, 8vw, 5.5rem);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 30%, transparent);
}
.dk-seitenkopf::before, .dk-seitenkopf::after {
	content: ""; position: absolute; top: 0; bottom: 0; width: clamp(6rem, 16vw, 14rem); background-size: cover; opacity: .6;
}
.dk-seitenkopf::before {
	left: 0; background-image: url("assets/images/aquarell-links.webp"); background-position: right top;
	-webkit-mask-image: linear-gradient(90deg, #000 30%, transparent); mask-image: linear-gradient(90deg, #000 30%, transparent);
}
.dk-seitenkopf::after {
	right: 0; background-image: url("assets/images/aquarell-rechts.webp"); background-position: left center;
	-webkit-mask-image: linear-gradient(270deg, #000 30%, transparent); mask-image: linear-gradient(270deg, #000 30%, transparent);
}
.dk-seitenkopf > * { position: relative; z-index: 1; }
.dk-seitenkopf .wp-block-post-title, .dk-seitenkopf h1 { font-size: clamp(2.6rem, 6vw, 4.2rem); }

/* Buchseite */
.dk-buch-cover { position: sticky; top: 7rem; }
.dk-buch-cover img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 8; object-fit: cover; box-shadow: var(--wp--preset--shadow--buch); }
.dk-chips { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; }
.dk-chips li { font-size: 1.05rem; padding: .2rem .9rem; border: 1px solid var(--wp--preset--color--gold-hell); border-radius: 999px; color: var(--wp--preset--color--tinte-sanft); }
.dk-leseprobe {
	background: var(--wp--preset--color--karte);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 30%, transparent);
	padding: clamp(1.8rem, 5vw, 3.5rem) !important; position: relative;
}
.dk-leseprobe::before { content: ""; position: absolute; inset: .6rem; border: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 18%, transparent); pointer-events: none; }
.dk-initiale::first-letter { float: left; font-family: var(--wp--preset--font-family--display); font-size: 4.2rem; line-height: .8; padding: .35rem .5rem 0 0; color: var(--wp--preset--color--gold-text); }

/* Über die Autorin – Seitenleiste */
.dk-seitenleiste { background: var(--wp--preset--color--leinen); padding: 2rem 1.5rem !important; text-align: center; position: sticky; top: 7rem; }
.dk-seitenleiste .dk-siegel img { border-radius: 50%; border: 3px solid var(--wp--preset--color--karte); }

/* Fragen (Details-Block) */
.dk-fragen .wp-block-details { border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 35%, transparent); margin: 0 !important; }
.dk-fragen .wp-block-details:first-child { border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 35%, transparent); }
.dk-fragen summary {
	list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem;
	padding: 1.35rem 0; font-family: var(--wp--preset--font-family--display); font-size: 1.55rem; font-weight: 600; line-height: 1.25;
}
.dk-fragen summary::-webkit-details-marker { display: none; }
.dk-fragen summary::after { content: "+"; font-family: var(--wp--preset--font-family--text); font-size: 1.8rem; color: var(--wp--preset--color--gold-text); transition: transform .25s; flex: none; }
.dk-fragen details[open] summary::after { transform: rotate(45deg); }
.dk-fragen details > :not(summary) { color: var(--wp--preset--color--tinte-sanft); max-width: 40rem; }
.dk-fragen details > :last-child { padding-bottom: 1.5rem; }

/* Kontakt-Karten */
.dk-kontakt-karte .dk-adresse { font-family: var(--wp--preset--font-family--display); font-size: 1.4rem; color: var(--wp--preset--color--tinte); user-select: all; overflow-wrap: anywhere; }

/* Impressum, Datenschutz */
.dk-seite { padding-top: clamp(3rem, 7vw, 5rem); padding-bottom: clamp(3rem, 7vw, 5rem); }
.dk-seite h2 { font-size: var(--wp--preset--font-size--gross); margin-top: 2.5rem; }

/* =========================================================
   Fuß
   ========================================================= */
.dk-fuss { background: var(--wp--preset--color--zypresse); color: var(--wp--preset--color--zypresse-text); }
.dk-fuss-spalten { padding-top: 4rem; padding-bottom: 3rem; gap: 2.5rem !important; }
.dk-fuss .dk-fuss-name { font-family: var(--wp--preset--font-family--name); letter-spacing: .18em; font-size: 1.3rem; text-transform: uppercase; }
.dk-fuss p { color: var(--wp--preset--color--zypresse-sanft); }
.dk-fuss h4 {
	font-family: var(--wp--preset--font-family--name); font-weight: 500; font-size: .9rem; letter-spacing: .14em;
	text-transform: uppercase; color: var(--wp--preset--color--gold-hell); margin-bottom: 1rem;
}
.dk-fuss ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .7rem; font-size: 1.12rem; }
.dk-fuss a { color: var(--wp--preset--color--zypresse-text); text-decoration: none; border-bottom: 1px solid transparent; transition: color .2s, border-color .2s; overflow-wrap: anywhere; }
.dk-fuss a:hover { color: var(--wp--preset--color--gold-hell); border-color: var(--wp--preset--color--gold-hell); }
.dk-fuss-zeile {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--gold-hell) 25%, transparent);
	padding-top: 1.4rem; padding-bottom: 2rem; font-size: 1.02rem;
}
.dk-fuss-zeile p { color: #D6DFD8; margin: 0; }

/* =========================================================
   Responsiv
   ========================================================= */
@media (max-width: 781px) {
	.dk-buehne::before { width: 100%; opacity: .22; }
	.dk-buehne::after { display: none; }
	.dk-buehne-text { padding-left: 0; }
	.dk-faecher { height: clamp(20rem, 80vw, 26rem); max-width: 30rem; margin-inline: auto; }
	.dk-faecher > .dk-fach-1 { left: 2%; }
	.dk-faecher > .wp-block-image { width: clamp(10rem, 44vw, 13rem); }
	.dk-plakette { left: auto; right: 0; top: 4%; }
	.dk-gruen .dk-cover, .dk-buch-cover { max-width: 15rem; position: static; }
	.dk-seitenleiste { position: static; }
	.dk-aquarell { max-width: 20rem; }
	.dk-fuss-spalten { flex-wrap: wrap !important; }
}

/* Ergänzungen 2.0 */
.dk-seitenkopf.dk-schmal { padding-top: 1.4rem; padding-bottom: 1.4rem; }
.dk-pfad { font-size: 1.05rem; color: var(--wp--preset--color--tinte-sanft); margin: 0; }
.dk-pfad a { color: var(--wp--preset--color--gold-text); }
h1.dk-buchtitel { font-size: var(--wp--preset--font-size--titel); }
.dk-raster { gap: 2.5rem 2rem !important; }
.dk-raster-eins { margin-top: 2rem !important; }
.dk-gruen h2 { font-size: clamp(2.4rem, 5vw, 3.6rem); }
.dk-buehne .wp-block-buttons { gap: .9rem; }
.dk-motiv .wp-block-image { margin: 0; }