/* ==========================================================================
   dinge-leihen – Theme-Styles
   Dunkelgrün-oliv, freundlich: weiche Radien, warmes Honig-Akzentlicht.
   ========================================================================== */

:root {
	--dl-moos: var(--wp--preset--color--moos, #121A13);
	--dl-waldboden: var(--wp--preset--color--waldboden, #1A241A);
	--dl-farn: var(--wp--preset--color--farn, #233024);
	--dl-rinde: var(--wp--preset--color--rinde, #34442F);
	--dl-oliv: var(--wp--preset--color--oliv, #7D8B45);
	--dl-salbei: var(--wp--preset--color--salbei, #A9BE8B);
	--dl-blatt: var(--wp--preset--color--blatt, #C9DB7A);
	--dl-honig: var(--wp--preset--color--honig, #EDB95E);
	--dl-ton: var(--wp--preset--color--ton, #D9805B);
	--dl-creme: var(--wp--preset--color--creme, #F2EEDC);
	--dl-nebel: var(--wp--preset--color--nebel, #B7BDA6);
	--dl-r-s: 10px;
	--dl-r-m: 18px;
	--dl-r-l: 28px;
	--dl-linie: rgba(201, 219, 122, 0.14);
	--dl-linie-stark: rgba(201, 219, 122, 0.28);
	--dl-schatten: 0 18px 50px -20px rgba(0, 0, 0, 0.6);
	--dl-ease: cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background-color: var(--dl-moos);
	background-image:
		radial-gradient(900px 500px at 85% -120px, rgba(125, 139, 69, .22), transparent 70%),
		radial-gradient(700px 420px at -10% 30%, rgba(169, 190, 139, .06), transparent 70%);
	background-repeat: no-repeat;
}
::selection { background: var(--dl-blatt); color: var(--dl-moos); }
:focus-visible { outline: 2px solid var(--dl-honig); outline-offset: 3px; border-radius: 6px; }

/* Überschriften: weiche Fraunces-Variante, Kursiv als freundlicher Akzent */
h1, h2, h3, h4, .wp-block-post-title, .wp-block-site-title {
	font-variation-settings: "SOFT" 100, "WONK" 0, "opsz" 72;
}
h1 em, h2 em, h3 em, .dl-hero__titel em {
	font-style: italic;
	font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 72;
	color: var(--dl-blatt);
	font-weight: 480;
}
h2 em { color: var(--dl-salbei); }

.dl-oberzeile {
	font-family: var(--wp--preset--font-family--figtree);
	font-size: .8rem !important;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--dl-salbei);
	margin-bottom: .6rem !important;
}
.dl-oberzeile--pille {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	padding: .45rem .95rem .45rem .7rem;
	border: 1px solid var(--dl-linie-stark);
	border-radius: 999px;
	background: rgba(201, 219, 122, .06);
	letter-spacing: .06em;
	text-transform: none;
	font-size: .9rem !important;
	font-weight: 600;
}
.dl-oberzeile--pille::before {
	content: "";
	width: .55rem; height: .55rem;
	border-radius: 50%;
	background: var(--dl-blatt);
	box-shadow: 0 0 0 4px rgba(201, 219, 122, .18);
	animation: dl-puls 2.6s ease-in-out infinite;
}
@keyframes dl-puls { 50% { box-shadow: 0 0 0 8px rgba(201, 219, 122, 0); } }

.dl-icon { flex: none; vertical-align: middle; }

/* ---------- Kopf ---------- */
.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); }
.dl-kopf {
	background: rgba(18, 26, 19, .72);
	backdrop-filter: blur(14px) saturate(1.2);
	-webkit-backdrop-filter: blur(14px) saturate(1.2);
	border-bottom: 1px solid transparent;
	transition: border-color .3s, background .3s;
}
.dl-kopf.is-gescrollt { border-bottom-color: var(--dl-linie); background: rgba(18, 26, 19, .9); }

.dl-marke { margin: 0; white-space: nowrap; font-size: 1.45rem; font-weight: 640; letter-spacing: -.02em; }
.dl-marke a {
	display: inline-flex; align-items: center; gap: .55rem;
	color: var(--dl-creme) !important; text-decoration: none;
}
.dl-marke a::before {
	content: "";
	width: 34px; height: 34px; flex: none;
	border-radius: 11px;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121A13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18c0-7 4-12 12-12 0 8-5 12-11 12'/%3E%3Cpath d='M6 18 13 11'/%3E%3C/svg%3E") center / 20px no-repeat,
		linear-gradient(140deg, var(--dl-blatt), var(--dl-honig));
	box-shadow: 0 6px 18px -6px rgba(201, 219, 122, .55);
	transition: transform .4s var(--dl-ease);
}
.dl-marke a:hover::before { transform: rotate(-12deg) scale(1.05); }

.dl-nav .wp-block-navigation-item__content {
	color: var(--dl-creme);
	padding: .45rem .2rem;
	position: relative;
}
.dl-nav .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: .15rem;
	height: 2px; border-radius: 2px; background: var(--dl-blatt);
	transform: scaleX(0); transform-origin: left; transition: transform .3s var(--dl-ease);
}
.dl-nav .wp-block-navigation-item__content:hover::after { transform: scaleX(1); }
.dl-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--dl-moos) !important;
	color: var(--dl-creme) !important;
	padding: 2rem;
}
.dl-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.6rem; font-family: var(--wp--preset--font-family--fraunces); }

.dl-knopf-plus .wp-block-button__link::before {
	content: "+"; font-weight: 800; margin-right: .45rem; font-size: 1.1em; line-height: 0;
}
.dl-kopf__cta .wp-block-button__link { padding: .65rem 1.15rem; font-size: .95rem; }

.wp-element-button, .wp-block-button__link {
	transition: background-color .25s, color .25s, transform .25s var(--dl-ease), box-shadow .25s;
	box-shadow: 0 10px 30px -14px rgba(237, 185, 94, .6);
}
.wp-element-button:hover, .wp-block-button__link:hover { transform: translateY(-2px); }
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--dl-creme) !important;
	border: 1.5px solid var(--dl-linie-stark);
	box-shadow: none;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--dl-blatt); color: var(--dl-blatt) !important; }

/* ---------- Eigene Knöpfe ---------- */
.dl-knopf {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	padding: .85rem 1.4rem;
	border: 0; border-radius: 999px;
	background: var(--dl-honig); color: var(--dl-moos) !important;
	font: 700 1rem/1.2 var(--wp--preset--font-family--figtree);
	cursor: pointer; text-decoration: none !important;
	transition: background .25s, transform .25s var(--dl-ease), box-shadow .25s;
	box-shadow: 0 10px 30px -14px rgba(237, 185, 94, .7);
}
.dl-knopf:hover { background: var(--dl-blatt); transform: translateY(-2px); }
.dl-knopf--breit { width: 100%; padding: 1rem; font-size: 1.05rem; }
.dl-knopf--klein { padding: .5rem .85rem; font-size: .88rem; }
.dl-knopf--leise {
	background: transparent; color: var(--dl-creme) !important;
	border: 1px solid var(--dl-linie-stark); box-shadow: none;
}
.dl-knopf--leise:hover { background: rgba(201, 219, 122, .08); color: var(--dl-blatt) !important; border-color: var(--dl-blatt); }
.dl-knopf--gefahr:hover { color: var(--dl-ton) !important; border-color: var(--dl-ton); background: rgba(217, 128, 91, .08); }

/* ---------- Hero ---------- */
.dl-hero { position: relative; overflow: hidden; }
.dl-hero::before {
	content: ""; position: absolute; inset: auto -10% -40% auto;
	width: 60vw; height: 60vw; max-width: 900px; max-height: 900px;
	background: radial-gradient(circle, rgba(201, 219, 122, .1), transparent 60%);
	pointer-events: none;
}
.dl-hero__titel { margin-top: .4rem; line-height: 1.02 !important; letter-spacing: -.025em !important; }
.dl-hero__text { max-width: 36rem; line-height: 1.55 !important; }
.dl-hero .dl-suche { margin-top: 2rem; }

.dl-vorteile-zeile {
	list-style: none; padding: 0; margin-top: 1.6rem !important;
	display: flex; flex-wrap: wrap; gap: .5rem 1.4rem;
	color: var(--dl-nebel); font-size: .95rem;
}
.dl-vorteile-zeile li { display: inline-flex; align-items: center; gap: .45rem; }
.dl-vorteile-zeile li::before {
	content: ""; width: 18px; height: 18px; border-radius: 50%;
	background: rgba(201, 219, 122, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9DB7A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat;
}

/* Illustration: schwebende Inserate */
.dl-hero-stapel { position: relative; height: 580px; max-width: 480px; margin-inline: auto; }
.dl-hero-blatt {
	position: absolute; border-radius: 60% 40% 55% 45% / 55% 45% 55% 45%;
	background: linear-gradient(150deg, #3B4A26, #233024);
	border: 1px solid var(--dl-linie);
}
.dl-hero-blatt--1 { width: 380px; height: 380px; top: 60px; left: 40px; animation: dl-wabern 14s ease-in-out infinite; }
.dl-hero-blatt--2 { width: 160px; height: 160px; top: 10px; right: 0; background: linear-gradient(150deg, rgba(237,185,94,.35), rgba(237,185,94,.05)); animation: dl-wabern 11s ease-in-out infinite reverse; }
@keyframes dl-wabern {
	50% { border-radius: 45% 55% 40% 60% / 45% 60% 40% 55%; transform: rotate(8deg); }
}
.dl-schwebe {
	position: absolute; width: 220px; padding: 10px 10px 14px;
	background: rgba(26, 36, 26, .92);
	border: 1px solid var(--dl-linie-stark);
	border-radius: 22px;
	box-shadow: var(--dl-schatten);
	backdrop-filter: blur(6px);
	animation: dl-schweben 7s ease-in-out infinite;
}
.dl-schwebe p { margin: 0; }
.dl-schwebe__bild { height: 120px; border-radius: 14px; display: grid; place-items: center; margin-bottom: .7rem; }
.dl-schwebe__titel { font-family: var(--wp--preset--font-family--fraunces); font-weight: 600; font-size: 1.05rem; padding-inline: 4px; }
.dl-schwebe__meta { display: flex; justify-content: space-between; font-size: .85rem; color: var(--dl-nebel); padding-inline: 4px; margin-top: .2rem !important; }
.dl-schwebe__meta strong { color: var(--dl-honig); }
.dl-schwebe--a { top: 20px; left: 0; transform: rotate(-5deg); }
.dl-schwebe--b { top: 130px; right: 0; transform: rotate(4deg); animation-delay: -2.3s; }
.dl-schwebe--c { top: 340px; left: 40px; transform: rotate(-2deg); animation-delay: -4.6s; }
@keyframes dl-schweben {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -12px; }
}
.dl-toast {
	position: absolute; bottom: 8px; right: 10px;
	display: flex; gap: .7rem; align-items: center;
	padding: .8rem 1rem; border-radius: 16px;
	background: var(--dl-creme); color: var(--dl-moos);
	box-shadow: var(--dl-schatten);
	font-size: .85rem; line-height: 1.35;
	animation: dl-toast 7s var(--dl-ease) infinite;
}
.dl-toast p { margin: 0; }
.dl-toast span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--dl-oliv); color: var(--dl-creme); }
@keyframes dl-toast {
	0%, 12% { opacity: 0; transform: translateY(14px) scale(.96); }
	20%, 85% { opacity: 1; transform: none; }
	100% { opacity: 0; transform: translateY(-6px); }
}

/* Farbtöne für Platzhalterflächen */
.dl-ton-0 { background: linear-gradient(150deg, #4A5A2A, #2C3A20); color: var(--dl-blatt); }
.dl-ton-1 { background: linear-gradient(150deg, #5B4A26, #33301D); color: var(--dl-honig); }
.dl-ton-2 { background: linear-gradient(150deg, #2F4A3A, #1F3328); color: var(--dl-salbei); }
.dl-ton-3 { background: linear-gradient(150deg, #5A3E2E, #35281F); color: #F0B596; }

/* ---------- Suche ---------- */
.dl-suche {
	display: flex; align-items: stretch;
	background: var(--dl-creme);
	border-radius: 999px;
	padding: .4rem;
	box-shadow: 0 20px 60px -24px rgba(0, 0, 0, .7), 0 0 0 6px rgba(201, 219, 122, .08);
	max-width: 760px;
	color: var(--dl-moos);
}
.dl-suche.alignwide { max-width: none; }
.dl-suche__feld {
	flex: 1 1 0; min-width: 0;
	display: flex; flex-direction: column; justify-content: center;
	padding: .45rem 1.2rem;
	border-radius: 999px;
	position: relative;
	transition: background .2s;
}
.dl-suche__feld:hover { background: rgba(18, 26, 19, .06); }
.dl-suche__feld + .dl-suche__feld::before {
	content: ""; position: absolute; left: 0; top: 22%; bottom: 22%;
	width: 1px; background: rgba(18, 26, 19, .15);
}
.dl-suche__feld--was { flex-grow: 1.6; }
.dl-suche label {
	font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
	color: #45503A;
}
.dl-suche input, .dl-suche select {
	border: 0; background: transparent; padding: .15rem 0; margin: 0;
	font: 500 1rem/1.4 var(--wp--preset--font-family--figtree);
	color: var(--dl-moos); width: 100%; outline: none;
	-webkit-appearance: none; appearance: none;
}
.dl-suche select { cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121A13' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center / 14px no-repeat; padding-right: 1.2rem; }
.dl-suche input::placeholder { color: #7B8070; }
.dl-suche__feld:focus-within { background: #fff; box-shadow: 0 6px 20px -8px rgba(0,0,0,.25); }
.dl-suche__los {
	display: inline-flex; align-items: center; gap: .5rem;
	border: 0; border-radius: 999px; cursor: pointer;
	padding: 0 1.5rem; min-height: 3.4rem;
	background: var(--dl-moos); color: var(--dl-creme);
	font: 700 1rem var(--wp--preset--font-family--figtree);
	transition: background .25s, transform .25s var(--dl-ease);
}
.dl-suche__los:hover { background: var(--dl-oliv); transform: scale(1.03); }
.dl-suche--kompakt { max-width: 560px; margin-inline: auto; }

/* ---------- Abschnitte ---------- */
.dl-abschnitt__kopf { margin-bottom: 2rem; gap: 1rem; }
.dl-abschnitt__kopf h2 { margin: 0; }
.dl-abschnitt--flaeche {
	background: linear-gradient(180deg, transparent, rgba(35, 48, 36, .55) 12%, rgba(35, 48, 36, .55) 88%, transparent);
}
.dl-pfeillink a {
	display: inline-flex; align-items: center; gap: .5rem;
	font-weight: 700; color: var(--dl-blatt);
}
.dl-pfeillink a::after { content: "→"; transition: transform .3s var(--dl-ease); }
.dl-pfeillink a:hover::after { transform: translateX(5px); }

/* ---------- Kategorien ---------- */
.dl-kategorien ul { list-style: none; margin: 0; padding: 0; }
.dl-kategorien--kacheln ul {
	display: grid; gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.dl-kachel {
	display: flex; flex-direction: column; gap: .35rem;
	padding: 1.2rem 1.2rem 1.1rem;
	height: 100%;
	border-radius: var(--dl-r-m);
	background: var(--dl-waldboden);
	border: 1px solid var(--dl-linie);
	color: var(--dl-creme) !important;
	transition: transform .35s var(--dl-ease), border-color .3s, background .3s;
}
.dl-kachel:hover { transform: translateY(-4px); border-color: var(--dl-linie-stark); background: var(--dl-farn); }
.dl-kachel__icon {
	display: grid; place-items: center;
	width: 54px; height: 54px; margin-bottom: .6rem;
	border-radius: 16px;
	background: rgba(201, 219, 122, .1); color: var(--dl-blatt);
	transition: transform .4s var(--dl-ease), background .3s;
}
.dl-kachel:hover .dl-kachel__icon { transform: rotate(-8deg) scale(1.06); background: var(--dl-blatt); color: var(--dl-moos); }
.dl-kachel__name { font-weight: 700; line-height: 1.25; }
.dl-kachel__zahl { font-size: .85rem; color: var(--dl-nebel); }

.dl-kategorien--chips ul {
	display: flex; gap: .55rem; overflow-x: auto; padding: .2rem .1rem .7rem;
	scrollbar-width: thin; scrollbar-color: var(--dl-rinde) transparent;
}
.dl-chip {
	display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap;
	padding: .55rem 1rem; border-radius: 999px;
	border: 1px solid var(--dl-linie-stark);
	color: var(--dl-creme) !important; font-weight: 600; font-size: .93rem;
	transition: background .25s, border-color .25s, color .25s;
}
.dl-chip .dl-kachel__icon { width: auto; height: auto; margin: 0; background: none; color: var(--dl-salbei); }
.dl-chip:hover { border-color: var(--dl-blatt); background: rgba(201, 219, 122, .07); }
.dl-chip.is-aktiv { background: var(--dl-creme); color: var(--dl-moos) !important; border-color: var(--dl-creme); }
.dl-chip.is-aktiv .dl-kachel__icon, .dl-chip.is-aktiv .dl-icon { color: var(--dl-moos); }

/* ---------- Karten / Raster ---------- */
.wp-block-post-template.dl-raster, .dl-raster {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)) !important;
	gap: 2.2rem 1.5rem !important;
	list-style: none; padding: 0; margin: 0;
}
.dl-card { position: relative; display: flex; flex-direction: column; gap: .2rem; }
.dl-card > * { margin: 0 !important; }
.dl-bild {
	position: relative; display: block; overflow: hidden;
	aspect-ratio: 4 / 3;
	border-radius: var(--dl-r-m);
	background: var(--dl-farn);
	margin-bottom: .75rem !important;
	isolation: isolate;
}
.dl-bild img, .dl-bild__platzhalter {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .7s var(--dl-ease);
}
.dl-bild__platzhalter { display: grid; place-items: center; }
.dl-bild__platzhalter .dl-icon { width: 30%; height: auto; max-width: 96px; opacity: .9; }
.dl-card:hover .dl-bild img, .dl-card:hover .dl-bild__platzhalter { transform: scale(1.05); }
.dl-badge {
	position: absolute; top: .8rem; left: .8rem; z-index: 2;
	display: inline-flex; align-items: center; gap: .3rem;
	padding: .3rem .7rem; border-radius: 999px;
	background: var(--dl-creme); color: var(--dl-moos);
	font-size: .78rem; font-weight: 800;
	box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .5);
}
.dl-badge--neu { background: var(--dl-blatt); }
.dl-badge--pause { background: rgba(18, 26, 19, .85); color: var(--dl-creme); backdrop-filter: blur(4px); }
.dl-card__titel, .dl-card .wp-block-post-title {
	font-size: 1.12rem !important; line-height: 1.3 !important; font-weight: 600 !important;
	font-family: var(--wp--preset--font-family--fraunces);
}
.dl-card__titel a, .dl-card .wp-block-post-title a { color: var(--dl-creme); }
.dl-card__titel a::after, .dl-card .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.dl-card:hover .wp-block-post-title a, .dl-card:hover .dl-card__titel a { color: var(--dl-blatt); }
.dl-card__meta, .dl-meta__zeile {
	display: flex; flex-wrap: wrap; gap: .25rem .9rem;
	font-size: .9rem; color: var(--dl-nebel); margin: .15rem 0 0 !important;
}
.dl-card__meta span, .dl-meta__zeile > * { display: inline-flex; align-items: center; gap: .3rem; color: var(--dl-nebel); }
.dl-card .dl-meta__zeile a { position: relative; z-index: 2; }
.dl-meta__zeile a:hover { color: var(--dl-blatt); }
.dl-meta .dl-meta__zeile > a:nth-child(2) { display: none; }
.dl-meta--kopf .dl-meta__zeile > a:nth-child(2) { display: inline-flex; }
.dl-meta__preis, .dl-card__preis { margin: .35rem 0 0 !important; }
.dl-preis { color: var(--dl-nebel); font-size: .95rem; }
.dl-preis strong { color: var(--dl-creme); font-size: 1.05rem; font-weight: 800; }
.dl-preis--frei strong { color: var(--dl-blatt); }
.dl-meta--kopf .dl-meta__zeile { font-size: 1rem; gap: .4rem 1.3rem; }

/* ---------- Entdecken ---------- */
.dl-seitenkopf h1, .dl-seitenkopf .wp-block-query-title { margin: 0 0 1.5rem; }
.dl-entdecken .dl-suche { margin-bottom: 1.4rem; }
.dl-entdecken .dl-kategorien { margin-bottom: .6rem; }
.dl-ergebnis { display: flex; flex-wrap: wrap; gap: .4rem .8rem; align-items: baseline; color: var(--dl-nebel); margin-bottom: 1.6rem !important; }
.dl-ergebnis strong { color: var(--dl-creme); font-size: 1.1rem; }
.dl-ergebnis__reset { font-size: .9rem; text-decoration: underline !important; text-underline-offset: 3px; }
.dl-seiten { margin-top: 3rem !important; gap: .4rem; }
.dl-seiten a, .dl-seiten .page-numbers {
	display: inline-grid; place-items: center; min-width: 2.6rem; height: 2.6rem; padding: 0 .8rem;
	border-radius: 999px; border: 1px solid var(--dl-linie); color: var(--dl-creme);
}
.dl-seiten .current { background: var(--dl-creme); color: var(--dl-moos); border-color: var(--dl-creme); font-weight: 800; }
.dl-leer--gross { padding: 4rem 1rem; border: 1px dashed var(--dl-linie-stark); border-radius: var(--dl-r-l); }

/* ---------- Inserat (Detail): Kopf, Bild, Box im ersten Bildschirm ---------- */
.dl-inserat__raster {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
	grid-template-areas: "kopf box" "medien box" "inhalt box";
	grid-template-rows: auto auto 1fr;
	column-gap: clamp(2rem, 5vw, 4.5rem);
	align-items: start;
}
.dl-inserat__raster > * { margin: 0 !important; min-width: 0; }
.dl-inserat__kopf { grid-area: kopf; margin-bottom: 1.2rem !important; }
.dl-inserat__medien { grid-area: medien; }
.dl-inserat__box { grid-area: box; position: sticky; top: 5.5rem; }
.dl-inserat__inhalt { grid-area: inhalt; padding-top: 2rem; max-width: 46rem; }

.dl-zurueck { margin-bottom: .3rem !important; font-weight: 600; font-size: .92rem; }
.dl-zurueck a { color: var(--dl-nebel); }
.dl-zurueck a:hover { color: var(--dl-blatt); }
.dl-inserat__kopf .wp-block-post-title { font-size: clamp(1.9rem, 3.2vw, 2.6rem); margin: 0 0 .4rem; }
.dl-beschreibung { font-size: 1.05rem; }
.dl-beschreibung p { color: #DCDAC6; margin-top: 0; }

/* Fakten als ruhige Liste */
.dl-fakten { margin: 1.6rem 0 0; border-top: 1px solid var(--dl-linie); }
.dl-fakt {
	display: grid; grid-template-columns: 20px 8.5rem 1fr; gap: .9rem; align-items: start;
	padding: .85rem 0; border-bottom: 1px solid var(--dl-linie);
}
.dl-fakt .dl-icon { color: var(--dl-salbei); margin-top: .15rem; }
.dl-fakt dt { color: var(--dl-nebel); font-size: .95rem; }
.dl-fakt dd { margin: 0; font-weight: 600; }
.dl-verleiher { display: flex; align-items: center; gap: .9rem; margin-top: 1.6rem; }
.dl-verleiher__bild { border-radius: 50%; border: 2px solid var(--dl-salbei); }
.dl-verleiher p { margin: 0; display: flex; flex-direction: column; }
.dl-verleiher strong { font-family: var(--wp--preset--font-family--fraunces); font-size: 1.1rem; font-weight: 600; }
.dl-verleiher span { color: var(--dl-nebel); font-size: .9rem; }

/* Buy-Box */
.dl-anfrage {
	padding: 1.4rem;
	border-radius: var(--dl-r-l);
	background: var(--dl-waldboden);
	border: 1px solid var(--dl-linie-stark);
	box-shadow: var(--dl-schatten);
	scroll-margin-top: 6rem;
}
.dl-anfrage__kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .5rem; margin-bottom: 1.2rem; }
.dl-anfrage__kopf p { margin: 0; }
.dl-anfrage__preis .dl-preis strong { font-family: var(--wp--preset--font-family--fraunces); font-size: 1.9rem; font-weight: 600; }
.dl-anfrage__kaution { display: inline-flex; align-items: center; gap: .35rem; font-size: .9rem; color: var(--dl-nebel); }
.dl-anfrage__aktionen { display: flex; gap: .6rem; flex-wrap: wrap; margin: 0; }
.dl-rechnung { border-top: 1px dashed var(--dl-linie-stark); padding-top: .9rem; }
.dl-rechnung[hidden] { display: none; }
.dl-rechnung p { display: flex; justify-content: space-between; margin: 0 0 .3rem; }
.dl-rechnung__summe { font-size: 1.15rem; }
.dl-rechnung__klein { font-size: .88rem; color: var(--dl-nebel); }
.dl-kleingedrucktes { font-size: .85rem; color: var(--dl-nebel); text-align: center; margin: .2rem 0 0; }

/* Galerie: Hauptbild + Vorschaubilder */
.dl-galerie { display: grid; gap: .6rem; grid-template-areas: "haupt"; }
.dl-galerie--mehrere { grid-template-columns: 64px minmax(0, 1fr); grid-template-areas: "daumen haupt"; }
.dl-galerie__haupt {
	grid-area: haupt; margin: 0 !important;
	aspect-ratio: auto; height: clamp(220px, 22vw, 300px);
	border-radius: var(--dl-r-l);
}
.dl-galerie__haupt img, .dl-galerie__haupt .dl-bild__platzhalter { width: 100%; height: 100%; object-fit: cover; transition: opacity .25s; }
.dl-galerie__haupt .dl-bild__platzhalter .dl-icon { max-width: 80px; }
.dl-galerie__haupt.is-wechsel img { opacity: .35; }
.dl-galerie__zaehler {
	position: absolute; right: .8rem; bottom: .8rem;
	padding: .25rem .65rem; border-radius: 999px;
	background: rgba(18, 26, 19, .8); color: var(--dl-creme); font-size: .8rem; font-weight: 700;
	backdrop-filter: blur(4px);
}
.dl-galerie__daumen {
	grid-area: daumen; list-style: none; margin: 0; padding: 0;
	display: flex; flex-direction: column; gap: .5rem;
	max-height: clamp(220px, 22vw, 300px); overflow-y: auto; scrollbar-width: none;
}
.dl-galerie__daumen::-webkit-scrollbar { display: none; }
.dl-galerie__daumen-knopf {
	display: block; width: 64px; height: 64px; padding: 0; cursor: pointer;
	border: 2px solid transparent; border-radius: 12px; overflow: hidden;
	background: var(--dl-farn); opacity: .6;
	transition: opacity .2s, border-color .2s;
}
.dl-galerie__daumen-knopf img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dl-galerie__daumen-knopf:hover { opacity: 1; }
.dl-galerie__daumen-knopf.is-aktiv { opacity: 1; border-color: var(--dl-blatt); }

/* Fotos im Inserieren-Formular */
.dl-foto { display: flex; flex-direction: column; gap: .8rem; }
.dl-foto__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .7rem; }
.dl-foto__liste li { position: relative; width: 96px; }
.dl-foto__liste img { width: 96px; height: 76px; object-fit: cover; border-radius: 12px; display: block; }
.dl-foto__titel { position: absolute; top: 4px; left: 4px; padding: .1rem .45rem; border-radius: 999px; background: var(--dl-blatt); color: var(--dl-moos); font-size: .68rem; font-weight: 800; }
.dl-foto__weg { flex-direction: row !important; align-items: center; gap: .3rem !important; margin-top: .3rem; font-size: .8rem; cursor: pointer; }
.dl-foto__weg span { font-size: .8rem !important; color: var(--dl-nebel) !important; font-weight: 500 !important; }

/* Mobile Leiste unten */
.dl-anfrage-leiste { display: none; }
@media (max-width: 781px) {
	.dl-inserat__raster { grid-template-columns: minmax(0, 1fr); grid-template-areas: "kopf" "medien" "box" "inhalt"; grid-template-rows: none; }
	.dl-inserat__box { position: static; margin-top: 1.2rem !important; }
	.dl-inserat__inhalt { padding-top: 1.6rem; }
	.dl-galerie, .dl-galerie--mehrere { grid-template-columns: minmax(0, 1fr); grid-template-areas: "haupt" "daumen"; }
	.dl-galerie__haupt { height: auto; aspect-ratio: 16 / 10; }
	.dl-galerie__daumen { flex-direction: row; max-height: none; overflow-x: auto; }
	.dl-galerie__daumen-knopf { width: 52px; height: 52px; }
	.dl-fakt { grid-template-columns: 20px 1fr; }
	.dl-fakt dd { grid-column: 2; margin-top: -.6rem; }
	.dl-anfrage-leiste {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
		display: flex; align-items: center; justify-content: space-between; gap: 1rem;
		padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom));
		background: rgba(26, 36, 26, .96); backdrop-filter: blur(10px);
		border-top: 1px solid var(--dl-linie-stark);
		transition: transform .3s var(--dl-ease);
	}
	.dl-anfrage-leiste p { margin: 0; }
	.dl-anfrage-leiste .dl-preis strong { font-size: 1.25rem; }
	.dl-anfrage-leiste.is-weg { transform: translateY(110%); }
	.dl-inserat { padding-bottom: 6rem !important; }
}

/* ---------- Formulare ---------- */
.dl-formular { display: flex; flex-direction: column; gap: 1rem; }
.dl-formular label { display: flex; flex-direction: column; gap: .35rem; }
.dl-formular label > span, .dl-auswahl__titel { font-size: .85rem; font-weight: 700; color: var(--dl-salbei); }
.dl-formular small { color: var(--dl-nebel); font-size: .8rem; }
.dl-formular input[type="text"], .dl-formular input[type="email"], .dl-formular input[type="number"],
.dl-formular input[type="date"], .dl-formular select, .dl-formular textarea,
.dl-login input[type="text"], .dl-login input[type="password"] {
	width: 100%; box-sizing: border-box;
	padding: .8rem 1rem;
	border-radius: 14px;
	border: 1px solid var(--dl-linie-stark);
	background: rgba(18, 26, 19, .6);
	color: var(--dl-creme);
	font: 500 1rem/1.4 var(--wp--preset--font-family--figtree);
	transition: border-color .2s, box-shadow .2s, background .2s;
	color-scheme: dark;
}
.dl-formular textarea { resize: vertical; min-height: 5rem; }
.dl-formular input:focus, .dl-formular select:focus, .dl-formular textarea:focus, .dl-login input:focus {
	outline: none; border-color: var(--dl-blatt); background: rgba(18, 26, 19, .9);
	box-shadow: 0 0 0 4px rgba(201, 219, 122, .14);
}
.dl-formular ::placeholder { color: #7F876F; }
.dl-zeitraum, .dl-reihe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.dl-zeitraum input { min-width: 0; padding-inline: .75rem !important; }
.dl-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.dl-formular--gross { gap: 1.6rem; margin-top: 2rem; }
.dl-schritt {
	margin: 0; padding: 1.6rem; border: 1px solid var(--dl-linie); border-radius: var(--dl-r-l);
	background: var(--dl-waldboden);
	display: flex; flex-direction: column; gap: 1.1rem;
}
.dl-schritt legend {
	display: flex; align-items: center; gap: .7rem; float: left; width: 100%;
	font-family: var(--wp--preset--font-family--fraunces); font-size: 1.35rem; font-weight: 600;
	margin-bottom: .2rem; padding: 0;
}
.dl-schritt legend + * { clear: both; }
.dl-schritt__nr {
	display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
	background: var(--dl-blatt); color: var(--dl-moos);
	font: 800 .95rem var(--wp--preset--font-family--figtree);
}
.dl-auswahl { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.dl-auswahl__titel { width: 100%; }
.dl-auswahl__option { flex-direction: row !important; cursor: pointer; position: relative; }
.dl-auswahl__option input { position: absolute; opacity: 0; pointer-events: none; }
.dl-auswahl__option span {
	padding: .55rem 1rem; border-radius: 999px; border: 1px solid var(--dl-linie-stark);
	font-weight: 600 !important; font-size: .92rem !important; color: var(--dl-creme) !important;
	transition: all .2s;
}
.dl-auswahl__option input:checked + span { background: var(--dl-blatt); color: var(--dl-moos) !important; border-color: var(--dl-blatt); }
.dl-auswahl__option input:focus-visible + span { outline: 2px solid var(--dl-honig); outline-offset: 2px; }
.dl-foto__feld {
	flex-direction: row !important; align-items: center; gap: 1rem !important; cursor: pointer;
	padding: 1rem; border-radius: var(--dl-r-m); border: 1.5px dashed var(--dl-linie-stark);
	transition: border-color .2s, background .2s;
}
.dl-foto__feld:hover { border-color: var(--dl-blatt); background: rgba(201, 219, 122, .05); }
.dl-foto__feld input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.dl-foto__vorschau {
	display: grid !important; place-items: center; flex: none; overflow: hidden;
	width: 96px; height: 76px; border-radius: 12px; background: var(--dl-farn); color: var(--dl-salbei) !important;
}
.dl-foto__vorschau img { width: 100%; height: 100%; object-fit: cover; }
.dl-foto__text { display: flex; flex-direction: column; color: var(--dl-creme) !important; font-weight: 400 !important; font-size: 1rem !important; }
.dl-formular__abschluss { display: flex; gap: .8rem; flex-wrap: wrap; }

.dl-tipps {
	position: sticky; top: 6.5rem;
	padding: 1.8rem; border-radius: var(--dl-r-l);
	background: linear-gradient(160deg, #3B4A26 0%, #233024 70%);
	border: 1px solid var(--dl-linie);
}
.dl-hakenliste { list-style: none; padding: 0; display: flex; flex-direction: column; gap: .9rem; }
.dl-hakenliste li { padding-left: 2rem; position: relative; color: #DCDAC6; }
.dl-hakenliste li::before {
	content: ""; position: absolute; left: 0; top: .2rem; width: 1.3rem; height: 1.3rem; border-radius: 50%;
	background: var(--dl-blatt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121A13' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.dl-hakenliste strong { color: var(--dl-creme); }

/* Hinweise */
.dl-hinweis {
	display: flex; gap: .7rem; align-items: flex-start;
	padding: .9rem 1.1rem; border-radius: 14px; margin-bottom: 1rem;
	background: rgba(169, 190, 139, .1); border: 1px solid rgba(169, 190, 139, .3);
}
.dl-hinweis p { margin: 0; font-size: .95rem; }
.dl-hinweis .dl-icon { margin-top: .1rem; color: var(--dl-salbei); }
.dl-hinweis--ok { background: rgba(201, 219, 122, .12); border-color: rgba(201, 219, 122, .45); }
.dl-hinweis--ok .dl-icon { color: var(--dl-blatt); }
.dl-hinweis--fehler { background: rgba(217, 128, 91, .12); border-color: rgba(217, 128, 91, .5); }
.dl-hinweis--fehler .dl-icon { color: var(--dl-ton); }

/* Login */
.dl-login {
	max-width: 460px; margin: 2rem auto; padding: 2.2rem;
	border-radius: var(--dl-r-l); background: var(--dl-waldboden); border: 1px solid var(--dl-linie-stark);
	text-align: center;
}
.dl-login__icon { display: inline-grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: rgba(201, 219, 122, .12); color: var(--dl-blatt); }
.dl-login h2 { font-size: 1.6rem; margin: 1rem 0 .4rem; }
.dl-login > p { color: var(--dl-nebel); }
.dl-login form { text-align: left; display: flex; flex-direction: column; gap: .3rem; margin-top: 1.4rem; }
.dl-login form p { margin: 0 0 .6rem; }
.dl-login label { font-size: .85rem; font-weight: 700; color: var(--dl-salbei); display: block; margin-bottom: .3rem; }
.dl-login .login-remember label { display: inline-flex; gap: .4rem; color: var(--dl-nebel); font-weight: 500; }
.dl-login input[type="submit"] {
	width: 100%; padding: .9rem; border: 0; border-radius: 999px; cursor: pointer;
	background: var(--dl-honig); color: var(--dl-moos); font: 700 1rem var(--wp--preset--font-family--figtree);
}
.dl-login input[type="submit"]:hover { background: var(--dl-blatt); }
.dl-login__neu { font-size: .92rem; margin-top: .6rem; }

/* ---------- Mein Bereich ---------- */
.dl-bereich__kopf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1.6rem; }
.dl-bereich__titel { margin: 0; font-size: var(--wp--preset--font-size--xx-large); }
.dl-bereich__knoepfe { display: flex; gap: .6rem; flex-wrap: wrap; }
.dl-kennzahlen { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .8rem; margin: 0 0 2.5rem; }
.dl-kennzahlen li { padding: 1.2rem 1.3rem; border-radius: var(--dl-r-m); background: var(--dl-waldboden); border: 1px solid var(--dl-linie); display: flex; flex-direction: column; }
.dl-kennzahlen strong { font-family: var(--wp--preset--font-family--fraunces); font-size: 2.2rem; font-weight: 600; line-height: 1.1; }
.dl-kennzahlen span { color: var(--dl-nebel); font-size: .92rem; }
.dl-kennzahlen .is-hervor { border-color: var(--dl-honig); background: rgba(237, 185, 94, .08); }
.dl-kennzahlen .is-hervor strong { color: var(--dl-honig); }
.dl-bereich__abschnitt { margin-bottom: 2.8rem; scroll-margin-top: 6rem; }
.dl-bereich__abschnitt h2 { font-size: var(--wp--preset--font-size--large); margin-bottom: 1rem; }
.dl-liste { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .7rem; }
.dl-zeile {
	display: grid; grid-template-columns: 76px 1fr auto; gap: 1.1rem; align-items: center;
	padding: .8rem; border-radius: var(--dl-r-m); background: var(--dl-waldboden); border: 1px solid var(--dl-linie);
}
.dl-zeile--offen { border-color: rgba(237, 185, 94, .45); }
.dl-zeile__bild { width: 76px; height: 76px; border-radius: 13px; overflow: hidden; }
.dl-zeile__bild img, .dl-zeile__bild .dl-bild__platzhalter { width: 100%; height: 100%; object-fit: cover; }
.dl-zeile__bild .dl-icon { width: 34px; height: 34px; }
.dl-zeile p { margin: 0; }
.dl-zeile__titel { font-weight: 700; display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .6rem; }
.dl-zeile__titel a { color: var(--dl-creme); }
.dl-zeile__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; font-size: .9rem; color: var(--dl-nebel); margin-top: .2rem !important; }
.dl-zeile__nachricht { font-style: italic; color: #DCDAC6; font-size: .93rem; margin-top: .4rem !important; }
.dl-zeile__aktionen { display: flex; gap: .4rem; flex-wrap: wrap; justify-content: flex-end; }
.dl-zeile__aktionen form { margin: 0; }
.dl-status { display: inline-block; padding: .15rem .6rem; border-radius: 999px; font-size: .74rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.dl-status--offen { background: rgba(237, 185, 94, .18); color: var(--dl-honig); }
.dl-status--angenommen { background: rgba(201, 219, 122, .18); color: var(--dl-blatt); }
.dl-status--abgelehnt { background: rgba(183, 189, 166, .14); color: var(--dl-nebel); }
.dl-leer { color: var(--dl-nebel); padding: 1.2rem 1.4rem; border-radius: var(--dl-r-m); border: 1px dashed var(--dl-linie-stark); }
.dl-leer--cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.dl-leer--cta p { margin: 0; max-width: 34rem; }

/* ---------- So geht's ---------- */
.dl-weg {
	padding: 2rem; border-radius: var(--dl-r-l);
	background: var(--dl-waldboden); border: 1px solid var(--dl-linie);
	position: relative; overflow: hidden;
}
.dl-weg--verleihen { background: linear-gradient(160deg, #36442A, #1F2A1E 70%); }
.dl-weg__label {
	display: inline-block; padding: .3rem .8rem; border-radius: 999px;
	background: rgba(201, 219, 122, .12); color: var(--dl-blatt);
	font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
}
.dl-weg--verleihen .dl-weg__label { background: rgba(237, 185, 94, .16); color: var(--dl-honig); }
.dl-weg h3 { margin: .8rem 0 1.4rem; }
.dl-schritt-karte {
	display: grid; grid-template-columns: 3rem 1fr; column-gap: 1rem;
	padding: 1rem 0; border-top: 1px solid var(--dl-linie);
}
.dl-schritt-karte > * { margin: 0 !important; }
.dl-schritt-karte__nr {
	grid-row: span 2; display: grid; place-items: center;
	width: 3rem; height: 3rem; border-radius: 50%;
	border: 1.5px solid var(--dl-linie-stark);
	font-family: var(--wp--preset--font-family--fraunces); font-size: 1.3rem; font-weight: 600;
	color: var(--dl-blatt);
}
.dl-weg--verleihen .dl-schritt-karte__nr { color: var(--dl-honig); }
.dl-schritt-karte h4 { font-size: 1.15rem; }

/* ---------- Vorteile & Sicherheit ---------- */
.dl-vorteile, .dl-sicher__raster { gap: 1rem !important; }
.dl-vorteil {
	padding: 1.6rem; border-radius: var(--dl-r-l);
	background: var(--dl-waldboden); border: 1px solid var(--dl-linie);
	transition: transform .4s var(--dl-ease), border-color .3s;
}
.dl-vorteil:hover { transform: translateY(-4px); border-color: var(--dl-linie-stark); }
.dl-vorteil > * { margin-block: 0 !important; }
.dl-vorteil h3 { font-size: 1.25rem; margin: 1rem 0 .4rem !important; }
.dl-vorteil__icon { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: rgba(201, 219, 122, .1); color: var(--dl-blatt); }
.dl-vorteil--blatt { background: linear-gradient(160deg, #3B4A26, #233024); }
.dl-vorteil--honig .dl-vorteil__icon { background: rgba(237, 185, 94, .15); color: var(--dl-honig); }
.dl-sicher h2 { margin-bottom: 2rem; }
.dl-aehnlich h2 { margin-bottom: 1.6rem; }
.dl-sicher { padding: clamp(1.6rem, 4vw, 3rem); border-radius: 36px; border: 1px solid var(--dl-linie); background: rgba(26, 36, 26, .6); }
.dl-sicher .dl-vorteil { background: rgba(18, 26, 19, .5); }

/* ---------- CTA ---------- */
.dl-cta {
	position: relative; overflow: hidden;
	padding: clamp(2.5rem, 7vw, 5rem) clamp(1.4rem, 5vw, 4rem);
	border-radius: 40px;
	background:
		radial-gradient(500px 300px at 15% 0%, rgba(237, 185, 94, .35), transparent 70%),
		radial-gradient(600px 380px at 100% 100%, rgba(201, 219, 122, .3), transparent 70%),
		linear-gradient(150deg, #4A5A2A, #2A3820);
	border: 1px solid var(--dl-linie-stark);
}
.dl-cta h2 em { color: var(--dl-honig); }
.dl-cta::after {
	content: ""; position: absolute; right: -60px; top: -60px; width: 240px; height: 240px; opacity: .14;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2EEDC' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-14 15-14 0 10-6 15-14 15'/%3E%3Cpath d='M5 19 13 11'/%3E%3C/svg%3E") center / contain no-repeat;
	animation: dl-wabern 16s ease-in-out infinite;
}

/* ---------- FAQ ---------- */
.dl-frage {
	border-bottom: 1px solid var(--dl-linie);
	padding: 1.1rem 0;
	margin: 0 !important;
}
.dl-frage summary {
	cursor: pointer; list-style: none;
	display: flex; justify-content: space-between; gap: 1rem; align-items: center;
	font-family: var(--wp--preset--font-family--fraunces); font-size: 1.25rem; font-weight: 560;
}
.dl-frage summary::-webkit-details-marker { display: none; }
.dl-frage summary::after {
	content: "+"; flex: none; display: grid; place-items: center;
	width: 2.1rem; height: 2.1rem; border-radius: 50%;
	border: 1px solid var(--dl-linie-stark); color: var(--dl-blatt);
	font: 400 1.4rem/1 var(--wp--preset--font-family--figtree);
	transition: transform .3s var(--dl-ease), background .3s;
}
.dl-frage[open] summary::after { transform: rotate(45deg); background: rgba(201, 219, 122, .1); }
.dl-frage p { margin: .7rem 0 0; max-width: 46rem; }

/* ---------- Fuß ---------- */
.dl-fuss { border-top: 1px solid var(--dl-linie); }
.dl-fuss__titel { font-family: var(--wp--preset--font-family--figtree); font-size: .8rem !important; letter-spacing: .14em; text-transform: uppercase; color: var(--dl-salbei); font-weight: 800; }
.dl-fuss__liste { list-style: none; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.dl-fuss__liste a { color: var(--dl-creme); }
.dl-fuss__liste a:hover { color: var(--dl-blatt); }
.dl-fuss__blatt { display: inline-flex; align-items: center; gap: .4rem; }

/* ---------- Seiten ---------- */
.dl-seite .wp-block-post-title { margin-bottom: 1.5rem; }
.dl-404 h1 em { display: block; }
.dl-editor-platzhalter {
	display: flex; gap: .5rem; align-items: center; padding: 1rem; border-radius: 12px;
	border: 1px dashed var(--dl-linie-stark); color: var(--dl-nebel); font-size: .9rem;
}

/* ---------- Scroll-Einblendung ---------- */
.dl-anim .dl-einblenden { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--dl-ease), transform .8s var(--dl-ease); }
.dl-anim .dl-einblenden.is-sichtbar { opacity: 1; transform: none; }

/* ---------- Responsiv ---------- */
@media (max-width: 1100px) {
	.dl-hero-stapel { transform: scale(.88); transform-origin: top center; height: 470px; }
}
@media (max-width: 781px) {
	.dl-hero-stapel { display: none; }
	.dl-kategorien--kacheln ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
	.dl-kachel { padding: 1rem; }
	.dl-kachel__icon { width: 46px; height: 46px; }
	.dl-kopf__cta { display: none !important; }
	.dl-marke { font-size: 1.25rem; }
	.dl-suche { flex-direction: column; border-radius: 26px; padding: .5rem; }
	.dl-suche__feld { padding: .6rem 1rem; }
	.dl-suche__feld + .dl-suche__feld::before { left: 1rem; right: 1rem; top: 0; bottom: auto; width: auto; height: 1px; }
	.dl-suche__los { justify-content: center; margin-top: .3rem; }
	.dl-tipps { position: static; }
	.dl-zeile { grid-template-columns: 60px 1fr; }
	.dl-zeile__bild { width: 60px; height: 60px; }
	.dl-zeile__aktionen { grid-column: 1 / -1; justify-content: flex-start; }
	.dl-reihe { grid-template-columns: 1fr; }
	.dl-vorteile, .dl-sicher__raster { grid-template-columns: 1fr !important; }
}
@media (min-width: 782px) and (max-width: 1100px) {
	.dl-sicher__raster { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.dl-anim .dl-einblenden { opacity: 1; transform: none; }
}

/* Katalog beim Inserieren: Ding-Typ, Vorschlag, Merkmale (ab 1.4.0) */
.dl-katalog { display: flex; flex-direction: column; gap: .8rem; }
.dl-merkmale { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; padding: 1rem; border-radius: var(--dl-r-m); background: rgba(201, 219, 122, .05); border: 1px solid var(--dl-linie-stark); }
.dl-merkmale[hidden], .dl-katalog__neu[hidden] { display: none !important; }
.dl-merkmal--janein { align-self: end; }
.dl-anfrage__login .dl-anfrage__aktionen { display: flex; flex-direction: column; gap: .6rem; }
@media (max-width: 600px) { .dl-merkmale { grid-template-columns: 1fr; } }

/* Konto löschen, Treffpunkt (1.5.1) */
.dl-konto-loeschen { border: 1px dashed var(--dl-linie-stark); border-radius: var(--dl-r-m); padding: .9rem 1.2rem; }
.dl-konto-loeschen summary { cursor: pointer; color: var(--dl-nebel); }
.dl-konto-loeschen[open] summary { margin-bottom: .6rem; }
.dl-konto-loeschen form { display: grid; gap: .8rem; justify-items: start; margin-top: .6rem; }
.dl-pruef { display: flex; gap: .5rem; align-items: flex-start; }
.dl-pruef input { margin-top: .25rem; }
.dl-zeile__treffpunkt { color: inherit; }

/* Ablauf nach der Zusage (1.5.2) */
.dl-ablauf { display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-start; }
.dl-schritt-form { position: relative; }
.dl-schritt-form > summary { list-style: none; cursor: pointer; }
.dl-schritt-form > summary::-webkit-details-marker { display: none; }
.dl-schritt-form[open] > summary { opacity: .7; }
.dl-schritt-form form { display: grid; gap: .6rem; margin-top: .6rem; padding: .9rem; border: 1px solid var(--dl-linie-stark); border-radius: var(--dl-r-m); background: var(--dl-creme); min-width: min(18rem, 80vw); }
.dl-schritt-form label { display: grid; gap: .25rem; font-size: .9rem; }
.dl-schritt-form textarea, .dl-schritt-form input[type=file] { width: 100%; }
.dl-schritt-form__hinweis { margin: 0; font-size: .85rem; color: var(--dl-nebel); }
.dl-schritt-form__senden { justify-self: start; }
.dl-ablauf__verlauf { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.dl-ablauf__ok { font-size: .85rem; color: var(--dl-nebel); }
.dl-belege { display: inline-flex; gap: .35rem; flex-wrap: wrap; }
.dl-belege img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; border: 1px solid var(--dl-linie-stark); }

/* Bewertungen, Profil, Melden (1.6.0) */
.dl-sterne { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: .15rem; border: 0; padding: 0; margin: 0; }
.dl-sterne input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.dl-sterne label { font-size: 1.7rem; line-height: 1; color: var(--dl-linie-stark); cursor: pointer; }
.dl-sterne input:checked ~ label, .dl-sterne label:hover, .dl-sterne label:hover ~ label { color: var(--dl-honig); }
.dl-sterne input:focus-visible + label { outline: 2px solid var(--dl-moos); outline-offset: 2px; }
.dl-bewertung__eigene { color: var(--dl-honig); }
.dl-verleiher__profil { display: block; font-size: .88rem; color: var(--dl-nebel); margin-top: .15rem; }
.dl-verleiher__profil a { color: inherit; text-decoration: underline; }
.dl-sterne-anzeige { color: var(--dl-honig); font-weight: 600; }
.dl-melden { margin-top: 1rem; font-size: .88rem; }
.dl-melden summary { cursor: pointer; color: var(--dl-nebel); }
.dl-melden form { display: grid; gap: .6rem; margin-top: .6rem; max-width: 26rem; }
.dl-melden label { display: grid; gap: .25rem; }
.dl-profil { padding-block: 2.5rem; display: grid; gap: 1.5rem; }
.dl-profil__kopf { display: flex; gap: 1rem; align-items: center; }
.dl-profil__name { margin: 0; }
.dl-profil__fakten { margin: .2rem 0 0; color: var(--dl-nebel); }
.dl-bewertungen { list-style: none; padding: 0; margin: 0; display: grid; gap: .9rem; }
.dl-bewertungen p { margin: .25rem 0 0; }
.dl-bewertungen__sterne { color: var(--dl-honig); letter-spacing: .05em; }
.dl-bewertungen__meta { font-size: .85rem; color: var(--dl-nebel); }
.dl-rechnung__gebuehr s { text-decoration-thickness: 1px; }

/* Zubehör, Anzahl, Vorschlag, Kontotyp (1.7.0) */
.dl-extras { margin: 1.2rem 0 0; padding: 1rem 1.2rem; border: 1px solid var(--dl-linie-stark); border-radius: var(--dl-r-m); }
.dl-extras__anzahl { margin: 0 0 .5rem; font-weight: 600; color: var(--dl-blatt); }
.dl-extras__titel { margin: 0 0 .4rem; font-size: 1rem; }
.dl-extras__liste { margin: 0; padding-left: 1.1rem; display: grid; gap: .2rem; }
.dl-vorschlag { margin: .2rem 0 0; font-size: .88rem; color: var(--dl-nebel); }
.dl-vorschlag__knopf { background: none; border: 1px solid var(--dl-linie-stark); color: var(--dl-blatt); border-radius: 999px; padding: .1rem .6rem; font: inherit; cursor: pointer; }
.dl-vorschlag__knopf:hover { border-color: var(--dl-blatt); }
.dl-zubehoer-check { border: 1px solid var(--dl-linie-stark); border-radius: var(--dl-r-s); padding: .6rem .8rem; display: grid; gap: .3rem; margin: 0; }
.dl-zubehoer-check legend { font-size: .9rem; padding: 0 .3rem; }
.dl-zubehoer-verlauf { color: var(--dl-nebel); }
.dl-plakette { display: inline-block; padding: .05rem .5rem; border-radius: 999px; background: rgba(201, 219, 122, .14); color: var(--dl-blatt); font-size: .8rem; font-weight: 600; }
.dl-kontotyp { display: flex; flex-wrap: wrap; gap: .6rem; align-items: end; margin-bottom: 1rem; }
.dl-kontotyp label { display: grid; gap: .25rem; }