/* ==========================================================================
   Chiemgauer Naturelemente – Bausteine-Stile
   Diese Datei wird automatisch geladen. Inhalte werden im Editor gepflegt,
   hier muss für die normale Seitenpflege nichts geändert werden.
   ========================================================================== */

:root {
	--chn-radius: 6px;
	--chn-rand: #B9A48F;
	--chn-gap: 20px;
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { -webkit-font-smoothing: antialiased; }
img { height: auto; }
:where(section, [id]) { scroll-margin-top: 16px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
	outline: 3px solid var(--wp--preset--color--akzent);
	outline-offset: 2px;
}

/* Abstände zwischen Kopf, Inhalt, Fuß und zwischen ganzen Abschnitten */
.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-block-post-content > .alignfull + .alignfull,
.wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }
.has-weiss-background-color.alignfull { border-block: 1px solid var(--wp--preset--color--linie); }
.has-weiss-background-color.alignfull + .alignfull { border-top: 0; }

/* Absätze direkt in einem Abschnitt: angenehme Zeilenlänge, linksbündig */
.wp-block-group.alignfull.is-layout-constrained > p:not(.has-text-align-center):not(.has-text-align-right) {
	max-width: min(800px, var(--wp--style--global--content-size));
	margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
	margin-right: auto !important;
}

/* ---------- Kopfbereich ---------- */
.chn-kopf { padding-top: 14px; padding-bottom: 14px; }
.chn-kopf .wp-block-site-logo img { max-height: 54px; width: auto; }
.chn-kopf .wp-block-navigation a { text-decoration: none; padding: 10px 0; }
.chn-kopf .wp-block-navigation .current-menu-item > a,
.chn-kopf .wp-block-navigation a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--wp--preset--color--akzent); }
.chn-kopf .wp-block-navigation__submenu-container { border: 1px solid var(--wp--preset--color--linie) !important; border-radius: var(--chn-radius); padding: 6px 0; min-width: 260px !important; }
.chn-kopf .wp-block-navigation__submenu-container a { padding: 8px 16px !important; }
.chn-kopf .wp-block-button__link { font-size: 16px; padding: 12px 22px; }
.wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--weiss) !important; padding: 24px clamp(20px, 4vw, 40px) !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-size: 20px; }
@media (max-width: 599px) {
	.chn-kopf .wp-block-site-logo img { max-height: 44px; }
	.chn-kopf .wp-block-buttons { display: none; }
}

/* ---------- Fußzeile ---------- */
.chn-fuss { font-size: 15px; }
.chn-fuss a { color: var(--wp--preset--color--creme); text-decoration: underline; text-underline-offset: 3px; }
.chn-fuss a:hover { color: var(--wp--preset--color--akzent); }
.chn-fuss .wp-block-list { list-style: none; padding-left: 0; margin: 0; }
.chn-fuss .wp-block-list li { min-height: 32px; display: flex; align-items: center; }
.chn-fuss .wp-block-image img { height: 48px; width: auto; }

/* ---------- Bildstrecke (Seitenkopf mit wechselnden Fotos) ---------- */
.is-style-chn-film {
	position: relative;
	overflow: hidden;
	min-height: 660px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-color: var(--wp--preset--color--fuss);
	color: var(--wp--preset--color--seite);
	padding-top: 48px !important;
	padding-bottom: 64px !important;
}
.is-style-chn-film.chn-film-niedrig { min-height: 560px; }
.is-style-chn-film::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(31, 18, 11, .9) 0%, rgba(31, 18, 11, .72) 38%, rgba(31, 18, 11, .12) 72%, rgba(31, 18, 11, 0) 100%);
	pointer-events: none;
}
.is-style-chn-film > * { position: relative; z-index: 2; }
.is-style-chn-film > .wp-block-gallery {
	position: absolute !important;
	inset: 0;
	z-index: 0;
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
	display: block !important;
	gap: 0 !important;
}
.is-style-chn-film > .wp-block-gallery > .wp-block-image {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	opacity: 0;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:only-child { opacity: 1; }
.is-style-chn-film > .wp-block-gallery > .wp-block-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
}
.is-style-chn-film > .wp-block-gallery > .wp-block-image figcaption {
	position: absolute !important;
	left: auto !important;
	right: 16px !important;
	bottom: 14px !important;
	top: auto !important;
	width: auto !important;
	max-height: none !important;
	background: rgba(31, 18, 11, .8) !important;
	color: var(--wp--preset--color--weiss) !important;
	font-size: 13px !important;
	font-weight: 600;
	padding: 4px 10px !important;
	border-radius: 3px;
	z-index: 3;
}
.is-style-chn-film h1 { color: var(--wp--preset--color--seite); }
.is-style-chn-film .is-style-chn-dachzeile { color: var(--wp--preset--color--akzent); font-size: 14px; }
.is-style-chn-film p { color: #F0E6D8; }
.is-style-chn-film .wp-block-button.is-style-outline .wp-block-button__link {
	border: 1.5px solid var(--wp--preset--color--creme);
	color: var(--wp--preset--color--seite);
	background: rgba(31, 18, 11, .35);
}
@media (max-width: 760px) {
	.is-style-chn-film { min-height: 600px; }
	.is-style-chn-film::before { background: linear-gradient(0deg, rgba(31, 18, 11, .94) 0%, rgba(31, 18, 11, .84) 55%, rgba(31, 18, 11, .6) 100%); }
	.is-style-chn-film p { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
	.is-style-chn-film > .wp-block-gallery > .wp-block-image { animation: none !important; opacity: 0; }
	.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child { opacity: 1; }
}

/* ---------- Dachzeile, Hinweis, Leitsatz ---------- */
.is-style-chn-dachzeile {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--dachzeile);
	margin-bottom: 10px !important;
}
.is-style-chn-dachzeile + :is(h1, h2, h3) { margin-top: 0 !important; }
.is-style-chn-hinweis { font-size: 14px; color: var(--wp--preset--color--gedaempft); }
.has-dunkel-background-color .is-style-chn-hinweis,
.has-fuss-background-color .is-style-chn-hinweis { color: var(--wp--preset--color--creme); }

.is-style-chn-leitsatz {
	border-left: 4px solid var(--wp--preset--color--akzent);
	padding: 4px 0 4px 24px !important;
	max-width: 900px;
	margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
}
.is-style-chn-leitsatz > p:first-child {
	font-family: var(--wp--preset--font-family--barlow-semi-condensed);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--gross);
	line-height: 1.25;
}
.is-style-chn-leitsatz > p + p { margin-top: 12px; font-size: 18px; color: var(--wp--preset--color--text-mittel); }

/* ---------- Karten (Produkte, Zielgruppen) ---------- */
.is-style-chn-karte {
	border: 1px solid var(--wp--preset--color--linie);
	border-radius: var(--chn-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 0 22px !important;
}
.is-style-chn-karte:not(.has-background) { background: var(--wp--preset--color--seite); }
.is-style-chn-karte > * { margin: 0 22px !important; }
.is-style-chn-karte > :first-child:not(.wp-block-image) { margin-top: 26px !important; }
.is-style-chn-karte > .wp-block-image:first-child { margin: 0 0 12px !important; position: relative; }
.is-style-chn-karte > .wp-block-image:first-child img { width: 100%; height: 200px; object-fit: cover; display: block; }
.is-style-chn-karte > .wp-block-image.is-style-chn-zeichnung:first-child { background: #fff; padding: 12px; border: 0; border-radius: 0; }
.is-style-chn-karte > .wp-block-image.is-style-chn-zeichnung:first-child img { height: 176px; object-fit: contain; }
.is-style-chn-karte > .wp-block-image figcaption {
	position: absolute; right: 10px; bottom: 10px; margin: 0;
	background: rgba(31, 18, 11, .8); color: #fff; font-size: 12px; font-weight: 600; padding: 3px 8px; border-radius: 3px;
}
.is-style-chn-karte h3 { font-size: 23px; }
.is-style-chn-karte > p:not(.is-style-chn-dachzeile) { color: var(--wp--preset--color--gedaempft); font-size: 16px; }
.is-style-chn-karte > .wp-block-list { font-size: 15px; padding-left: 20px; flex-grow: 1; }
.is-style-chn-karte > :last-child { margin-top: auto !important; }
.is-style-chn-karte a { font-weight: 600; }
.is-style-chn-karte > p:last-child a { min-height: 44px; display: inline-flex; align-items: center; }

/* ---------- Hinweisbox (z. B. Bausatz) ---------- */
.is-style-chn-box {
	border-radius: var(--chn-radius);
	padding: 28px 32px !important;
}
.is-style-chn-box:not(.has-background) { background: var(--wp--preset--color--sand); }
.is-style-chn-box h3 { margin: 0; }
.is-style-chn-box p { margin-top: 8px; }

/* ---------- Kennzahl ---------- */
.is-style-chn-kennzahl {
	border: 1px solid var(--wp--preset--color--linie);
	border-radius: var(--chn-radius);
	padding: 16px 18px !important;
}
.is-style-chn-kennzahl:not(.has-background) { background: var(--wp--preset--color--weiss); }
.is-style-chn-kennzahl > p:first-child {
	font-family: var(--wp--preset--font-family--barlow-semi-condensed);
	font-weight: 700;
	font-size: 30px;
	line-height: 1.1;
	margin: 0;
}
.is-style-chn-kennzahl.has-hell-akzent-background-color > p:first-child { color: var(--wp--preset--color--dachzeile); }
.is-style-chn-kennzahl > p + p { margin-top: 4px !important; font-size: 15px; color: var(--wp--preset--color--text-mittel); }

/* ---------- Rahmen für Diagramme und Zeichnungen ---------- */
.is-style-chn-rahmen {
	background: var(--wp--preset--color--weiss);
	border: 1px solid var(--wp--preset--color--linie);
	border-radius: var(--chn-radius);
	padding: 24px !important;
}
.wp-block-image.is-style-chn-zeichnung img {
	background: #fff;
	border: 1px solid var(--wp--preset--color--linie);
	border-radius: var(--chn-radius);
	padding: 24px;
	box-sizing: border-box;
	max-height: 560px;
	width: 100%;
	object-fit: contain;
}
.wp-block-image.is-style-chn-zeichnung.chn-klein img { padding: 12px; }
.wp-block-image.is-style-chn-foto img { border-radius: var(--chn-radius); width: 100%; height: 380px; object-fit: cover; }
.wp-block-image figcaption { margin-top: 10px; font-size: 15px; color: var(--wp--preset--color--gedaempft); }

/* ---------- Listen ---------- */
.wp-block-list.is-style-chn-merkmale {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 32px;
}
.wp-block-list.is-style-chn-merkmale > li {
	flex: 1 1 220px;
	min-width: 0;
	border-top: 2px solid var(--wp--preset--color--dunkel);
	padding-top: 12px;
	font-weight: 600;
	font-size: 18px;
}
.wp-block-list.is-style-chn-linien {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.wp-block-list.is-style-chn-linien > li { border-top: 1px solid var(--wp--preset--color--linie); padding-top: 12px; }
.wp-block-list.is-style-chn-linien strong { font-weight: 600; }

.wp-block-list.is-style-chn-ablauf {
	list-style: none;
	counter-reset: chn-schritt;
	padding: 0;
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 28px 24px;
	color: var(--wp--preset--color--gedaempft);
	font-size: 16px;
}
.wp-block-list.is-style-chn-ablauf > li { counter-increment: chn-schritt; display: flex; flex-direction: column; gap: 6px; }
.wp-block-list.is-style-chn-ablauf > li::before {
	content: counter(chn-schritt);
	font-family: var(--wp--preset--font-family--barlow-semi-condensed);
	font-weight: 700;
	font-size: 40px;
	line-height: 1;
	color: var(--wp--preset--color--dachzeile);
	margin-bottom: 4px;
}
.wp-block-list.is-style-chn-ablauf strong { display: block; color: var(--wp--preset--color--text); font-size: 19px; font-weight: 600; }

/* ---------- Galerie mit Bildunterschrift unter dem Bild ---------- */
.wp-block-gallery.is-style-chn-galerie { gap: 24px !important; }
.wp-block-gallery.is-style-chn-galerie.has-nested-images figure.wp-block-image {
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	width: calc((100% - 48px) / 3) !important;
	flex-grow: 1;
}
.wp-block-gallery.is-style-chn-galerie.has-nested-images figure.wp-block-image img {
	width: 100% !important;
	height: 300px !important;
	object-fit: cover;
	border-radius: var(--chn-radius);
	flex: 0 0 300px !important;
}
.wp-block-gallery.is-style-chn-galerie.has-nested-images figure.wp-block-image figcaption {
	position: static;
	background: none;
	color: var(--wp--preset--color--text);
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 0 0;
	margin: 0;
	max-height: none;
	overflow: visible;
	text-shadow: none;
}
.wp-block-gallery.is-style-chn-galerie.has-nested-images figure.wp-block-image:has(figcaption)::before { display: none; }
@media (max-width: 1000px) {
	.wp-block-gallery.is-style-chn-galerie.has-nested-images figure.wp-block-image { width: calc((100% - 24px) / 2) !important; }
}
@media (max-width: 640px) {
	.wp-block-gallery.is-style-chn-galerie.has-nested-images figure.wp-block-image { width: 100% !important; }
	.wp-block-gallery.is-style-chn-galerie.has-nested-images figure.wp-block-image img { height: 240px !important; flex-basis: 240px !important; }
}

/* ---------- Kennwerte-Tabelle ---------- */
.wp-block-table.is-style-chn-kennwerte { overflow-x: auto; margin-top: 36px; }
.wp-block-table.is-style-chn-kennwerte table { width: 100%; border-collapse: collapse; font-size: 16px; }
.wp-block-table.is-style-chn-kennwerte th,
.wp-block-table.is-style-chn-kennwerte td { border: 0; padding: 14px 16px; text-align: left; vertical-align: top; }
.wp-block-table.is-style-chn-kennwerte thead { border-bottom: 2px solid var(--wp--preset--color--dunkel); }
.wp-block-table.is-style-chn-kennwerte thead th { font-weight: 600; padding-top: 12px; padding-bottom: 12px; }
.wp-block-table.is-style-chn-kennwerte tbody tr { border-bottom: 1px solid var(--wp--preset--color--linie); }
.wp-block-table.is-style-chn-kennwerte tbody td:first-child { font-weight: 500; width: 24%; }
.wp-block-table.is-style-chn-kennwerte tbody td:last-child:not(:nth-child(2)) { color: var(--wp--preset--color--gedaempft); }
@media (max-width: 640px) {
	.wp-block-table.is-style-chn-kennwerte thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.wp-block-table.is-style-chn-kennwerte tbody tr { display: block; padding: 12px 0; }
	.wp-block-table.is-style-chn-kennwerte tbody td { display: block; width: auto !important; padding: 2px 0; }
	.wp-block-table.is-style-chn-kennwerte tbody td:first-child { font-weight: 600; font-size: 17px; padding-bottom: 4px; }
	.wp-block-table.is-style-chn-kennwerte tbody td[data-label]:not(:first-child)::before {
		content: attr(data-label) ": ";
		font-size: 13px;
		font-weight: 600;
		letter-spacing: .04em;
		text-transform: uppercase;
		color: var(--wp--preset--color--dachzeile);
	}
	.wp-block-table.is-style-chn-kennwerte tbody td[data-label=""]::before { content: none; }
}

/* ---------- Häufige Fragen ---------- */
.wp-block-details {
	border-top: 1px solid var(--wp--preset--color--linie);
	padding: 16px 0;
	margin: 0 !important;
}
.wp-block-details:last-child { border-bottom: 1px solid var(--wp--preset--color--linie); }
.wp-block-details summary { cursor: pointer; font-weight: 600; font-size: 18px; min-height: 28px; }
.wp-block-details > :not(summary) { margin-top: 10px; color: var(--wp--preset--color--text-mittel); max-width: 820px; }
.chn-faq { margin-top: 32px; }

/* ---------- Knöpfe ---------- */
.wp-block-button__link { min-height: 48px; display: inline-flex; align-items: center; text-decoration: none; }
.wp-block-button.is-style-outline > .wp-block-button__link { border-width: 1.5px; padding: 13px 25px; }
.wp-block-button.is-style-chn-pille > .wp-block-button__link {
	min-height: 36px;
	padding: 4px 12px;
	border: 1px solid var(--chn-rand);
	border-radius: 999px;
	background: transparent;
	color: var(--wp--preset--color--dunkel);
	font-size: 14px;
	font-weight: 600;
}
.wp-block-button.is-style-chn-pille > .wp-block-button__link:hover { background: var(--wp--preset--color--hell-akzent); }

/* ---------- Dunkle Abschnitte ---------- */
.has-dunkel-background-color a:not(.wp-block-button__link),
.has-fuss-background-color a:not(.wp-block-button__link) { color: var(--wp--preset--color--seite); }
.has-dunkel-background-color p { color: var(--wp--preset--color--creme); }
.has-dunkel-background-color :is(h1, h2, h3, strong) { color: var(--wp--preset--color--seite); }
.has-dunkel-background-color .is-style-chn-formular,
.has-dunkel-background-color .is-style-chn-formular p { color: var(--wp--preset--color--text); }

/* ---------- Anfrageformular (Contact Form 7) ---------- */
.is-style-chn-formular {
	background: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--text);
	border-radius: var(--chn-radius);
	padding: 32px !important;
}
.chn-form { display: flex; flex-wrap: wrap; gap: 20px; }
.chn-feld { flex: 1 1 200px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; font-weight: 600; margin: 0; }
.chn-feld.chn-voll, .chn-form .chn-voll { flex-basis: 100%; }
.chn-form input[type="text"], .chn-form input[type="email"], .chn-form input[type="tel"], .chn-form select, .chn-form textarea {
	font: inherit;
	font-weight: 400;
	font-size: 16px;
	width: 100%;
	padding: 10px 12px;
	min-height: 44px;
	box-sizing: border-box;
	border: 1px solid var(--chn-rand);
	border-radius: 4px;
	background: #fff;
	color: var(--wp--preset--color--text);
}
.chn-form textarea { min-height: 120px; resize: vertical; }
.chn-form .wpcf7-form-control-wrap { display: block; }
.chn-form .wpcf7-acceptance { font-size: 15px; font-weight: 400; }
.chn-form .wpcf7-acceptance label { display: flex; gap: 10px; align-items: flex-start; }
.chn-form .wpcf7-acceptance input { width: 20px; height: 20px; margin-top: 2px; flex: none; }
.chn-form .chn-pflicht { font-size: 14px; font-weight: 400; color: var(--wp--preset--color--gedaempft); margin: 0; }
.chn-form .wpcf7-submit {
	font: inherit;
	font-weight: 600;
	font-size: 17px;
	background: var(--wp--preset--color--dunkel);
	color: var(--wp--preset--color--weiss);
	border: 0;
	border-radius: 4px;
	padding: 14px 26px;
	min-height: 48px;
	cursor: pointer;
}
.chn-form .wpcf7-submit:hover { background: var(--wp--preset--color--text); }
.chn-form .wpcf7-not-valid-tip { font-size: 14px; font-weight: 500; color: #A04A24; margin-top: 4px; }
.wpcf7 form .wpcf7-response-output { margin: 20px 0 0; padding: 12px 16px; border-radius: 4px; font-size: 15px; }
.wpcf7-spinner { vertical-align: middle; }
.chn-falle { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Kontaktdaten ---------- */
.chn-kontaktdaten p { margin: 0; }
.chn-kontaktdaten p:first-child { font-weight: 600; font-size: 19px; }

/* ---------- Textseiten (Impressum, Datenschutz, Classic Editor) ---------- */
.chn-textseite { font-size: 17px; }
.chn-textseite h2 { font-size: 28px; margin-top: 1.6em; }
.chn-textseite h3 { font-size: 21px; margin-top: 1.4em; }
.chn-textseite :where(ul, ol) { padding-left: 1.4em; }
.chn-textseite table { border-collapse: collapse; width: 100%; }
.chn-textseite :where(td, th) { border: 1px solid var(--wp--preset--color--linie); padding: 8px 10px; text-align: left; }
.chn-textseite img { max-width: 100%; height: auto; }
.chn-textseite .alignleft { float: left; margin: 0 24px 16px 0; }
.chn-textseite .alignright { float: right; margin: 0 0 16px 24px; }
.chn-textseite .aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* ---------- Spalten auf kleinen Bildschirmen ---------- */
@media (max-width: 781px) {
	.wp-block-columns { gap: 32px !important; }
}
@media (max-width: 760px) {
	.is-style-chn-box { padding: 22px !important; }
	.is-style-chn-formular { padding: 22px !important; }
}

/* ---------- Bildstrecke: Überblendung (2 bis 8 Bilder) ---------- */
@keyframes chn-film-2{0%{opacity:0}12.500%{opacity:1}50.000%{opacity:1}62.500%{opacity:0}100%{opacity:0}}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(2),.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(2) ~ .wp-block-image{animation-name:chn-film-2;animation-duration:12s}
@keyframes chn-film-3{0%{opacity:0}8.333%{opacity:1}33.333%{opacity:1}41.667%{opacity:0}100%{opacity:0}}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(3),.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(3) ~ .wp-block-image{animation-name:chn-film-3;animation-duration:18s}
@keyframes chn-film-4{0%{opacity:0}6.250%{opacity:1}25.000%{opacity:1}31.250%{opacity:0}100%{opacity:0}}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(4),.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(4) ~ .wp-block-image{animation-name:chn-film-4;animation-duration:24s}
@keyframes chn-film-5{0%{opacity:0}5.000%{opacity:1}20.000%{opacity:1}25.000%{opacity:0}100%{opacity:0}}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(5),.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(5) ~ .wp-block-image{animation-name:chn-film-5;animation-duration:30s}
@keyframes chn-film-6{0%{opacity:0}4.167%{opacity:1}16.667%{opacity:1}20.833%{opacity:0}100%{opacity:0}}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(6),.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(6) ~ .wp-block-image{animation-name:chn-film-6;animation-duration:36s}
@keyframes chn-film-7{0%{opacity:0}3.571%{opacity:1}14.286%{opacity:1}17.857%{opacity:0}100%{opacity:0}}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(7),.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(7) ~ .wp-block-image{animation-name:chn-film-7;animation-duration:42s}
@keyframes chn-film-8{0%{opacity:0}3.125%{opacity:1}12.500%{opacity:1}15.625%{opacity:0}100%{opacity:0}}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(8),.is-style-chn-film > .wp-block-gallery > .wp-block-image:first-child:nth-last-child(8) ~ .wp-block-image{animation-name:chn-film-8;animation-duration:48s}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:nth-child(1){animation-delay:-1.5s}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:nth-child(2){animation-delay:4.5s}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:nth-child(3){animation-delay:10.5s}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:nth-child(4){animation-delay:16.5s}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:nth-child(5){animation-delay:22.5s}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:nth-child(6){animation-delay:28.5s}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:nth-child(7){animation-delay:34.5s}
.is-style-chn-film > .wp-block-gallery > .wp-block-image:nth-child(8){animation-delay:40.5s}
.is-style-chn-karte.chn-karte-akzent { border: 2px solid var(--wp--preset--color--akzent); }
.is-style-chn-box > .wp-block-group { flex: 1 1 420px; min-width: 0; }
.is-style-chn-box > .wp-block-group > * + * { margin-top: 8px; }
.has-dunkel-background-color .is-style-chn-formular a:not(.wp-block-button__link) { color: var(--wp--preset--color--dunkel); }
.wp-block-group.is-layout-grid:has(> .is-style-chn-kennzahl) { grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)) !important; }

/* Menü-Knopf (Hamburger) bis 1100 px Breite, damit das Menü auf Tablets nicht umbricht */
.chn-kopf .wp-block-button__link { white-space: nowrap; }
@media (max-width: 1099px) {
	.chn-kopf .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.chn-kopf .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { align-items: flex-start !important; justify-content: flex-start !important; text-align: left; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; padding: 4px 0 8px 16px !important; min-width: 0 !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { font-size: 17px; }
.wp-block-list.is-style-chn-ablauf.chn-ablauf-breit { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 28px 40px; }

/* Textseiten: Text linksbündig im Seitenraster, angenehme Zeilenlänge */
.chn-textseite .wp-block-post-content > * { max-width: 820px; margin-left: 0 !important; margin-right: auto !important; }