/**
 * Landleben Gestaltung: Landleben-Look, Flächen (v1.6)
 * Papier (D3 Holzleiste), Papier hell, Holzkarte, Holz-Steckbrief (W1),
 * Karten für die Kadence-Info-Box und die Kanten oben und unten
 * (gerissenes Papier, Gras D5, Holzleiste D3).
 *
 * Gewählt im Panel "Landleben-Effekte" > "Landleben-Look" bzw. "Kante".
 * Kadence druckt sein eigenes CSS nach dem Plugin und sehr genau, deshalb
 * stehen die Teile, die den Look ausmachen, mit !important.
 *
 * Bilder: ../img/flaeche-maserung.svg (Holzmaserung, wird gekachelt),
 * ../img/flaeche-leiste.svg (Holzleiste, zwei gleiche Leisten übereinander
 * für border-image), ../img/flaeche-gras.svg (Gras als Maske, kachelbar),
 * ../img/flaeche-riss-unten.svg / -oben.svg (gerissenes Papier als Maske).
 */

:root {
	--ll-fl-leiste: 12px;          /* Holzleiste oben/unten */
	--ll-fl-riss: 22px;            /* gerissene Papierkante */
	--ll-fl-gras: 44px;            /* Graskante */
	--ll-fl-gras-kachel: 1200px;
	--ll-fl-riss-kachel: 1600px;
	--ll-fl-brett: #684b33;        /* Holzkarte: zwischen braun und braun-dunkel, damit helle Schrift sicher lesbar ist */
}

@media (max-width: 767px) {
	:root {
		--ll-fl-leiste: 10px;
		--ll-fl-riss: 16px;
		--ll-fl-gras: 34px;
		--ll-fl-gras-kachel: 900px;
		--ll-fl-riss-kachel: 1100px;
	}
}

/* ==================================================================
 * 1. Farben je Fläche (werden vererbt, die innerste Fläche gewinnt)
 * ================================================================== */

:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-steckbrief) {
	--ll-fl-text: var(--ll-tinte, #2e231a);
	--ll-fl-fliess: #46362a;
	--ll-fl-leise: var(--ll-leise, #6f5f50);
	--ll-fl-akzent: var(--ll-braun, #7f5f41);
}

.ll-look-holzkarte {
	--ll-fl-text: var(--ll-auf-dunkel, #f6eee3);
	--ll-fl-fliess: #efe4d5;
	--ll-fl-leise: #e2d3bf;
	--ll-fl-akzent: #f2d6a0;        /* heller als holz-hell: auch auf der hellsten Maserung über 5:1 */
}

/* ==================================================================
 * 2. Papier (mit Holzleiste oben) und Papier hell (ohne Leiste)
 *    Zeile: an der Zeile. Kadence-Spalte: am inneren Kasten.
 * ================================================================== */

:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout):is(.ll-look-papier, .ll-look-papier-hell),
.wp-block-kadence-column:is(.ll-look-papier, .ll-look-papier-hell) > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.wp-block-group, .wp-block-column, .wp-block-columns, .wp-block-cover):is(.ll-look-papier, .ll-look-papier-hell) {
	background: var(--ll-rauschen), var(--ll-sanft, #efe6d8) !important;
	color: var(--ll-fl-fliess) !important;
}

/* D3: Holzleiste mit Maserung als oberer Rand, darunter ein weicher Schatten. */
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-look-papier,
.wp-block-kadence-column.ll-look-papier > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.wp-block-group, .wp-block-column, .wp-block-columns, .wp-block-cover).ll-look-papier {
	border-style: solid !important;
	border-color: var(--ll-holz, #c4a07a) !important;
	border-width: var(--ll-fl-leiste) 0 0 !important;
	border-image: url("../img/flaeche-leiste.svg") 50% 0 0 0 / var(--ll-fl-leiste) 0 0 0 round !important;
	background:
		linear-gradient(180deg, rgba(59, 42, 30, .2), rgba(59, 42, 30, .06) 3px, rgba(59, 42, 30, 0) 9px) 0 0 / 100% 9px no-repeat,
		var(--ll-rauschen),
		var(--ll-sanft, #efe6d8) !important;
}

/* Hat die Fläche oben schon eine Kante (Riss oder Gras), entfällt die Leiste. */
:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-look-papier:is(.ll-kante-riss-oben, .ll-kante-gras-oben) {
	border-top-width: 0 !important;
	border-image: none !important;
	background: var(--ll-rauschen), var(--ll-sanft, #efe6d8) !important;
}

/* Kadence-Spalte und WordPress-Gruppe/Spalte: Abstand innen, leichte Ecken. */
.wp-block-kadence-column:is(.ll-look-papier, .ll-look-papier-hell) > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.wp-block-group, .wp-block-column, .wp-block-columns):is(.ll-look-papier, .ll-look-papier-hell) {
	box-sizing: border-box;
	border-radius: 3px !important;
	padding: clamp(26px, 4vw, 48px) clamp(20px, 3.6vw, 44px) !important;
}

.wp-block-group.alignfull:is(.ll-look-papier, .ll-look-papier-hell) {
	border-radius: 0 !important;
	padding-inline: max(var(--wp--style--root--padding-right, 0px), 20px) !important;
}

/* Papier auf Papier (z. B. Papier-Spalte in einer Papier-Zeile): ein helleres
   Blatt mit feinem Rand, damit es sich vom Untergrund abhebt. */
:is(.ll-look-papier, .ll-look-papier-hell) .wp-block-kadence-column.ll-look-papier-hell > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.ll-look-papier, .ll-look-papier-hell) :is(.wp-block-group, .wp-block-column).ll-look-papier-hell {
	background: var(--ll-rauschen), var(--ll-papier, #f7f2ea) !important;
	box-shadow: 0 0 0 1px rgba(127, 95, 65, .16), 0 18px 30px -24px rgba(59, 42, 30, .5) !important;
}

:is(.ll-look-papier, .ll-look-papier-hell) .wp-block-kadence-column.ll-look-papier > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.ll-look-papier, .ll-look-papier-hell) :is(.wp-block-group, .wp-block-column).ll-look-papier {
	background:
		linear-gradient(180deg, rgba(59, 42, 30, .2), rgba(59, 42, 30, .06) 3px, rgba(59, 42, 30, 0) 9px) 0 0 / 100% 9px no-repeat,
		var(--ll-rauschen),
		var(--ll-papier, #f7f2ea) !important;
	box-shadow: 0 0 0 1px rgba(127, 95, 65, .16), 0 18px 30px -24px rgba(59, 42, 30, .5) !important;
}

/* ==================================================================
 * 3. Holzkarte: braunes Brett mit Maserung, helle Schrift
 * ================================================================== */

:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-look-holzkarte,
.wp-block-kadence-column.ll-look-holzkarte > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.wp-block-group, .wp-block-column, .wp-block-columns, .wp-block-cover).ll-look-holzkarte {
	background:
		radial-gradient(110% 80% at 18% 0%, rgba(255, 232, 200, .08), rgba(255, 232, 200, 0) 60%),
		radial-gradient(150% 130% at 50% 35%, rgba(28, 17, 9, 0) 55%, rgba(28, 17, 9, .3) 100%),
		linear-gradient(rgba(104, 75, 51, .32), rgba(104, 75, 51, .32)),
		url("../img/flaeche-maserung.svg") 0 0 / 900px 180px,
		var(--ll-rauschen),
		var(--ll-fl-brett) !important;
	color: var(--ll-fl-fliess) !important;
}

/* Als Brett (Kadence-Spalte, Gruppe oder eine Zeile, die nicht über die volle Breite geht):
   eigener Abstand innen, damit Galerie und Text nicht an der Kante kleben. */
.wp-block-kadence-column.ll-look-holzkarte > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.wp-block-group, .wp-block-column, .wp-block-columns):is(.ll-look-holzkarte):not(.alignfull),
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-look-holzkarte:not(.alignfull) {
	border-radius: 6px !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 240, 220, .1),
		inset 0 -2px 0 rgba(20, 12, 6, .18),
		0 22px 40px -26px rgba(46, 35, 26, .75) !important;
}

.wp-block-kadence-column.ll-look-holzkarte > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.wp-block-group, .wp-block-column, .wp-block-columns):is(.ll-look-holzkarte) {
	box-sizing: border-box;
	padding: clamp(24px, 3.6vw, 44px) !important;
}

.wp-block-group.alignfull.ll-look-holzkarte { padding-inline: max(var(--wp--style--root--padding-right, 0px), 20px) !important; }

/* Zeile als Brett (nicht volle Breite) und Papier-Zeile als Blatt: Kadence gibt
   Zeilen ohne eigene Hintergrundfarbe keinen Seitenabstand. */
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout):is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell):not(.alignfull) > :is(.kt-row-column-wrap, .innerblocks-wrap) {
	padding: clamp(28px, 4vw, 52px) clamp(20px, 4vw, 52px) !important;
}

:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout):is(.ll-look-papier, .ll-look-papier-hell):not(.alignfull) { border-radius: 3px !important; }

/* Kadence-Spalte: die Fläche füllt die ganze Spalte, damit Flächen nebeneinander
   gleich hoch sind (wirkt nur, wenn die Zeile die Spalten streckt, also nicht bei
   "Vertikal: Mitte"). */
.wp-block-kadence-column:is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell, .ll-look-steckbrief) > :is(.kt-inside-inner-col, .kadence-inner-column-inner) {
	flex-grow: 1;
}

/* Kein doppelter Abstand oben und unten: Rand der Fläche statt Außenabstand des ersten Blocks. */
.wp-block-kadence-column:is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell, .ll-look-steckbrief) > :is(.kt-inside-inner-col, .kadence-inner-column-inner) > :first-child,
:is(.wp-block-group, .wp-block-column):is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell, .ll-look-steckbrief):not(.alignfull) > :first-child,
:is(.wp-block-group, .wp-block-column):is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell, .ll-look-steckbrief):not(.alignfull) > .wp-block-group__inner-container > :first-child {
	margin-top: 0 !important;
}

.wp-block-kadence-column:is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell) > :is(.kt-inside-inner-col, .kadence-inner-column-inner) > :last-child,
:is(.wp-block-group, .wp-block-column):is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell):not(.alignfull) > :last-child,
:is(.wp-block-group, .wp-block-column):is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell):not(.alignfull) > .wp-block-group__inner-container > :last-child {
	margin-bottom: 0 !important;
}

/* Fotos und schräge Rahmen dürfen über die Kante ragen. */
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout):is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell),
.wp-block-kadence-column:is(.ll-look-holzkarte, .ll-look-papier, .ll-look-papier-hell) > :is(.kt-inside-inner-col, .kadence-inner-column-inner) {
	overflow: visible !important;
}

/* ==================================================================
 * 4. Alte Hintergründe der Fläche ausblenden (Foto, Verlauf, Schleier).
 *    opacity 0 zusätzlich, damit look.js den Schleier nicht als dunkel liest.
 * ================================================================== */

:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout):is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief) > :is(.kt-row-layout-overlay, .kb-blocks-bg-slider, .kb-blocks-bg-video-container),
.wp-block-cover:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief) > :is(.wp-block-cover__image-background, .wp-block-cover__video-background, .wp-block-cover__background, .wp-block-cover__gradient-background) {
	display: none !important;
	opacity: 0 !important;
	background: none !important;
}

.wp-block-kadence-column:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief) > :is(.kt-inside-inner-col, .kadence-inner-column-inner)::before {
	display: none !important;
}

.wp-block-cover:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte) { min-height: 0 !important; }

/* ==================================================================
 * 5. Schrift auf der Fläche
 *    Die Fläche bestimmt die Farbe von Überschriften, Text, Listen und
 *    Links. Nicht angefasst werden: Knöpfe, andere Landleben-Looks (die
 *    regeln ihre Farbe selbst, auch hell/dunkel) und die Bausteine des
 *    Plugins (Beratung, Ladenschild, Schwester-Karte, Zaunhöhe, Siegel,
 *    Rechner, Holz altert, Vorteile, Shop).
 * ================================================================== */

:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief)
	:where(h1, h2, h3, h4, h5, h6, .kt-adv-heading-link, strong, b, th, dt, label):not([class*="ll-look-"]):not(:where(
		[class*="ll-look-"]:not(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief),
		.ll-beratung, .ll-ladenschild, .ll-schwester, .ll-zaunhoehe, .ll-shop-zaunhoehe, .ll-siegel, .ll-siegel-ecke,
		.ll-rechner, .ll-produkt-rechner, .ll-alterung, .ll-produkt-alterung, .ll-vorteile, .ll-shop, .ll-infobox,
		.ll-dazu, .ll-anfrage, .ll-kaufleiste, .ll-preis-anfrage, .ll-familie, .ll-familienfuss, .ll-fuss,
		.kb-button, .wp-block-button__link, .button, button, .woocommerce
	) *) {
	color: var(--ll-fl-text) !important;
}

:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief)
	:where(p, li, dd, td, blockquote, cite, figcaption, .kt-svg-icon-list-text, .wp-block-cover__inner-container):not([class*="ll-look-"]):not(:where(
		[class*="ll-look-"]:not(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief),
		.ll-beratung, .ll-ladenschild, .ll-schwester, .ll-zaunhoehe, .ll-shop-zaunhoehe, .ll-siegel, .ll-siegel-ecke,
		.ll-rechner, .ll-produkt-rechner, .ll-alterung, .ll-produkt-alterung, .ll-vorteile, .ll-shop, .ll-infobox,
		.ll-dazu, .ll-anfrage, .ll-kaufleiste, .ll-preis-anfrage, .ll-familie, .ll-familienfuss, .ll-fuss,
		.kb-button, .wp-block-button__link, .button, button, .woocommerce
	) *) {
	color: var(--ll-fl-fliess) !important;
}

/* Eingefärbte Wörter (Kadence/WordPress "Inline-Farbe"): bleiben betont,
   aber in der Akzentfarbe der Fläche statt in Grün oder einer zufälligen Farbe. */
:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief)
	mark.has-inline-color:not(:where(
		[class*="ll-look-"]:not(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief),
		.ll-beratung, .ll-ladenschild, .ll-schwester, .ll-zaunhoehe, .ll-siegel, .ll-rechner, .ll-alterung, .ll-vorteile, .ll-shop
	) *) {
	color: var(--ll-fl-akzent) !important;
	background: none !important;
}

/* Links im Text */
:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief)
	:where(p, li, dd, td, figcaption, blockquote) a:not([class]):not(:where(
		[class*="ll-look-"]:not(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief),
		.ll-beratung, .ll-ladenschild, .ll-schwester, .ll-zaunhoehe, .ll-siegel, .ll-rechner, .ll-alterung, .ll-vorteile, .ll-shop
	) *) {
	color: var(--ll-fl-akzent) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: .22em;
	text-decoration-color: currentColor;
}

@media (hover: hover) {
	:is(.ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte, .ll-look-steckbrief) :where(p, li, dd, td, figcaption, blockquote) a:not([class]):hover {
		color: var(--ll-fl-text) !important;
	}
}

/* ==================================================================
 * 6. Bausteine des Plugins auf der dunklen Holzkarte
 *    Sie behalten ihre Farben. Wer keinen eigenen Grund hat (Beratung,
 *    Zaunhöhe), liegt dort wie ein angehefteter Zettel auf dem Brett.
 * ================================================================== */

.ll-look-holzkarte :is(.ll-beratung, .ll-zaunhoehe) {
	box-sizing: border-box;
	padding: 18px 22px 20px;
	border-radius: 2px;
	background-color: var(--ll-papier, #f7f2ea);
	background-image: var(--ll-rauschen);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 16px 26px -16px rgba(20, 12, 6, .75);
	rotate: -.6deg;
}

.ll-look-holzkarte .ll-zaunhoehe { rotate: .4deg; }

/* Das Brandsiegel ist sonst dunkle Tinte (multipliziert): auf Holz eingebrannt hell. */
.ll-look-holzkarte .ll-siegel {
	color: var(--ll-holz-hell, #dcc29f);
	mix-blend-mode: normal;
}

.ll-look-holzkarte .ll-alterung-text { color: var(--ll-fl-leise); }

/* ==================================================================
 * 7. W1 Holz-Steckbrief: Etikett mit Doppellinie und versetztem Holz-Schatten
 * ================================================================== */

.wp-block-kadence-column.ll-look-steckbrief > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-look-steckbrief > :is(.kt-row-column-wrap, .innerblocks-wrap),
:is(.wp-block-group, .wp-block-column, .wp-block-columns, .wp-block-cover).ll-look-steckbrief {
	box-sizing: border-box;
	width: 100%;
	max-width: 420px !important;
	margin-right: auto;
	padding: 22px 24px 16px !important;
	border: 1px solid var(--ll-tinte, #2e231a) !important;
	border-radius: 0 !important;
	background: #fffdf9 !important;
	box-shadow: 6px 6px 0 var(--ll-holz, #c4a07a) !important;
	color: var(--ll-fl-fliess) !important;
	text-align: left;
}

/* Als rechte Spalte neben Text: das Etikett schließt am rechten Rand ab. */
@media (min-width: 768px) {
	.kt-row-column-wrap > .wp-block-kadence-column.ll-look-steckbrief:last-child:not(:first-child) > :is(.kt-inside-inner-col, .kadence-inner-column-inner) {
		margin-inline-start: auto;
		margin-right: 0;
	}
}

/* Zeile als Steckbrief: die Zeile selbst bleibt durchsichtig, das Etikett ist der Inhalt. */
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-look-steckbrief { background: none !important; }
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-look-steckbrief > :is(.kt-row-column-wrap, .innerblocks-wrap) { margin-inline: auto !important; }
.wp-block-group.ll-look-steckbrief { margin-inline: auto; }

.ll-look-steckbrief :is(:is(.kt-inside-inner-col, .kadence-inner-column-inner), .kt-row-column-wrap) { row-gap: 0 !important; gap: 0 !important; }

.ll-look-steckbrief :is(h2, h3, h4):not([class*="ll-look-"]),
.ll-look-steckbrief .wp-block-kadence-advancedheading:is(h2, h3, h4) {
	margin: 2px 0 12px !important;
	padding: 0 0 12px !important;
	border-bottom: 3px double var(--ll-tinte, #2e231a) !important;
	font-family: var(--ll-f-titel) !important;
	font-size: clamp(22px, 2.2vw, 26px) !important;
	font-weight: 400 !important;
	font-synthesis: none;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

/* Kleine Zeile direkt über dem Titel: als Kicker gesetzt. */
.ll-look-steckbrief p:not([class*="ll-look-"]):has(+ :is(h2, h3, h4)) {
	margin: 0 !important;
	color: var(--ll-braun, #7f5f41) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	letter-spacing: .26em !important;
	text-transform: uppercase !important;
}

/* Fakten als Tabelle (WordPress-Tabelle) */
.ll-look-steckbrief .wp-block-table { margin: 0 !important; overflow: visible; }

.ll-look-steckbrief table {
	width: 100%;
	margin: 0;
	border: 0 !important;
	border-collapse: collapse;
	background: none !important;
	font-size: 14px;
	line-height: 1.45;
}

.ll-look-steckbrief :is(td, th) {
	padding: 8px 0 !important;
	border: 0 !important;
	border-bottom: 1px dotted rgba(46, 35, 26, .3) !important;
	background: none !important;
	vertical-align: baseline;
	text-align: left;
}

.ll-look-steckbrief tr:last-child > :is(td, th) { border-bottom: 0 !important; }

.ll-look-steckbrief :is(td, th):first-child {
	padding-right: 18px !important;
	color: var(--ll-fl-leise) !important;
	font-weight: 400;
}

.ll-look-steckbrief :is(td, th):last-child:not(:first-child) {
	color: var(--ll-fl-text) !important;
	font-weight: 700;
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.ll-look-steckbrief .wp-block-table figcaption,
.ll-look-steckbrief :is(.wp-block-table, .wp-block-kadence-iconlist, ul, ol, dl) + :is(p, .wp-block-kadence-advancedheading) {
	margin: 10px 0 0 !important;
	color: var(--ll-fl-leise) !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

/* Fakten als Kadence-Icon-Liste oder normale Liste: gepunktete Zeilen.
   Ein fett gesetzter Wert steht rechtsbündig wie in der Tabelle. */
.ll-look-steckbrief :is(ul.kt-svg-icon-list, ul.wp-block-list, ol.wp-block-list) {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	gap: 0 !important;
}

.ll-look-steckbrief :is(.kt-svg-icon-list-item-wrap, .wp-block-list > li) {
	display: flex !important;
	align-items: baseline !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	border-bottom: 1px dotted rgba(46, 35, 26, .3) !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
}

.ll-look-steckbrief :is(.kt-svg-icon-list-item-wrap, .wp-block-list > li):last-child { border-bottom: 0 !important; }

.ll-look-steckbrief .kt-svg-icon-list-single {
	flex: none;
	align-self: center;
	margin: 0 !important;
	color: var(--ll-braun, #7f5f41) !important;
	font-size: 13px !important;
}

.ll-look-steckbrief .kt-svg-icon-list-single svg { width: 1em !important; height: 1em !important; }

.ll-look-steckbrief .kt-svg-icon-list-text,
.ll-look-steckbrief .wp-block-list > li { flex: 1 1 auto; min-width: 0; font-size: 14px !important; }

.ll-look-steckbrief .kt-svg-icon-list-text:has(> strong),
.ll-look-steckbrief .wp-block-list > li:has(> strong) {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2px 14px;
	color: var(--ll-fl-leise) !important;
}

.ll-look-steckbrief :is(.kt-svg-icon-list-text, .wp-block-list > li) > strong {
	margin-left: auto;
	color: var(--ll-fl-text) !important;
	font-weight: 700;
	text-align: right;
	font-variant-numeric: tabular-nums;
}

/* Definitionsliste (z. B. aus einem HTML-Block) */
.ll-look-steckbrief dl { display: grid; grid-template-columns: auto minmax(0, 1fr); margin: 0; font-size: 14px; }
.ll-look-steckbrief :is(dt, dd) { margin: 0; padding: 8px 0; border-bottom: 1px dotted rgba(46, 35, 26, .3); }
.ll-look-steckbrief dt { padding-right: 18px; color: var(--ll-fl-leise) !important; }
.ll-look-steckbrief dd { font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }

/* ==================================================================
 * 8. Karten für die Kadence-Info-Box
 *    Papierkarte, Holzkarte, Etikett. Gleiche Symbol-Behandlung für alle:
 *    eine runde Scheibe, das Symbol fein gezeichnet. Die Farben, die in
 *    Kadence für Symbol, Rahmen und Hintergrund eingestellt sind, gelten
 *    hier nicht mehr (auch kein Grün).
 * ================================================================== */

.wp-block-kadence-infobox.ll-look-karte-papier {
	--ll-fl-k-titel: var(--ll-tinte, #2e231a);
	--ll-fl-k-text: #4f3f31;
	--ll-fl-k-akzent: var(--ll-braun, #7f5f41);
	--ll-fl-k-scheibe: var(--ll-sanft, #efe6d8);
	--ll-fl-k-rand: rgba(127, 95, 65, .28);
	--ll-fl-k-symbol: var(--ll-braun, #7f5f41);
	--ll-fl-k-fokus: var(--ll-braun, #7f5f41);
}

.wp-block-kadence-infobox.ll-look-karte-etikett {
	--ll-fl-k-titel: var(--ll-tinte, #2e231a);
	--ll-fl-k-text: #4f3f31;
	--ll-fl-k-akzent: var(--ll-braun, #7f5f41);
	--ll-fl-k-scheibe: var(--ll-sanft, #efe6d8);
	--ll-fl-k-rand: rgba(46, 35, 26, .22);
	--ll-fl-k-symbol: var(--ll-braun, #7f5f41);
	--ll-fl-k-fokus: var(--ll-tinte, #2e231a);
}

.wp-block-kadence-infobox.ll-look-karte-holz {
	--ll-fl-k-titel: var(--ll-auf-dunkel, #f6eee3);
	--ll-fl-k-text: #ece0cf;
	--ll-fl-k-akzent: #f2d6a0;
	--ll-fl-k-scheibe: rgba(246, 238, 227, .07);
	--ll-fl-k-rand: rgba(220, 194, 159, .5);
	--ll-fl-k-symbol: var(--ll-holz-hell, #dcc29f);
	--ll-fl-k-fokus: #f2d6a0;
}

/* Karte füllt die Spalte, damit Karten nebeneinander gleich hoch sind. */
.wp-block-kadence-column > :is(.kt-inside-inner-col, .kadence-inner-column-inner):has(> .wp-block-kadence-infobox[class*="ll-look-karte-"]:only-child) {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

:is(.kt-inside-inner-col, .kadence-inner-column-inner) > .wp-block-kadence-infobox[class*="ll-look-karte-"]:only-child {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

/* Bild oben: der "Mehr erfahren"-Link sitzt in allen Karten einer Reihe unten auf gleicher Höhe. */
.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media-align-top {
	display: flex !important;
	flex-direction: column;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media-align-top > .kt-infobox-textcontent {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media-align-top .kt-blocks-info-box-learnmore-wrap {
	margin-top: auto !important;
	padding-top: 14px;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media-align-top > * { align-self: stretch; }
.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media-align-top .kt-blocks-info-box-learnmore-wrap { align-self: flex-start; }
.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media-align-top.kt-info-halign-center .kt-blocks-info-box-learnmore-wrap { align-self: center; }
.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media-align-top.kt-info-halign-right .kt-blocks-info-box-learnmore-wrap { align-self: flex-end; }

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-link-wrap {
	position: relative;
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 100%;
	margin: 0 !important;
	padding: 34px 26px 30px !important;
	text-decoration: none !important;
	transition: translate .45s var(--ll-weich), box-shadow .45s var(--ll-weich) !important;
}

/* Papierkarte: helles Papier, feine Holzleiste oben, weicher Schatten. */
.wp-block-kadence-infobox.ll-look-karte-papier .kt-blocks-info-box-link-wrap,
.wp-block-kadence-infobox.ll-look-karte-papier .kt-blocks-info-box-link-wrap:hover {
	border-style: solid !important;
	border-color: rgba(127, 95, 65, .2) !important;
	border-width: 6px 1px 1px !important;
	border-image: url("../img/flaeche-leiste.svg") 50% 0 0 0 / 6px 0 0 0 round !important;
	border-radius: 2px !important;
	background:
		linear-gradient(180deg, rgba(59, 42, 30, .14), rgba(59, 42, 30, 0) 6px) 0 0 / 100% 6px no-repeat,
		var(--ll-rauschen),
		var(--ll-papier, #f7f2ea) !important;
	box-shadow: 0 0 0 1px rgba(127, 95, 65, .16), 0 18px 30px -24px rgba(59, 42, 30, .55) !important;
}

/* Holzkarte als Karte */
.wp-block-kadence-infobox.ll-look-karte-holz .kt-blocks-info-box-link-wrap,
.wp-block-kadence-infobox.ll-look-karte-holz .kt-blocks-info-box-link-wrap:hover {
	border: 0 !important;
	border-radius: 4px !important;
	background:
		radial-gradient(110% 70% at 20% 0%, rgba(255, 232, 200, .08), rgba(255, 232, 200, 0) 60%),
		radial-gradient(140% 120% at 50% 35%, rgba(28, 17, 9, 0) 50%, rgba(28, 17, 9, .32) 100%),
		linear-gradient(rgba(104, 75, 51, .22), rgba(104, 75, 51, .22)),
		url("../img/flaeche-maserung.svg") 0 0 / 600px 120px,
		var(--ll-rauschen),
		var(--ll-fl-brett) !important;
	box-shadow: inset 0 1px 0 rgba(255, 240, 220, .1), inset 0 -2px 0 rgba(20, 12, 6, .2), 0 20px 32px -22px rgba(30, 18, 10, .8) !important;
}

/* Etikett: weißer Rahmen mit versetztem Holz-Schatten wie der Stempel-Knopf. */
.wp-block-kadence-infobox.ll-look-karte-etikett .kt-blocks-info-box-link-wrap,
.wp-block-kadence-infobox.ll-look-karte-etikett .kt-blocks-info-box-link-wrap:hover {
	border: 1.5px solid var(--ll-tinte, #2e231a) !important;
	border-radius: 0 !important;
	background: #fffdf9 !important;
	box-shadow: 6px 6px 0 var(--ll-holz, #c4a07a) !important;
}

/* Papier hat oben 6 px Holzleiste als Rand. Holz und Etikett gleichen das
 * aus, damit Symbol und Titel in einer gemischten Reihe auf einer Höhe stehen. */
.wp-block-kadence-infobox.ll-look-karte-holz .kt-blocks-info-box-link-wrap { padding-top: 40px !important; }
.wp-block-kadence-infobox.ll-look-karte-etikett .kt-blocks-info-box-link-wrap { padding-top: 38.5px !important; }

/* Symbol: runde Scheibe, Symbol in Markenfarbe, fein gezeichnet. */
.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media-container {
	margin: 0 0 18px !important;
	padding: 0 !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media:not(:has(img)),
.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media:not(:has(img)) {
	display: inline-grid !important;
	place-items: center;
	box-sizing: border-box;
	width: 66px !important;
	height: 66px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--ll-fl-k-rand) !important;
	border-radius: 50% !important;
	background: var(--ll-fl-k-scheibe) !important;
	box-shadow: none !important;
	color: var(--ll-fl-k-symbol) !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] :is(.kadence-info-box-icon-container, .kadence-info-box-icon-inner-container) {
	display: grid !important;
	place-items: center;
	margin: 0 !important;
	line-height: 0 !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] :is(.kt-info-svg-icon, .kt-info-svg-icon-flip) {
	display: inline-flex !important;
	color: inherit !important;
	font-size: 28px !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] :is(.kt-info-svg-icon, .kt-info-svg-icon-flip) svg {
	width: 1em !important;
	height: 1em !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] :is(.kt-info-svg-icon, .kt-info-svg-icon-flip) svg[stroke-width] {
	stroke-width: 1.5;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-number {
	color: inherit !important;
	font-family: var(--ll-f-titel) !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-media:has(img) {
	border: 0 !important;
	background: none !important;
	padding: 0 !important;
}

/* Titel in Young Serif, Text ruhig. */
.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-title {
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: var(--ll-fl-k-titel) !important;
	font-family: var(--ll-f-titel) !important;
	font-size: clamp(19px, 1.7vw, 22px) !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-synthesis: none;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-wrap: balance;
}

.wp-block-kadence-infobox.ll-look-karte-etikett .kt-blocks-info-box-title {
	padding-bottom: 12px !important;
	border-bottom: 3px double var(--ll-tinte, #2e231a);
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-text {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--ll-fl-k-text) !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-wrap: pretty;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] :is(.kt-blocks-info-box-title, .kt-blocks-info-box-text) mark.has-inline-color {
	color: var(--ll-fl-k-akzent) !important;
	background: none !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-learnmore-wrap { margin: 16px 0 0 !important; }

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-learnmore,
.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore {
	display: inline-block;
	margin: 0 !important;
	padding: 2px 0 3px !important;
	border: 0 !important;
	border-bottom: 1.5px solid currentColor !important;
	border-radius: 0 !important;
	background: none !important;
	color: var(--ll-fl-k-akzent) !important;
	font-size: 12.5px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-learnmore::before { display: none !important; }

/* Tastatur-Fokus innen auf der Karte: so hat der Ring immer genug Kontrast,
   egal ob die Karte auf hellem Papier oder auf dunklem Holz steht. */
.wp-block-kadence-infobox[class*="ll-look-karte-"] a.kt-blocks-info-box-link-wrap:focus-visible {
	outline: 2px solid var(--ll-fl-k-fokus, var(--ll-braun, #7f5f41)) !important;
	outline-offset: -8px !important;
}

.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-learnmore:focus-visible {
	outline: 2px solid var(--ll-fl-k-fokus, var(--ll-braun, #7f5f41)) !important;
	outline-offset: 3px !important;
}

/* Leicht anheben beim Drüberfahren (nur mit Maus, nicht bei reduzierter Bewegung). */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.wp-block-kadence-infobox:is(.ll-look-karte-papier, .ll-look-karte-holz) .kt-blocks-info-box-link-wrap:hover {
		translate: 0 -3px;
	}

	.wp-block-kadence-infobox.ll-look-karte-papier .kt-blocks-info-box-link-wrap:hover {
		box-shadow: 0 0 0 1px rgba(127, 95, 65, .18), 0 26px 38px -24px rgba(59, 42, 30, .6) !important;
	}

	.wp-block-kadence-infobox.ll-look-karte-holz .kt-blocks-info-box-link-wrap:hover {
		box-shadow: inset 0 1px 0 rgba(255, 240, 220, .1), inset 0 -2px 0 rgba(20, 12, 6, .2), 0 28px 40px -24px rgba(30, 18, 10, .85) !important;
	}

	.wp-block-kadence-infobox.ll-look-karte-etikett .kt-blocks-info-box-link-wrap:hover {
		translate: -2px -2px;
		box-shadow: 8px 8px 0 var(--ll-holz, #c4a07a) !important;
	}
}

/* ==================================================================
 * 9. Kanten: Zeile (Kadence), Gruppe und Titelbild (WordPress)
 *    Riss und Gras: die Fläche selbst wird mit einer Maske ausgeschnitten
 *    und reicht über den Nachbarn. So passt die Kante immer zum eigenen
 *    Hintergrund, auch zu Foto mit Farbschleier, Papier und Holz.
 *    Überlappt wird nur, wenn der Nachbar eine eigene Fläche hat; sonst
 *    entsteht der Platz innerhalb des eigenen Bereichs.
 * ================================================================== */

:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover):is(.ll-kante-riss-unten, .ll-kante-riss-oben, .ll-kante-gras-oben) {
	position: relative;
}

/* ---- Gerissene Papierkante unten ---- */
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-kante-riss-unten { padding-bottom: var(--ll-fl-riss) !important; }

.wp-block-group.ll-kante-riss-unten {
	border-bottom: var(--ll-fl-riss) solid transparent !important;
	background-origin: border-box !important;
}

:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-kante-riss-unten {
	z-index: 1;
	-webkit-mask:
		linear-gradient(#000 0 0) left top / 100% calc(100% - var(--ll-fl-riss) + 1px) no-repeat,
		url("../img/flaeche-riss-unten.svg") left bottom / var(--ll-fl-riss-kachel) var(--ll-fl-riss) repeat-x;
	mask:
		linear-gradient(#000 0 0) left top / 100% calc(100% - var(--ll-fl-riss) + 1px) no-repeat,
		url("../img/flaeche-riss-unten.svg") left bottom / var(--ll-fl-riss-kachel) var(--ll-fl-riss) repeat-x;
}

:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-kante-riss-unten:has(+ :is(.kt-row-has-bg, .has-background, .wp-block-cover, .ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte)) {
	margin-bottom: calc(-1 * var(--ll-fl-riss)) !important;
}

.ll-kante-riss-unten + :is(.kt-row-has-bg, .has-background, .wp-block-cover, .ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte) {
	margin-top: 0 !important;
}

/* ---- Gerissene Papierkante oben ---- */
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-kante-riss-oben { padding-top: var(--ll-fl-riss) !important; }

.wp-block-group.ll-kante-riss-oben {
	border-top: var(--ll-fl-riss) solid transparent !important;
	background-origin: border-box !important;
}

:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-kante-riss-oben {
	-webkit-mask:
		url("../img/flaeche-riss-oben.svg") left top / var(--ll-fl-riss-kachel) var(--ll-fl-riss) repeat-x,
		linear-gradient(#000 0 0) left bottom / 100% calc(100% - var(--ll-fl-riss) + 1px) no-repeat;
	mask:
		url("../img/flaeche-riss-oben.svg") left top / var(--ll-fl-riss-kachel) var(--ll-fl-riss) repeat-x,
		linear-gradient(#000 0 0) left bottom / 100% calc(100% - var(--ll-fl-riss) + 1px) no-repeat;
}

:is(.kt-row-has-bg, .has-background, .wp-block-cover, .ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte) + :is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-kante-riss-oben {
	margin-top: calc(-1 * var(--ll-fl-riss)) !important;
}

/* ---- D5 Graskante oben: Gras in der eigenen Farbe wächst in den Bereich darüber ---- */
:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-kante-gras-oben { padding-top: var(--ll-fl-gras) !important; }

.wp-block-group.ll-kante-gras-oben {
	border-top: var(--ll-fl-gras) solid transparent !important;
	background-origin: border-box !important;
}

:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-kante-gras-oben {
	-webkit-mask:
		url("../img/flaeche-gras.svg") left top / var(--ll-fl-gras-kachel) var(--ll-fl-gras) repeat-x,
		linear-gradient(#000 0 0) left bottom / 100% calc(100% - var(--ll-fl-gras) + 1px) no-repeat;
	mask:
		url("../img/flaeche-gras.svg") left top / var(--ll-fl-gras-kachel) var(--ll-fl-gras) repeat-x,
		linear-gradient(#000 0 0) left bottom / 100% calc(100% - var(--ll-fl-gras) + 1px) no-repeat;
}

:is(.kt-row-has-bg, .has-background, .wp-block-cover, .ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte) + :is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-kante-gras-oben {
	margin-top: calc(-1 * var(--ll-fl-gras)) !important;
}

/* Der Bereich darüber stößt ohne Lücke an. */
:is(.kt-row-has-bg, .has-background, .wp-block-cover, .ll-look-papier, .ll-look-papier-hell, .ll-look-holzkarte):has(+ :is(.ll-kante-riss-oben, .ll-kante-gras-oben)) {
	margin-bottom: 0 !important;
}

/* Inhalt einer WordPress-Gruppe darüber bleibt über dem Gras/Riss lesbar
   (Kadence-Zeilen und Titelbilder heben ihren Inhalt schon selbst an). */
.wp-block-group:has(+ :is(.ll-kante-riss-oben, .ll-kante-gras-oben)) > :not(.wp-block-cover__image-background, .wp-block-cover__background) {
	position: relative;
	z-index: 1;
}

/* ---- D3 Holzleiste oben oder unten ---- */
:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-kante-holz-oben {
	border-style: solid !important;
	border-color: var(--ll-holz, #c4a07a) !important;
	border-width: var(--ll-fl-leiste) 0 0 !important;
	border-image: url("../img/flaeche-leiste.svg") 50% 0 0 0 / var(--ll-fl-leiste) 0 0 0 round !important;
	box-shadow: inset 0 8px 8px -7px rgba(46, 35, 26, .32);
}

:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-kante-holz-unten {
	border-style: solid !important;
	border-color: var(--ll-holz, #c4a07a) !important;
	border-width: 0 0 var(--ll-fl-leiste) !important;
	border-image: url("../img/flaeche-leiste.svg") 0 0 50% 0 / 0 0 var(--ll-fl-leiste) 0 round !important;
	box-shadow: inset 0 -8px 8px -7px rgba(46, 35, 26, .22);
}

/* Papier (Leiste oben) und Holzleiste unten zusammen */
:is(:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout), .wp-block-group, .wp-block-cover).ll-look-papier.ll-kante-holz-unten {
	border-width: var(--ll-fl-leiste) 0 !important;
	border-image: url("../img/flaeche-leiste.svg") 50% 0 50% 0 / var(--ll-fl-leiste) 0 var(--ll-fl-leiste) 0 round !important;
}

/* ==================================================================
 * 10. Handy und reduzierte Bewegung
 * ================================================================== */

@media (max-width: 767px) {
	.wp-block-kadence-column.ll-look-steckbrief > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
	:is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).ll-look-steckbrief > :is(.kt-row-column-wrap, .innerblocks-wrap),
	:is(.wp-block-group, .wp-block-column, .wp-block-columns, .wp-block-cover).ll-look-steckbrief {
		box-shadow: 4px 4px 0 var(--ll-holz, #c4a07a) !important;
		padding: 20px 18px 14px !important;
	}

	.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-link-wrap {
		padding: 30px 22px 26px !important;
	}

	.wp-block-kadence-infobox.ll-look-karte-holz .kt-blocks-info-box-link-wrap { padding-top: 36px !important; }
	.wp-block-kadence-infobox.ll-look-karte-etikett .kt-blocks-info-box-link-wrap { padding-top: 34.5px !important; }

	.wp-block-kadence-infobox.ll-look-karte-etikett .kt-blocks-info-box-link-wrap { box-shadow: 4px 4px 0 var(--ll-holz, #c4a07a) !important; }
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-kadence-infobox[class*="ll-look-karte-"] .kt-blocks-info-box-link-wrap {
		transition: none !important;
		translate: none !important;
	}
}