/* Schlenz Wintergarten. Ergaenzt theme.json um das, was dort nicht geht. */

:root {
	--s-licht: #d4a24c;
	--s-nacht: #0f1412;
	--s-linie: #dcd8d0;
	--s-nebel: #5c625f;
	--s-papier: #f4f2ee;
	--s-tinte: #111413;
	--s-radius: 0;
	--s-leiste: 56px;
}

/* ---------- Grundlagen ---------- */
*:focus-visible {
	outline: 3px solid var(--s-nacht);
	outline-offset: 3px;
}
.has-nacht-background-color *:focus-visible,
.schlenz-band *:focus-visible,
.site-footer *:focus-visible,
.schlenz-anfrage *:focus-visible,
.schlenz-video-hero *:focus-visible,
.schlenz-bild-hero *:focus-visible,
.schlenz-leiste *:focus-visible,
.schlenz-menue-extra *:focus-visible,
.wp-block-navigation__responsive-container.is-menu-open *:focus-visible {
	outline-color: var(--s-licht);
}
img {
	max-width: 100%;
	height: auto;
}
/* Link-Hover im Fliesstext: Farbe kommt aus theme.json (Nebel), hier nur die dickere Linie */
a:not(.wp-element-button):hover {
	text-decoration-thickness: 2px;
}
.skip-link {
	position: absolute;
	left: -999px;
	top: 0.5rem;
	z-index: 1000;
	padding: 0.75rem 1.25rem;
	background: var(--s-nacht);
	color: #fff;
	text-decoration: none;
}
.skip-link:focus {
	left: 0.5rem;
}
h1, h2, h3 {
	hyphens: manual;
	text-wrap: balance;
}

/* ---------- Kopfzeile: klebt als Ganzes (das Template-Part, nicht die Gruppe darin) ---------- */
.wp-site-blocks > .wp-block-template-part:has(.site-header) {
	position: sticky;
	top: 0;
	z-index: 100;
}
.site-header {
	position: static;
	background: #fff;
}
.site-header .wp-block-navigation a {
	color: var(--wp--preset--color--tinte);
	padding: 0.5rem 0;
	min-height: 44px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}
/* Logo: die Wortmarke „Wintergarten Schlenz“ des Kunden (PNG mit Transparenz, 999 x 111 px) als Bildblock
   aus dem Muster schlenz/logo (dort kommt der Theme-Pfad her). 40 px hoch in der Kopfzeile, 32 px unter 600 px. */
.schlenz-logo {
	margin: 0 !important;
	flex: 0 0 auto;
	line-height: 0;
}
.schlenz-logo a {
	display: inline-block;
}
.schlenz-logo img {
	display: block;
	height: 40px;
	width: auto;
}
@media (max-width: 599px) {
	.schlenz-logo img {
		height: 32px;
	}
}
.header-cta .wp-block-button__link {
	white-space: nowrap;
}
/* Menuepunkte: leiser Wechsel auf Nebel mit duenner, abgesetzter Linie (kein Browser-Default) */
.site-header .wp-block-navigation a:hover,
.site-header .wp-block-navigation a:focus-visible {
	color: var(--s-nebel);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.35em;
}
/* Telefonnummer links neben dem Knopf: erst ab 1600 px. Mit dem Kundenlogo (360 px breit) und dem laengeren
   Menue braucht die Zeile 1340 px ohne und 1455 px mit Nummer (gemessen 21.09.2026). Deshalb wird die Zeile ab
   1280 px auf 90rem geweitet, ab 1600 px auf 94rem. */
.schlenz-kopf-telefon {
	display: none;
	margin: 0 !important;
	white-space: nowrap;
	font-weight: 500;
}
.schlenz-kopf-telefon a {
	color: var(--s-nacht);
	text-decoration: none;
}
.schlenz-kopf-telefon a:hover,
.schlenz-kopf-telefon a:focus-visible {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.35em;
}
@media (min-width: 1280px) {
	.site-header > .wp-block-group {
		max-width: 90rem;
	}
}
@media (min-width: 1600px) {
	.schlenz-kopf-telefon {
		display: block;
	}
	.site-header > .wp-block-group {
		max-width: 94rem;
	}
}
/* Ab 1280 px (offene Menuezeile) knapper Abstand zwischen Menue, Telefon und Knopf; der Knopf etwas schmaler */
@media (min-width: 1280px) {
	.site-header > .wp-block-group > .wp-block-group {
		gap: 1.25rem;
	}
	.site-header .wp-block-navigation__container {
		gap: 1rem;
	}
	.header-cta .wp-block-button__link {
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}
}
.site-header > .wp-block-group,
.site-header .wp-block-navigation__container {
	flex-wrap: nowrap !important;
}
/* Unter 1280px reicht der Platz nicht fuer die ganze Zeile: Klappmenue. WordPress selbst schaltet erst bei 600px um. */
@media (max-width: 1279px) {
	.site-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	.site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}
@media (max-width: 599px) {
	.site-header .header-cta {
		display: none;
	}
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	min-width: 44px;
	min-height: 44px;
}

/* Klappmenue: Farben kommen aus dem Block (overlayBackgroundColor nacht, overlayTextColor weiss).
   Linksbuendig, grosse Eintraege, oben die Marke, unten Telefon und Knopf (eigene Gruppe, nur bei offenem Menue). */
.site-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: 5.5rem var(--wp--preset--spacing--40) 11rem;
	/* Keine Einblend-Animation: WordPress laesst per animation-fill-mode ein transform stehen, das aus
	   position: fixed (Schliessen-Kreuz) ein absolute macht, und das Kreuz scrollte mit den Eintraegen weg. */
	animation: none;
	transform: none;
}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 0;
	align-items: flex-start;
}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	align-items: flex-start;
	gap: 0;
}
.site-header .wp-block-navigation__responsive-container.is-menu-open a {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	padding: 0.6rem 0;
	min-height: 0;
	text-align: left;
}
/* Schliessen-Knopf oben rechts am Overlay, nicht am Dialog (der sitzt unter dem Innenabstand) */
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
	position: static;
}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 2;
	width: 76px;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: var(--s-nacht);
}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible {
	outline-color: var(--s-nacht);
}
.schlenz-menue-extra {
	display: none;
}
.site-header:has(.wp-block-navigation__responsive-container.is-menu-open) .schlenz-menue-extra {
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100001;
	padding: 1rem var(--wp--preset--spacing--40) calc(1.25rem + env(safe-area-inset-bottom));
	background: var(--s-nacht);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	color: #fff;
}
.schlenz-menue-extra > * {
	margin: 0 !important;
}
/* Oben ein weisser Balken (76 px) mit dem Logo im Original; er deckt beim Scrollen die Eintraege ab.
   Er laesst rechts 76 px frei: dort steht das Schliessen-Kreuz von WordPress, das im Overlay liegt
   (eigener Stapelkontext, kann nicht ueber diesen Balken) und deshalb selbst weiss hinterlegt ist. */
.schlenz-menue-extra__marke {
	position: fixed;
	top: 0;
	left: 0;
	right: 76px;
	height: 76px;
	display: flex;
	align-items: center;
	padding: 0 var(--wp--preset--spacing--40);
	background: #fff;
	line-height: 0;
}
.schlenz-menue-extra__marke img {
	display: block;
	height: 32px;
	width: auto;
}
.schlenz-menue-extra__marke a,
.schlenz-menue-extra__telefon a {
	color: #fff;
	text-decoration: none;
}
.schlenz-menue-extra__telefon {
	font-size: var(--wp--preset--font-size--gross);
	font-weight: 600;
	margin-bottom: 0.75rem !important;
}
/* Telefonnummer in Gold (Text, keine Flaeche); der Knopf ist Weiss auf Nacht wie ueberall auf dunklem Grund */
.schlenz-menue-extra__telefon a {
	color: var(--s-licht);
}
.schlenz-menue-extra .wp-block-button__link {
	background: #fff;
	color: var(--s-nacht);
}
.schlenz-menue-extra .wp-block-button__link:hover,
.schlenz-menue-extra .wp-block-button__link:focus-visible {
	background: var(--s-papier);
	color: var(--s-nacht);
}

/* ---------- Untermenue „Wintergarten-Wissen“ (18 Eintraege) ----------
   Ab 1280 px eine Ausklappliste in zwei Spalten, weiss mit Linie. Oeffnen per Ueberfahren, Klick auf den
   Pfeil oder Tastatur macht die WordPress-Navigation selbst (Klasse is-open, :focus-within).
   Im Klappmenue steht die Liste eingerueckt und kleiner unter dem Eintrag. */
@media (min-width: 1280px) {
	.site-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		background: var(--s-nacht);
		border: 1px solid rgba(255, 255, 255, 0.15);
		box-shadow: 0 12px 32px rgba(15, 20, 18, 0.18);
		color: #fff;
	}
	.site-header .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container,
	.site-header .wp-block-navigation .has-child:focus-within .wp-block-navigation__submenu-container,
	.site-header .wp-block-navigation .has-child.is-open .wp-block-navigation__submenu-container,
	.site-header .wp-block-navigation .has-child:has(.wp-block-navigation-submenu__toggle[aria-expanded="true"]) .wp-block-navigation__submenu-container {
		display: grid;
		grid-template-columns: repeat(2, max-content);
		column-gap: 2.5rem;
		row-gap: 0;
		min-width: 0;
		padding: 0.75rem 1.25rem 0.9rem;
		left: -1.25rem;
	}
	.site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
		width: 100%;
	}
	.site-header .wp-block-navigation .wp-block-navigation__submenu-container a {
		padding: 0.4rem 0;
		min-height: 40px;
		font-size: var(--wp--preset--font-size--klein);
		white-space: nowrap;
		color: #fff;
	}
	.site-header .wp-block-navigation .wp-block-navigation__submenu-container a:hover,
	.site-header .wp-block-navigation .wp-block-navigation__submenu-container a:focus-visible {
		color: var(--s-licht);
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.35em;
	}
	.site-header .wp-block-navigation .wp-block-navigation__submenu-container a:focus-visible {
		outline-color: var(--s-licht);
	}
}
.site-header .wp-block-navigation .wp-block-navigation-submenu__toggle {
	min-width: 32px;
	min-height: 44px;
	margin-left: -0.5rem;
	padding: 0;
	color: var(--wp--preset--color--tinte);
}
.site-header .wp-block-navigation .wp-block-navigation-submenu__toggle:hover,
.site-header .wp-block-navigation .wp-block-navigation-submenu__toggle:focus-visible {
	color: var(--s-nebel);
}
.site-header .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container {
	display: flex;
	flex-direction: column;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: inherit;
	padding: 0.25rem 0 0.75rem 1.25rem;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	margin-left: 0.25rem;
}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a {
	font-size: 1.05rem;
	font-weight: 400;
	padding: 0.4rem 0;
	min-height: 40px;
}

/* ---------- Hero und Anfrage: Innencontainer am Raster, nicht am Viewportrand ---------- */
.schlenz-video-hero,
.schlenz-bild-hero {
	min-height: min(90vh, 56rem);
	min-height: min(90svh, 56rem);
	display: flex;
	align-items: flex-end;
	margin-top: 0 !important;
	background: var(--s-nacht);
}
.schlenz-bild-hero {
	min-height: min(70vh, 38rem);
	min-height: min(70svh, 38rem);
}
.schlenz-video-hero .wp-block-cover__inner-container,
.schlenz-bild-hero .wp-block-cover__inner-container,
.schlenz-anfrage .wp-block-cover__inner-container {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--wp--style--global--wide-size) + 2 * var(--wp--preset--spacing--40));
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--40);
}
.schlenz-video-hero .wp-block-cover__inner-container,
.schlenz-bild-hero .wp-block-cover__inner-container {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--50);
}
.schlenz-video-hero .wp-block-cover__background,
.schlenz-bild-hero .wp-block-cover__background {
	background: linear-gradient(to top, rgba(15, 20, 18, 0.85) 0%, rgba(15, 20, 18, 0.5) 45%, rgba(15, 20, 18, 0.1) 100%) !important;
	opacity: 1 !important;
}
/* Startseite (Klasse schlenz-video-hero, seit 14.09.2026 ein Standbild): Mittagsaufnahme Rathsberg,
   deshalb unten und links etwas mehr Nacht, damit H1, Absatz, Knoepfe und Beweiszeile ueber Pflaster
   und Glas 4,5:1 halten. Das Bild zoomt in 20 s auf 1,06; bei reduzierter Bewegung steht es still.
   Unter 782 px liefert functions.php die Hochformat-Fassung (-mobil) als <source> im <picture>. */
.schlenz-video-hero .wp-block-cover__background {
	background:
		linear-gradient(to right, rgba(15, 20, 18, 0.55) 0%, rgba(15, 20, 18, 0.35) 40%, rgba(15, 20, 18, 0) 72%),
		linear-gradient(to top, rgba(15, 20, 18, 0.9) 0%, rgba(15, 20, 18, 0.6) 45%, rgba(15, 20, 18, 0.08) 100%) !important;
}
.schlenz-hero-standbild {
	display: contents;
}
.schlenz-video-hero h1,
.schlenz-bild-hero h1 {
	color: #fff;
	max-width: 22ch;
}
.schlenz-video-hero p,
.schlenz-bild-hero p {
	color: rgba(255, 255, 255, 0.88);
	max-width: 38rem;
}
.schlenz-video-hero .schlenz-eyebrow,
.schlenz-bild-hero .schlenz-eyebrow {
	color: #fff;
}
/* Knoepfe im Hero: Weiss auf dunklem Grund, Outline in der Textfarbe (Weiss). Die Regeln fuer alle
   dunklen Kontexte stehen unten bei „Knoepfe“; hier nur, was der Hero zusaetzlich braucht. */
@media (prefers-reduced-motion: reduce) {
	.schlenz-video-hero video {
		display: none;
	}
}
@media (max-width: 781px) {
	.schlenz-video-hero {
		min-height: 80vh;
		min-height: 80svh;
	}
	/* Oben fast offen (0,05), damit vom Foto mehr bleibt als ein dunkler Streifen; unten bleibt es lesbar */
	.schlenz-bild-hero .wp-block-cover__background {
		background: linear-gradient(to top, rgba(15, 20, 18, 0.9) 0%, rgba(15, 20, 18, 0.6) 45%, rgba(15, 20, 18, 0.05) 100%) !important;
	}
	/* Zwischenstop bei 70 %, damit die H1 (steht bei rund zwei Dritteln der Hoehe) 4,5:1 haelt */
	.schlenz-video-hero .wp-block-cover__background {
		background: linear-gradient(to top, rgba(15, 20, 18, 0.92) 0%, rgba(15, 20, 18, 0.8) 45%, rgba(15, 20, 18, 0.62) 70%, rgba(15, 20, 18, 0.05) 100%) !important;
	}
	/* Knoepfe untereinander; der Telefon-Knopf (Klasse schlenz-hero__telefon am Button-Block) wird ein Textlink */
	.schlenz-video-hero .wp-block-buttons,
	.schlenz-bild-hero .wp-block-buttons {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}
	.wp-site-blocks .schlenz-video-hero .wp-block-button.schlenz-hero__telefon > .wp-block-button__link,
	.wp-site-blocks .schlenz-bild-hero .wp-block-button.schlenz-hero__telefon > .wp-block-button__link {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding: 0.25rem 0;
		border: 0;
		background: transparent;
		color: #fff;
		font-weight: 500;
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.25em;
	}
	.wp-site-blocks .schlenz-video-hero .wp-block-button.schlenz-hero__telefon > .wp-block-button__link:hover,
	.wp-site-blocks .schlenz-bild-hero .wp-block-button.schlenz-hero__telefon > .wp-block-button__link:hover,
	.wp-site-blocks .schlenz-video-hero .wp-block-button.schlenz-hero__telefon > .wp-block-button__link:focus-visible,
	.wp-site-blocks .schlenz-bild-hero .wp-block-button.schlenz-hero__telefon > .wp-block-button__link:focus-visible {
		background: transparent;
		color: var(--s-licht);
	}
}

/* ---------- Abschnitte: viel Luft, klarer Kopf ---------- */
.schlenz-abschnitt {
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
}
.schlenz-abschnitt--knapp {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}
.schlenz-kopf {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.75rem;
	max-width: 44rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: var(--wp--preset--spacing--50) !important;
}
.schlenz-kopf > * {
	margin: 0 !important;
}
.schlenz-kopf .schlenz-eyebrow {
	margin-bottom: 0.25rem !important;
}
.schlenz-kopf h2 {
	font-size: clamp(2rem, 3vw, 2.5rem);
	line-height: 1.1;
	max-width: 22ch;
}
.schlenz-kopf .schlenz-lead {
	max-width: 40rem;
	margin-top: 0.5rem !important;
}
.schlenz-kopf--links {
	align-items: flex-start;
	text-align: left;
	margin-left: 0 !important;
}
.has-nacht-background-color .schlenz-kopf h2,
.schlenz-band .schlenz-kopf h2 {
	color: #fff;
}
.has-nacht-background-color .schlenz-kopf .schlenz-lead,
.schlenz-band .schlenz-kopf .schlenz-lead {
	color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 781px) {
	.schlenz-kopf h2 {
		font-size: var(--wp--preset--font-size--abschnitt);
	}
}

/* Eyebrow: Nebel auf hellem Grund, Gold nur auf Nacht */
.schlenz-eyebrow {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--s-nebel);
	margin-bottom: 0.75rem;
}
.has-nacht-background-color .schlenz-eyebrow,
.schlenz-band .schlenz-eyebrow,
.site-footer .schlenz-eyebrow,
.schlenz-anfrage .schlenz-eyebrow {
	color: var(--s-licht);
}
/* Eyebrow und Ueberschrift gehoeren zusammen: 0,75 rem Abstand, egal ob im Kopf, in Spalten oder im Band.
   Ohne diese Regel bekaeme die H2 in Spalten den Ueberschriften-Abstand aus theme.json (64 px). */
:not(.schlenz-kopf, .schlenz-archiv__titel) > .schlenz-eyebrow + h1,
:not(.schlenz-kopf, .schlenz-archiv__titel) > .schlenz-eyebrow + h2,
:not(.schlenz-kopf, .schlenz-archiv__titel) > .schlenz-eyebrow + h3,
:not(.schlenz-kopf, .schlenz-archiv__titel) > .schlenz-eyebrow + .wp-block-post-title,
:not(.schlenz-kopf, .schlenz-archiv__titel) > .schlenz-eyebrow + .wp-block-query-title {
	margin-top: 0.75rem !important;
}
.schlenz-lead {
	font-size: var(--wp--preset--font-size--gross);
	line-height: 1.45;
	color: var(--s-nebel);
}

/* ---------- Leistungen: zwei grosse Bilder je Reihe, wenig Text ---------- */
.schlenz-leistungen {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.5rem 2.5rem;
}
.schlenz-leistungen--drei {
	grid-template-columns: repeat(3, 1fr);
}
.schlenz-leistung {
	position: relative;
	display: grid;
	gap: 0.5rem;
	align-content: start;
}
/* Karten zeigen Aussenaufnahmen: 3:2 wie das Referenz-Band (Bildformate, 14.09.2026) */
.schlenz-leistung .schlenz-bild {
	overflow: hidden;
	border-radius: var(--s-radius);
	aspect-ratio: 3 / 2;
	margin-bottom: 0.75rem;
}
.schlenz-leistung img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.schlenz-leistung h3 {
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
}
.schlenz-leistung h3 a {
	text-decoration: none;
}
.schlenz-leistung h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.schlenz-leistung h3::after {
	content: "\2192";
	font-weight: 400;
	color: var(--s-licht);
}
.schlenz-leistung p {
	margin: 0;
	color: var(--s-nebel);
	max-width: 36rem;
}
@media (max-width: 1000px) {
	.schlenz-leistungen--drei {
		grid-template-columns: repeat(2, 1fr);
	}
	.schlenz-leistungen--drei .schlenz-leistung:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}
@media (max-width: 640px) {
	.schlenz-leistungen,
	.schlenz-leistungen--drei {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
}

/* ---------- Leistungs-Menue: Liste links, ein festes Bild rechts ----------
   Auf Papier oder Weiss: Eintraege in Tinte, inaktive in Nebel, Pfeil Gold, Linien --s-linie.
   Auf Nacht: eigene Werte weiter unten. Rechts steht nur das erste Bild, kein Wechsel beim Ueberfahren. */
.schlenz-menue {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(2rem, 6vw, 5rem);
	align-items: start;
}
.schlenz-menue__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--s-linie);
}
.schlenz-menue__eintrag {
	border-bottom: 1px solid var(--s-linie);
	position: relative;
	padding: 1.6rem 3rem 1.6rem 0;
}
.schlenz-menue__eintrag h3 {
	margin: 0 0 0.35rem;
	font-size: var(--wp--preset--font-size--abschnitt);
	font-weight: 600;
	letter-spacing: -0.01em;
}
.schlenz-menue__eintrag h3 a {
	text-decoration: none;
	color: var(--wp--preset--color--tinte);
}
.schlenz-menue__eintrag h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.schlenz-menue__eintrag p {
	margin: 0;
	color: var(--s-nebel);
	max-width: 30rem;
}
.schlenz-menue__eintrag::after {
	content: "\2192";
	position: absolute;
	right: 0.5rem;
	top: 1.7rem;
	font-size: 1.5rem;
	color: var(--s-licht);
}
.schlenz-menue__eintrag:hover h3 a,
.schlenz-menue__eintrag:focus-within h3 a {
	color: var(--s-nebel);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
/* Die Buehne fuellt die Zeilenhoehe des Rasters, also genau die Hoehe der Liste; kein festes Seitenverhaeltnis,
   sonst bleibt unter dem Bild ein Loch (gemessen 14.09.2026: 139 px bei 1440). */
.schlenz-menue__buehne {
	position: relative;
	align-self: stretch;
	min-height: 24rem;
	overflow: hidden;
	background: var(--s-papier);
}
.schlenz-menue__bild {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.schlenz-menue__bild:not(:first-child) {
	display: none;
}
/* Leistungs-Menue auf dunklem Grund */
.has-nacht-background-color .schlenz-menue__liste {
	border-top-color: rgba(255, 255, 255, 0.18);
}
.has-nacht-background-color .schlenz-menue__eintrag {
	border-bottom-color: rgba(255, 255, 255, 0.18);
}
.has-nacht-background-color .schlenz-menue__eintrag h3 a {
	color: #fff;
}
.has-nacht-background-color .schlenz-menue__eintrag:hover h3 a,
.has-nacht-background-color .schlenz-menue__eintrag:focus-within h3 a {
	color: rgba(255, 255, 255, 0.75);
}
.has-nacht-background-color .schlenz-menue__eintrag p {
	color: rgba(255, 255, 255, 0.7);
}
.has-nacht-background-color .schlenz-menue__buehne {
	background: #1b2220;
}
/* Ohne Hover (unter 900px) sind alle Eintraege gleichwertig, der Pfeil steht immer, die Buehne entfaellt */
@media (max-width: 900px) {
	.schlenz-menue {
		grid-template-columns: 1fr;
	}
	.schlenz-menue__buehne {
		display: none;
	}
	.schlenz-menue__eintrag h3 {
		font-size: var(--wp--preset--font-size--unter);
	}
	.schlenz-menue__eintrag h3 a {
		color: var(--wp--preset--color--tinte);
	}
	.has-nacht-background-color .schlenz-menue__eintrag h3 a {
		color: #fff;
	}
	.schlenz-menue__eintrag::after {
		top: 1.45rem;
	}
}

/* ---------- Text neben Bild ---------- */
.schlenz-zweispaltig.wp-block-columns {
	gap: clamp(2.5rem, 7vw, 6rem);
}
.schlenz-zweispaltig .wp-block-image {
	margin: 0;
}
/* Bildformate: Innenraum 4:3 (Standard im Zweispalter), Aussenaufnahme 3:2. Entweder am Spaltenblock
   (schlenz-zweispaltig--aussen) oder an der einzelnen figure (schlenz-aussen, schlenz-innen). */
.schlenz-zweispaltig .wp-block-image {
	overflow: hidden;
}
.schlenz-zweispaltig .wp-block-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	border-radius: var(--s-radius);
}
.schlenz-zweispaltig--aussen .wp-block-image img,
.schlenz-zweispaltig .wp-block-image.schlenz-aussen img,
.wp-block-image.schlenz-aussen img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
}
.schlenz-zweispaltig .wp-block-image.schlenz-innen img,
.wp-block-image.schlenz-innen img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}
.schlenz-zweispaltig h2 {
	margin-top: 0;
}
.schlenz-zweispaltig figcaption {
	color: var(--s-nebel);
	font-size: var(--wp--preset--font-size--klein);
}
/* Steht eine Tabelle neben dem Text, beginnen beide oben, sonst haengt der Textblock in der Mitte der Tabelle */
.schlenz-zweispaltig:has(.wp-block-table) {
	align-items: flex-start;
}
.schlenz-zweispaltig:has(.wp-block-table) > .wp-block-column {
	align-self: flex-start;
}

/* ---------- Zahlen ---------- */
.schlenz-zahlen.wp-block-columns {
	gap: 2rem;
}
.schlenz-zahlen .wp-block-column {
	border-top: 2px solid var(--s-nacht);
	padding-top: 1.25rem;
	/* Die Zahl misst sich an ihrer Spalte (cqi), damit „seit 1989“ in vier Spalten bei 1024 px nicht ueberlaeuft */
	container-type: inline-size;
}
.schlenz-zahlen p {
	margin: 0;
}
/* Zahl: 56 px in Gewicht 500 mit Tabellenziffern, die Einheit klein (0,45 em) in Nebel. Der erste
   font-size-Wert ist der Rueckfall fuer Browser ohne Container-Queries. */
.schlenz-zahlen .schlenz-zahl {
	font-size: clamp(2.25rem, 1rem + 2.8vw, 3.5rem);
	font-size: clamp(2.25rem, 19cqi, 3.5rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.05;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	margin-bottom: 0.6rem;
}
.schlenz-zahlen .schlenz-zahl small {
	font-size: 0.45em;
	font-weight: 500;
	letter-spacing: 0;
	color: var(--s-nebel);
	margin-left: 0.15em;
}
@media (max-width: 781px) {
	.schlenz-zahlen.wp-block-columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem 2rem;
	}
	.schlenz-zahlen .wp-block-column {
		border-top-width: 1px;
		padding-top: 1rem;
	}
	.schlenz-zahlen .schlenz-zahl {
		font-size: 1.75rem;
		font-size: clamp(1.75rem, 19cqi, 3rem);
	}
}
/* Unter 600 px einspaltig: die Erklaertexte unter den Zahlen sind zu lang fuer 150 px breite Spalten */
@media (max-width: 600px) {
	.schlenz-zahlen.wp-block-columns {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	.schlenz-zahlen .schlenz-zahl {
		font-size: 2.5rem;
	}
}

/* ---------- Merkmale: Raster aus Stichpunkten mit Text ---------- */
.schlenz-merkmale {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.5rem 3rem;
}
.schlenz-merkmal {
	border-top: 1px solid var(--s-linie);
	padding-top: 1.5rem;
}
.schlenz-merkmal h3 {
	margin: 0 0 0.6rem;
}
.schlenz-merkmal p {
	margin: 0;
	color: var(--s-nebel);
}
.schlenz-merkmale--drei {
	grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 800px) {
	.schlenz-merkmale,
	.schlenz-merkmale--drei {
		grid-template-columns: 1fr;
	}
}

/* ---------- Bildreihe (schlenz-reihe, Alias schlenz-slider): waagerecht scrollbare Kacheln ----------
   Nichts laeuft von selbst. Wischen, Mausrad und Tastatur kommen vom Browser; theme.js haengt zwei
   Pfeilknoepfe an (schlenz-reihe__knoepfe), die um eine Kachelbreite scrollen. Die Spur ist die
   Beitragsliste (wp-block-post-template) oder ein Element mit Klasse schlenz-reihe__spur, die Kacheln
   sind ihre Kinder, egal welches Markup. Volle Breite, erste Kachel an der Rasterkante. */
.schlenz-reihe,
.schlenz-slider {
	position: relative;
	max-width: none !important;
	margin-left: calc(-1 * var(--wp--style--root--padding-left)) !important;
	margin-right: calc(-1 * var(--wp--style--root--padding-right)) !important;
}
.schlenz-slider .wp-block-post-template,
.schlenz-reihe .wp-block-post-template,
.schlenz-reihe__spur {
	display: flex;
	gap: 1.5rem;
	width: auto;
	margin: 0;
	padding: 0.5rem var(--wp--preset--spacing--40) 1rem;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--wp--preset--spacing--40);
	scrollbar-width: thin;
	scrollbar-color: var(--s-linie) transparent;
}
.schlenz-slider .wp-block-post-template > *,
.schlenz-reihe .wp-block-post-template > *,
.schlenz-reihe__spur > * {
	flex: 0 0 clamp(22rem, 30vw, 30rem);
	list-style: none;
	margin: 0;
	position: relative;
	scroll-snap-align: start;
}
.schlenz-slider .wp-block-post-featured-image,
.schlenz-reihe .wp-block-post-featured-image {
	overflow: hidden;
	margin: 0;
}
/* 3:2 fuer Aussenaufnahmen; !important, weil der Block ein Inline-aspect-ratio aus seinem Attribut schreibt */
.schlenz-slider .wp-block-post-featured-image img,
.schlenz-reihe .wp-block-post-featured-image img {
	aspect-ratio: 3 / 2 !important;
	object-fit: cover;
	width: 100%;
	height: auto;
	display: block;
}
.schlenz-slider .wp-block-post-terms,
.schlenz-reihe .wp-block-post-terms {
	margin: 0.75rem 0 0;
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
}
.schlenz-slider .wp-block-post-terms a,
.schlenz-reihe .wp-block-post-terms a {
	text-decoration: none;
}
.schlenz-slider .wp-block-post-terms a::after,
.schlenz-reihe .wp-block-post-terms a::after {
	content: "";
	position: absolute;
	inset: 0;
}
/* Pfeilknoepfe: links und rechts auf Hoehe der Bildmitte, 44 px, Weiss mit dunkler Linie. Am Anfang ist
   „zurueck“ aus, am Ende „weiter“; passt alles auf den Bildschirm, blendet das Skript beide aus. */
.schlenz-reihe__knoepfe {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.schlenz-reihe__knoepfe[hidden] {
	display: none;
}
.schlenz-reihe__knopf {
	position: absolute;
	top: 30%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--s-nacht);
	border-radius: 50%;
	background: #fff;
	color: var(--s-nacht);
	box-shadow: 0 2px 8px rgba(15, 20, 18, 0.18);
	cursor: pointer;
	pointer-events: auto;
}
.schlenz-reihe__knopf--zurueck {
	left: 0.75rem;
}
.schlenz-reihe__knopf--weiter {
	right: 0.75rem;
}
.schlenz-reihe__knopf:hover {
	background: var(--s-nacht);
	color: #fff;
}
.schlenz-reihe__knopf:focus-visible {
	outline: 3px solid var(--s-nacht);
	outline-offset: 3px;
}
.schlenz-reihe__knopf:disabled {
	opacity: 0.35;
	cursor: default;
	background: #fff;
	color: var(--s-nacht);
}
.schlenz-reihe__knopf svg {
	display: block;
}
/* Knopf unter der Reihe steht mittig, wie der Abschnittskopf darueber */
.schlenz-slider + .wp-block-buttons,
.schlenz-reihe + .wp-block-buttons {
	justify-content: center;
}
@media (max-width: 781px) {
	.schlenz-slider .wp-block-post-template,
	.schlenz-reihe .wp-block-post-template,
	.schlenz-reihe__spur {
		gap: 0.75rem;
		padding: 0.25rem var(--wp--preset--spacing--40) 0.5rem;
		scrollbar-width: none;
	}
	.schlenz-slider .wp-block-post-template::-webkit-scrollbar,
	.schlenz-reihe .wp-block-post-template::-webkit-scrollbar,
	.schlenz-reihe__spur::-webkit-scrollbar {
		display: none;
	}
	.schlenz-slider .wp-block-post-template > *,
	.schlenz-reihe .wp-block-post-template > *,
	.schlenz-reihe__spur > * {
		flex: 0 0 78vw;
	}
	.schlenz-slider .wp-block-post-terms,
	.schlenz-reihe .wp-block-post-terms {
		font-size: var(--wp--preset--font-size--normal);
	}
	.schlenz-reihe__knopf {
		width: 40px;
		height: 40px;
	}
	.schlenz-reihe__knopf--zurueck {
		left: 0.5rem;
	}
	.schlenz-reihe__knopf--weiter {
		right: 0.5rem;
	}
}

/* ---------- Referenz-Archiv und andere Raster bleiben ein Raster ---------- */
.schlenz-referenzen .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem 2rem;
	padding: 0;
	margin: 0;
}
.schlenz-referenzen--vier .wp-block-post-template {
	grid-template-columns: repeat(4, 1fr);
}
.schlenz-referenzen .wp-block-post {
	list-style: none;
	margin: 0;
}
.schlenz-referenzen .wp-block-post-featured-image {
	overflow: hidden;
	border-radius: var(--s-radius);
}
.schlenz-referenzen .wp-block-post-featured-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}
.schlenz-referenzen .wp-block-post-title {
	margin: 1rem 0 0.25rem;
	font-size: var(--wp--preset--font-size--unter);
	line-height: 1.25;
}
.schlenz-referenzen .wp-block-post-terms.schlenz-eyebrow {
	margin: 1rem 0 0;
}
.schlenz-referenzen .wp-block-post-terms.schlenz-eyebrow + .wp-block-post-title {
	margin-top: 0.35rem;
}
.schlenz-referenzen .wp-block-post-terms.schlenz-eyebrow a {
	position: relative;
	z-index: 1;
	color: inherit;
}
.schlenz-referenzen .wp-block-post {
	position: relative;
}
.schlenz-referenzen .wp-block-post-title a::after {
	content: "";
	position: absolute;
	inset: 0;
}
/* Rhythmus im Archiv: jede fuenfte Kachel (1, 6, 11 ...) ueber zwei Spalten, Bild 16:9.
   Fuenf Kacheln fuellen genau zwei Reihen zu drei Spalten, so entstehen keine Luecken. */
.schlenz-referenzen--rhythmus .wp-block-post:nth-child(5n+1) {
	grid-column: span 2;
}
.schlenz-referenzen--rhythmus .wp-block-post:nth-child(5n+1) img {
	aspect-ratio: 16 / 9 !important;
}
.schlenz-referenzen--rhythmus .wp-block-post:nth-child(5n+1) .wp-block-post-title {
	font-size: var(--wp--preset--font-size--abschnitt);
	max-width: 26ch;
}
.schlenz-referenzen .wp-block-post-title a {
	text-decoration: none;
}
.schlenz-referenzen .wp-block-post-title a:hover {
	text-decoration: underline;
}
@media (max-width: 900px) {
	.schlenz-referenzen .wp-block-post-template,
	.schlenz-referenzen--vier .wp-block-post-template {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem 1.5rem;
	}
}
@media (max-width: 900px) {
	.schlenz-referenzen--rhythmus .wp-block-post:nth-child(5n+1) .wp-block-post-title {
		font-size: var(--wp--preset--font-size--unter);
	}
}
@media (max-width: 520px) {
	.schlenz-referenzen .wp-block-post-template,
	.schlenz-referenzen--vier .wp-block-post-template {
		grid-template-columns: 1fr;
	}
	.schlenz-referenzen--rhythmus .wp-block-post:nth-child(5n+1) {
		grid-column: auto;
	}
	.schlenz-referenzen--rhythmus .wp-block-post:nth-child(5n+1) img {
		aspect-ratio: 4 / 3 !important;
	}
}

/* ---------- Galerie ---------- */
.schlenz-galerie.wp-block-gallery {
	gap: 1rem;
}
.schlenz-galerie .wp-block-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	border-radius: var(--s-radius);
}
/* Auf dem Smartphone ein Bild je Zeile statt Briefmarken */
@media (max-width: 600px) {
	/* Core setzt die Spaltenbreite mit :not(#individual-image), daher !important */
	.schlenz-galerie.wp-block-gallery.has-nested-images figure.wp-block-image {
		width: 100% !important;
	}
}

/* ---------- Dunkles Band mit Aussage ---------- */
.schlenz-band {
	border-radius: var(--s-radius);
}
.schlenz-band h2,
.schlenz-band h3 {
	color: #fff;
}
.schlenz-band p {
	color: rgba(255, 255, 255, 0.85);
}
.schlenz-band .schlenz-zahlen .wp-block-column {
	border-top-color: rgba(255, 255, 255, 0.15);
}
.schlenz-band .schlenz-zahl {
	color: #fff;
}
/* Einheit und Erklaertext auf Nacht: 72 % Weiss (rund 9:1). Nebel (#5c625f) haette auf Nacht nur 2,9:1,
   deshalb wird auch die Preset-Klasse has-nebel-color im Band ueberschrieben. */
.schlenz-band .schlenz-zahl small,
.schlenz-band .schlenz-zahlen p:not(.schlenz-zahl),
.schlenz-band .has-nebel-color,
.has-nacht-background-color .has-nebel-color {
	color: rgba(255, 255, 255, 0.72) !important;
}

/* ---------- Zitat ---------- */
.schlenz-stimme {
	border-radius: var(--s-radius);
}
/* Das Zitat ist die eine kursive, editoriale Stelle je Seite: Instrument Sans 400 italic, 26 bis 28 px */
.schlenz-stimme .schlenz-stimme__zitat,
.schlenz-stimme__zitat {
	font-family: var(--wp--preset--font-family--grundschrift);
	font-style: italic;
	font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.75rem);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.005em;
	text-wrap: balance;
}
.schlenz-stimme img {
	border-radius: var(--s-radius);
}

/* ---------- Ablauf: Zeitleiste mit nummerierten Punkten und Linie ---------- */
.schlenz-ablauf {
	counter-reset: schritt;
	position: relative;
}
.schlenz-ablauf.wp-block-columns {
	gap: 2rem;
}
.schlenz-ablauf::before {
	content: "";
	position: absolute;
	left: 1.5rem;
	right: 1.5rem;
	top: 1.5rem;
	height: 1px;
	background: var(--s-linie);
}
.schlenz-ablauf .wp-block-column {
	counter-increment: schritt;
	position: relative;
	padding-top: 4.5rem;
}
.schlenz-ablauf .wp-block-column::before {
	content: counter(schritt);
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: var(--s-nacht);
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	font-variant-numeric: tabular-nums;
	box-shadow: 0 0 0 6px #fff;
}
.has-papier-background-color .schlenz-ablauf .wp-block-column::before {
	box-shadow: 0 0 0 6px var(--s-papier);
}
.schlenz-ablauf h3 {
	margin-top: 0;
}
.schlenz-ablauf p {
	color: var(--s-nebel);
}
@media (max-width: 781px) {
	.schlenz-ablauf::before {
		left: 1.5rem;
		right: auto;
		top: 1.5rem;
		bottom: 1.5rem;
		width: 1px;
		height: auto;
	}
	.schlenz-ablauf .wp-block-column {
		padding-top: 0;
		padding-left: 3.75rem;
	}
}

/* ---------- Vergleichstabelle: nur Linien unter den Zeilen, keine Zellrahmen ---------- */
.wp-block-table {
	overflow-x: auto;
}
.wp-block-table.schlenz-vergleich table {
	border-collapse: collapse;
	width: 100%;
	border: 0;
}
.wp-block-table.schlenz-vergleich thead,
.wp-block-table.schlenz-vergleich tfoot {
	border: 0;
}
.wp-block-table.schlenz-vergleich th,
.wp-block-table.schlenz-vergleich td {
	text-align: left;
	padding: 1rem 1rem 1rem 0;
	border: 0;
	border-bottom: 1px solid var(--s-linie);
	vertical-align: top;
}
.wp-block-table.schlenz-vergleich thead th {
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--s-nebel);
	font-weight: 600;
}
.wp-block-table.schlenz-vergleich tbody th {
	font-weight: 600;
	width: 26%;
}
@media (max-width: 640px) {
	.wp-block-table.schlenz-vergleich thead {
		position: absolute;
		left: -9999px;
	}
	.wp-block-table.schlenz-vergleich tr {
		display: block;
		padding: 1.1rem 0;
		border-bottom: 1px solid var(--s-linie);
	}
	.wp-block-table.schlenz-vergleich th,
	.wp-block-table.schlenz-vergleich td {
		display: block;
		border: 0;
		padding: 0.15rem 0;
	}
	.wp-block-table.schlenz-vergleich tbody th {
		width: auto;
		font-size: var(--wp--preset--font-size--gross);
		padding-bottom: 0.4rem;
	}
	.wp-block-table.schlenz-vergleich td {
		color: var(--s-nebel);
	}
}

/* ---------- FAQ: Titel links, Fragen rechts ---------- */
.schlenz-faq.wp-block-columns {
	gap: clamp(2rem, 6vw, 5rem);
}
.schlenz-faq__kopf {
	position: sticky;
	top: 7rem;
}
.schlenz-faq__kopf h2 {
	margin-top: 0;
}
.schlenz-faq .wp-block-details {
	border-top: 1px solid var(--s-linie);
	padding: 1.4rem 0;
	margin: 0;
}
.schlenz-faq .wp-block-details:last-child {
	border-bottom: 1px solid var(--s-linie);
}
.schlenz-faq summary {
	cursor: pointer;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--gross);
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	min-height: 44px;
	align-items: center;
}
.schlenz-faq summary::-webkit-details-marker {
	display: none;
}
.schlenz-faq summary::after {
	content: "+";
	font-size: 1.75rem;
	font-weight: 400;
	color: var(--s-licht);
	flex: none;
	transition: transform 0.25s ease;
}
.schlenz-faq details[open] summary::after {
	transform: rotate(45deg);
}
.schlenz-faq details p {
	color: var(--s-nebel);
	margin-top: 0.75rem;
}
@media (max-width: 781px) {
	.schlenz-faq__kopf {
		position: static;
	}
}

/* ---------- Anfrage: Foto mit dunklem Verlauf ---------- */
.schlenz-anfrage {
	border-radius: 0;
	overflow: hidden;
	min-height: 34rem;
	display: flex;
	align-items: center;
}
/* Folgt die Anfrage auf normalen Fliesstext statt auf einen Vollbreiten-Abschnitt, braucht sie Luft nach oben */
.wp-block-post-content > :not(.alignfull) + .schlenz-anfrage {
	margin-top: var(--wp--preset--spacing--70) !important;
}
.schlenz-anfrage .wp-block-cover__inner-container {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}
/* Verlauf bleibt bis 60 % der Breite dunkel genug, damit die Telefonzeile (bis rund 57 % bei 1024 px)
   auch ueber hellen Bildstellen 4,5:1 haelt; rechts bleibt das Foto frei. */
.schlenz-anfrage .wp-block-cover__background {
	background: linear-gradient(95deg, rgba(12, 22, 18, 0.9) 0%, rgba(12, 22, 18, 0.8) 40%, rgba(12, 22, 18, 0.6) 60%, rgba(12, 22, 18, 0.15) 80%, rgba(12, 22, 18, 0) 100%) !important;
	opacity: 1 !important;
}
.schlenz-anfrage h2 {
	color: #fff;
	margin-top: 0;
}
.schlenz-anfrage p {
	color: rgba(255, 255, 255, 0.86);
	max-width: 34rem;
}
.schlenz-anfrage .wp-block-button__link {
	white-space: normal;
}
/* Knopffarben: Weiss auf dunklem Grund (siehe „Knoepfe“ unten). Gold als Flaeche gibt es hier nur fuer den
   Telefon-Knopf unter 782 px, dort ist er der Daumen-Knopf. */
/* Variante ohne Foto: reines Nachtband wie die Zahlenbaender. Klasse schlenz-anfrage--ohne-bild am
   Cover-Block (Block-Einstellungen, Erweitert, Zusaetzliche CSS-Klassen); nirgends gesetzt, Andreas entscheidet. */
.schlenz-anfrage.schlenz-anfrage--ohne-bild {
	background: var(--s-nacht);
	min-height: 0;
}
.schlenz-anfrage--ohne-bild .wp-block-cover__image-background,
.schlenz-anfrage--ohne-bild .wp-block-cover__video-background {
	display: none;
}
.schlenz-anfrage--ohne-bild .wp-block-cover__background {
	background: var(--s-nacht) !important;
}
.schlenz-anfrage--ohne-bild .wp-block-cover__inner-container {
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
}
.schlenz-anfrage--ohne-bild p {
	max-width: 40rem;
}
/* Nuechterne Fassung (21.09.2026): Ueberschrift „Kontakt“, ein Satz, Telefonnummer gross als tel-Link,
   E-Mail als mailto-Link, ein Knopf zum Formular. Keine Marketingsaetze. */
.schlenz-anfrage p.schlenz-anfrage__nummer {
	margin: 1.75rem 0 0 !important;
	font-size: clamp(1.75rem, 4vw, 2.75rem);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.01em;
}
.schlenz-anfrage p.schlenz-anfrage__mail {
	margin: 0.5rem 0 0 !important;
	font-size: var(--wp--preset--font-size--gross);
}
.schlenz-anfrage__nummer a,
.schlenz-anfrage__mail a {
	color: #fff;
	text-decoration: none;
}
.schlenz-anfrage__mail a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
.schlenz-anfrage__nummer a:hover,
.schlenz-anfrage__nummer a:focus-visible,
.schlenz-anfrage__mail a:hover,
.schlenz-anfrage__mail a:focus-visible {
	color: var(--s-licht);
}
.schlenz-anfrage .wp-block-buttons {
	margin-top: 2rem;
}
@media (max-width: 781px) {
	.schlenz-anfrage {
		min-height: 0;
	}
	.schlenz-anfrage .wp-block-cover__background {
		background: linear-gradient(to top, rgba(12, 22, 18, 0.95) 0%, rgba(12, 22, 18, 0.8) 60%, rgba(12, 22, 18, 0.35) 100%) !important;
	}
	.schlenz-anfrage .wp-block-buttons {
		flex-direction: column;
	}
	.schlenz-anfrage .wp-block-button {
		width: 100%;
	}
	.schlenz-anfrage .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}

/* ---------- Bild-Kopf fuer Beitrag und Referenz: Beitragsbild als Cover, Titel unten links ---------- */
.schlenz-artikel__kopf.wp-block-cover {
	min-height: min(60vh, 42rem) !important;
	min-height: min(60svh, 42rem) !important;
}
.schlenz-artikel__kopf h1 {
	max-width: 30ch;
	margin: 0;
}
.schlenz-artikel__kopf .schlenz-eyebrow {
	margin-bottom: 1rem;
}
.schlenz-artikel__eyebrow {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.75rem;
}
.schlenz-artikel__eyebrow > * {
	margin: 0 !important;
	font-size: inherit;
}
.schlenz-artikel__eyebrow .wp-block-post-terms a {
	color: #fff;
}
.schlenz-artikel__eyebrow .wp-block-post-terms:not(:empty)::before {
	content: "\00b7";
	margin-right: 0.75rem;
	color: var(--s-licht);
}
.schlenz-artikel__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.75rem;
	margin-top: 1.25rem !important;
	color: rgba(255, 255, 255, 0.82);
	font-size: var(--wp--preset--font-size--klein);
}
.schlenz-artikel__meta > * {
	margin: 0 !important;
	color: inherit;
	max-width: none;
}
.schlenz-artikel__meta > * + *::before {
	content: "\00b7";
	margin-right: 0.75rem;
	color: var(--s-licht);
}
.schlenz-artikel__meta .schlenz-lesezeit:empty {
	display: none;
}
@media (max-width: 600px) {
	.schlenz-artikel__meta {
		flex-direction: column;
		gap: 0.2rem;
	}
	.schlenz-artikel__meta > * + *::before {
		content: none;
	}
}
@media (max-width: 781px) {
	.schlenz-artikel__kopf.wp-block-cover {
		min-height: min(70vh, 34rem) !important;
		min-height: min(70svh, 34rem) !important;
	}
}

/* ---------- Ratgeber-Beitrag: Inhaltsverzeichnis links, Text rechts, Magazin-Typografie ---------- */
.schlenz-artikel__raster {
	display: grid;
	grid-template-columns: minmax(0, 42rem);
	justify-content: center;
	gap: 2.5rem;
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--70);
}
.schlenz-artikel__seite,
.schlenz-artikel__text {
	min-width: 0;
}
.schlenz-artikel__text .wp-block-post-content {
	padding-left: 0;
	padding-right: 0;
	font-size: 1.125rem;
	line-height: 1.7;
	counter-reset: kapitel;
}
.schlenz-artikel__text .wp-block-post-content > p:first-child {
	font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.45rem);
	line-height: 1.5;
	font-weight: 500;
}
.schlenz-artikel__text .wp-block-post-content > h2 {
	counter-increment: kapitel;
	margin-top: 4rem;
	margin-bottom: 1rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--s-linie);
}
.schlenz-artikel__text .wp-block-post-content > h2::before {
	content: counter(kapitel, decimal-leading-zero);
	display: block;
	margin-bottom: 0.6rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	color: var(--s-licht);
	font-variant-numeric: tabular-nums;
}
.schlenz-artikel__text .wp-block-post-content > h2 + p {
	margin-top: 0;
}
.schlenz-artikel__text .wp-block-post-content > h3 {
	margin-top: 2.5rem;
}
.schlenz-artikel__text .wp-block-post-content > .wp-block-image,
.schlenz-artikel__text .wp-block-post-content > .wp-block-gallery {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
.schlenz-artikel__text .wp-block-post-content > .wp-block-image img {
	width: 100%;
	display: block;
}
.schlenz-artikel__text .wp-block-post-content figcaption {
	margin: 0;
	padding-top: 0.7rem;
	border-top: 1px solid var(--s-linie);
	text-align: left;
	font-size: var(--wp--preset--font-size--klein);
	color: var(--s-nebel);
}
.schlenz-artikel__text .wp-block-post-content > blockquote,
.schlenz-artikel__text .wp-block-post-content > .wp-block-quote {
	margin: 3rem 0 !important;
	padding: 0.25rem 0 0.25rem 1.75rem;
	border-left: 3px solid var(--s-licht);
	font-family: var(--wp--preset--font-family--grundschrift);
	font-style: italic;
	font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.75rem);
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: -0.005em;
	text-wrap: balance;
}
.schlenz-artikel__text .wp-block-post-content > blockquote p,
.schlenz-artikel__text .wp-block-post-content > .wp-block-quote p {
	margin: 0;
}
.schlenz-artikel__text .wp-block-post-content > blockquote cite,
.schlenz-artikel__text .wp-block-post-content > .wp-block-quote cite {
	display: block;
	margin-top: 0.75rem;
	font-size: var(--wp--preset--font-size--klein);
	font-style: normal;
	font-weight: 400;
	color: var(--s-nebel);
}
.schlenz-artikel__text .wp-block-post-content > ul,
.schlenz-artikel__text .wp-block-post-content > ol {
	padding-left: 1.4rem;
}
.schlenz-artikel__text .wp-block-post-content li + li {
	margin-top: 0.4rem;
}
/* Der Text endet ohne Vollbreiten-Abschnitt; die Luft zum naechsten Abschnitt macht das Raster */
.schlenz-artikel__text .wp-block-post-content > :last-child:not(.alignfull):not(.schlenz-anfrage),
.schlenz-referenz .wp-block-post-content > :last-child:not(.alignfull):not(.schlenz-anfrage) {
	margin-bottom: 0 !important;
}
/* Inhaltsverzeichnis: ein Details-Block, den theme.js mit den H2 fuellt */
.schlenz-inhaltsverzeichnis.wp-block-details {
	border-top: 0;
	padding: 0;
	margin: 0;
}
.schlenz-inhaltsverzeichnis summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	min-height: 44px;
	padding: 0.5rem 0;
	border-top: 1px solid var(--s-linie);
	border-bottom: 1px solid var(--s-linie);
	cursor: pointer;
	list-style: none;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--s-nebel);
}
.schlenz-inhaltsverzeichnis summary::-webkit-details-marker {
	display: none;
}
.schlenz-inhaltsverzeichnis summary::after {
	content: "+";
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--s-licht);
	transition: transform 0.25s ease;
}
.schlenz-inhaltsverzeichnis[open] summary::after {
	transform: rotate(45deg);
}
.schlenz-inhaltsverzeichnis ol,
.schlenz-inhaltsverzeichnis ul {
	list-style: none;
	margin: 0.25rem 0 0;
	padding: 0;
	counter-reset: eintrag;
}
.schlenz-inhaltsverzeichnis li {
	counter-increment: eintrag;
	margin: 0;
}
.schlenz-inhaltsverzeichnis li + li {
	border-top: 1px solid var(--s-linie);
}
.schlenz-inhaltsverzeichnis a {
	display: flex;
	gap: 0.75rem;
	padding: 0.6rem 0;
	font-size: var(--wp--preset--font-size--klein);
	line-height: 1.35;
	color: var(--s-nebel);
	text-decoration: none;
}
.schlenz-inhaltsverzeichnis a::before {
	content: counter(eintrag, decimal-leading-zero);
	flex: none;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--s-licht);
}
.schlenz-inhaltsverzeichnis a:hover,
.schlenz-inhaltsverzeichnis a:focus {
	color: var(--wp--preset--color--tinte);
	text-decoration: underline;
}
/* Ohne Skript bleibt das Verzeichnis leer und wird ausgeblendet */
html:not(.js) .schlenz-inhaltsverzeichnis {
	display: none;
}
@media (min-width: 1024px) {
	.schlenz-artikel__raster {
		grid-template-columns: 15rem minmax(0, 42rem);
		column-gap: clamp(3rem, 6vw, 6rem);
		align-items: start;
	}
	.schlenz-artikel__seite {
		position: sticky;
		top: 6rem;
		max-height: calc(100vh - 7rem);
		overflow: auto;
		scrollbar-width: thin;
	}
	.schlenz-inhaltsverzeichnis summary {
		border-top: 0;
		padding-top: 0;
		min-height: 0;
	}
	/* Auf dem Desktop steht das Verzeichnis offen; Browser mit ::details-content zeigen den Inhalt
	   auch ohne open-Attribut, so bleibt es auf dem Smartphone zugeklappt. */
	@supports selector(::details-content) {
		.schlenz-inhaltsverzeichnis:not([open])::details-content {
			content-visibility: visible;
		}
		.schlenz-inhaltsverzeichnis summary {
			pointer-events: none;
		}
		.schlenz-inhaltsverzeichnis summary::after {
			display: none;
		}
	}
}
@media (min-width: 1280px) {
	.schlenz-artikel__text .wp-block-post-content > .wp-block-image,
	.schlenz-artikel__text .wp-block-post-content > .wp-block-gallery {
		max-width: none;
		width: calc(100% + 7rem);
		margin-left: -3.5rem !important;
		margin-right: -3.5rem !important;
	}
}
@media (max-width: 1023px) {
	.schlenz-artikel__raster {
		padding-top: var(--wp--preset--spacing--40);
	}
}

/* ---------- Referenz: Faktenband, Text neben dem ersten Bild, Galerie als Mosaik ---------- */
.schlenz-fakten-band {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--s-linie);
}
.schlenz-fakten-band__zeile {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem clamp(2rem, 5vw, 4rem);
}
.schlenz-fakt {
	display: block;
	margin: 0 !important;
	font-size: var(--wp--preset--font-size--normal);
	font-weight: 500;
}
.schlenz-fakt:empty {
	display: none;
}
.schlenz-fakt .wp-block-post-terms__prefix {
	display: block;
	margin-bottom: 0.15rem;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--s-nebel);
}
.schlenz-fakt .wp-block-post-terms__separator {
	margin-right: 0.35em;
}
.schlenz-fakt a {
	text-decoration: none;
}
.schlenz-fakt a:hover,
.schlenz-fakt a:focus {
	text-decoration: underline;
}
.schlenz-referenz .wp-block-post-content {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--70);
	font-size: 1.125rem;
	line-height: 1.7;
}
.schlenz-referenz .wp-block-post-content > p:first-child {
	font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.45rem);
	line-height: 1.5;
	font-weight: 500;
	margin-top: 0;
}
.schlenz-referenz .wp-block-post-content > h2 {
	font-size: var(--wp--preset--font-size--unter);
	margin-top: 2.5rem;
	margin-bottom: 0.75rem;
}
/* „Das Objekt in Zahlen" als Liste mit Linien statt Punkten */
.schlenz-referenz .wp-block-post-content > h2 + ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid var(--s-linie);
}
.schlenz-referenz .wp-block-post-content > h2 + ul li {
	margin: 0;
	padding: 0.6rem 0;
	border-bottom: 1px solid var(--s-linie);
}
/* Galerie: die Bilder werden Kinder des Textrasters (display: contents), das erste steht neben dem Text */
.schlenz-referenz .wp-block-post-content > .wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin: 1rem 0 0 !important;
	max-width: none;
}
.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image {
	width: auto !important;
	margin: 0 !important;
	overflow: hidden;
}
.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image:nth-child(3n+1) {
	grid-column: 1 / -1;
}
.schlenz-referenz .wp-block-post-content > .wp-block-gallery img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}
.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image:nth-child(3n+1) img {
	aspect-ratio: 16 / 9;
}
/* Schluss-Absatz nach der Galerie auf Lesebreite */
.schlenz-referenz .wp-block-post-content > .wp-block-gallery ~ h2 {
	margin-top: 3rem;
}
.schlenz-referenz .wp-block-post-content > .wp-block-gallery ~ p {
	max-width: 42rem;
}
@media (min-width: 1024px) {
	.schlenz-referenz .wp-block-post-content:has(> .wp-block-gallery > figure) {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: clamp(2.5rem, 5vw, 5rem);
		row-gap: 0;
		align-items: start;
	}
	.schlenz-referenz .wp-block-post-content:has(> .wp-block-gallery > figure) > * {
		grid-column: 1;
		min-width: 0;
	}
	.schlenz-referenz .wp-block-post-content:has(> .wp-block-gallery > figure) > .wp-block-gallery {
		display: contents;
	}
	/* Erstes Galeriebild rechts neben dem Text, klebt beim Scrollen */
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image:first-child {
		grid-column: 2;
		grid-row: 1 / span 12;
		align-self: start;
		position: sticky;
		top: 6rem;
		margin: 0 !important;
	}
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image:first-child img {
		aspect-ratio: 4 / 5;
	}
	/* Ueberschrift „Bilder" und das Mosaik ueber die volle Breite */
	.schlenz-referenz .wp-block-post-content:has(> .wp-block-gallery > figure) > h2:has(+ .wp-block-gallery),
	.schlenz-referenz .wp-block-post-content:has(> .wp-block-gallery > figure) > .wp-block-gallery ~ * {
		grid-column: 1 / -1;
	}
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image:not(:first-child) {
		grid-column: auto;
		margin-top: 1.5rem !important;
	}
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image:nth-child(3n+1):not(:first-child) {
		grid-column: 1 / -1;
	}
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery ~ h2 {
		margin-top: 4rem;
	}
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery ~ p {
		margin-left: 0;
	}
}
@media (max-width: 600px) {
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery {
		grid-template-columns: 1fr;
	}
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image:nth-child(3n+1) {
		grid-column: auto;
	}
	.schlenz-referenz .wp-block-post-content > .wp-block-gallery > figure.wp-block-image:nth-child(3n+1) img {
		aspect-ratio: 4 / 3;
	}
	.schlenz-fakten-band__zeile {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem 1.5rem;
	}
}

/* ---------- Ratgeber-Karten (Beitragsseite und „Weitere Beitraege") ---------- */
.schlenz-beitraege .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3rem 2rem;
	padding: 0;
	margin: 0;
}
.schlenz-beitraege .wp-block-post {
	list-style: none;
	margin: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.schlenz-beitraege .wp-block-post-featured-image {
	margin: 0 0 1.25rem;
	overflow: hidden;
	background: var(--s-papier);
}
.schlenz-beitraege .wp-block-post-featured-image img {
	aspect-ratio: 3 / 2 !important;
	object-fit: cover;
	width: 100%;
	display: block;
}
.schlenz-beitraege .schlenz-karte__text > * {
	margin: 0 !important;
}
.schlenz-beitraege .schlenz-karte__eyebrow {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 0.6rem !important;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--s-nebel);
}
.schlenz-beitraege .schlenz-karte__eyebrow a {
	position: relative;
	z-index: 1;
	text-decoration: none;
	color: inherit;
}
.schlenz-beitraege .schlenz-karte__eyebrow a:hover,
.schlenz-beitraege .schlenz-karte__eyebrow a:focus {
	text-decoration: underline;
}
/* Ohne echte Kategorie („Uncategorized" bzw. „Allgemein") steht schlicht „Ratgeber" */
.schlenz-beitraege .wp-block-post.category-uncategorized .taxonomy-category,
.schlenz-beitraege .wp-block-post.category-allgemein .taxonomy-category,
.schlenz-beitraege .wp-block-post:not([class*="category-"]) .taxonomy-category {
	display: none;
}
.schlenz-beitraege .wp-block-post.category-uncategorized .schlenz-karte__eyebrow::before,
.schlenz-beitraege .wp-block-post.category-allgemein .schlenz-karte__eyebrow::before,
.schlenz-beitraege .wp-block-post:not([class*="category-"]) .schlenz-karte__eyebrow::before {
	content: "Ratgeber";
}
.schlenz-beitraege .wp-block-post-title {
	font-size: var(--wp--preset--font-size--unter);
	line-height: 1.25;
	margin-bottom: 0.75rem !important;
}
.schlenz-beitraege .wp-block-post-title a {
	text-decoration: none;
}
.schlenz-beitraege .wp-block-post-title a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.schlenz-beitraege .wp-block-post-title a:hover,
.schlenz-beitraege .wp-block-post-title a:focus {
	text-decoration: underline;
}
.schlenz-beitraege .wp-block-post-excerpt {
	color: var(--s-nebel);
}
.schlenz-beitraege .wp-block-post-excerpt__excerpt {
	margin: 0;
}
.schlenz-beitraege .wp-block-post-excerpt__more-text {
	margin: 0.5rem 0 0;
}
.schlenz-beitraege .wp-block-post-excerpt__more-link {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	font-weight: 600;
	color: var(--wp--preset--color--tinte);
	text-decoration: none;
}
.schlenz-beitraege .wp-block-post-excerpt__more-link::after {
	content: "\2192";
	font-weight: 400;
	color: var(--s-licht);
}
/* Nur ein Beitrag: „Weitere Beitraege" waere derselbe, Abschnitt weg */
.schlenz-weitere--beitraege:has(.wp-block-post:only-child),
.schlenz-weitere--beitraege:not(:has(.wp-block-post)) {
	display: none;
}
.schlenz-beitraege .wp-block-query-pagination.schlenz-seiten {
	margin-top: var(--wp--preset--spacing--60);
}
@media (max-width: 900px) {
	.schlenz-beitraege .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2.5rem 1.5rem;
	}
}
@media (max-width: 600px) {
	.schlenz-beitraege .wp-block-post-template {
		grid-template-columns: 1fr;
	}
}

/* ---------- Beitrag, Referenz, Archiv: Rest ---------- */
.wp-block-post-content > .wp-block-image img,
.wp-block-post-featured-image img {
	border-radius: var(--s-radius);
}
.wp-block-post-content > h2 {
	margin-top: var(--wp--preset--spacing--50);
}
.wp-block-post-terms a {
	text-decoration: none;
}
.wp-block-post-terms a:hover,
.wp-block-post-terms a:focus {
	text-decoration: underline;
}
/* Archiv-Kopf am breiten Raster, Vorspann auf Lesebreite */
.schlenz-archiv__vorspann {
	max-width: 40rem;
}
.schlenz-archiv__kopf {
	margin-bottom: var(--wp--preset--spacing--50);
}
.schlenz-archiv__kopf .schlenz-eyebrow {
	margin-bottom: 0.5rem;
}
.schlenz-archiv__kopf h1 {
	margin-top: 0;
}
/* Referenz-Archiv: Titel links, Zahl rechts, Filter darunter ueber die ganze Breite */
.schlenz-archiv__kopf--zahl {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1.5rem clamp(2rem, 6vw, 6rem);
	align-items: end;
}
.schlenz-archiv__kopf--zahl > * {
	margin: 0 !important;
	min-width: 0;
}
.schlenz-archiv__kopf--zahl .filter-orte {
	grid-column: 1 / -1;
}
.schlenz-archiv__titel > * + * {
	margin-top: 1rem !important;
}
.schlenz-archiv__titel .schlenz-eyebrow {
	margin-bottom: 0 !important;
}
.schlenz-archiv__zahl {
	border-left: 2px solid var(--s-nacht);
	padding-left: 1.5rem;
	align-self: end;
	max-width: 14rem;
}
.schlenz-archiv__zahl p {
	margin: 0;
}
.schlenz-archiv__zahl .schlenz-zahl {
	font-size: clamp(3rem, 5vw, 4.5rem);
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	margin-bottom: 0.4rem;
}
.schlenz-archiv__zahl p:not(.schlenz-zahl) {
	color: var(--s-nebel);
	font-size: var(--wp--preset--font-size--klein);
	line-height: 1.35;
}
@media (max-width: 781px) {
	.schlenz-archiv__kopf--zahl {
		grid-template-columns: 1fr;
		align-items: start;
	}
	.schlenz-archiv__zahl {
		max-width: none;
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid var(--s-linie);
		padding-top: 1rem;
		display: flex;
		align-items: baseline;
		gap: 0.75rem;
	}
	.schlenz-archiv__zahl .schlenz-zahl {
		font-size: 2.25rem;
		margin: 0;
	}
}
.filter-orte.wp-block-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: var(--wp--preset--spacing--40);
}
.filter-orte a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 1rem;
	margin: 0;
	border: 1px solid var(--s-linie);
	border-radius: 0;
	text-decoration: none;
	white-space: nowrap;
	font-size: var(--wp--preset--font-size--klein) !important;
}
.filter-orte a:hover,
.filter-orte a:focus {
	border-color: var(--s-nacht);
}
@media (max-width: 781px) {
	.filter-orte.wp-block-tag-cloud {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-left: calc(-1 * var(--wp--style--root--padding-left));
		margin-right: calc(-1 * var(--wp--style--root--padding-right));
		padding: 0 var(--wp--preset--spacing--40) 0.5rem;
		scrollbar-width: none;
	}
	.filter-orte.wp-block-tag-cloud::-webkit-scrollbar {
		display: none;
	}
}
/* Seitenwechsel im Archiv */
.wp-block-query-pagination.schlenz-seiten {
	margin-top: var(--wp--preset--spacing--60);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--s-linie);
	align-items: center;
}
.schlenz-seiten a {
	text-decoration: none;
}
.schlenz-seiten .wp-block-query-pagination-previous,
.schlenz-seiten .wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 1.25rem;
	border: 1px solid var(--s-nacht);
	font-weight: 600;
}
.schlenz-seiten .wp-block-query-pagination-previous:hover,
.schlenz-seiten .wp-block-query-pagination-next:hover {
	background: var(--s-nacht);
	color: #fff;
}
.schlenz-seiten .wp-block-query-pagination-numbers {
	display: flex;
	gap: 0.25rem;
}
.schlenz-seiten .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 0.5rem;
}
.schlenz-seiten .page-numbers.current {
	box-shadow: inset 0 -2px 0 var(--s-licht);
	font-weight: 600;
}

/* ---------- Fusszeile: Firma, Anschrift, Kontakt, Oeffnungszeiten; darunter Impressum und Datenschutz ----------
   Inhalt kommt aus dem Muster schlenz/fusszeile (Daten aus inc/stammdaten.php). Keine Marketingsaetze. */
.site-footer__raster.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1.2fr);
	gap: 2.5rem 2rem;
}
.site-footer__raster .wp-block-column {
	flex-basis: auto !important;
	width: auto;
}
.site-footer__raster .wp-block-column > * + * {
	margin-block-start: 0.75rem;
}
.site-footer p {
	margin-top: 0;
}
.site-footer .schlenz-eyebrow {
	margin-bottom: 0.5rem;
}
.site-footer__firma {
	color: #fff;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--gross);
	line-height: 1.2;
}
.site-footer__zeiten {
	line-height: 1.7;
}
/* Jeder Link in der Fusszeile ist mindestens 44px hoch (Tap-Ziel) */
.site-footer a:not(.wp-block-button__link) {
	display: inline-block;
	padding: 0.5rem 0;
	text-decoration: none;
}
.site-footer a:not(.wp-block-button__link):hover,
.site-footer a:not(.wp-block-button__link):focus {
	color: #fff;
	text-decoration: underline;
}
/* Telefonnummer in Gold: die eine Stelle, an der Gold als Text auf Nacht steht (8:1) */
.site-footer .site-footer__telefon a {
	color: var(--s-licht);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--gross);
}
.site-footer .site-footer__telefon a:hover,
.site-footer .site-footer__telefon a:focus-visible {
	color: #fff;
}
.site-footer__unten {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	padding-top: 1.5rem;
	margin-top: var(--wp--preset--spacing--60);
	color: rgba(255, 255, 255, 0.6);
}
.site-footer__unten p {
	margin: 0;
}
@media (max-width: 1023px) {
	.site-footer__raster.wp-block-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 600px) {
	.site-footer__raster.wp-block-columns {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}
}

/* ---------- Feste Leiste unten, nur auf kleinen Bildschirmen, immer sichtbar (kein Ein- und Ausblenden) ---------- */
.schlenz-leiste {
	display: none;
}
@media (max-width: 781px) {
	body {
		padding-bottom: calc(var(--s-leiste) + env(safe-area-inset-bottom));
	}
	.schlenz-leiste {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 90;
		margin: 0 !important;
		padding-bottom: env(safe-area-inset-bottom);
		background: var(--s-nacht);
	}
	.schlenz-leiste .wp-block-buttons {
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
		margin: 0;
	}
	.schlenz-leiste .wp-block-button {
		flex: 1 1 50%;
		margin: 0;
	}
	.schlenz-leiste .wp-block-button__link {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: var(--s-leiste);
		padding: 0 1rem;
		border-radius: 0;
		background: var(--s-nacht);
		color: #fff;
		font-size: 1rem;
		white-space: nowrap;
	}
	.schlenz-leiste__anfrage .wp-block-button__link {
		border-left: 1px solid rgba(255, 255, 255, 0.15);
	}
	.schlenz-leiste__anruf .wp-block-button__link {
		background: var(--s-licht);
		color: var(--s-nacht);
	}
}

/* ---------- Seite teilen (inc/teilen.php): eine dezente Zeile mit zwei Textlinks vor der Anfrage-Sektion ----------
   Innenabstand statt Aussenabstand, weil auf einen Vollbreiten-Abschnitt der Aussenabstand auf 0 gesetzt wird. */
.schlenz-teilen {
	padding: var(--wp--preset--spacing--50) 0;
	font-size: var(--wp--preset--font-size--klein);
	color: var(--s-nebel);
}
.schlenz-teilen p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 1.25rem;
	margin: 0;
	padding-top: 1rem;
	border-top: 1px solid var(--s-linie);
}
.schlenz-teilen a {
	display: inline-block;
	padding: 0.4rem 0;
	color: var(--wp--preset--color--tinte);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
.schlenz-teilen a:hover,
.schlenz-teilen a:focus-visible {
	color: var(--s-nebel);
}

/* ---------- Vollbreite Abschnitte stossen ohne Luecke aneinander; den Blockabstand gibt es nur im Fliesstext ---------- */
.wp-block-post-content > .alignfull,
.wp-block-post-content > .alignfull + * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.wp-site-blocks > * + * {
	margin-block-start: 0 !important;
}
.wp-site-blocks > main,
.wp-site-blocks > .wp-block-template-part {
	margin: 0 !important;
}
/* Das main hat keinen Innenabstand nach unten. Endet der Inhalt mit der Anfrage oder einem anderen
   Vollbreiten-Abschnitt, schliesst der ohne Luecke an die Fusszeile an; endet er mit Fliesstext
   (Impressum, Datenschutz), bekommt der letzte Block die Luft. Gilt fuer Seiten, Beitraege, Referenzen. */
.wp-block-post-content > :last-child:not(.schlenz-anfrage):not(.alignfull) {
	margin-bottom: var(--wp--preset--spacing--70) !important;
}
.wp-site-blocks > main > .schlenz-anfrage:last-child,
.wp-block-post-content > .schlenz-anfrage:last-child {
	margin-bottom: 0 !important;
}
/* Direkt im main (Templates): Vollbreiten-Bloecke stossen aneinander, nach schmalem Inhalt bekommt die Anfrage Luft */
.wp-site-blocks > main > .alignfull + .alignfull {
	margin-top: 0 !important;
}
.wp-site-blocks > main > :not(.alignfull) + .schlenz-anfrage {
	margin-top: var(--wp--preset--spacing--70) !important;
}

/* Nacharbeiten 11.09.2026 aus dem Seitenumbau */
.schlenz-band a,
.schlenz-band .schlenz-lead a { color: var(--wp--preset--color--licht); text-decoration-color: currentColor; }
.schlenz-band a:hover, .schlenz-band a:focus-visible { color: var(--wp--preset--color--weiss); }
.schlenz-zweispaltig h2:not(:first-child):not(.schlenz-eyebrow + h2) { margin-top: var(--wp--preset--spacing--50); }
.schlenz-referenzen .wp-block-query-no-results { text-align: center; color: var(--s-nebel); }
.schlenz-kopf--links { margin-left: 0; max-width: var(--wp--style--global--wide-size); }

/* Autorenkasten: die Zeile „Zuletzt aktualisiert“ nur, wenn WordPress ein Änderungsdatum liefert */
.schlenz-autor__stand:not(:has(.wp-block-post-date)) {
	display: none;
}

/* ==================== Phase 4, 14.09.2026: Knoepfe, Kursive, Hilfsklassen, Wasserzeichen ==================== */

/* ---------- Knoepfe: eine Farbe je Grund ----------
   Primaer: Nacht auf hellem Grund (theme.json), Weiss mit Nacht-Text auf dunklem Grund. Outline: 1 px in der
   jeweiligen Textfarbe, beim Ueberfahren gefuellt. Gold als Flaeche nur fuer die Telefon-Knoepfe der mobilen
   Leiste und des Anfrage-Musters unter 782 px. Hover ist ein Schritt in der Palette (Nacht hell, Papier). */
.wp-site-blocks .wp-block-button.is-style-outline > .wp-block-button__link {
	border: 1px solid currentColor;
	background: transparent;
	color: inherit;
	padding: calc(0.8rem - 1px) calc(1.4rem - 1px);
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.wp-site-blocks .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-site-blocks .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
	background: var(--s-nacht);
	border-color: var(--s-nacht);
	color: #fff;
}
.wp-site-blocks .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
	transition: background-color 0.2s ease, color 0.2s ease;
}
/* Dunkle Kontexte */
.has-nacht-background-color .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.schlenz-band .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.site-footer .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.schlenz-anfrage .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.schlenz-video-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.schlenz-bild-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
	background: #fff;
	color: var(--s-nacht);
}
.has-nacht-background-color .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.schlenz-band .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.site-footer .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.schlenz-anfrage .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.schlenz-video-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.schlenz-bild-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.has-nacht-background-color .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible,
.schlenz-band .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible,
.site-footer .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible,
.schlenz-anfrage .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible,
.schlenz-video-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible,
.schlenz-bild-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible {
	background: var(--s-papier);
	color: var(--s-nacht);
}
.has-nacht-background-color .wp-block-button.is-style-outline > .wp-block-button__link,
.schlenz-band .wp-block-button.is-style-outline > .wp-block-button__link,
.site-footer .wp-block-button.is-style-outline > .wp-block-button__link,
.schlenz-anfrage .wp-block-button.is-style-outline > .wp-block-button__link,
.schlenz-video-hero .wp-block-button.is-style-outline > .wp-block-button__link,
.schlenz-bild-hero .wp-block-button.is-style-outline > .wp-block-button__link {
	color: #fff;
	border-color: currentColor;
}
.has-nacht-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.schlenz-band .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.site-footer .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.schlenz-anfrage .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.schlenz-video-hero .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.schlenz-bild-hero .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.has-nacht-background-color .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible,
.schlenz-band .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible,
.site-footer .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible,
.schlenz-anfrage .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible,
.schlenz-video-hero .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible,
.schlenz-bild-hero .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
	background: #fff;
	border-color: #fff;
	color: var(--s-nacht);
}

/* ---------- Kursive: Bildunterschriften und Zitate in Instrument Sans 400 italic ---------- */
figcaption,
.wp-element-caption {
	font-style: italic;
}
.wp-block-quote,
.wp-block-pullquote {
	font-style: italic;
	font-weight: 400;
}
.wp-block-quote cite,
.wp-block-pullquote cite {
	font-style: normal;
}

/* ---------- Formelzeile im Ratgeber („1,30 m + 1,50 m = 2,80 m Tiefe“): Klasse schlenz-formel am Absatz ---------- */
p.schlenz-formel {
	text-align: center;
	font-size: clamp(1.25rem, 1rem + 0.8vw, 1.5rem);
	font-weight: 500;
	line-height: 1.3;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.01em;
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important;
}

/* ---------- Hilfsklassen: nur mobil (unter 782 px) oder nur Desktop (ab 782 px) ---------- */
@media (min-width: 782px) {
	.schlenz-nur-mobil {
		display: none !important;
	}
}
@media (max-width: 781px) {
	.schlenz-nur-desktop {
		display: none !important;
	}
}

/* ---------- Wasserzeichen der Rathsberg-Serie (unten rechts) aus dem Beschnitt schieben ----------
   Uebergang, bis die Originale ohne Beschriftung da sind. Bild oben links verankern und um 12 % vergroessern:
   so fallen rechts und unten je rund 11 % weg, das Wasserzeichen sitzt bei 80 bis 98 % Breite und 94 bis 99 %
   Hoehe. object-position allein reicht nicht, weil 3:2-Kacheln das 3:2-Original gar nicht beschneiden. */
.schlenz-leistung img[src*="wintergarten-rathsberg"],
.schlenz-slider img[src*="wintergarten-rathsberg"],
.schlenz-zweispaltig img[src*="wintergarten-rathsberg"],
.schlenz-referenzen img[src*="wintergarten-rathsberg"],
.schlenz-galerie img[src*="wintergarten-rathsberg"],
.schlenz-beitraege img[src*="wintergarten-rathsberg"] {
	object-position: 0 0;
	scale: 1.1;
	transform-origin: 0 0;
}
/* Die Buehne ist fast quadratisch und schneidet ohnehin ein Drittel der Breite weg: leicht links der Mitte
   verankern, dann bleibt der Wintergarten (11 bis 75 % der Bildbreite) im Bild und das Wasserzeichen draussen. */
.schlenz-menue__bild[src*="wintergarten-rathsberg"] {
	object-position: 30% 0;
}
.schlenz-galerie .wp-block-image:has(img[src*="wintergarten-rathsberg"]) {
	overflow: hidden;
}
/* Im Cover (Hero, Anfrage) wird ohnehin oben oder unten beschnitten: oben verankern, unten faellt weg */
.wp-block-cover > img.wp-block-cover__image-background[src*="wintergarten-rathsberg"]:not([style*="object-position"]) {
	object-position: 50% 15%;
}

/* ---------- Zeichnungen (SVG-Illustrationen der Inhalte: Grundriss, Anfahrt, Karte): Klasse schlenz-figur an der figure ---------- */
.schlenz-figur {
	margin: var(--wp--preset--spacing--40) 0 0;
}
.schlenz-figur img {
	display: block;
	width: 100%;
	height: auto;
}
.schlenz-figur figcaption {
	margin: 0;
	padding-top: 0.7rem;
	border-top: 1px solid var(--s-linie);
	font-size: var(--wp--preset--font-size--klein);
	font-style: italic;
	color: var(--s-nebel);
}
.schlenz-band .schlenz-figur figcaption,
.has-nacht-background-color .schlenz-figur figcaption {
	border-top-color: rgba(255, 255, 255, 0.15);
	color: rgba(255, 255, 255, 0.72);
}

/* ==================== Ratgeber-Uebersicht /ratgeber/ (templates/home.html), 15.09.2026 ==================== */
/* Ein Raster fuer alles: Kopf (volle Breite), feste Karte „Haeufige Fragen“ aus dem Muster ratgeber-kopf,
   dahinter die Beitraege aus der Abfrage. Abfrage und Beitragsliste geben ihre Box auf (display: contents),
   damit Beitragskarten und feste Karte im selben Raster stehen: 1440 zwei nebeneinander, 390 untereinander. */
.schlenz-ratgeber-raster {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3.5rem 2.5rem;
}
.schlenz-ratgeber-raster > .wp-block-query,
.schlenz-ratgeber-raster .wp-block-post-template {
	display: contents;
}
.schlenz-ratgeber-raster > .schlenz-ratgeber__kopf,
.schlenz-ratgeber-raster .wp-block-query-no-results,
.schlenz-ratgeber-raster .wp-block-query-pagination {
	grid-column: 1 / -1;
}
.schlenz-ratgeber-raster > .schlenz-ratgeber__kopf {
	margin-bottom: 0.5rem;
}
/* WordPress gibt in Flow-Gruppen jedem zweiten Kind 1,5 rem Abstand oben; im Raster zaehlt nur der Rasterabstand */
.schlenz-ratgeber-raster > .schlenz-karte--fest,
.schlenz-ratgeber-raster .wp-block-post-template > .wp-block-post,
.schlenz-ratgeber-raster .wp-block-query > .wp-block-query-no-results,
.schlenz-ratgeber-raster .wp-block-query > .wp-block-query-pagination {
	margin-block-start: 0;
}
/* Kopf: Eyebrow, H1, ein Leadsatz aus der Seite „Ratgeber“ */
.schlenz-ratgeber__kopf h1 {
	max-width: 20ch;
}
.schlenz-ratgeber__lead {
	max-width: 40rem;
}
.schlenz-ratgeber__lead p {
	font-size: var(--wp--preset--font-size--gross);
	line-height: 1.45;
	color: var(--s-nebel);
	margin: 0.75rem 0 0;
}
/* Karten: Beitrag und feste Karte sehen gleich aus (Bild 3:2, Eyebrow, Titel, Satz, Link mit Pfeil) */
.schlenz-ratgeber-raster .wp-block-post-title,
.schlenz-ratgeber-raster .schlenz-karte__titel {
	font-size: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);
	line-height: 1.2;
	margin-bottom: 0.75rem !important;
	max-width: 26ch;
}
.schlenz-ratgeber-raster .wp-block-post-featured-image {
	margin-bottom: 1.5rem;
}
.schlenz-karte--fest {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.schlenz-karte--fest .schlenz-karte__bild {
	margin: 0 0 1.5rem;
	overflow: hidden;
	background: var(--s-papier);
}
.schlenz-karte--fest .schlenz-karte__bild img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
	height: auto;
	display: block;
}
.schlenz-karte--fest .schlenz-karte__text > * {
	margin: 0 !important;
}
.schlenz-karte--fest .schlenz-karte__eyebrow {
	margin-bottom: 0.6rem !important;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--s-nebel);
}
.schlenz-karte--fest .schlenz-karte__titel a {
	text-decoration: none;
}
.schlenz-karte--fest .schlenz-karte__titel a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.schlenz-karte--fest .schlenz-karte__titel a:hover,
.schlenz-karte--fest .schlenz-karte__titel a:focus {
	text-decoration: underline;
}
.schlenz-karte--fest .schlenz-karte__auszug {
	color: var(--s-nebel);
}
.schlenz-karte--fest .schlenz-karte__mehr {
	margin-top: 0.5rem !important;
}
.schlenz-karte--fest .schlenz-karte__mehr a {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	font-weight: 600;
	color: var(--wp--preset--color--tinte);
	text-decoration: none;
}
.schlenz-karte--fest .schlenz-karte__mehr a::after {
	content: "\2192";
	font-weight: 400;
	color: var(--s-licht);
}
/* Wer hier schreibt: Autorenkasten wie im Beitrag, Text auf Lesebreite */
.schlenz-ratgeber-autor .schlenz-autor__text {
	max-width: 44rem;
}
@media (max-width: 600px) {
	.schlenz-ratgeber-raster {
		grid-template-columns: 1fr;
		gap: 3rem 0;
	}
	.schlenz-ratgeber-raster > .schlenz-ratgeber__kopf {
		margin-bottom: 0;
	}
}

/* Lange URLs (Datenschutzerklaerung) duerfen die Seite nicht verbreitern, 21.09.2026 */
.wp-block-post-content p,
.wp-block-post-content li,
.wp-block-post-content td {
	overflow-wrap: anywhere;
}

/* Klappmenue: das Untermenue „Wintergarten-Wissen“ (18 Eintraege) ist eingeklappt und oeffnet erst auf Tipp
   auf den Pfeil. WordPress haelt Untermenues im Klappmenue immer offen (aria-expanded bleibt true), deshalb
   setzt theme.js die Klasse schlenz-zu und pflegt aria-expanded selbst (Andreas, 21.09.2026). */
@media (max-width: 1279px) {
	.site-header .wp-block-navigation__responsive-container.is-menu-open .has-child.schlenz-zu .wp-block-navigation__submenu-container {
		display: none;
	}
	.site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin-left: 0.25rem;
		color: #fff;
		background: transparent;
		border: 0;
	}
	.site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon {
		width: 1.1rem;
		height: 1.1rem;
		transition: none;
	}
	/* WordPress dreht den Pfeil im Klappmenue um 180 Grad (immer offen). Zu: Pfeil zeigt nach unten. */
	.site-header .wp-block-navigation__responsive-container.is-menu-open .has-child.schlenz-zu > .wp-block-navigation-submenu__toggle svg {
		transform: none;
	}
	/* Eintrag und Pfeil in einer Zeile, die Liste darunter ueber die volle Breite. */
	.site-header .wp-block-navigation__responsive-container.is-menu-open .has-child {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
	.site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container {
		flex-basis: 100%;
	}
}

/* Themenliste auf /informationen/: zwei Spalten ab 600 px */
@media (min-width: 600px) {
	.schlenz-themenliste { columns: 2; column-gap: 2.5rem; }
	.schlenz-themenliste li { break-inside: avoid; }
}

/* ---------- Hero ohne Abdunklung (Wunsch Herr Schlenz per Telefon, 21.09.2026): das Foto bleibt in
   Originallicht und Originalfarben, Ueberschrift und Knoepfe stehen in einer hellen Karte am unteren Rand. */
.schlenz-bild-hero .schlenz-hero__karte {
	display: inline-block;
	max-width: 42rem;
	padding: clamp(1.25rem, 3vw, 2.25rem) clamp(1.25rem, 3vw, 2.5rem);
	box-shadow: 0 12px 40px rgba(15, 20, 18, 0.18);
}
.schlenz-bild-hero .schlenz-hero__karte h1,
.schlenz-bild-hero .schlenz-hero__karte p {
	color: var(--s-nacht);
}
.schlenz-bild-hero .schlenz-hero__karte h1 {
	max-width: none;
}
.schlenz-bild-hero .schlenz-hero__karte .schlenz-eyebrow {
	color: var(--s-nacht);
	opacity: 0.7;
}
.schlenz-bild-hero .schlenz-hero__karte .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
	background: var(--s-nacht);
	color: #fff;
}
.schlenz-bild-hero .schlenz-hero__karte .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.schlenz-bild-hero .schlenz-hero__karte .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible {
	background: #2a332e;
	color: #fff;
}
.schlenz-bild-hero .schlenz-hero__karte .wp-block-button.is-style-outline > .wp-block-button__link {
	color: var(--s-nacht);
	border-color: currentColor;
	background: transparent;
}
.schlenz-bild-hero .schlenz-hero__karte .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.schlenz-bild-hero .schlenz-hero__karte .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
	background: var(--s-nacht);
	border-color: var(--s-nacht);
	color: #fff;
}
@media (max-width: 781px) {
	.schlenz-bild-hero .schlenz-hero__karte {
		display: block;
		max-width: none;
	}
}

/* „Startseite“ steht nur im Klappmenue; in der offenen Menuezeile reicht das Logo (Andreas, 21.09.2026). */
@media (min-width: 1280px) {
	.site-header .wp-block-navigation-item.schlenz-nur-klapp {
		display: none;
	}
}