/*
Theme Name: Christina Reimer
Theme URI: https://www.christina-reimer.de/
Author: Christina Reimer
Description: Block-Theme für christina-reimer.de und Sorgenfrei Essen. Design-System, Kopf- und Fußbereich sowie die Christina-Bausteine. Inhalte werden im Block-Editor gepflegt, die Gestaltung kommt ausschließlich aus diesem Theme.
Version: 1.4.22
Requires at least: 6.8
Tested up to: 7.1
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: christina-reimer
*/

/* =========================================================
   Grundlagen
   ========================================================= */
:root {
	--cr-blatt-gross: var(--wp--custom--blatt--gross, clamp(56px, 11vw, 168px));
	--cr-blatt-klein: var(--wp--custom--blatt--klein, clamp(28px, 5vw, 64px));
	--cr-ecke: var(--wp--custom--blatt--ecke, 14px);
	--cr-linie: color-mix(in srgb, var(--wp--preset--color--petrol) 18%, transparent);
	--cr-text-leise: #4E6163;
	--cr-linie-warm: #E6DDD3;
	/* Farben der beiden Welten, für den Weltwechsel im Kopf */
	--cr-farbe-christina: #A83660;
	--cr-farbe-sorgenfrei: #2A666C;
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-kerning: normal;
	font-variant-ligatures: common-ligatures;
}

h1, h2, h3, h4 { text-wrap: balance; font-optical-sizing: auto; }
p { text-wrap: pretty; }
:where(.wp-site-blocks) :where(p, li) { max-width: 68ch; }

::selection { background: var(--wp--preset--color--nebel); color: var(--wp--preset--color--petrol-tief); }

a { text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }

:where(a, button, input, select, textarea, summary, .wp-block-button__link):focus-visible {
	outline: 3px solid var(--wp--preset--color--akzent);
	outline-offset: 3px;
	border-radius: 4px;
}

.cr-skip-link {
	position: absolute; left: 1rem; top: -100px; z-index: 1000;
	background: var(--wp--preset--color--petrol); color: #fff; padding: .75rem 1rem; border-radius: 8px;
}
.cr-skip-link:focus { top: 1rem; color: #fff; }

/* =========================================================
   Abschnitte: Abstände kommen nur von hier, nie aus dem Editor
   ========================================================= */
.cr-abschnitt {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}
.cr-abschnitt--eng {
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--50);
}
.cr-abschnitt > * + * { margin-block-start: var(--wp--preset--spacing--40); }
.cr-abschnitt > .wp-block-heading + * { margin-block-start: var(--wp--preset--spacing--30); }
.cr-abschnitt > .wp-block-columns { margin-block-start: var(--wp--preset--spacing--50); }



/* Flächen (Blockstil für Gruppen) */
.is-style-flaeche-nebel { background-color: var(--wp--preset--color--nebel); }
.is-style-flaeche-hell  { background-color: var(--wp--preset--color--hell); }
.is-style-flaeche-petrol {
	background-color: var(--wp--preset--color--petrol);
	color: var(--wp--preset--color--weiss);
}
.is-style-flaeche-petrol :where(h1, h2, h3, h4, p, li, .cr-kicker) { color: var(--wp--preset--color--weiss); }
.is-style-flaeche-petrol a:not(.wp-block-button__link) { color: var(--wp--preset--color--weiss); }
.is-style-flaeche-petrol .wp-block-button__link {
	background: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--petrol-tief);
}
.is-style-flaeche-petrol .wp-block-button__link:hover,
.is-style-flaeche-petrol .wp-block-button__link:focus { background: var(--wp--preset--color--nebel); color: var(--wp--preset--color--petrol-tief); }
.is-style-flaeche-petrol .is-style-zweitrangig .wp-block-button__link { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.7); }

/* =========================================================
   Text-Bausteine
   ========================================================= */
.cr-kicker {
	display: flex; align-items: center; gap: .6em;
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
	color: var(--wp--preset--color--petrol);
	letter-spacing: .01em;
	margin-bottom: 0;
}
.cr-kicker::before {
	content: ""; flex: none;
	width: .8em; height: .8em;
	background: var(--wp--preset--color--akzent);
	border-radius: 0 100% 0 100%;
	transform: rotate(-8deg);
}
.cr-kicker + .wp-block-heading { margin-block-start: .6rem !important; }

.has-einleitung-font-size { color: var(--cr-text-leise); line-height: 1.55; }
.is-style-flaeche-petrol .has-einleitung-font-size { color: rgba(255,255,255,.88); }

/* Zitat */
.wp-block-quote {
	border: 0; margin: 0; padding: 0;
	position: relative;
	padding-left: clamp(1.25rem, 3vw, 2.25rem);
}
.wp-block-quote::before {
	content: ""; position: absolute; left: 0; top: .35em; bottom: .35em;
	width: 3px; border-radius: 3px; background: var(--wp--preset--color--akzent);
}
.wp-block-quote p { max-width: 30ch; }
.wp-block-quote.is-style-gross p { font-size: var(--wp--preset--font-size--titel); line-height: 1.15; max-width: 24ch; }
.wp-block-quote cite {
	display: block; margin-top: 1rem;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein); font-style: normal; font-weight: 600;
	color: var(--cr-text-leise);
}

/* Hinweis */
.is-style-hinweis {
	background: var(--wp--preset--color--nebel);
	border-radius: var(--cr-blatt-klein) var(--cr-ecke) var(--cr-blatt-klein) var(--cr-ecke);
	padding: clamp(1.5rem, 4vw, 2.75rem) clamp(1.5rem, 5vw, 3.5rem);
}
.is-style-hinweis > * + * { margin-block-start: .75rem; }
.is-style-hinweis h3 { font-size: var(--wp--preset--font-size--gross); }

/* Listen */
.wp-block-list.is-style-blattpunkte { list-style: none; padding-left: 0; }
.wp-block-list.is-style-blattpunkte li { position: relative; padding-left: 1.6em; }
.wp-block-list.is-style-blattpunkte li + li { margin-top: .5em; }
.wp-block-list.is-style-blattpunkte li::before {
	content: ""; position: absolute; left: 0; top: .5em;
	width: .7em; height: .7em; border-radius: 0 100% 0 100%;
	background: var(--wp--preset--color--sand);
}

/* =========================================================
   Bilder: die Blattform
   ========================================================= */
.wp-block-image.is-style-blatt img,
.wp-block-image.is-style-blatt-klein img,
.wp-block-image.is-style-weich img { display: block; width: 100%; height: auto; object-fit: cover; }
.wp-block-image.is-style-blatt img       { border-radius: var(--cr-blatt-gross) var(--cr-ecke) var(--cr-blatt-gross) var(--cr-ecke); }
.wp-block-image.is-style-blatt-klein img { border-radius: var(--cr-blatt-klein) var(--cr-ecke) var(--cr-blatt-klein) var(--cr-ecke); }
.wp-block-image.is-style-weich img       { border-radius: 18px; }
.wp-block-image { margin-bottom: 0; }

/* =========================================================
   Raster: Boxen ordnen sich selbst an (PC, Tablet, Handy).
   Eine Box duplizieren oder löschen – das Layout passt sich an.
   ========================================================= */
.cr-raster {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(var(--cr-raster-min, 12.5rem), 100%), 1fr));
	gap: clamp(1.75rem, 3.5vw, 3rem) clamp(1.25rem, 3vw, 2.75rem);
	align-items: start;
}
.cr-raster > * { margin: 0 !important; min-width: 0; }
.cr-abschnitt > .cr-raster { margin-block-start: var(--wp--preset--spacing--50); }
.cr-element > * + * { margin-block-start: .65rem; }
.cr-element > .wp-block-heading { margin-block-start: 0; }

/* Gedanken: gleichwertige Punkte mit Sandlinie */
.cr-raster--gedanken > .cr-element { border-top: 2px solid var(--wp--preset--color--sand); padding-top: 1.4rem; }

/* Schritte: echte Reihenfolge, Nummern zählen automatisch mit */
.cr-raster--schritte { counter-reset: cr-schritt; }
.cr-raster--schritte > .cr-element { counter-increment: cr-schritt; position: relative; padding-top: 4.1rem; }
.cr-raster--schritte > .cr-element::before {
	content: counter(cr-schritt);
	position: absolute; left: 0; top: 0;
	width: 3rem; height: 3rem; display: grid; place-items: center;
	font-family: var(--wp--preset--font-family--serif); font-size: 1.45rem; line-height: 1;
	color: var(--wp--preset--color--petrol);
	border: 1.5px solid var(--wp--preset--color--petrol); border-radius: 50%;
}
.cr-raster--schritte > .cr-element::after {
	content: ""; position: absolute; top: 1.5rem; left: 3.75rem; right: 0; height: 1px; background: var(--cr-linie);
}

/* Karten: Bild, Titel, Text, Stichworte, Link */
.cr-raster--karten { --cr-raster-min: 13rem; align-items: stretch; }
.cr-raster--karten > .cr-element { display: flex; flex-direction: column; gap: .75rem; }
.cr-raster--karten > .cr-element > * { margin: 0; }
.cr-raster--karten > .cr-element > .wp-block-image { margin-bottom: .6rem; }
.cr-raster--karten > .cr-element > .cr-mehr { margin-top: auto; padding-top: .5rem; }
.cr-schlagworte { font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); }
.cr-mehr { font-weight: 600; }
.cr-mehr a { text-decoration: none; border-bottom: 1.5px solid var(--wp--preset--color--sand); padding-bottom: 2px; }
.cr-mehr a:hover { border-color: var(--wp--preset--color--akzent); }

/* Preise */
.cr-raster--preise { --cr-raster-min: 12.5rem; align-items: stretch; }
.cr-raster--preise > .cr-element {
	background: var(--wp--preset--color--weiss);
	border: 1px solid var(--cr-linie);
	border-radius: var(--cr-blatt-klein) var(--cr-ecke) var(--cr-blatt-klein) var(--cr-ecke);
	padding: clamp(1.5rem, 3vw, 2.25rem);
}
.cr-raster--preise h3 { font-family: var(--wp--preset--font-family--sans); font-size: var(--wp--preset--font-size--einleitung); font-weight: 600; color: var(--wp--preset--color--tinte); }
.cr-preis {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--titel);
	line-height: 1; color: var(--wp--preset--color--petrol); margin: .5rem 0 .75rem !important;
}

/* Einstieg */
.cr-einstieg { padding-top: var(--wp--preset--spacing--50); }
@media (max-width: 781px) { .cr-einstieg { padding-top: var(--wp--preset--spacing--40); } }
.cr-einstieg .wp-block-columns { gap: clamp(2rem, 6vw, 5.5rem); }
.cr-einstieg .wp-block-column .wp-block-image img { max-height: min(66vh, 580px); width: 100%; object-fit: cover; }
.cr-einstieg .wp-block-column > h1 { max-width: 17ch; }
.cr-einstieg .wp-block-buttons { margin-top: var(--wp--preset--spacing--40); }

/* Abschluss-Band */
.cr-band .wp-block-columns { align-items: center; gap: clamp(1.5rem, 4vw, 4rem); }
.cr-band h2 { max-width: 30ch; }
@media (min-width: 782px) {
	.cr-band .wp-block-columns > .wp-block-column:first-child { flex: 1 1 0% !important; width: auto !important; min-width: 0; }
	.cr-band .wp-block-columns > .wp-block-column:last-child { flex: 0 0 auto !important; width: auto !important; }
}

/* =========================================================
   Buttons
   ========================================================= */
.wp-block-buttons { gap: .75rem 1rem; }
.wp-block-button.is-style-zweitrangig .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--petrol);
	box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--petrol);
}
.wp-block-button.is-style-zweitrangig .wp-block-button__link:hover,
.wp-block-button.is-style-zweitrangig .wp-block-button__link:focus {
	background: var(--wp--preset--color--nebel); color: var(--wp--preset--color--petrol-tief);
}
.wp-block-button__link { transition: background-color .18s ease, color .18s ease; }

/* =========================================================
   Aufklapp-Fragen (core/details)
   ========================================================= */
.wp-block-details {
	border-top: 1px solid var(--cr-linie);
	padding: 1.1rem 0;
}
.wp-block-details:last-of-type { border-bottom: 1px solid var(--cr-linie); }
.wp-block-details summary {
	list-style: none; cursor: pointer;
	display: flex; justify-content: space-between; gap: 1.5rem; align-items: baseline;
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--einleitung);
	color: var(--wp--preset--color--petrol);
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
	content: "+"; flex: none; font-family: var(--wp--preset--font-family--sans); font-weight: 300; font-size: 1.6rem; line-height: 1;
	transition: transform .2s ease;
}
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-details > :not(summary) { margin-top: .75rem; }

/* =========================================================
   Kopfbereich
   ========================================================= */
.cr-kopf {
	position: sticky; top: 0; z-index: 50;
	background: color-mix(in srgb, var(--wp--preset--color--weiss) 94%, transparent);
	backdrop-filter: saturate(1.2) blur(10px);
	border-bottom: 1px solid transparent;
	transition: border-color .2s ease;
}
.admin-bar .cr-kopf { top: 32px; }
@media (max-width: 782px) { .admin-bar .cr-kopf { top: 46px; } }
.cr-kopf.is-scrolled { border-bottom-color: var(--cr-linie); }
.cr-kopf__inner { padding-top: 1rem; padding-bottom: 1rem; gap: 1.5rem; }
.cr-kopf .wp-block-site-logo img { height: auto; max-height: 56px; width: auto; }
.cr-kopf .wp-block-site-title { font-family: var(--wp--preset--font-family--serif); font-size: 1.5rem; margin: 0; }
.cr-kopf .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--petrol); }
.cr-kopf__welt { font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); margin: 0; }
.cr-kopf .wp-block-navigation { gap: 1.6rem; }
.cr-kopf .wp-block-navigation a { text-decoration: none; }
.cr-kopf .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--akzent); }
.cr-kopf .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.cr-kopf .wp-block-navigation [aria-current="page"] { color: var(--wp--preset--color--petrol); box-shadow: inset 0 -2px 0 var(--wp--preset--color--sand); }
.cr-kopf .wp-block-navigation__submenu-container {
	border: 1px solid var(--cr-linie) !important; border-radius: 14px; padding: .5rem !important; min-width: 220px !important;
	box-shadow: 0 18px 40px -24px rgba(8,73,79,.35);
}
.cr-kopf .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .55rem .8rem !important; border-radius: 8px; }
.cr-kopf .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--nebel); }
.cr-kopf .cr-welt-wechsel > a {
	--cr-wechsel: var(--cr-farbe-sorgenfrei);
	display: inline-flex; align-items: center; gap: .45em;
	padding: .55em 1.05em !important; border-radius: 999px;
	box-shadow: inset 0 0 0 1.5px var(--cr-wechsel);
	color: var(--cr-wechsel) !important; font-weight: 600; font-size: .95rem;
	transition: background-color .18s ease, color .18s ease;
}
.cr-kopf--sorgenfrei .cr-welt-wechsel > a { --cr-wechsel: var(--cr-farbe-christina); }
.cr-kopf .cr-welt-wechsel > a::before {
	content: ""; flex: none; width: .62em; height: .62em;
	background: currentColor; border-radius: 0 100% 0 100%; transform: rotate(-8deg);
}
.cr-kopf .cr-welt-wechsel > a:hover,
.cr-kopf .cr-welt-wechsel > a:focus-visible { background: var(--cr-wechsel); color: #fff !important; }
.wp-block-navigation__responsive-container.is-menu-open .cr-welt-wechsel { margin-top: .5rem; }
.cr-kopf .wp-block-button__link { padding: .7em 1.3em; font-size: .95rem; }
.wp-block-navigation__responsive-container.is-menu-open {
	padding: clamp(1rem, 5vw, 3rem) !important;
	background: var(--wp--preset--color--weiss) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1.1rem; font-size: 1.25rem; }
@media (max-width: 899px) {
	.cr-kopf .cr-kopf__cta { display: none; }
}

/* =========================================================
   Fußbereich
   ========================================================= */
.cr-fuss {
	background: var(--wp--preset--color--petrol-tief);
	color: rgba(255,255,255,.86);
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--klein);
}
.cr-fuss :where(h2, h3, p, li) { color: rgba(255,255,255,.86); }
.cr-fuss h2 { font-size: var(--wp--preset--font-size--gross); color: #fff; }
.cr-fuss h3 { font-family: var(--wp--preset--font-family--sans); font-size: var(--wp--preset--font-size--klein); font-weight: 600; color: #fff; margin-bottom: .5rem; }
.cr-fuss a { color: #fff; text-decoration-color: rgba(255,255,255,.4); }
.cr-fuss a:hover { color: #fff; text-decoration-color: #fff; }
.cr-fuss .wp-block-list { list-style: none; padding: 0; margin: 0; }
.cr-fuss .wp-block-list li + li { margin-top: .35rem; }
.cr-fuss__unten { border-top: 1px solid rgba(255,255,255,.16); padding-top: 1.25rem; margin-top: var(--wp--preset--spacing--50) !important; }
.cr-fuss__unten p { margin: 0; }

/* =========================================================
   Welt „Sorgenfrei Essen“: gleiche Familie, Petrol auf warmem Sand.
   Magenta gehört allein zu Christina Reimer.
   ========================================================= */
.welt-sorgenfrei {
	--wp--preset--color--akzent: #2A666C;   /* Petrol aus dem Logo, Kontrast zu Weiß 6,5 : 1 */
}
:where(.welt-sorgenfrei) .wp-block-button__link:hover,
:where(.welt-sorgenfrei) .wp-block-button__link:focus { background-color: var(--wp--preset--color--petrol-tief); }
.welt-sorgenfrei .wp-block-list.is-style-blattpunkte li::before { background: var(--wp--preset--color--petrol); opacity: .55; }

/* =========================================================
   Responsiv
   ========================================================= */
@media (max-width: 781px) {
	.cr-raster--schritte > .cr-element { padding-top: 0; padding-left: 4.25rem; min-height: 3rem; }
	.cr-raster--schritte > .cr-element::after { display: none; }
	.cr-einstieg .wp-block-column:has(.wp-block-image) { max-width: 340px; }
	.cr-band .wp-block-buttons { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Marke im Kopf: Logo, sonst Seitentitel */
.cr-marke { gap: .75rem; }
.cr-marke .wp-block-site-logo + .wp-block-site-title { display: none; }
.cr-marke__name { margin: 0; font-family: var(--wp--preset--font-family--serif); font-size: 1.6rem; line-height: 1.1; }
.cr-marke__name a { text-decoration: none; color: var(--wp--preset--color--petrol); }
.cr-marke__name a::before {
	content: ""; display: inline-block; width: .55em; height: .55em; margin-right: .4em; vertical-align: .08em;
	background: var(--wp--preset--color--akzent); border-radius: 0 100% 0 100%;
}

/* Navigation: Menü-Knopf schon unter 1100 px, damit nichts umbricht */
.cr-kopf .cr-nur-mobil { display: none; }
.wp-block-navigation__responsive-container.is-menu-open .cr-nur-mobil { display: block; }
.wp-block-navigation__responsive-container.is-menu-open .cr-nur-mobil a { background: var(--wp--preset--color--akzent); color: #fff !important; font-weight: 600; font-size: 1rem; padding: .8em 1.4em !important; border-radius: 999px; }
@media (max-width: 1099px) {
	.cr-kopf .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.cr-kopf .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.cr-kopf .cr-kopf__cta { display: none; }
}
.cr-kopf--sorgenfrei .wp-block-navigation { gap: 1.25rem; }
@media (min-width: 1100px) and (max-width: 1320px) {
	.cr-kopf--sorgenfrei .wp-block-navigation { gap: .9rem; font-size: .95rem; }
}

/* Leer gelassene Felder in gesperrten Bausteinen nicht anzeigen */
.wp-site-blocks p:empty, .wp-site-blocks h2:empty, .wp-site-blocks h3:empty { display: none; }

/* Abschnitte schließen lückenlos aneinander an */
.wp-site-blocks > * { margin-block: 0; }
.wp-site-blocks > .welt-sorgenfrei > * { margin-block: 0; }
.cr-inhalt > .wp-block-post-content > .alignfull { margin-block: 0; }
.cr-inhalt > .wp-block-post-content { margin: 0; }
.cr-raster--schritte > .cr-element:last-child::after { display: none; }

/* Navigation bleibt einzeilig */
.cr-kopf .wp-block-navigation__container { flex-wrap: nowrap; }
.cr-kopf .wp-block-navigation-item__content, .cr-kopf .wp-block-button__link { white-space: nowrap; }
.cr-kopf__welt { white-space: nowrap; }
/* Tablet quer: Raster mit vier Boxen nicht zu eng */
@media (min-width: 600px) and (max-width: 1099px) {
	.cr-raster--karten:has(> :nth-child(4)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* =========================================================
   Funktions-Bausteine (Plugin „Christina Reimer Funktionen“)
   ========================================================= */
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
.cr-leer { padding: 1.25rem; border: 1px dashed var(--cr-linie); border-radius: 12px; color: var(--cr-text-leise); background: var(--wp--preset--color--hell); font-size: var(--wp--preset--font-size--klein); }

/* Fragen und Antworten */
.cr-fragen__thema { font-size: var(--wp--preset--font-size--gross); margin: var(--wp--preset--spacing--50) 0 .75rem; }
.cr-fragen__thema:first-child { margin-top: 0; }
.cr-frage__antwort > * { margin: .6rem 0 0; }
.cr-frage__antwort { color: var(--wp--preset--color--tinte); }

/* Begriffe */
.cr-begriffe__abc { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: var(--wp--preset--spacing--50); position: sticky; top: 84px; background: var(--wp--preset--color--weiss); padding: .5rem 0; z-index: 2; }
.cr-begriffe__abc a, .cr-begriffe__abc span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; font-weight: 600; font-size: .95rem; text-decoration: none; }
.cr-begriffe__abc a { color: var(--wp--preset--color--petrol); background: var(--wp--preset--color--nebel); }
.cr-begriffe__abc a:hover { background: var(--wp--preset--color--petrol); color: #fff; }
.cr-begriffe__abc span { color: #B9C4C5; }
.cr-begriffe__gruppe { scroll-margin-top: 150px; padding-top: 1rem; border-top: 1px solid var(--cr-linie); margin-top: 1.5rem; display: grid; grid-template-columns: 4rem 1fr; gap: 1rem; }
.cr-begriffe__buchstabe { font-size: var(--wp--preset--font-size--titel); line-height: 1; margin: 0; color: var(--wp--preset--color--sand); }
.cr-begriffe dl { margin: 0; }
.cr-begriff { scroll-margin-top: 150px; padding: .25rem 0 1.25rem; }
.cr-begriff dt { font-family: var(--wp--preset--font-family--serif); font-size: var(--wp--preset--font-size--gross); color: var(--wp--preset--color--petrol); }
.cr-begriff dd { margin: .35rem 0 0; }
.cr-begriff dd > * { margin: .4rem 0 0; }
@media (max-width: 600px) { .cr-begriffe__gruppe { grid-template-columns: 1fr; gap: .25rem; } }

/* Filter (Unterstützer, Artikel) */
.cr-filter { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; align-items: center; margin-bottom: var(--wp--preset--spacing--50); }
.cr-filter__gruppe { display: flex; flex-wrap: wrap; gap: .5rem; }
.cr-filter__knopf {
	font: inherit; font-size: .95rem; font-weight: 600; cursor: pointer; text-decoration: none;
	padding: .5rem 1rem; border-radius: 999px; border: 1.5px solid var(--cr-linie);
	background: var(--wp--preset--color--weiss); color: var(--wp--preset--color--petrol);
}
.cr-filter__knopf:hover { border-color: var(--wp--preset--color--petrol); }
.cr-filter__knopf.is-aktiv { background: var(--wp--preset--color--petrol); border-color: var(--wp--preset--color--petrol); color: #fff; }
.cr-filter__region { display: flex; align-items: center; gap: .6rem; font-weight: 600; font-size: .95rem; color: var(--wp--preset--color--petrol); }
.cr-filter__region select { font: inherit; font-weight: 400; padding: .5rem 2rem .5rem .8rem; border-radius: 10px; border: 1.5px solid var(--cr-linie); background: #fff; color: var(--wp--preset--color--tinte); }
.cr-filter__leer { flex-basis: 100%; color: var(--cr-text-leise); }

/* Unterstützer */
.cr-unterstuetzer__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(17rem, 100%), 1fr)); gap: clamp(1.75rem, 3.5vw, 3rem); }
.cr-person[hidden] { display: none; }
.cr-person { display: flex; flex-direction: column; gap: 1.1rem; }
.cr-person__bild img { width: 100%; aspect-ratio: 4/5; object-fit: cover; display: block; border-radius: var(--cr-blatt-klein) var(--cr-ecke) var(--cr-blatt-klein) var(--cr-ecke); background: var(--wp--preset--color--nebel); }
.cr-person__text > * { margin: .45rem 0 0; }
.cr-person h3 { margin: 0; font-size: var(--wp--preset--font-size--gross); }
.cr-person__rolle { font-weight: 600; color: var(--wp--preset--color--tinte); }
.cr-person__region { font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); }
.cr-person .cr-mehr { margin-top: .9rem; }

/* Videos */
.cr-videos__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr)); gap: clamp(1.75rem, 3.5vw, 3rem); }
.cr-video__player { position: relative; aspect-ratio: 16/9; overflow: hidden; background: var(--wp--preset--color--nebel); border-radius: var(--cr-blatt-klein) var(--cr-ecke) var(--cr-blatt-klein) var(--cr-ecke); }
.cr-video__bild, .cr-video__flaeche { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.cr-video__flaeche { background: radial-gradient(circle at 75% 30%, rgba(12,104,112,.55), transparent 55%), radial-gradient(circle at 20% 80%, rgba(216,200,184,.9), transparent 60%), var(--wp--preset--color--nebel); }
.cr-video__player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.cr-video__start {
	position: absolute; left: 1.1rem; bottom: 1.1rem; display: inline-flex; align-items: center; gap: .6rem;
	font: inherit; font-weight: 600; cursor: pointer; border: 0; border-radius: 999px; padding: .65rem 1.2rem .65rem .75rem;
	background: var(--wp--preset--color--weiss); color: var(--wp--preset--color--petrol-tief); box-shadow: 0 10px 30px -12px rgba(8,73,79,.45);
}
.cr-video__start:hover { background: var(--wp--preset--color--akzent); color: #fff; }
.cr-video__icon { width: 2rem; height: 2rem; border-radius: 50%; background: var(--wp--preset--color--akzent); position: relative; flex: none; }
.cr-video__icon::after { content: ""; position: absolute; left: 52%; top: 50%; transform: translate(-40%, -50%); border-style: solid; border-width: .45rem 0 .45rem .7rem; border-color: transparent transparent transparent #fff; }
.cr-video__start:hover .cr-video__icon { background: #fff; }
.cr-video__start:hover .cr-video__icon::after { border-left-color: var(--wp--preset--color--akzent); }
.cr-video__text { margin-top: 1rem; }
.cr-video__text > * { margin: .45rem 0 0; }
.cr-video__text h3 { margin: 0; font-size: var(--wp--preset--font-size--gross); }
.cr-video__dauer { font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); }
.cr-video__hinweis { margin-top: var(--wp--preset--spacing--50); font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); }

/* Artikel */
.cr-artikelliste__raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(21rem, 100%), 1fr)); gap: clamp(2rem, 4vw, 3.25rem) clamp(1.5rem, 3vw, 2.5rem); }
.cr-artikelliste__titel { font-size: var(--wp--preset--font-size--titel); margin: 0 0 var(--wp--preset--spacing--40); }
.cr-artikel { display: flex; flex-direction: column; gap: 1rem; }
.cr-artikel__bild { display: block; overflow: hidden; border-radius: var(--cr-blatt-klein) var(--cr-ecke) var(--cr-blatt-klein) var(--cr-ecke); background: var(--wp--preset--color--nebel); aspect-ratio: 4/3; }
.cr-artikel__bild img, .cr-artikel__flaeche { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.cr-artikel__flaeche { background: radial-gradient(circle at 80% 20%, rgba(12,104,112,.35), transparent 55%), radial-gradient(circle at 15% 85%, rgba(216,200,184,.85), transparent 60%), var(--wp--preset--color--nebel); }
.cr-artikel:hover .cr-artikel__bild img { transform: scale(1.03); }
.cr-artikel__text > * { margin: .4rem 0 0; }
.cr-artikel__kategorie { font-size: var(--wp--preset--font-size--klein); font-weight: 600; color: var(--wp--preset--color--akzent); margin: 0; }
.cr-artikel h3 { font-size: var(--wp--preset--font-size--gross); margin-top: .3rem; }
.cr-artikel h3 a { text-decoration: none; color: var(--wp--preset--color--petrol); }
.cr-artikel h3 a:hover { text-decoration: underline; }
.cr-artikel__meta { font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); }
.cr-artikelliste__leer { color: var(--cr-text-leise); }
.cr-seiten { margin-top: var(--wp--preset--spacing--50); }
.cr-seiten ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.cr-seiten a, .cr-seiten span { display: inline-block; padding: .45rem .9rem; border-radius: 999px; text-decoration: none; border: 1.5px solid var(--cr-linie); }
.cr-seiten .current { background: var(--wp--preset--color--petrol); color: #fff; border-color: var(--wp--preset--color--petrol); }
.cr-lesezeit { font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); margin: 0; }

/* Kontaktformular */
.cr-kontaktformular { background: var(--wp--preset--color--weiss); border: 1px solid var(--cr-linie); border-radius: var(--cr-blatt-klein) var(--cr-ecke) var(--cr-blatt-klein) var(--cr-ecke); padding: clamp(1.5rem, 4vw, 2.75rem); scroll-margin-top: 110px; }
.cr-formular-anker { position: relative; top: -120px; }
.cr-formular__reihe { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr)); gap: 0 1.25rem; }
.cr-feld { margin: 0 0 1.1rem; max-width: none !important; }
.cr-feld label { display: block; font-weight: 600; margin-bottom: .4rem; color: var(--wp--preset--color--tinte); }
.cr-feld input:not([type="checkbox"]), .cr-feld select, .cr-feld textarea {
	width: 100%; box-sizing: border-box; font: inherit; color: var(--wp--preset--color--tinte);
	padding: .8rem .95rem; border: 1.5px solid #C9D3D4; border-radius: 12px; background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.cr-feld textarea { min-height: 9rem; resize: vertical; }
.cr-feld input:focus, .cr-feld select:focus, .cr-feld textarea:focus { outline: none; border-color: var(--wp--preset--color--petrol); box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--petrol) 15%, transparent); }
.cr-feld small { display: block; margin-top: .35rem; color: var(--cr-text-leise); font-size: var(--wp--preset--font-size--klein); }
.cr-optional { font-weight: 400; color: var(--cr-text-leise); font-size: var(--wp--preset--font-size--klein); margin-left: .25rem; }
.cr-pflicht { color: var(--wp--preset--color--akzent); }
.cr-feld--haken { display: grid; grid-template-columns: auto 1fr; gap: .75rem; align-items: start; }
.cr-feld--haken input { width: 1.25rem; height: 1.25rem; margin: .2rem 0 0; accent-color: var(--wp--preset--color--petrol); }
.cr-feld--haken label { font-weight: 400; margin: 0; }
.cr-feld--versteckt { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cr-formular__senden { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: .5rem; }
.cr-formular__knopf { cursor: pointer; border: 0; }
.cr-formular__hinweis { font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); }
.cr-meldung { border-radius: 14px; padding: 1.1rem 1.25rem; margin-bottom: 1.25rem; }
.cr-meldung strong { display: block; margin-bottom: .2rem; }
.cr-meldung--ok { background: var(--wp--preset--color--nebel); color: var(--wp--preset--color--petrol-tief); }
.cr-meldung--fehler { background: #FBEAF1; color: #7D0F40; }

/* Artikelseite */
.cr-artikel-kopf__meta { gap: .4rem .6rem; font-size: var(--wp--preset--font-size--klein); color: var(--cr-text-leise); margin-top: var(--wp--preset--spacing--30) !important; }
.cr-artikel-kopf__meta .wp-block-post-date::after { content: "·"; margin-left: .6rem; }
.cr-artikel-kopf .wp-block-post-terms a { text-decoration: none; color: inherit; }
.cr-inhalt > .cr-artikel-bild {
	width: auto; max-width: var(--wp--style--global--wide-size);
	margin: 0 max(var(--wp--style--root--padding-left, 1.25rem), calc((100% - var(--wp--style--global--wide-size)) / 2)) !important;
}
.cr-artikel-bild img { aspect-ratio: 21/9 !important; border-radius: var(--cr-blatt-gross) var(--cr-ecke) var(--cr-blatt-gross) var(--cr-ecke); }
@media (max-width: 781px) { .cr-artikel-bild img { aspect-ratio: 4/3 !important; } }
.cr-artikel-text { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--40); }
.cr-artikel-text > h2 { font-size: var(--wp--preset--font-size--gross); margin-top: var(--wp--preset--spacing--50); }
.cr-artikel-text > h3 { font-size: var(--wp--preset--font-size--einleitung); margin-top: var(--wp--preset--spacing--40); }
.cr-artikel-text > p, .cr-artikel-text > ul, .cr-artikel-text > ol { font-size: 1.1875rem; line-height: 1.75; }

/* Abschnitte ohne Inhalt (z. B. keine ähnlichen Artikel) nicht anzeigen */
.cr-abschnitt:not(:has(> *)) { display: none; }
.cr-abschnitt > .wp-block-heading + .cr-fragen { margin-block-start: var(--wp--preset--spacing--40); }

/* Seiten ohne Bausteine (z. B. Impressum, Datenschutz aus dem Generator) */
.cr-inhalt > .wp-block-post-content:not(:has(> .cr-abschnitt)) { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }
.cr-inhalt > .wp-block-post-content:not(:has(> .cr-abschnitt)) > h1 { font-size: var(--wp--preset--font-size--titel); margin-bottom: var(--wp--preset--spacing--40); }
.cr-inhalt > .wp-block-post-content:not(:has(> .cr-abschnitt)) > h2 { font-size: var(--wp--preset--font-size--gross); margin-top: var(--wp--preset--spacing--50); }
.cr-inhalt > .wp-block-post-content:not(:has(> .cr-abschnitt)) > h3 { font-size: var(--wp--preset--font-size--einleitung); margin-top: var(--wp--preset--spacing--40); }

.cr-abschnitt > .cr-raster + .cr-mehr,
.cr-abschnitt > .cr-raster + .wp-block-buttons { margin-block-start: var(--wp--preset--spacing--50); }
.cr-artikel-kopf { padding-bottom: var(--wp--preset--spacing--40) !important; }
.cr-artikel-text { padding-top: var(--wp--preset--spacing--40); }
.cr-artikel-text > .wp-block-heading:where(h3) { font-size: var(--wp--preset--font-size--gross); }
.cr-abschnitt > .wp-block-quote { margin-block-start: var(--wp--preset--spacing--40) !important; margin-block-end: var(--wp--preset--spacing--40); }

/* =========================================================
   1.0.1 · Feinschliff nach Durchsicht
   ========================================================= */

/* Marke „Sorgenfrei Essen“: wie das Logo, Name groß, Zusatz in kleinen Versalien darunter */
.cr-marke--sorgenfrei { gap: .2rem !important; }
.cr-marke--sorgenfrei .cr-marke__name { font-size: 1.65rem; line-height: 1; white-space: nowrap; }
.cr-marke--sorgenfrei .cr-kopf__welt {
	font-size: .66rem; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; font-weight: 600;
	color: var(--cr-text-leise); padding-left: 1.57rem; /* bündig mit dem Wort, rechts vom Blatt */
}

/* Artikel: Hinweis-Kasten und Knopf direkt darunter gehören zusammen */
.cr-artikel-text > .is-style-hinweis + .wp-block-buttons { margin-top: 1.25rem; }
.cr-artikel-text + .cr-abschnitt--eng { padding-top: var(--wp--preset--spacing--30); }

/* Über die Autorin, mit Foto */
.cr-autorin:has(.cr-autorin__foto) { display: grid; grid-template-columns: clamp(5rem, 12vw, 7.5rem) minmax(0, 1fr); column-gap: clamp(1.25rem, 3vw, 2rem); align-items: start; }
.cr-autorin:has(.cr-autorin__foto) > :not(.cr-autorin__foto) { grid-column: 2; margin-top: 0; }
.cr-autorin:has(.cr-autorin__foto) > * + :not(.cr-autorin__foto) { margin-top: .6rem; }
.cr-autorin__foto { grid-column: 1; grid-row: 1 / span 4; margin: 0; }
.cr-autorin__foto img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 0 50% 50% 50%; }
@media (max-width: 520px) {
	.cr-autorin:has(.cr-autorin__foto) { grid-template-columns: 4.5rem minmax(0, 1fr); }
}

/* Handy-Menü: über die ganze Fläche, links ausgerichtet.
   backdrop-filter würde das Menü sonst auf die Höhe des Kopfbereichs begrenzen. */
.cr-kopf:has(.is-menu-open) { backdrop-filter: none; background: var(--wp--preset--color--weiss); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; padding-top: 3.5rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; justify-content: flex-start !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { align-items: flex-start !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { padding: .4rem 0 0 1rem !important; border: 0 !important; box-shadow: none; gap: .7rem; font-size: 1.05rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: var(--wp--preset--color--tinte); }

/* =========================================================
   1.1 · Seitenraster
   Eine einzige linke Kante für alles (wie das Logo im Kopf), Inhalte bis 1320 px breit.
   Überschriften laufen über die volle Breite, Fließtext in einer gut lesbaren Spalte
   direkt darunter. Artikel lesen sich in einer mittigen Lesespalte.
   ========================================================= */
/* Auf body, weil WordPress Breite und Seitenrand erst dort festlegen */
body {
	--cr-weit: var(--wp--style--global--wide-size, 1320px);
	--cr-rand: var(--wp--style--root--padding-left, 1.5rem);
	--cr-text-max: 50rem;
	--cr-lese-max: 46rem;
}

/* Schrift: auf großen Bildschirmen etwas größer */
@media (min-width: 1280px) { .cr-kicker { font-size: 1.0625rem !important; } }

/* Rhythmus: ruhige, gleiche Abstände. Zwei weiße Abschnitte trennt eine feine Sandlinie. */
.cr-abschnitt { position: relative; padding-top: clamp(3rem, 5vw, 5rem); padding-bottom: clamp(3rem, 5vw, 5rem); }
.cr-abschnitt--eng { padding-top: clamp(2rem, 3.5vw, 3.5rem); padding-bottom: clamp(2rem, 3.5vw, 3.5rem); }
.cr-abschnitt:not([class*="is-style-flaeche"]):not(.cr-einstieg) + .cr-abschnitt:not([class*="is-style-flaeche"]):not(.cr-band)::before {
	content: ""; position: absolute; top: 0; height: 1px;
	left: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2)); right: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2));
	background: color-mix(in srgb, var(--wp--preset--color--sand) 70%, transparent);
}
.cr-einstieg + .cr-abschnitt:not([class*="is-style-flaeche"]) { padding-top: clamp(1rem, 2.5vw, 2.5rem); }
.cr-abschnitt--eng + .cr-abschnitt::before, .cr-abschnitt + .cr-abschnitt--eng::before { display: none; }

/* Kicker: im richtigen Verhältnis zur Überschrift */
.cr-kicker { font-size: 1rem; font-weight: 600; letter-spacing: 0; margin-bottom: 0; }
.cr-kicker::before { width: .72em; height: .72em; }
.cr-kicker + .wp-block-heading { margin-block-start: .75rem !important; }

/* Überschriften laufen breit; erst wenn es nicht passt, bricht die Zeile um */
h1.wp-block-heading, .cr-abschnitt > h2.wp-block-heading { text-wrap: pretty; }

/* Alle Abschnitte: eine linke Kante (wie das Logo), Inhalte bis 1320 px */
.cr-abschnitt:not(.cr-band) {
	padding-left: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2 + var(--cr-rand))) !important;
	padding-right: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2 + var(--cr-rand))) !important;
}
.cr-inhalt > .cr-abschnitt:not(.cr-band) {
	padding-left: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2)) !important;
	padding-right: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2)) !important;
}
.cr-abschnitt:not(.cr-band) > * { margin-left: 0 !important; margin-right: 0 !important; max-width: var(--cr-text-max) !important; }
.cr-abschnitt:not(.cr-band) > :is(h1, h2, .cr-kicker) { max-width: none !important; }
.cr-abschnitt:not(.cr-band) > :is(.cr-raster, .wp-block-columns, div.alignwide, figure.alignwide, .alignfull, .cr-kontaktformular) { max-width: none !important; }
.cr-abschnitt:not(.cr-band) > * + * { margin-top: 1.25rem; }
.cr-abschnitt:not(.cr-band) > .wp-block-heading + * { margin-top: 1.25rem !important; }
.cr-abschnitt:not(.cr-band) > :is(.cr-raster, .wp-block-columns, div.alignwide) { margin-top: clamp(2rem, 3.5vw, 3rem) !important; }
.cr-abschnitt:not(.cr-band) > :is(.cr-raster, .wp-block-columns, div.alignwide):first-child { margin-top: 0 !important; }
.cr-abschnitt:not(.cr-band) > :is(.cr-raster, .wp-block-columns, div.alignwide) ~ :is(.cr-mehr, .wp-block-buttons) { margin-top: 2.25rem !important; }

/* Einstieg mit Bild: Text darf breit laufen */
.cr-einstieg:not(.cr-einstieg--schlicht) .wp-block-column > h1 { max-width: 20ch; }
/* Schlichter Einstieg: Überschrift über die volle Breite, Einleitung darunter */
.cr-einstieg--schlicht > h1 { max-width: none !important; }
.cr-einstieg--schlicht > p:not(.cr-kicker) { max-width: 46rem !important; }
.cr-einstieg--schlicht { padding-bottom: clamp(2rem, 3.5vw, 3.5rem); }

/* Artikel: Kopf mit Bild rechts, darunter eine ruhige, mittige Lesespalte */
.cr-artikel-kopf { padding-bottom: clamp(1rem, 2vw, 2rem) !important; }
.cr-artikel-kopf__spalten { gap: clamp(2rem, 5vw, 5rem) !important; }
.cr-artikel-kopf h1 { font-size: clamp(2rem, 1.4rem + 2vw, 3.25rem); line-height: 1.08; max-width: 20ch; }
.cr-artikel-kopf .cr-artikel-kopf__auszug { margin-top: 1.25rem !important; }
.cr-artikel-kopf .cr-lesezeit { margin-top: 1.25rem !important; display: inline-flex; align-items: center; gap: .5em; font-weight: 600; color: var(--wp--preset--color--petrol); }
.cr-artikel-kopf .cr-lesezeit::before { content: ""; width: .95em; height: .95em; border: 1.5px solid currentColor; border-radius: 50%; box-sizing: border-box;
	background: conic-gradient(currentColor 0 25%, transparent 0) center / 100% 100%; }
.cr-artikel-bild { margin: 0 !important; }
.cr-artikel-bild img { aspect-ratio: 4/3 !important; width: 100%; height: auto; object-fit: cover; border-radius: var(--cr-blatt-gross) var(--cr-ecke) var(--cr-blatt-gross) var(--cr-ecke); }
.cr-artikel-kopf__spalten .wp-block-column:has(.cr-artikel-bild:empty), .cr-artikel-kopf__spalten .wp-block-column:not(:has(img)):last-child { display: none; }
.cr-artikel-text { padding: clamp(2rem, 3.5vw, 3.5rem) var(--cr-rand) clamp(3rem, 5vw, 5rem) !important; margin: 0 !important; }
.cr-artikel-text > * { max-width: var(--cr-lese-max) !important; margin-left: auto !important; margin-right: auto !important; }
.cr-artikel-text > * + * { margin-top: 1.25rem; }
.cr-artikel-text > p, .cr-artikel-text > ul, .cr-artikel-text > ol { font-size: 1.1875rem; line-height: 1.75; }
@media (min-width: 1280px) { .cr-artikel-text > p, .cr-artikel-text > ul, .cr-artikel-text > ol { font-size: 1.25rem; } }
.cr-artikel-text > h2, .cr-artikel-text > .wp-block-heading:where(h3) { font-size: 1.75rem; margin-top: 2.75rem; }
.cr-artikel-text > p:first-child { font-size: 1.375rem; line-height: 1.6; color: var(--wp--preset--color--tinte); }

/* Seiten ohne Bausteine (Impressum, Datenschutz): Lesespalte an der linken Kante */
.cr-inhalt > .wp-block-post-content:not(:has(> .cr-abschnitt)) > * {
	max-width: var(--cr-lese-max) !important;
	margin-left: max(0px, calc((100% - var(--cr-weit)) / 2)) !important; margin-right: auto !important;
}
.cr-inhalt > .wp-block-post-content:not(:has(> .cr-abschnitt)) > h1 { max-width: none !important; }

/* Unter 1000 px: alles bündig, Text gut lesbar */
@media (max-width: 999px) {
	.cr-abschnitt > :is(p, ul, ol, .wp-block-quote, .is-style-hinweis, .cr-fragen) { max-width: 42rem !important; }
}

/* =========================================================
   1.2 · Veredelung
   ========================================================= */

/* Einstieg: Bild nicht größer als nötig */
.cr-einstieg:not(.cr-einstieg--schlicht) .wp-block-column .wp-block-image img { max-height: min(56vh, 500px); }
@media (min-width: 782px) {
	.cr-einstieg:not(.cr-einstieg--schlicht) .wp-block-columns > .wp-block-column:last-child { flex-basis: 38% !important; }
	.cr-einstieg:not(.cr-einstieg--schlicht) .wp-block-columns > .wp-block-column:first-child { flex-basis: 62% !important; }
}

/* Inhaltsboxen: feiner Rahmen in Petrol, ruhige weiße Fläche, Blatt-Ecke */
.cr-raster--gedanken { gap: clamp(1rem, 2vw, 1.5rem) !important; --cr-raster-min: 15rem; align-items: stretch; }
.cr-raster--gedanken > .cr-element {
	border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--petrol) 30%, transparent) !important;
	border-top-width: 1.5px !important;
	background: var(--wp--preset--color--weiss);
	border-radius: var(--cr-blatt-klein) var(--cr-ecke) var(--cr-blatt-klein) var(--cr-ecke);
	padding: clamp(1.5rem, 2.5vw, 2.25rem) !important;
	display: flex; flex-direction: column; gap: .75rem;
	transition: border-color .2s ease, transform .2s ease;
}
.cr-raster--gedanken > .cr-element > * { margin: 0 !important; }
.cr-raster--gedanken > .cr-element h3 { font-size: 1.5rem; color: var(--wp--preset--color--petrol); }
.cr-raster--gedanken > .cr-element p:not(.cr-kicker):not(.cr-mehr) { color: var(--wp--preset--color--tinte); }
.cr-raster--gedanken > .cr-element > .cr-mehr { margin-top: auto !important; padding-top: .5rem; }
.cr-raster--gedanken > .cr-element:has(a):hover { border-color: var(--wp--preset--color--petrol) !important; }

/* Wichtige Hinweise: feiner Rahmen in Magenta */
.is-style-hinweis {
	background: var(--wp--preset--color--weiss) !important;
	border: 1.5px solid color-mix(in srgb, var(--cr-farbe-christina) 45%, transparent);
	padding: clamp(1.75rem, 3.5vw, 2.75rem) clamp(1.75rem, 4vw, 3.25rem) !important;
}
.is-style-hinweis .cr-kicker::before { background: var(--cr-farbe-christina); }
.cr-abschnitt--eng:has(> .is-style-hinweis) > .is-style-hinweis { max-width: 54rem !important; }

/* Stichworte (Über mich) */
.wp-block-list.is-style-stichworte { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; max-width: none !important; }
.wp-block-list.is-style-stichworte li { margin: 0; padding: .55em 1.1em; border-radius: 999px; background: var(--wp--preset--color--nebel); color: var(--wp--preset--color--petrol-tief); font-weight: 500; line-height: 1.3; }
.wp-block-list.is-style-stichworte + .wp-block-list.is-style-stichworte li { background: var(--wp--preset--color--weiss); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--wp--preset--color--petrol) 35%, transparent); }
.cr-abschnitt > .wp-block-list.is-style-stichworte + .wp-block-list.is-style-stichworte { margin-top: 1rem !important; }
.cr-abschnitt > h2 + .wp-block-list.is-style-stichworte { margin-top: 1.75rem !important; }

/* Ablauf: ein klarer Weg mit gefüllten Nummern und durchgehender Linie */
.cr-raster--schritte > .cr-element::before {
	width: 3.25rem; height: 3.25rem; font-size: 1.5rem;
	background: var(--wp--preset--color--petrol); color: #fff; border-color: var(--wp--preset--color--petrol);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--wp--preset--color--petrol) 12%, transparent);
}
.cr-raster--schritte > .cr-element::after { top: 1.625rem; left: 4.5rem; height: 2px; background: color-mix(in srgb, var(--wp--preset--color--petrol) 30%, transparent); }
.cr-raster--schritte > .cr-element { padding-top: 4.75rem; }
.cr-raster--schritte > .cr-element h3 { font-size: 1.5rem; }
@media (max-width: 781px) {
	.cr-raster--schritte { gap: 1.75rem !important; }
	.cr-raster--schritte > .cr-element { padding-top: 0 !important; padding-left: 4.75rem !important; }
	.cr-raster--schritte > .cr-element::after { display: block; top: 3.6rem; bottom: -1.75rem; left: 1.55rem; right: auto; width: 2px; height: auto; }
	.cr-raster--schritte > .cr-element:last-child::after { display: none; }
}

/* Abschluss: ein abgesetzter Kasten statt Fläche direkt über dem Fußbereich */
.cr-band.is-style-flaeche-petrol { background: transparent !important; padding-top: clamp(2rem, 4vw, 4rem) !important; padding-bottom: clamp(3rem, 6vw, 6rem) !important; }
.cr-band > .wp-block-columns {
	background: var(--wp--preset--color--petrol);
	border-radius: var(--cr-blatt-gross) var(--cr-ecke) var(--cr-blatt-gross) var(--cr-ecke);
	padding: clamp(2.25rem, 5vw, 4.5rem) clamp(1.75rem, 5vw, 5rem) !important;
	max-width: var(--cr-weit); margin-left: auto !important; margin-right: auto !important;
	position: relative; overflow: hidden;
}
.cr-band > .wp-block-columns::after {
	content: ""; position: absolute; left: -3rem; bottom: -6rem; width: 13rem; height: 13rem; opacity: .07;
	background: #fff; border-radius: 0 100% 0 100%; transform: rotate(-12deg); pointer-events: none;
}
.cr-band.is-style-flaeche-petrol { padding-left: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2 + var(--cr-rand))) !important; padding-right: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2 + var(--cr-rand))) !important; }
.cr-band h2 { font-size: clamp(1.875rem, 1.3rem + 1.6vw, 2.625rem); max-width: 26ch; }
.cr-band .wp-block-button__link { background: var(--cr-farbe-christina) !important; color: #fff !important; font-size: 1.0625rem; padding: 1.05em 2em; position: relative; z-index: 1; }
.welt-sorgenfrei .cr-band .wp-block-button__link { background: #fff !important; color: var(--wp--preset--color--petrol-tief) !important; }
.cr-band .wp-block-button__link:hover { filter: brightness(1.08); }

/* Fußbereich: ruhige letzte Zeile */
.cr-fuss__unten p { font-size: .9rem; opacity: .85; }

/* Wissen, Blog: der neueste Artikel als Aufmacher */
.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster > .cr-artikel:first-child {
	grid-column: 1 / -1;
}
@media (min-width: 900px) {
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster > .cr-artikel:first-child {
		display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 4vw, 4rem); align-items: center;
		padding-bottom: clamp(1.5rem, 3vw, 2.5rem); border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--sand) 70%, transparent);
	}
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster > .cr-artikel:first-child .cr-artikel__bild { aspect-ratio: 16/10; }
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster > .cr-artikel:first-child h3 { font-size: clamp(1.875rem, 1.3rem + 1.4vw, 2.5rem); line-height: 1.12; }
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster > .cr-artikel:first-child .cr-artikel__text > p:not(.cr-artikel__kategorie):not(.cr-artikel__meta) { font-size: 1.1875rem; }
}
.cr-artikel__meta { font-size: .9rem; }

/* Kontakt: Formular auf ruhiger Fläche, Kontaktdaten klar hervorgehoben */
.cr-kontaktformular { background: var(--wp--preset--color--hell) !important; border: 0 !important; padding: clamp(1.75rem, 4vw, 3rem) !important; }
.cr-feld input:not([type="checkbox"]), .cr-feld select, .cr-feld textarea { border-color: transparent !important; box-shadow: 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--petrol) 18%, transparent); }
.cr-feld input:focus, .cr-feld select:focus, .cr-feld textarea:focus { box-shadow: 0 0 0 2px var(--wp--preset--color--petrol), 0 0 0 6px color-mix(in srgb, var(--wp--preset--color--petrol) 15%, transparent) !important; }
.cr-kontakt .wp-block-columns { gap: clamp(2rem, 5vw, 5rem) !important; }
.cr-kontakt .wp-block-list.is-style-blattpunkte { display: grid; gap: .75rem; }
.cr-kontakt .wp-block-list.is-style-blattpunkte li {
	margin: 0 !important; padding: 1rem 1.25rem 1rem 3rem; border-radius: 14px;
	border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--petrol) 22%, transparent);
	font-weight: 500;
}
.cr-kontakt .wp-block-list.is-style-blattpunkte li::before { left: 1.25rem; top: 1.35rem; background: var(--wp--preset--color--akzent); }
.cr-kontakt .wp-block-list.is-style-blattpunkte li a { font-weight: 600; }
@media (min-width: 782px) { .cr-kontakt .wp-block-column:first-child { position: sticky; top: 7rem; align-self: flex-start; } }

/* Text mit Bild: Bild nicht höher als der Bildschirm */
.cr-abschnitt:not(.cr-einstieg) > .wp-block-columns .wp-block-image img { max-height: min(68vh, 560px); width: 100%; object-fit: cover; }

/* 1.2.1 · Handy: Überschriften oben kompakter, damit sie in drei bis vier Zeilen passen */
@media (max-width: 600px) {
	h1.wp-block-heading { line-height: 1.08; letter-spacing: -.005em; }
	.cr-einstieg { padding-top: var(--wp--preset--spacing--30); }
}
@media (min-width: 1100px) { .cr-kopf .wp-block-site-logo img { max-height: 66px; } }

/* =========================================================
   1.3 · Ein System
   Alles leitet sich aus dem Logo ab:
   – Farben: Petrol und Beere aus dem Logo, warme Papierflächen
   – Formen: eine Ecke (8 px Flächen und Bilder, 6 px Knöpfe und Schlagworte)
   – Zeichen: die feine Linie unter dem Namen (Überzeile, aktive Navigation),
     der Punkt (Aufzählungen), der Rahmen (nur das Foto oben auf der Seite)
   – Schrift: Newsreader für Sätze (Seiten- und Abschnittsüberschriften, Artikeltitel,
     Zitate, Fragen), Figtree für alles, was ordnet (Box-Titel, Knöpfe, Navigation, Formular)
   Das Blatt gehört allein zur Marke „Sorgenfrei Essen“.
   ========================================================= */
body { --cr-ecke-flaeche: 8px; --cr-ecke-knopf: 6px; }

/* Überzeile: wie die Zeile unter dem Namen im Logo – Versalien, gesperrt, mit feiner Linie.
   Nur oben auf der Seite und in Hinweisen; über Abschnitten genügt die Überschrift. */
.cr-kicker {
	font-size: .8125rem !important; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
	color: var(--cr-text-leise); gap: .75em;
}
.cr-kicker::before {
	width: 1.75rem !important; height: 2px !important; border-radius: 0 !important; transform: none !important;
	background: var(--wp--preset--color--akzent) !important;
}
.cr-abschnitt:not(.cr-einstieg):not(.cr-artikel-kopf) > .cr-kicker,
.cr-abschnitt:not(.cr-einstieg):not(.cr-artikel-kopf) > .wp-block-columns > .wp-block-column > .cr-kicker,
.cr-raster > .cr-element > .cr-kicker { display: none; }
.cr-abschnitt:not(.cr-einstieg):not(.cr-artikel-kopf) > .cr-kicker:first-child + *,
.cr-abschnitt:not(.cr-einstieg):not(.cr-artikel-kopf) > .wp-block-columns > .wp-block-column > .cr-kicker:first-child + *,
.cr-raster > .cr-element > .cr-kicker:first-child + * { margin-top: 0 !important; }
.cr-kicker + .wp-block-heading { margin-block-start: 1rem !important; }

/* Schrift: Box-Titel, Schritte, Namen in Figtree; Sätze bleiben in Newsreader */
.cr-raster--gedanken > .cr-element h3,
.cr-raster--schritte > .cr-element h3,
.cr-raster--karten > .cr-element h3,
.is-style-hinweis h3, .cr-person h3, .cr-video__text h3, .cr-begriff dt {
	font-family: var(--wp--preset--font-family--sans) !important; font-weight: 600; font-size: 1.25rem !important; line-height: 1.3;
	color: var(--wp--preset--color--petrol);
}
.cr-artikel h3, .cr-artikel-text > h3, .cr-inhalt > .wp-block-post-content > h3 { font-family: var(--wp--preset--font-family--serif); font-weight: 400; }
.cr-artikel h3 { font-size: 1.5rem; line-height: 1.2; }
.cr-fuss h2 { font-family: var(--wp--preset--font-family--sans); font-weight: 600; font-size: 1.25rem; letter-spacing: .01em; }
.cr-artikel__kategorie { text-transform: uppercase; letter-spacing: .12em; font-size: .8125rem; color: var(--cr-text-leise); }

/* Knöpfe: zwei Arten, eine Form, eine Größe */
.wp-block-button__link, .cr-formular__knopf, .cr-kopf .cr-welt-wechsel > a, .cr-filter__knopf, .cr-seiten a, .cr-seiten span, .cr-video__start,
.wp-block-navigation__responsive-container.is-menu-open .cr-nur-mobil a { border-radius: var(--cr-ecke-knopf) !important; }
.wp-block-button__link { font-size: 1rem; letter-spacing: .01em; }
.cr-band .wp-block-button__link { font-size: 1rem; padding: .9em 1.5em; }
.cr-kopf .wp-block-button__link, .cr-kopf .cr-welt-wechsel > a { padding: .6em 1.05em !important; font-size: .9375rem; }
.wp-block-button.is-style-zweitrangig .wp-block-button__link { box-shadow: inset 0 0 0 1.5px currentColor; }
.wp-block-button__link:hover, .wp-block-button__link:focus { text-decoration: none; }

/* Weltwechsel im Kopf: Blatt = Sorgenfrei Essen, Punkt = Christina Reimer */
.cr-kopf--sorgenfrei .cr-welt-wechsel > a::before { width: .5em; height: .5em; border-radius: 50%; transform: none; }

/* Aktive Seite in der Navigation: die Linie aus dem Logo */
.cr-kopf .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.cr-kopf .wp-block-navigation [aria-current="page"] { box-shadow: inset 0 -2px 0 var(--wp--preset--color--akzent); }

/* Flächen und Bilder: eine Ecke */
.cr-raster--gedanken > .cr-element, .cr-raster--preise > .cr-element, .is-style-hinweis, .cr-kontaktformular,
.cr-band > .wp-block-columns, .cr-artikel__bild, .cr-person__bild img, .cr-video__player, .cr-meldung, .cr-leer,
.cr-kontakt .wp-block-list.is-style-blattpunkte li, .cr-kopf .wp-block-navigation__submenu-container,
.wp-block-image img, .cr-artikel-bild img { border-radius: var(--cr-ecke-flaeche) !important; }
.cr-feld input:not([type="checkbox"]), .cr-feld select, .cr-feld textarea, .cr-filter__region select { border-radius: var(--cr-ecke-knopf) !important; }

/* Boxen: ruhig, ohne Symbol – Titel und Text tragen */
.cr-raster--gedanken > .cr-element::before {
	content: ""; flex: none; display: block; width: 1.75rem; height: 2px; margin: 0 0 .35rem; border-radius: 0; transform: none;
	background: var(--wp--preset--color--akzent);
}
.cr-raster--gedanken > .cr-element { border-width: 1px !important; border-color: color-mix(in srgb, var(--wp--preset--color--petrol) 28%, transparent) !important; gap: .6rem; }
.is-style-hinweis { border-width: 1px !important; border-color: color-mix(in srgb, var(--cr-farbe, var(--cr-farbe-christina)) 50%, transparent) !important; } /* folgt der Farbe der Welt */
.is-style-hinweis .cr-kicker::before { background: var(--cr-farbe-christina) !important; }

/* Aufzählungen: der Punkt aus dem Logo */
.wp-block-list.is-style-blattpunkte li { padding-left: 1.25em; }
.wp-block-list.is-style-blattpunkte li::before {
	width: .42em !important; height: .42em !important; border-radius: 50% !important; top: .66em !important; transform: none;
	background: var(--wp--preset--color--akzent) !important; opacity: 1 !important;
}
.cr-kontakt .wp-block-list.is-style-blattpunkte li { padding-left: 2.5rem; border-width: 1px; }
.cr-kontakt .wp-block-list.is-style-blattpunkte li::before { left: 1.25rem; top: 1.55rem !important; }

/* Schlagworte (Über mich): gleiche Ecke wie die Knöpfe */
.wp-block-list.is-style-stichworte li { border-radius: var(--cr-ecke-knopf) !important; }

/* Ablauf: Nummern als Punkt, ohne Hof */
.cr-raster--schritte > .cr-element::before { box-shadow: none; font-family: var(--wp--preset--font-family--sans); font-weight: 600; font-size: 1.125rem; width: 2.75rem; height: 2.75rem; }
.cr-raster--schritte > .cr-element::after { top: 1.375rem; left: 3.75rem; height: 1px; }
.cr-raster--schritte > .cr-element { padding-top: 4rem; }
@media (max-width: 781px) {
	.cr-raster--schritte > .cr-element { padding-left: 4rem !important; }
	.cr-raster--schritte > .cr-element::after { top: 3.1rem; left: 1.35rem; width: 1px; }
}

/* Abschluss: ohne Blatt-Verzierung */
.cr-band > .wp-block-columns::after { display: none; }

/* Trennlinien zwischen weißen Abschnitten: warm */
.cr-abschnitt:not([class*="is-style-flaeche"]):not(.cr-einstieg) + .cr-abschnitt:not([class*="is-style-flaeche"]):not(.cr-band)::before { background: var(--cr-linie-warm); }
.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster > .cr-artikel:first-child { border-bottom-color: var(--cr-linie-warm) !important; }

/* Das Foto oben auf der Seite: im Rahmen des Logos – links Petrol, rechts Beere */
.cr-einstieg .wp-block-column .wp-block-image { position: relative; isolation: isolate; }
.cr-einstieg .wp-block-column .wp-block-image::before,
.cr-einstieg .wp-block-column .wp-block-image::after {
	content: ""; position: absolute; top: calc(var(--cr-rahmen-abstand) * -1); bottom: calc(var(--cr-rahmen-abstand) * -1); width: 26%;
	border: 2px solid; pointer-events: none; z-index: -1;
}
.cr-einstieg .wp-block-column .wp-block-image { --cr-rahmen-abstand: clamp(.6rem, 1.2vw, 1rem); margin: var(--cr-rahmen-abstand) !important; }
.cr-einstieg .wp-block-column .wp-block-image::before { left: calc(var(--cr-rahmen-abstand) * -1); border-color: var(--wp--preset--color--petrol); border-right: 0; }
.cr-einstieg .wp-block-column .wp-block-image::after { right: calc(var(--cr-rahmen-abstand) * -1); border-color: var(--cr-farbe-christina); border-left: 0; }
.welt-sorgenfrei .cr-einstieg .wp-block-column .wp-block-image::after { border-color: var(--wp--preset--color--sand); }
.welt-sorgenfrei .cr-einstieg .wp-block-column .wp-block-image::after { border-color: var(--wp--preset--color--petrol); }

/* Abschluss: warme Papierfläche statt zweiter dunkler Fläche über dem Fußbereich.
   Der Knopf ist der gleiche wie überall: Akzentfarbe der Welt. */
.cr-band > .wp-block-columns { background: var(--wp--preset--color--nebel) !important; }
.cr-band :where(h2, h3) { color: var(--wp--preset--color--petrol) !important; }
.cr-band :where(p, li) { color: var(--wp--preset--color--tinte) !important; }
.cr-band .wp-block-button__link, .welt-sorgenfrei .cr-band .wp-block-button__link { background: var(--wp--preset--color--akzent) !important; color: #fff !important; }
.cr-band .wp-block-button__link:hover { filter: none; background: var(--wp--preset--color--petrol-tief) !important; }
.cr-band .has-einleitung-font-size { color: var(--cr-text-leise) !important; }

/* Schriftgrößen: eine Stufe für Kleines (15 px), Abschluss-Überschrift wie jede andere h2 */
.cr-fuss__unten p, .cr-artikel__meta, .cr-filter__knopf, .cr-filter__region, .cr-schlagworte, .cr-fuss { font-size: .9375rem !important; }
.cr-band h2 { font-size: var(--wp--preset--font-size--titel) !important; }
.cr-raster--preise h3 { font-size: 1.25rem !important; }

/* Überschriften ohne Serifen (Einstellung unter Website → Einstellungen) */
.cr-ohne-serifen :is(h1, h2, .wp-block-quote p, .wp-block-details summary, .cr-artikel h3, .cr-preis, .cr-marke__name, .cr-begriffe__buchstabe, .cr-artikel-text > h3, .cr-fragen__thema) {
	font-family: var(--wp--preset--font-family--sans) !important; font-weight: 600 !important; letter-spacing: -.02em;
}
.cr-ohne-serifen h1 { font-size: clamp(2rem, 1.4rem + 2.2vw, 3.25rem) !important; line-height: 1.1 !important; }
.cr-ohne-serifen h2 { font-size: clamp(1.625rem, 1.3rem + 1vw, 2.125rem) !important; line-height: 1.18 !important; }
.cr-ohne-serifen .wp-block-quote p { font-weight: 500 !important; }

/* =========================================================
   1.3.3 · Feinschliff aus der Prüfschleife
   ========================================================= */

/* Kopf auf Tablet und Handy: „Erstgespräch“ bleibt sichtbar, Menü-Knopf groß genug zum Tippen */
@media (max-width: 1099px) {
	.cr-kopf .cr-kopf__cta { display: flex !important; order: -1; }
	.cr-kopf__nav { gap: .5rem !important; align-items: center; }
	.cr-kopf .wp-block-navigation__responsive-container-open { width: 44px; height: 44px; justify-content: center; align-items: center; margin-right: -10px; }
	.cr-kopf .wp-block-navigation__responsive-container-open svg { width: 26px; height: 26px; }
}
@media (max-width: 600px) {
	.cr-kopf__inner { gap: .75rem; padding-top: .75rem; padding-bottom: .75rem; }
	.cr-kopf .wp-block-site-logo img { max-height: 44px; }
	.cr-kopf .cr-kopf__cta .wp-block-button__link { padding: .78rem .85rem !important; font-size: .875rem; line-height: 1.15; }
	/* Sorgenfrei Essen: Wortmarke etwas kleiner, Knopf kurz */
	.cr-marke--sorgenfrei .cr-marke__name { font-size: 1.35rem; }
	.cr-marke--sorgenfrei .cr-kopf__welt { font-size: .58rem; padding-left: 1.28rem; }
	.cr-kopf--sorgenfrei .cr-kopf__cta .wp-block-button__link { font-size: 0 !important; }
	.cr-kopf--sorgenfrei .cr-kopf__cta .wp-block-button__link::after { content: "Kontakt"; font-size: .875rem; }
}
@media (max-width: 360px) {
	.cr-kopf .wp-block-site-logo img { max-height: 38px; }
}

/* Links in Boxen und Karten: die ganze Fläche ist anklickbar */
.cr-raster--gedanken > .cr-element:has(h3 a), .cr-raster--karten > .cr-element:has(.cr-mehr a) { position: relative; }
.cr-raster--gedanken > .cr-element h3 a::after, .cr-raster--karten > .cr-element .cr-mehr a::after { content: ""; position: absolute; inset: 0; border-radius: var(--cr-ecke-flaeche); }
.cr-raster--gedanken > .cr-element h3 a { text-decoration: none; }
.cr-raster--gedanken > .cr-element:has(h3 a):hover h3 a { text-decoration: underline; }
.cr-raster--karten > .cr-element:has(.cr-mehr a):hover .cr-mehr a { border-color: var(--wp--preset--color--akzent); }
.cr-raster--karten > .cr-element:has(.cr-mehr a) { cursor: pointer; }

/* Textlinks unter Abschnitten: größere Tippfläche, ohne Abstände zu verändern */
.cr-mehr a { display: inline-block; padding-block: .6rem; margin-block: -.6rem; }

/* Aufklapp-Fragen: bequem antippbar */
.wp-block-details summary { min-height: 44px; align-items: center; padding-block: .35rem; }

/* Begriffe: Buchstaben lesbar, Sprungleiste antippbar */
.cr-begriffe__buchstabe { color: var(--wp--preset--color--petrol); }
.cr-begriffe__abc span { color: #8A9799; }
@media (max-width: 781px) { .cr-begriffe__abc a, .cr-begriffe__abc span { width: 2.75rem; height: 2.75rem; } }

/* Lange Adressen (z. B. in der Datenschutzerklärung) umbrechen statt die Seite zu verbreitern */
.wp-site-blocks :is(p, li, td, dd) { overflow-wrap: break-word; }
.wp-site-blocks :is(p, li, td, dd) > a { overflow-wrap: anywhere; }
.wp-site-blocks :is(h1, h2, h3) { overflow-wrap: break-word; hyphens: auto; }

/* Frei eingefügte Bilder: nie höher als der Bildschirm, Seitenverhältnis bleibt, linke Kante bleibt */
.cr-abschnitt > .wp-block-image img, .cr-artikel-text > .wp-block-image img, .cr-inhalt > .wp-block-post-content > .wp-block-image img {
	width: auto; max-width: 100%; height: auto; max-height: min(70vh, 600px); object-fit: contain;
}
.cr-abschnitt > .wp-block-image[class*="is-style-"] img { width: 100%; object-fit: cover; }

/* Kontaktformular: Häkchen größer */
.cr-feld--haken input { width: 1.4rem; height: 1.4rem; }

/* Kategorie im Artikelkopf: größere Tippfläche */
.cr-artikel-kopf .cr-kicker a { display: inline-block; padding-block: .7rem; margin-block: -.7rem; }

/* =========================================================
   1.3.4 · Weg, Kapitel, Formular, Unterstützer
   ========================================================= */

/* Rhythmus: etwas ruhigere Abstände zwischen den Abschnitten */
.cr-abschnitt { padding-top: clamp(2.75rem, 4.2vw, 4.25rem); padding-bottom: clamp(2.75rem, 4.2vw, 4.25rem); }

/* Box-Titel: deutlich größer als der Text darunter */
.cr-raster--gedanken > .cr-element h3, .cr-raster--karten > .cr-element h3,
.is-style-hinweis h3, .cr-video__text h3, .cr-person h3 { font-size: 1.375rem !important; line-height: 1.3; }

/* ---------- Schritte: ein Weg mit Richtung ---------- */
.cr-raster--schritte {
	--cr-punkt: 3.5rem; --cr-spalte: clamp(1.75rem, 3vw, 3rem);
	--cr-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M1.5 1.5 8.5 8l-7 6.5' fill='none' stroke='%232A666C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--cr-pfeil-ende: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M1.5 1.5 8.5 8l-7 6.5' fill='none' stroke='%23A83660' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--cr-weg-linie: color-mix(in srgb, var(--wp--preset--color--petrol) 45%, transparent);
	column-gap: var(--cr-spalte) !important; row-gap: 2.25rem !important;
}
.welt-sorgenfrei .cr-raster--schritte {
	--cr-pfeil-ende: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M1.5 1.5 8.5 8l-7 6.5' fill='none' stroke='%232A666C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
	.cr-raster--schritte { grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
.cr-raster--schritte > .cr-element { position: relative; padding: calc(var(--cr-punkt) + 1.5rem) 0 0 0 !important; min-height: 0; }
.cr-raster--schritte > .cr-element::before {
	width: var(--cr-punkt) !important; height: var(--cr-punkt) !important; top: 0; left: 0;
	font-family: var(--wp--preset--font-family--sans) !important; font-weight: 600 !important; font-size: 1.375rem !important;
	background: var(--wp--preset--color--petrol) !important; color: #fff !important; border: 0 !important; box-shadow: none !important;
}
.cr-raster--schritte > .cr-element::after,
.cr-raster--schritte > .cr-element:last-child::after {
	content: ""; display: block !important; position: absolute; width: auto; bottom: auto; border-radius: 0;
	top: calc(var(--cr-punkt) / 2 - 8px); height: 16px;
	left: calc(var(--cr-punkt) + .875rem); right: calc(-1 * var(--cr-spalte) + .875rem);
	background: var(--cr-pfeil) right center / 10px 16px no-repeat, linear-gradient(var(--cr-weg-linie), var(--cr-weg-linie)) left center / calc(100% - 3px) 2px no-repeat !important;
}
.cr-raster--schritte > .cr-element:last-child::after {
	right: 0;
	background: var(--cr-pfeil-ende) right center / 10px 16px no-repeat, linear-gradient(to right, var(--cr-weg-linie) 40%, color-mix(in srgb, var(--wp--preset--color--akzent) 55%, transparent)) left center / calc(100% - 3px) 2px no-repeat !important;
}
.cr-raster--schritte > .cr-element h3 { font-size: clamp(1.375rem, 1.1rem + .6vw, 1.625rem) !important; line-height: 1.25; }
.cr-raster--schritte > .cr-element > h3 + * { margin-top: .75rem !important; }
@media (max-width: 781px) {
	.cr-raster--schritte { --cr-punkt: 3rem; row-gap: 2.25rem !important; }
	.cr-raster--schritte > .cr-element { padding: .55rem 0 0 calc(var(--cr-punkt) + 1.125rem) !important; min-height: var(--cr-punkt); }
	.cr-raster--schritte > .cr-element::after,
	.cr-raster--schritte > .cr-element:last-child::after {
		top: calc(var(--cr-punkt) + .625rem); bottom: calc(-2.25rem + .625rem); left: calc(var(--cr-punkt) / 2 - 8px); right: auto; width: 16px; height: auto;
		background: var(--cr-pfeil) center bottom / 16px 10px no-repeat, linear-gradient(var(--cr-weg-linie), var(--cr-weg-linie)) center top / 2px calc(100% - 3px) no-repeat !important;
	}
	.cr-raster--schritte > .cr-element::after { --cr-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1.5 1.5 8 8.5l6.5-7' fill='none' stroke='%232A666C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
	.cr-raster--schritte > .cr-element:last-child::after {
		bottom: -1.75rem;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1.5 1.5 8 8.5l6.5-7' fill='none' stroke='%23A83660' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center bottom / 16px 10px no-repeat, linear-gradient(var(--cr-weg-linie), color-mix(in srgb, var(--wp--preset--color--akzent) 55%, transparent)) center top / 2px calc(100% - 3px) no-repeat !important;
	}
	.welt-sorgenfrei .cr-raster--schritte > .cr-element:last-child::after {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1.5 1.5 8 8.5l6.5-7' fill='none' stroke='%232A666C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center bottom / 16px 10px no-repeat, linear-gradient(var(--cr-weg-linie), var(--wp--preset--color--petrol)) center top / 2px calc(100% - 3px) no-repeat !important;
	}
	.cr-abschnitt.cr-abschnitt:not(.cr-band) > .cr-raster.cr-raster--schritte ~ :is(.wp-block-buttons, .cr-mehr) { margin-top: 3.25rem !important; }
}

/* ---------- Kontakt: Formular gleich oben, Felder klar erkennbar ---------- */
@media (min-width: 782px) {
	.cr-einstieg.cr-einstieg--formular:not(.cr-einstieg--schlicht) .wp-block-columns > .wp-block-column:first-child { flex-basis: 40% !important; position: sticky; top: 7rem; align-self: flex-start; }
	.cr-einstieg.cr-einstieg--formular:not(.cr-einstieg--schlicht) .wp-block-columns > .wp-block-column:last-child { flex-basis: 60% !important; max-width: none !important; }
}
.cr-einstieg--formular .wp-block-columns { align-items: flex-start !important; gap: clamp(2rem, 5vw, 5rem) !important; }
.cr-einstieg--formular .wp-block-column > h1 { font-size: clamp(2.125rem, 1.5rem + 1.6vw, 3rem) !important; line-height: 1.12; max-width: 16ch; }
.cr-einstieg--formular .wp-block-column > * + * { margin-top: 1.25rem !important; }
.cr-einstieg--formular { padding-bottom: clamp(2.75rem, 4.2vw, 4.25rem) !important; }

.cr-kontaktformular {
	background: var(--wp--preset--color--weiss) !important;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 28%, transparent) !important;
	box-shadow: 0 18px 40px -28px rgba(30, 75, 80, .35);
	padding: clamp(1.5rem, 3vw, 2.5rem) !important;
}
.cr-kontaktformular::before { content: ""; display: block; width: 1.75rem; height: 2px; margin-bottom: 1.25rem; background: var(--wp--preset--color--akzent); }
.cr-feld { margin-bottom: 1.25rem; }
.cr-feld label { font-size: 1rem; line-height: 1.4; }
.cr-feld input:not([type="checkbox"]), .cr-feld select, .cr-feld textarea {
	background: #fff !important; color: var(--wp--preset--color--tinte);
	border: 1.5px solid #6B7F81 !important; box-shadow: none !important;   /* Rahmen 4 : 1 zu Weiß */
	min-height: 3.125rem; padding: .75rem .95rem !important; font-size: 1.0625rem !important; line-height: 1.4;
}
.cr-feld select { appearance: none; -webkit-appearance: none; padding-right: 2.75rem !important;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1.5 1.5 8 8.5l6.5-7' fill='none' stroke='%232A666C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 1rem center / 14px 9px !important; }
.cr-feld textarea { min-height: 10rem; }
.cr-feld input:not([type="checkbox"]):hover, .cr-feld select:hover, .cr-feld textarea:hover { border-color: var(--wp--preset--color--petrol) !important; }
.cr-feld input:focus, .cr-feld select:focus, .cr-feld textarea:focus {
	outline: none; border-color: var(--wp--preset--color--petrol) !important;
	box-shadow: 0 0 0 1px var(--wp--preset--color--petrol), 0 0 0 5px color-mix(in srgb, var(--wp--preset--color--petrol) 18%, transparent) !important;
}
.cr-feld input:user-invalid, .cr-feld select:user-invalid, .cr-feld textarea:user-invalid { border-color: #A83660 !important; }
.cr-feld--haken input { width: 1.4rem; height: 1.4rem; accent-color: var(--wp--preset--color--petrol); }
.cr-feld small, .cr-formular__hinweis, .cr-optional { font-size: .9375rem; }

/* ---------- Über mich: Stichworte und „Wer ich nicht bin…“ nebeneinander ---------- */
.cr-ausmacht > .wp-block-columns { gap: clamp(2rem, 4vw, 4rem) !important; align-items: flex-start; margin-top: 1.75rem !important; }
.cr-ausmacht .wp-block-column > .is-style-stichworte { margin: 0; }
.cr-ausmacht .wp-block-column > .is-style-stichworte + .is-style-stichworte { margin-top: 1rem !important; }
.cr-ausmacht .wp-block-column > .is-style-hinweis { margin: 0 !important; max-width: none !important; }
.cr-ausmacht + .cr-abschnitt::before { display: none; }

/* ---------- Unsere Geschichte: Kapitel auf einem Weg ---------- */
.wp-block-post-content { counter-reset: cr-kapitel; }
.cr-abschnitt.cr-kapitel {
	--cr-kante: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2));
	--cr-einzug: 2.25rem; --cr-luft: clamp(2.25rem, 3.5vw, 3.5rem);
	--cr-grund: var(--wp--preset--color--weiss);
	counter-increment: cr-kapitel;
	padding-top: var(--cr-luft) !important; padding-bottom: var(--cr-luft) !important;
	padding-left: calc(max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2 + var(--cr-rand))) + var(--cr-einzug)) !important;
}
.cr-abschnitt.cr-kapitel.is-style-flaeche-nebel { --cr-grund: var(--wp--preset--color--nebel); }
.cr-abschnitt.cr-kapitel--auftakt { counter-increment: none; padding-top: clamp(1rem, 2.5vw, 2.5rem) !important; }
/* Die Linie */
.cr-abschnitt.cr-kapitel::before {
	content: "" !important; display: block !important; position: absolute; height: auto !important;
	top: 0 !important; bottom: 0 !important; right: auto !important; width: 2px !important;
	left: calc(var(--cr-kante) + .5rem - 1px) !important;
	background: color-mix(in srgb, var(--wp--preset--color--petrol) 28%, transparent) !important;
}
.cr-abschnitt.cr-kapitel--auftakt::before { display: none !important; }
.cr-kapitel--auftakt + .cr-kapitel::before { top: calc(var(--cr-luft) + .6rem) !important; }
.cr-abschnitt.cr-kapitel:not(:has(+ .cr-kapitel))::before { bottom: calc(var(--cr-luft) + .5rem) !important; }
.cr-abschnitt.cr-kapitel:not(.cr-kapitel--auftakt):not(:has(+ .cr-kapitel))::after {
	content: ""; position: absolute; left: calc(var(--cr-kante) + .5rem - .5rem); bottom: calc(var(--cr-luft) - .5rem);
	width: 1rem; height: 1rem; border-radius: 50%; box-sizing: border-box;
	border: 2px solid var(--wp--preset--color--akzent); background: var(--cr-grund);
}
/* Kapitelnummer und Punkt auf der Linie */
.cr-kapitel > h2 { position: relative; font-size: clamp(1.625rem, 1.2rem + .9vw, 2rem) !important; line-height: 1.18; }
.cr-kapitel > h2::before {
	content: counter(cr-kapitel, decimal-leading-zero); display: block; margin-bottom: .55rem;
	font-family: var(--wp--preset--font-family--sans); font-size: .875rem; font-weight: 600; letter-spacing: .14em; line-height: 1.2;
	color: var(--wp--preset--color--akzent);
}
.cr-kapitel > h2::after {
	content: ""; position: absolute; top: .1rem; left: calc(-1 * var(--cr-einzug)); width: 1rem; height: 1rem; border-radius: 50%;
	background: var(--wp--preset--color--petrol); box-shadow: 0 0 0 5px var(--cr-grund);
}
.cr-kapitel > .wp-block-quote p { font-size: clamp(1.375rem, 1.1rem + .7vw, 1.75rem); line-height: 1.3; max-width: 32ch; }
.cr-kapitel--auftakt > p:first-child { font-size: var(--wp--preset--font-size--einleitung); color: var(--wp--preset--color--tinte); }
@media (min-width: 1000px) {
	.cr-abschnitt.cr-kapitel {
		display: grid !important; align-content: start; row-gap: 0;
		grid-template-columns: [titel-start] minmax(0, 17rem) [titel-end] minmax(2rem, 4rem) [text-start] minmax(0, 42rem) [text-end] minmax(0, 1fr) [rand-end];
	}
	.cr-abschnitt.cr-kapitel > * { grid-column: text; margin: 0 0 1.25rem !important; max-width: none !important; }
	.cr-abschnitt.cr-kapitel > :last-child { margin-bottom: 0 !important; }
	.cr-abschnitt.cr-kapitel > h2 { grid-column: titel; grid-row: 1 / span 60; align-self: start; position: sticky; top: 7.5rem; margin: 0 !important; }
	.cr-abschnitt.cr-kapitel > .wp-block-quote { grid-column: text / rand-end; margin: .75rem 0 2rem !important; }
	.cr-abschnitt.cr-kapitel > .wp-block-quote:last-child { margin-bottom: 0 !important; }
	.admin-bar .cr-abschnitt.cr-kapitel > h2 { top: calc(7.5rem + 32px); }
}

/* Abschluss-Band nach einem weißen Abschnitt: nicht doppelt Luft */
.cr-abschnitt:not([class*="is-style-flaeche"]) + .cr-band { padding-top: clamp(.5rem, 1.5vw, 1.5rem) !important; }
.cr-abschnitt.cr-band > .wp-block-columns:first-child { margin-top: 0 !important; }

/* ---------- Unterstützer: kleine Porträts, Text daneben ---------- */
.cr-unterstuetzer__liste { grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr)) !important; gap: clamp(1.25rem, 2.5vw, 2rem) !important; align-items: stretch; }
.cr-person {
	display: grid !important; grid-template-columns: clamp(5.5rem, 9vw, 8.5rem) minmax(0, 1fr); gap: 0 clamp(1.25rem, 2vw, 1.75rem); align-items: start;
	background: var(--wp--preset--color--weiss);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 28%, transparent);
	border-radius: var(--cr-ecke-flaeche); padding: clamp(1.25rem, 2.5vw, 2rem);
}
.cr-person:not(:has(.cr-person__bild)) { grid-template-columns: minmax(0, 1fr); }
.cr-person__bild img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.cr-person__text > :first-child { margin-top: 0; }
@media (max-width: 599px) {
	.cr-person { grid-template-columns: 5.5rem minmax(0, 1fr); }
	.cr-person__text { display: contents; }
	.cr-person__bild { grid-row: 1 / span 3; }
	.cr-person__text > * { grid-column: 2; margin-top: .3rem; }
	.cr-person__text > h3 { margin-top: 0; }
	.cr-person__text > :not(h3):not(.cr-person__rolle):not(.cr-person__region) { grid-column: 1 / -1; margin-top: .9rem; }
}

/* =========================================================
   1.3.5 · Eine Schrift in drei Stärken
   Figtree für alles: Light (300) für Einleitungen und Zitate,
   Regular (400) für Text, Semibold (600) für Überschriften und Ordnendes.
   Mit „cr-mit-serifen“ (Website → Einstellungen) gilt die alte Mischung.
   ========================================================= */
body:not(.cr-mit-serifen) { --wp--preset--font-family--serif: var(--wp--preset--font-family--sans); }
body:not(.cr-mit-serifen) :is(h1, h2, .cr-artikel h3, .cr-artikel-text > h3, .cr-fragen__thema, .cr-preis, .cr-begriffe__buchstabe, .cr-marke__name) {
	font-family: var(--wp--preset--font-family--sans) !important; font-weight: 600 !important; letter-spacing: -.022em;
}
body:not(.cr-mit-serifen) h1 { font-size: clamp(2.125rem, 1.45rem + 2.3vw, 3.375rem) !important; line-height: 1.08 !important; }
body:not(.cr-mit-serifen) h2 { font-size: clamp(1.625rem, 1.3rem + 1vw, 2.25rem) !important; line-height: 1.16 !important; }
body:not(.cr-mit-serifen) .cr-kapitel > h2 { font-size: clamp(1.375rem, 1.1rem + .7vw, 1.75rem) !important; line-height: 1.2 !important; }
body:not(.cr-mit-serifen) .cr-artikel h3 { letter-spacing: -.012em; }
body:not(.cr-mit-serifen) .has-einleitung-font-size { font-weight: 300; letter-spacing: -.005em; }
body:not(.cr-mit-serifen) .wp-block-quote p { font-family: var(--wp--preset--font-family--sans) !important; font-weight: 300 !important; font-style: normal; letter-spacing: -.012em; line-height: 1.3; }
body:not(.cr-mit-serifen) .wp-block-details summary { font-family: var(--wp--preset--font-family--sans) !important; font-weight: 500 !important; }
body:not(.cr-mit-serifen) .cr-marke__name { letter-spacing: -.01em; }
body:not(.cr-mit-serifen) .cr-band h2 { font-size: clamp(1.625rem, 1.3rem + 1vw, 2.25rem) !important; }


/* Unterstützer-Filter: ausgeblendete Karten wirklich ausblenden (1.3.4 hatte das überdeckt) */
.cr-person[hidden], .cr-filter__leer[hidden] { display: none !important; }

/* KI-Kennzeichnung: kleines „KI“ unten links im Bild (Haken am Bild in der Mediathek) */
:where(figure, a, div, span):has(> .cr-ki) { position: relative; }
.cr-ki {
	position: absolute; left: .625rem; bottom: .625rem; z-index: 2;
	display: inline-flex; align-items: center; justify-content: center;
	font-family: var(--wp--preset--font-family--sans); font-size: .8125rem; font-weight: 600; line-height: 1; letter-spacing: .08em;
	color: #fff; background: rgba(30, 75, 80, .82); padding: .32rem .45rem .3rem; border-radius: 4px;
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); cursor: help;
}
.cr-person__bild .cr-ki { left: .375rem; bottom: .375rem; font-size: .75rem; padding: .26rem .38rem .24rem; }

/* ---------- Karten: echte Karten mit Bild, Titel, Text, Themen und Link ---------- */
.cr-raster--karten { --cr-raster-min: 17rem; gap: clamp(1.25rem, 2.5vw, 2rem) !important; }
.cr-raster--karten > .cr-element {
	background: var(--wp--preset--color--weiss);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 22%, transparent);
	border-radius: var(--cr-ecke-flaeche); overflow: hidden;
	padding: 0 0 clamp(1.25rem, 2vw, 1.75rem) !important; gap: .8rem !important;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.cr-raster--karten > .cr-element > :not(.wp-block-image) { padding-inline: clamp(1.25rem, 2vw, 1.75rem); }
.cr-raster--karten > .cr-element > .wp-block-image { margin: 0 0 .4rem !important; }
.cr-raster--karten > .cr-element > .wp-block-image img { border-radius: 0 !important; width: 100%; height: auto !important; aspect-ratio: 3 / 2 !important; object-fit: cover; object-position: 50% 50%; } /* alle Kartenbilder gleich hoch, egal welches Format hochgeladen wird */
.cr-raster--karten > .cr-element:has(.cr-mehr a):hover { border-color: var(--wp--preset--color--petrol); box-shadow: 0 18px 40px -28px rgba(30, 75, 80, .4); }
.cr-raster--karten > .cr-element > p:not(.cr-mehr):not(.cr-schlagworte) { color: var(--wp--preset--color--tinte); }
/* Themen als Kästchen */
.cr-schlagworte { display: flex; flex-wrap: wrap; gap: .4rem; font-size: .875rem !important; line-height: 1.3; }
.cr-schlagworte > span { background: var(--wp--preset--color--nebel); color: var(--wp--preset--color--tinte); padding: .32rem .6rem; border-radius: var(--cr-ecke-knopf); }
/* Zwei Links in einer Karte: dann ist nicht die ganze Karte ein Link */
.cr-raster--karten > .cr-element:has(.cr-mehr ~ .cr-mehr) .cr-mehr a::after { display: none; }
.cr-raster--karten > .cr-element:has(.cr-mehr ~ .cr-mehr) { cursor: auto; }
.cr-raster--karten > .cr-element > .cr-mehr ~ .cr-mehr { margin-top: -.2rem !important; padding-top: 0; }
.cr-mehr--gespraech a::before { content: "→ "; color: var(--wp--preset--color--akzent); }

/* Preise: der Preis groß, das Erstgespräch hervorgehoben */
.cr-raster--preise > .cr-element { border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 22%, transparent) !important; }
.cr-raster--preise > .cr-element:first-child { border: 2px solid var(--wp--preset--color--akzent) !important; }
.cr-preis { font-size: clamp(2.25rem, 1.8rem + 1.2vw, 3rem) !important; letter-spacing: -.03em; }

/* ---------- Über mich: Privat und Beruflich, „Wer ich nicht bin…“ als klare Aussage ---------- */
.cr-ausmacht__spalten { gap: clamp(1.25rem, 2.5vw, 2rem) !important; align-items: stretch !important; margin-top: 1.75rem !important; }
.cr-ausmacht__gruppe { height: 100%; border-radius: var(--cr-ecke-flaeche); padding: clamp(1.5rem, 2.5vw, 2.25rem) !important; background: var(--wp--preset--color--nebel); }
.cr-ausmacht__gruppe--beruf { background: var(--wp--preset--color--weiss); border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 22%, transparent); }
.cr-ausmacht__gruppe > h3 { font-family: var(--wp--preset--font-family--sans) !important; font-size: .875rem !important; font-weight: 600 !important; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--petrol); margin: 0 0 1.25rem !important; display: flex; align-items: center; gap: .75rem; }
.cr-ausmacht__gruppe > h3::before { content: ""; width: 1.75rem; height: 2px; background: var(--wp--preset--color--akzent); }
.cr-ausmacht__gruppe > ul { margin: 0 !important; padding: 0 !important; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(13rem, 100%), 1fr)); gap: .85rem 1.5rem; }
.cr-ausmacht__gruppe > ul li { position: relative; padding-left: 1.15em !important; font-size: 1.1875rem; line-height: 1.35; color: var(--wp--preset--color--tinte); margin: 0 !important; background: none !important; border: 0 !important; }
.cr-ausmacht__gruppe > ul li::before { content: ""; position: absolute; left: 0; top: .55em; width: .42em; height: .42em; border-radius: 50%; background: var(--wp--preset--color--akzent); }
/* Beruflich als Weg: Linie verbindet die Stationen */
.cr-ausmacht__gruppe--beruf > ul { grid-template-columns: 1fr; gap: .9rem; }
.cr-ausmacht__gruppe--beruf > ul li::after { content: ""; position: absolute; left: calc(.21em - 1px); top: 1.05em; height: calc(100% + .9rem - .6em); width: 2px; background: color-mix(in srgb, var(--wp--preset--color--petrol) 28%, transparent); }
.cr-ausmacht__gruppe--beruf > ul li:last-child::after { display: none; }
.cr-ausmacht__gruppe--beruf > ul li::before { background: var(--wp--preset--color--petrol); }
.cr-ausmacht__gruppe--beruf > ul li:last-child::before { background: var(--wp--preset--color--akzent); }

.cr-ausmacht .is-style-hinweis.cr-klarstellung, .is-style-hinweis.cr-klarstellung {
	max-width: none !important; margin-top: clamp(1.5rem, 3vw, 2.5rem) !important;
	background: var(--wp--preset--color--petrol) !important; color: #fff; border: 0 !important;
	padding: clamp(1.75rem, 4vw, 3.25rem) clamp(1.5rem, 4vw, 3.5rem) !important;
	display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem clamp(1.5rem, 4vw, 4rem); align-items: center;
}
@media (min-width: 782px) { .cr-ausmacht .is-style-hinweis.cr-klarstellung, .is-style-hinweis.cr-klarstellung { grid-template-columns: minmax(0, auto) minmax(0, 1fr); } }
.cr-klarstellung > h3 { color: rgba(255, 255, 255, .88) !important; font-size: .9375rem !important; font-weight: 600 !important; letter-spacing: .14em; text-transform: uppercase; margin: 0 !important; display: flex; align-items: center; gap: .75rem; }
@media (min-width: 782px) { .cr-klarstellung > h3 { white-space: nowrap; } }
.cr-klarstellung > h3::before { content: ""; width: 1.75rem; height: 2px; background: #fff; opacity: .8; }
.cr-klarstellung > p { color: #fff !important; font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.375rem) !important; font-weight: 600; letter-spacing: -.02em; line-height: 1.2; margin: 0 !important; }

/* =========================================================
   1.3.7 · Artikel: Kopf als Fläche, Text mit Seitenleiste
   ========================================================= */
.cr-artikel-kopf { background: var(--wp--preset--color--hell); padding-top: clamp(2.5rem, 4.5vw, 4.5rem) !important; padding-bottom: clamp(2.5rem, 4.5vw, 4.5rem) !important; }
.cr-artikel-kopf .cr-lesezeit { color: var(--cr-text-leise) !important; font-weight: 500 !important; }
.cr-artikel-kopf .cr-lesezeit::before { color: var(--wp--preset--color--petrol); }

.cr-artikel-rumpf { display: flex; flex-direction: column; margin: 0 !important; }
.cr-artikel-rumpf > .cr-leiste { order: 2; margin: 0 var(--cr-rand) clamp(3rem, 5vw, 4rem); }
.cr-artikel-rumpf > .cr-artikel-text { order: 1; }
@media (min-width: 1000px) {
	.cr-artikel-rumpf {
		display: grid; align-items: start;
		grid-template-columns: [leiste] minmax(0, 16rem) [abstand] minmax(2rem, 4.5rem) [text] minmax(0, 44rem) [rest] minmax(0, 1fr);
		padding: clamp(3rem, 4.5vw, 4.5rem) max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2)) clamp(3.5rem, 5vw, 5.5rem) !important;
	}
	.cr-artikel-rumpf > .cr-leiste { grid-column: leiste; grid-row: 1; position: sticky; top: 7.5rem; margin: 0; }
	.admin-bar .cr-artikel-rumpf > .cr-leiste { top: calc(7.5rem + 32px); }
	.cr-artikel-rumpf > .cr-artikel-text { grid-column: text; grid-row: 1; padding: 0 !important; }
	.cr-artikel-rumpf > .cr-artikel-text > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
}
/* Zwischenüberschriften: die Linie aus dem Logo darüber */
.cr-artikel-text > h2 { position: relative; padding-top: 1.15rem; scroll-margin-top: 7.5rem; }
.cr-artikel-text > h2::before { content: ""; position: absolute; top: 0; left: 0; width: 1.75rem; height: 2px; background: var(--wp--preset--color--akzent); }
.cr-artikel-text > h2:first-child { margin-top: 0 !important; }

/* Seitenleiste */
.cr-leiste { display: flex; flex-direction: column; gap: 1.5rem; font-size: .9375rem; line-height: 1.45; }
.cr-leiste p { margin: 0; }
.cr-leiste__autorin { display: flex; gap: .9rem; align-items: center; }
.cr-leiste__foto { width: 3.5rem !important; height: 3.5rem !important; border-radius: 50% !important; object-fit: cover; flex: none; }
.cr-leiste__foto--zeichen { display: grid; place-items: center; background: var(--wp--preset--color--akzent); color: #fff; font-weight: 600; letter-spacing: .04em; }
.cr-leiste__klein, .cr-leiste__rolle { color: var(--cr-text-leise); }
.cr-leiste__autorin a { font-weight: 600; color: var(--wp--preset--color--petrol); text-decoration: none; }
.cr-leiste__autorin a:hover { text-decoration: underline; }
.cr-leiste__inhalt { border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 18%, transparent); padding-top: 1.25rem; }
.cr-leiste__titel { display: flex; align-items: center; gap: .75rem; font-size: .8125rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--petrol); }
.cr-leiste__titel::before { content: ""; width: 1.75rem; height: 2px; background: var(--wp--preset--color--akzent); }
.cr-leiste__inhalt ol { list-style: none; margin: .9rem 0 0; padding: 0; display: grid; gap: .1rem; border-left: 2px solid color-mix(in srgb, var(--wp--preset--color--petrol) 15%, transparent); }
.cr-leiste__inhalt a { display: block; padding: .4rem 0 .4rem 1rem; margin-left: -2px; border-left: 2px solid transparent; color: var(--wp--preset--color--tinte); text-decoration: none; }
.cr-leiste__inhalt a:hover { color: var(--wp--preset--color--petrol); text-decoration: underline; }
.cr-leiste__inhalt a.is-aktiv { color: var(--wp--preset--color--petrol); font-weight: 600; border-left-color: var(--wp--preset--color--akzent); }
.cr-leiste__gespraech { border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 18%, transparent); padding-top: 1.25rem !important; }
.cr-leiste__gespraech a { display: inline-flex; align-items: center; min-height: 44px; padding: .65rem 1.1rem; border-radius: var(--cr-ecke-knopf); background: var(--wp--preset--color--akzent); color: #fff; font-weight: 600; text-decoration: none; }
.cr-leiste__gespraech a:hover { filter: brightness(.92); }
@media (max-width: 999px) {
	.cr-leiste { max-width: var(--cr-lese-max); width: auto; border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 22%, transparent); border-radius: var(--cr-ecke-flaeche); padding: 1.5rem; }
	.cr-artikel-rumpf > .cr-leiste { margin-inline: max(var(--cr-rand), calc((100% - var(--cr-lese-max)) / 2)); }
	.cr-leiste__inhalt { display: none; }
}

/* ---------- Über mich als Profil: Foto neben dem, was Christina ausmacht ---------- */
.cr-einstieg--profil > h1 { max-width: none !important; }
.cr-einstieg--profil > p { max-width: 46rem !important; }
.cr-einstieg--profil .cr-profil { margin-top: clamp(2rem, 3.5vw, 3rem) !important; gap: clamp(2rem, 4.5vw, 4.5rem) !important; align-items: flex-start !important; }
@media (min-width: 782px) {
	.cr-einstieg.cr-einstieg--profil:not(.cr-einstieg--schlicht) .cr-profil > .cr-profil__bild { flex-basis: 36% !important; position: sticky; top: 7rem; }
	.cr-einstieg.cr-einstieg--profil:not(.cr-einstieg--schlicht) .cr-profil > .cr-profil__text { flex-basis: 64% !important; }
}
.cr-profil__text > * + * { margin-top: 1.25rem !important; }
.cr-profil__text > h2 { margin-top: 0 !important; }
.cr-profil__text .cr-ausmacht__gruppe { height: auto; }
.cr-profil__text .cr-klarstellung { margin-top: 1.5rem !important; }
@media (min-width: 782px) { .cr-profil__text .is-style-hinweis.cr-klarstellung { grid-template-columns: minmax(0, 1fr) !important; } }
.cr-profil__text .cr-klarstellung > p { font-size: clamp(1.5rem, 1.1rem + 1.1vw, 2.125rem) !important; }
/* Privat: drei Spalten, wenn Platz ist */
.cr-profil__text .cr-ausmacht__gruppe:not(.cr-ausmacht__gruppe--beruf) > ul { grid-template-columns: repeat(auto-fill, minmax(min(12.5rem, 100%), 1fr)); }
/* Beruflich: ein Weg in Petrol, auf großen Bildschirmen waagerecht */
.cr-ausmacht__gruppe--beruf > ul li::before, .cr-ausmacht__gruppe--beruf > ul li:last-child::before { background: var(--wp--preset--color--petrol) !important; }
@media (min-width: 1280px) {
	.cr-profil__text .cr-ausmacht__gruppe--beruf > ul { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: auto; justify-content: space-between; gap: 0 1.25rem; }
	.cr-profil__text .cr-ausmacht__gruppe--beruf > ul li { padding: 1.5rem 0 0 0 !important; font-size: 1.0625rem; overflow-wrap: normal; word-break: normal; hyphens: manual; }
	.cr-profil__text .cr-ausmacht__gruppe--beruf > ul li::before { top: .25rem; left: 0; width: .6rem; height: .6rem; }
	.cr-profil__text .cr-ausmacht__gruppe--beruf > ul li::after { display: block !important; top: calc(.25rem + .3rem - 1px); left: 1rem; right: -1rem; width: auto; height: 2px; }
	.cr-profil__text .cr-ausmacht__gruppe--beruf > ul li:last-child::after { display: none !important; }
}

/* =========================================================
   1.3.8 · Artikel breiter: Bild als flaches Band oben, Text nutzt die Breite
   ========================================================= */
.cr-artikel-kopf--banner { background: var(--wp--preset--color--weiss) !important; padding-top: clamp(1.25rem, 2.5vw, 2.5rem) !important; padding-bottom: clamp(1.5rem, 2.5vw, 2.5rem) !important; }
.cr-artikel-kopf--banner > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.cr-artikel-banner { margin: 0 0 clamp(1.75rem, 3vw, 2.75rem) !important; position: relative; }
.cr-artikel-banner img { width: 100%; height: auto; aspect-ratio: 16 / 5 !important; max-height: 26rem; object-fit: cover; border-radius: var(--cr-ecke-flaeche) !important; }
@media (max-width: 781px) { .cr-artikel-banner img { aspect-ratio: 16 / 9 !important; } }
.cr-artikel-kopf__text { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.cr-artikel-kopf__text > * { margin: 0 !important; }
.cr-artikel-kopf__text > h1 { max-width: 24ch; margin-top: .9rem !important; font-size: clamp(2rem, 1.4rem + 2vw, 3.25rem) !important; line-height: 1.08 !important; }
.cr-artikel-kopf__text > .cr-artikel-kopf__auszug { margin-top: 1.1rem !important; max-width: 48rem; }
.cr-artikel-kopf__text > .cr-lesezeit { margin-top: 1.25rem !important; }
@media (min-width: 1000px) {
	/* Kopftext beginnt auf der Höhe des Artikeltextes, die Leiste steht links daneben */
	.cr-artikel-kopf__text { padding-left: calc(min(16rem, 22%) + clamp(2rem, 4vw, 4.5rem)); }
}
@media (min-width: 1000px) {
	.cr-artikel-rumpf { padding-top: clamp(1rem, 2vw, 2rem) !important; grid-template-columns: [leiste] minmax(0, 16rem) [abstand] minmax(2rem, 4.5rem) [text] minmax(0, 46rem) [luft] minmax(0, 3rem) [rand] minmax(0, 1fr) [ende]; }
	.cr-artikel-rumpf > .cr-artikel-text { grid-column: text / ende; }
	.cr-artikel-rumpf > .cr-artikel-text > * { max-width: 46rem !important; }
	/* Kästen, Zitate und Bilder dürfen in die Breite gehen */
	.cr-artikel-rumpf > .cr-artikel-text > :is(.is-style-hinweis, .wp-block-quote, .wp-block-image, .wp-block-gallery, .wp-block-table, .wp-block-columns) { max-width: none !important; }
	.cr-artikel-rumpf > .cr-artikel-text > p:first-child { max-width: 54rem !important; }
	.cr-artikel-rumpf > .cr-artikel-text > .wp-block-quote p { max-width: 36ch; }
}
.cr-artikel-text > p:first-child { font-size: clamp(1.25rem, 1.1rem + .4vw, 1.5rem) !important; line-height: 1.55; font-weight: 400; }
.cr-artikel-text > p:first-child strong { font-weight: 500; }

/* Weitere Artikel: kompakt, Bild klein daneben */
.cr-abschnitt:has(> .cr-artikelliste--aehnlich) { padding-top: clamp(2.25rem, 3.5vw, 3.5rem) !important; padding-bottom: clamp(2.25rem, 3.5vw, 3.5rem) !important; }
.cr-artikelliste--aehnlich .cr-artikelliste__titel { font-size: clamp(1.375rem, 1.1rem + .7vw, 1.75rem) !important; margin-bottom: 1.5rem !important; }
.cr-artikelliste--aehnlich .cr-artikelliste__raster { grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr)) !important; gap: 1.25rem 2rem !important; }
.cr-artikelliste--aehnlich .cr-artikel { display: grid !important; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 1rem; align-items: start; background: var(--wp--preset--color--weiss); border-radius: var(--cr-ecke-flaeche); padding: .75rem; position: relative; }
.cr-artikelliste--aehnlich .cr-artikel__bild { aspect-ratio: 1 / 1 !important; border-radius: 6px !important; }
.cr-artikelliste--aehnlich .cr-artikel__text > * { margin: 0 0 .35rem !important; }
.cr-artikelliste--aehnlich .cr-artikel h3 { font-size: 1.0625rem !important; line-height: 1.3; }
.cr-artikelliste--aehnlich .cr-artikel h3 a::after { content: ""; position: absolute; inset: 0; border-radius: var(--cr-ecke-flaeche); }
.cr-artikelliste--aehnlich .cr-artikel__auszug { display: none; }
.cr-artikelliste--aehnlich .cr-artikel__meta { font-size: .875rem !important; margin: 0 !important; }
.cr-artikelliste--aehnlich .cr-artikel:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--petrol) 35%, transparent); }
.cr-artikel-banner, .cr-artikel-banner img { border-radius: var(--cr-ecke-flaeche) !important; overflow: hidden; }
.cr-artikel-text .is-style-hinweis > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
@media (min-width: 1000px) { .cr-artikel-rumpf > .cr-artikel-text > .is-style-hinweis { max-width: 54rem !important; } }

/* 1.3.9 · Artikel-Leiste ohne Autorin: Inhaltsverzeichnis und Knopf; auf dem Handy entfällt sie (der Artikel endet ohnehin mit der Einladung) */
.cr-leiste > :first-child { border-top: 0 !important; padding-top: 0 !important; }
@media (max-width: 999px) { .cr-artikel-rumpf > .cr-leiste { display: none; } }

/* =========================================================
   1.4.0 · Artikel: eine ruhige Lesespalte in der Mitte, ohne Leiste
   Bild als flaches Band oben, Titel und Text mittig, große gut lesbare Schrift.
   Hinweise und Zitate etwas breiter, Bilder noch breiter.
   ========================================================= */
.cr-artikel-rumpf { display: block !important; padding: clamp(1.5rem, 3vw, 3rem) var(--cr-rand) clamp(3.5rem, 6vw, 6rem) !important; }
.cr-artikel-rumpf > .cr-leiste { display: none !important; }
.cr-artikel-rumpf > .cr-artikel-text { padding: 0 !important; }
.cr-artikel-rumpf > .cr-artikel-text > *,
.cr-artikel-text > * { max-width: 44rem !important; margin-left: auto !important; margin-right: auto !important; }
.cr-artikel-rumpf > .cr-artikel-text > :is(.is-style-hinweis, .wp-block-quote) { max-width: 52rem !important; }
.cr-artikel-rumpf > .cr-artikel-text > :is(.wp-block-image, .wp-block-gallery, .wp-block-table, .wp-block-columns, .wp-block-embed) { max-width: 64rem !important; }
.cr-artikel-rumpf > .cr-artikel-text > p:first-child { max-width: 44rem !important; }

/* Kopf: Bildband über die volle Breite, Text in derselben Mitte wie der Artikel */
.cr-artikel-kopf--banner .cr-artikel-kopf__text { max-width: 44rem !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; }
.cr-artikel-kopf__text > h1 { max-width: none; font-size: clamp(2.125rem, 1.4rem + 2.4vw, 3.5rem) !important; }
.cr-artikel-kopf__text > .cr-artikel-kopf__auszug { font-size: clamp(1.1875rem, 1.05rem + .45vw, 1.4375rem) !important; line-height: 1.5; }

/* Lesen: große Schrift, viel Zeilenabstand, Absätze mit Luft */
.cr-artikel-text > :is(p, ul, ol) { font-size: clamp(1.125rem, 1.02rem + .3vw, 1.25rem) !important; line-height: 1.8; }
.cr-artikel-text > * + * { margin-top: 1.35rem !important; }
.cr-artikel-text > p:first-child { font-size: clamp(1.3125rem, 1.15rem + .55vw, 1.5625rem) !important; line-height: 1.6; color: var(--wp--preset--color--tinte); }
.cr-artikel-text > p:first-child::first-letter {
	float: left; font-size: 3.55em; line-height: .88; font-weight: 600; color: var(--wp--preset--color--petrol);
	margin: .07em .12em 0 0;
}
.cr-artikel-text > h2 { font-size: clamp(1.5rem, 1.25rem + .8vw, 2rem) !important; margin-top: clamp(2.5rem, 4vw, 3.5rem) !important; }
.cr-artikel-text > h2 + * { margin-top: 1rem !important; }
.cr-artikel-text > h3 { margin-top: 2.25rem !important; }

/* Hinweise im Artikel: als ruhige Papierfläche, damit sie den Lesefluss gliedern statt ihn zu unterbrechen */
.cr-artikel-text > .is-style-hinweis { background: var(--wp--preset--color--hell) !important; border: 0 !important; border-left: 3px solid var(--wp--preset--color--akzent) !important; border-radius: 0 var(--cr-ecke-flaeche) var(--cr-ecke-flaeche) 0 !important; padding: clamp(1.25rem, 2.5vw, 2rem) clamp(1.5rem, 3vw, 2.5rem) !important; margin-top: 2rem !important; margin-bottom: .75rem !important; }
.cr-artikel-text > .is-style-hinweis p { font-size: 1.125rem; line-height: 1.7; }
.cr-artikel-text > .wp-block-quote { margin-top: 2.25rem !important; margin-bottom: 1rem !important; }
.cr-artikel-text > .wp-block-quote p { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); line-height: 1.3; max-width: 30ch; }

/* Weiterlesen: mittig in der Breite der Bilder */
.cr-abschnitt:has(> .cr-artikelliste--aehnlich) > .cr-artikelliste--aehnlich { max-width: 64rem !important; margin-left: auto !important; margin-right: auto !important; }
.cr-abschnitt.cr-artikel-kopf--banner > .wp-block-group.cr-artikel-kopf__text { max-width: 44rem !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; }

/* =========================================================
   1.4.2 · Artikel mit einer klaren Achse
   Bildband in voller Seitenbreite (1320 px). Darunter steht alles in EINER
   Spalte von 60rem (960 px), mittig: Kategorie, Titel, Teaser, Datum, Text,
   Zwischenüberschriften, Kästen, Bilder, Zitate, Knopf. Gleiche linke Kante
   für alles, nichts springt nach links oder rechts. Große Schrift (bis 22 px),
   rund 85 Zeichen je Zeile.
   ========================================================= */
.cr-artikel-kopf--banner, .cr-artikel-rumpf { --cr-artikel-spalte: 60rem; }
.cr-abschnitt.cr-artikel-kopf--banner > .wp-block-group.cr-artikel-kopf__text { max-width: var(--cr-artikel-spalte) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; }
.cr-artikel-kopf__text > h1 { font-size: clamp(2.25rem, 1.5rem + 2.4vw, 3.75rem) !important; max-width: 22ch; text-wrap: balance; }
.cr-artikel-kopf__text > .cr-artikel-kopf__auszug { max-width: none; font-size: clamp(1.25rem, 1.05rem + .6vw, 1.5625rem) !important; line-height: 1.5; }
/* Trennlinie zwischen Kopf und Text */
.cr-abschnitt.cr-artikel-kopf--banner > .wp-block-group.cr-artikel-kopf__text { padding-bottom: clamp(1.75rem, 3vw, 2.5rem) !important; border-bottom: 1px solid var(--wp--preset--color--nebel); }

.cr-artikel-rumpf { padding: clamp(1.75rem, 3vw, 2.75rem) var(--cr-rand) clamp(4rem, 7vw, 6.5rem) !important; }
.cr-artikel-rumpf > .cr-artikel-text,
.cr-artikel-rumpf > .cr-artikel-text > *,
.cr-artikel-text > * { max-width: var(--cr-artikel-spalte) !important; margin-left: auto !important; margin-right: auto !important; float: none !important; }
.cr-artikel-rumpf > .cr-artikel-text { display: block !important; padding: 0 !important; }
/* Alles auf derselben Kante: auch Einstieg, Kästen, Zitate und Bilder (frühere Regeln überstimmen) */
.cr-artikel-rumpf.cr-artikel-rumpf > .cr-artikel-text > *,
.cr-artikel-rumpf.cr-artikel-rumpf > .cr-artikel-text > :is(p:first-child, .is-style-hinweis, .wp-block-quote, .wp-block-image, .wp-block-gallery, .wp-block-table, .wp-block-columns, .wp-block-embed) {
	max-width: var(--cr-artikel-spalte) !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; float: none !important;
}

/* Lesetext: groß und ruhig */
.cr-artikel-text > :is(p, ul, ol) { font-size: clamp(1.125rem, .95rem + .55vw, 1.375rem) !important; line-height: 1.75; }
.cr-artikel-text > * + * { margin-top: 1.4rem !important; }
.cr-artikel-text li + li { margin-top: .5rem; }
/* Einstieg: etwas größer, ohne Initiale */
.cr-artikel-text > p:first-child { font-size: clamp(1.3125rem, 1.05rem + .8vw, 1.6875rem) !important; line-height: 1.6; color: var(--wp--preset--color--tinte); }
.cr-artikel-text > p:first-child::first-letter { float: none; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; margin: 0; }

/* Zwischenüberschriften: über ihrem Abschnitt, mit Beere-Strich, viel Luft davor */
.cr-artikel-text > h2 { font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.375rem) !important; line-height: 1.2; margin-top: clamp(3rem, 5vw, 4.5rem) !important; max-width: var(--cr-artikel-spalte) !important; position: relative; }
.cr-artikel-text > h2 + * { margin-top: 1.25rem !important; }
.cr-artikel-text > h3 { font-size: clamp(1.375rem, 1.15rem + .5vw, 1.625rem) !important; margin-top: 2.5rem !important; }

/* Kästen, Zitate, Bilder: genau so breit wie der Text */
.cr-artikel-text > .is-style-hinweis { margin-top: 2.25rem !important; margin-bottom: 0 !important; padding: clamp(1.5rem, 2.5vw, 2.25rem) clamp(1.5rem, 3vw, 2.75rem) !important; }
.cr-artikel-text > .is-style-hinweis + .is-style-hinweis { margin-top: 1rem !important; }
.cr-artikel-text > .is-style-hinweis p { font-size: clamp(1.0625rem, .95rem + .3vw, 1.1875rem); line-height: 1.7; }
.cr-artikel-text > .is-style-hinweis + :not(.is-style-hinweis) { margin-top: 2.25rem !important; }
.cr-artikel-text > .wp-block-quote { margin-top: 2.75rem !important; margin-bottom: .5rem !important; }
.cr-artikel-text > .wp-block-quote p { max-width: none; }
.cr-artikel-text > :is(.wp-block-image, .wp-block-gallery, .wp-block-table, .wp-block-columns, .wp-block-embed) { margin-top: 2.75rem !important; }
.cr-artikel-text > .wp-block-buttons { margin-top: 2rem !important; }

/* Weiterlesen: volle Breite wie die übrige Seite */
.cr-abschnitt:has(> .cr-artikelliste--aehnlich) > .cr-artikelliste--aehnlich { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }

/* =========================================================
   1.4.4 · Seitenrundgang: keine halbbreiten Kästen und Listen mehr
   Hinweis-Kästen, Fragen und Begriffe nutzen die volle Breite (1320 px)
   wie Karten und Abschluss-Kästen. Der Text darin bleibt gut lesbar (max. 60rem).
   ========================================================= */
.cr-abschnitt.cr-abschnitt > .is-style-hinweis,
.cr-abschnitt.cr-abschnitt > .cr-fragen,
.cr-abschnitt.cr-abschnitt > .cr-begriffe { max-width: var(--cr-weit) !important; width: 100%; margin-left: auto !important; margin-right: auto !important; }
.cr-abschnitt > .is-style-hinweis > :is(p, h3, ul, ol) { max-width: 60rem; }
.cr-abschnitt > .is-style-hinweis { padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 3.5vw, 3rem) !important; }

/* Fragen: Frage über die ganze Breite, Antwort in Lesebreite */
.cr-fragen .cr-frage__antwort { max-width: 60rem; }
.cr-fragen summary { padding-right: 2.5rem; }

/* Begriffe: Buchstabenleiste in einer Zeile, Erklärungen in Lesebreite */
.cr-begriffe__gruppe dd, .cr-begriffe__gruppe dd > * { max-width: 60rem; }
@media (max-width: 781px) {
	.cr-begriffe__abc { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-left: calc(-1 * var(--cr-rand)); margin-right: calc(-1 * var(--cr-rand)); padding-left: var(--cr-rand); padding-right: var(--cr-rand); }
	.cr-begriffe__abc::-webkit-scrollbar { display: none; }
	.cr-begriffe__abc a, .cr-begriffe__abc span { flex: none; }
}

/* Karten, die nur aus einem Link-Titel bestehen: als klarer Wegweiser mit Pfeil, ganze Karte klickbar */
.cr-raster > .cr-element:has(> h3:only-child > a) { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 0 !important; }
.cr-raster > .cr-element:has(> h3:only-child > a) > h3 > a { text-decoration: none; color: inherit; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.cr-raster > .cr-element:has(> h3:only-child > a) > h3 > a::after { content: "→"; position: static; inset: auto; flex: none; color: var(--wp--preset--color--akzent); font-weight: 400; transition: transform .2s ease; }
.cr-raster > .cr-element:has(> h3:only-child > a) > h3 > a::before { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.cr-raster > .cr-element:has(> h3:only-child > a):hover > h3 > a::after { transform: translateX(4px); }
.cr-raster > .cr-element:has(> h3:only-child > a) > h3 > a:focus-visible { outline: none; }
.cr-raster > .cr-element:has(> h3:only-child > a):focus-within { outline: 3px solid var(--wp--preset--color--petrol); outline-offset: 3px; }

/* Wissen, Blog: unter dem Aufmacher keine halb leeren Reihen.
   Raster mit 12 Spalten: normal drei je Reihe; bleiben am Ende zwei übrig, teilen sie sich die Reihe;
   bliebe einer allein, stehen die letzten vier nebeneinander. */
@media (min-width: 1100px) {
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster > .cr-artikel { grid-column: span 4; }
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster > .cr-artikel:first-child { grid-column: 1 / -1; }
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster:has(> .cr-artikel:first-child:nth-last-child(3n)) > .cr-artikel:nth-last-child(-n+2):not(:first-child) { grid-column: span 6; }
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster:has(> .cr-artikel:first-child:nth-last-child(3n)) > .cr-artikel:nth-last-child(-n+2):not(:first-child) .cr-artikel__bild { aspect-ratio: 2 / 1; }
	.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(:has(.cr-filter__knopf.is-aktiv:not(:first-child))) .cr-artikelliste__raster:has(> .cr-artikel:first-child:nth-last-child(3n+2)):has(> .cr-artikel:nth-child(5)) > .cr-artikel:nth-last-child(-n+4) { grid-column: span 3; }
}

/* Kontakt: Haken für den Datenschutz groß genug zum Antippen (24 px) */
.cr-kontaktformular input[type="checkbox"], .cr-feld input[type="checkbox"] { width: 1.5rem; height: 1.5rem; flex: none; accent-color: var(--wp--preset--color--petrol); }

/* =========================================================
   1.4.5 · Über mich: Steckbrief als Tabelle
   „Was mich ausmacht…“ als weiße Tafel mit zwei Zeilen: links das Stichwort
   (Privat, Beruflich), rechts die Einträge. Beruflich als Weg von links nach rechts.
   ========================================================= */
.cr-steckbrief { background: var(--wp--preset--color--weiss); border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 16%, transparent); border-radius: var(--cr-ecke-flaeche); margin-top: clamp(1.75rem, 3vw, 2.5rem) !important; overflow: hidden; }
.cr-steckbrief > .cr-ausmacht__gruppe { background: none !important; border: 0 !important; border-radius: 0 !important; height: auto; margin: 0 !important; padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 3.5vw, 3rem) !important; }
.cr-steckbrief > .cr-ausmacht__gruppe + .cr-ausmacht__gruppe { border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 14%, transparent) !important; }
.cr-steckbrief > .cr-ausmacht__gruppe:not(.cr-ausmacht__gruppe--beruf) > ul { grid-template-columns: repeat(auto-fill, minmax(min(14rem, 100%), 1fr)); }
@media (min-width: 900px) {
	.cr-steckbrief > .cr-ausmacht__gruppe { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 2rem; align-items: start; }
	.cr-steckbrief > .cr-ausmacht__gruppe > h3 { margin: .2rem 0 0 !important; }
	.cr-steckbrief > .cr-ausmacht__gruppe:not(.cr-ausmacht__gruppe--beruf) > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
	.cr-steckbrief .cr-ausmacht__gruppe--beruf > ul { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: auto; justify-content: space-between; gap: 0 1.25rem; }
	.cr-steckbrief .cr-ausmacht__gruppe--beruf > ul li { padding: 1.6rem 0 0 0 !important; font-size: 1.125rem; overflow-wrap: normal; word-break: normal; hyphens: manual; }
	.cr-steckbrief .cr-ausmacht__gruppe--beruf > ul li::before { top: .25rem; left: 0; width: .65rem; height: .65rem; }
	.cr-steckbrief .cr-ausmacht__gruppe--beruf > ul li::after { display: block !important; top: calc(.25rem + .325rem - 1px); left: 1.1rem; right: -1rem; width: auto; height: 2px; }
	.cr-steckbrief .cr-ausmacht__gruppe--beruf > ul li:last-child::after { display: none !important; }
}
/* „Wer ich nicht bin…“ unter der Tafel, gleiche Breite, mit erklärendem Satz */
.cr-steckbrief + .cr-klarstellung { margin-top: clamp(1rem, 2vw, 1.5rem) !important; max-width: var(--cr-weit) !important; }
.cr-klarstellung > .cr-klarstellung__zusatz { font-size: clamp(1.0625rem, .98rem + .3vw, 1.1875rem) !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.6 !important; color: rgba(255, 255, 255, .9) !important; margin-top: .75rem !important; }
@media (min-width: 782px) { .cr-klarstellung > .cr-klarstellung__zusatz { grid-column: 2; } }

/* =========================================================
   1.4.5 · Weiter-Links als erkennbare Schaltflächen
   „Beiträge ansehen“, „Mehr erfahren“, „Website öffnen“ usw. waren nur grüner Text
   mit Strich darunter. Jetzt: umrandete Schaltfläche mit Pfeil, beim Überfahren gefüllt.
   ========================================================= */
.cr-mehr a {
	display: inline-flex !important; align-items: center; gap: .55rem;
	padding: .62rem 1.05rem !important; margin: 0 !important;
	border: 1.5px solid var(--wp--preset--color--akzent) !important; border-radius: var(--cr-ecke-knopf);
	color: var(--wp--preset--color--akzent) !important; background: transparent;
	font-size: .9375rem; font-weight: 600; line-height: 1.2; text-decoration: none !important;
	transition: background-color .2s ease, color .2s ease;
}
.cr-mehr a::after { content: "→"; position: static !important; inset: auto !important; display: inline-block; transition: transform .2s ease; }
.cr-mehr a:hover, .cr-mehr a:focus-visible { background: var(--wp--preset--color--akzent); color: #fff !important; }
.cr-mehr a:hover::after { transform: translateX(3px); }
.cr-mehr--gespraech a::before { content: none !important; }
/* Ganze Karte klickbar bleibt: die Fläche liegt jetzt auf ::before */
.cr-raster--karten > .cr-element .cr-mehr a::before { content: ""; position: absolute; inset: 0; border-radius: var(--cr-ecke-flaeche); }
.cr-raster--karten > .cr-element:has(.cr-mehr ~ .cr-mehr) .cr-mehr a::before { display: none; }
.cr-raster--karten > .cr-element:has(.cr-mehr a):hover .cr-mehr:only-of-type a, .cr-raster--karten > .cr-element:not(:has(.cr-mehr ~ .cr-mehr)):hover .cr-mehr a { background: var(--wp--preset--color--akzent); color: #fff !important; }
.cr-raster--karten > .cr-element > .cr-mehr ~ .cr-mehr { margin-top: .6rem !important; }
.cr-raster > .cr-element > .cr-mehr { padding-top: 1rem !important; }

/* =========================================================
   1.4.5 · Wissen: die zwei Einstiege als große Kacheln
   Blog in Petrol, Fragen und Antworten auf Papier, je mit großem Zeichen, ganze Kachel klickbar.
   ========================================================= */
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]),
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]) {
	position: relative; overflow: hidden; min-height: clamp(15rem, 22vw, 19rem);
	padding: clamp(2rem, 3.5vw, 3rem) !important; border: 0 !important; border-radius: var(--cr-ecke-flaeche) !important;
	display: flex; flex-direction: column; gap: .75rem; transition: transform .25s ease, box-shadow .25s ease;
}
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) { background: var(--wp--preset--color--petrol) !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]) { background: var(--wp--preset--color--nebel) !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"])::before,
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"])::before { display: none !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"])::after,
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"])::after {
	position: absolute; right: clamp(1rem, 3vw, 2.5rem); bottom: -.18em; font-size: clamp(9rem, 14vw, 13rem); line-height: 1; font-weight: 600; pointer-events: none;
}
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"])::after { content: "„"; color: rgba(255, 255, 255, .14); bottom: .05em; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"])::after { content: "?"; color: color-mix(in srgb, var(--wp--preset--color--akzent) 18%, transparent); }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > h3,
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]) > h3 { font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.375rem) !important; position: relative; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > h3 { color: #fff !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > p:not(.cr-mehr) { color: rgba(255, 255, 255, .9) !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > p:not(.cr-mehr),
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]) > p:not(.cr-mehr) { font-size: 1.1875rem; max-width: 26rem; position: relative; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > .cr-mehr,
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]) > .cr-mehr { margin-top: auto !important; position: static; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) .cr-mehr a { border-color: #fff !important; color: #fff !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) .cr-mehr a:hover,
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]):hover .cr-mehr a { background: #fff; color: var(--wp--preset--color--petrol) !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]):hover .cr-mehr a { background: var(--wp--preset--color--akzent); color: #fff !important; }
/* ganze Kachel klickbar */
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) .cr-mehr a::before,
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]) .cr-mehr a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]):hover,
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]):hover { transform: translateY(-3px); box-shadow: 0 22px 44px -30px rgba(30, 75, 80, .55); }
@media (prefers-reduced-motion: reduce) { .cr-raster--gedanken > .cr-element { transition: none !important; } .cr-raster--gedanken > .cr-element:hover { transform: none !important; } }
.cr-raster--karten > .cr-element .cr-mehr a::after { content: "→" !important; position: static !important; inset: auto !important; display: inline-block !important; border-radius: 0; }

/* =========================================================
   1.4.5 · Fußbereich mit klarer Ordnung
   Oben eine Einladung („Einfach mal Hallo sagen?“) mit E-Mail und Schaltfläche,
   darunter die Navigation in Spalten ohne Unterstreichungen, ganz unten Rechtliches.
   ========================================================= */
.cr-fuss--klar { padding-top: clamp(3.5rem, 6vw, 5.5rem) !important; }
.cr-fuss--klar .cr-fuss__kontakt { display: grid; gap: 1.75rem 3rem; align-items: end; padding-bottom: clamp(2.5rem, 4vw, 3.5rem); border-bottom: 1px solid rgba(255,255,255,.16); }
@media (min-width: 900px) { .cr-fuss--klar .cr-fuss__kontakt { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.cr-fuss--klar .cr-fuss__einladung > * { margin: 0 !important; }
.cr-fuss--klar .cr-fuss__einladung h2 { font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem) !important; font-weight: 600; color: #fff; line-height: 1.15; }
.cr-fuss--klar .cr-fuss__einladung p { margin-top: .85rem !important; font-size: clamp(1.0625rem, 1rem + .25vw, 1.1875rem) !important; color: rgba(255,255,255,.85); max-width: 34rem; line-height: 1.6; }
.cr-fuss--klar .cr-fuss__wege { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; }
@media (min-width: 900px) { .cr-fuss--klar .cr-fuss__wege { justify-content: flex-end; } }
.cr-fuss--klar .cr-fuss__wege > p { margin: 0 !important; }
.cr-fuss--klar .cr-fuss__mail a { font-size: clamp(1.125rem, 1rem + .4vw, 1.375rem); font-weight: 600; color: #fff; text-decoration: none; border-bottom: 2px solid rgba(255,255,255,.35); padding-bottom: 2px; }
.cr-fuss--klar .cr-fuss__mail a:hover { border-color: #fff; }
.cr-fuss--klar .cr-fuss__knopf a { display: inline-flex; align-items: center; gap: .55rem; padding: .8rem 1.3rem; border-radius: var(--cr-ecke-knopf); background: #fff; color: var(--wp--preset--color--petrol-tief) !important; font-weight: 600; font-size: 1rem; text-decoration: none; transition: transform .2s ease; }
.cr-fuss--klar .cr-fuss__knopf a::after { content: "→"; }
.cr-fuss--klar .cr-fuss__knopf a:hover { transform: translateY(-1px); }
.cr-fuss--klar .cr-fuss__navi { margin-top: clamp(2.25rem, 3.5vw, 3rem) !important; gap: 2rem 3rem !important; }
.cr-fuss--klar .cr-fuss__navi h3 { font-size: .8125rem !important; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.62) !important; margin: 0 0 1rem !important; }
.cr-fuss--klar .cr-fuss__navi a { text-decoration: none; color: #fff; font-size: 1.0625rem; }
.cr-fuss--klar .cr-fuss__navi a:hover { text-decoration: underline; text-underline-offset: 4px; }
.cr-fuss--klar .cr-fuss__navi .wp-block-list li + li { margin-top: .6rem; }
.cr-fuss--klar .cr-fuss__unten { margin-top: clamp(2.5rem, 4vw, 3.5rem) !important; }
.cr-fuss--klar .cr-fuss__unten a { text-decoration: none; }
.cr-fuss--klar .cr-fuss__unten a:hover { text-decoration: underline; }
@media (max-width: 781px) { .cr-fuss--klar .cr-fuss__navi { display: grid !important; grid-template-columns: 1fr 1fr; } }

/* =========================================================
   1.4.5 · Fragen und Antworten: jede Frage eine Karte
   Grüner Balken links, Frage kräftig, Plus im Kreis. Aufgeklappt: die Antwort mit
   hervorgehobenem ersten Satz, fetten Stellen in Petrol, Aufzählungen und „Merksatz“.
   ========================================================= */
.cr-fragen .cr-fragen__liste { display: grid; gap: .85rem; }
.cr-fragen .cr-frage.wp-block-details {
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 16%, transparent) !important;
	border-left: 4px solid var(--wp--preset--color--petrol) !important;
	border-radius: var(--cr-ecke-flaeche); background: var(--wp--preset--color--weiss); padding: 0 !important; margin: 0 !important;
	transition: box-shadow .2s ease, border-color .2s ease;
}
.cr-fragen .cr-frage:hover { box-shadow: 0 14px 34px -26px rgba(30, 75, 80, .5); }
.cr-fragen .cr-frage[open] { border-left-color: var(--wp--preset--color--akzent) !important; box-shadow: 0 18px 40px -30px rgba(30, 75, 80, .5); }
.cr-fragen .cr-frage summary {
	padding: 1.25rem 1.5rem !important; margin: 0; min-height: 0; align-items: center !important; gap: 1.5rem;
	font-family: var(--wp--preset--font-family--sans) !important; font-weight: 600 !important;
	font-size: clamp(1.125rem, 1.02rem + .35vw, 1.3125rem) !important; line-height: 1.4; color: var(--wp--preset--color--petrol-tief, #1E4B50);
}
.cr-fragen .cr-frage summary::after {
	content: "+"; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%;
	border: 1.5px solid var(--wp--preset--color--petrol); color: var(--wp--preset--color--petrol);
	font-size: 1.35rem; font-weight: 400; line-height: 1;
}
.cr-fragen .cr-frage[open] summary::after { background: var(--wp--preset--color--akzent); border-color: var(--wp--preset--color--akzent); color: #fff; }
.cr-fragen .cr-frage[open] summary { border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 12%, transparent); }
.cr-fragen .cr-frage__antwort { padding: 1.25rem 1.5rem 1.75rem; margin: 0 !important; max-width: 64rem; }
.cr-fragen .cr-frage__antwort > * { margin: 1rem 0 0 !important; font-size: 1.125rem; line-height: 1.75; }
.cr-fragen .cr-frage__antwort > :first-child { margin-top: 0 !important; }
/* erster Absatz = die kurze Antwort */
.cr-fragen .cr-frage__antwort > p:first-child:not(:only-child) { font-size: clamp(1.1875rem, 1.1rem + .3vw, 1.3125rem); line-height: 1.6; font-weight: 500; color: var(--wp--preset--color--petrol-tief, #1E4B50); }
.cr-fragen .cr-frage__antwort strong { color: var(--wp--preset--color--petrol); font-weight: 600; }
.cr-fragen .cr-frage__antwort ul, .cr-artikel-text ul.wp-block-list { padding-left: 1.25rem; }
.cr-fragen .cr-frage__antwort li + li { margin-top: .4rem; }
.cr-fragen .cr-frage__antwort li::marker { color: var(--wp--preset--color--akzent); }
.cr-fragen__thema { margin-top: 2.5rem !important; margin-bottom: 1rem !important; font-size: .875rem !important; font-weight: 600 !important; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--petrol) !important; }

/* Absatz-Stile für Christina: „Merksatz“ und „Kurz gesagt“ */
p.is-style-merksatz {
	background: var(--wp--preset--color--nebel); border-left: 4px solid var(--wp--preset--color--akzent);
	border-radius: 0 var(--cr-ecke-flaeche) var(--cr-ecke-flaeche) 0; padding: 1.1rem 1.4rem !important;
	font-size: clamp(1.125rem, 1.05rem + .3vw, 1.3125rem) !important; font-weight: 500; line-height: 1.55 !important; color: var(--wp--preset--color--petrol-tief, #1E4B50);
}
p.is-style-kurz { font-size: clamp(1.1875rem, 1.1rem + .3vw, 1.3125rem) !important; font-weight: 500; line-height: 1.6 !important; color: var(--wp--preset--color--petrol-tief, #1E4B50); }
p.is-style-kurz::before { content: "Kurz gesagt"; display: block; margin-bottom: .35rem; font-size: .8125rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--akzent); }
.cr-fragen .cr-frage.wp-block-details summary { font-weight: 600 !important; }

/* =========================================================
   1.4.5 · Mehr Kontrast und klare Flächen
   - Abschluss-Kasten („Du musst den nächsten Schritt …“) in Petrol mit weißer Schrift statt Beige.
   - Abwechselnde Flächen in Papier (#F3EEE7) statt fast weißem Hell: der Unterschied ist sichtbar.
   - Überschriften in Karten dunkler und größer; Karten mit Link-Überschrift bekommen einen Pfeil.
   ========================================================= */
.cr-band > .wp-block-columns { background: var(--wp--preset--color--petrol) !important; }
.cr-band :where(h2, h3) { color: #fff !important; }
.cr-band p { color: rgba(255, 255, 255, .9) !important; }
.cr-band .wp-block-button__link { background: #fff !important; color: var(--cr-farbe-christina, var(--wp--preset--color--akzent)) !important; }
.welt-sorgenfrei .cr-band .wp-block-button__link { color: var(--wp--preset--color--petrol-tief) !important; }
.cr-band .wp-block-button__link:hover { filter: none; background: var(--wp--preset--color--nebel) !important; }
.is-style-flaeche-hell { background-color: var(--wp--preset--color--nebel) !important; }
.is-style-flaeche-hell .cr-raster > .cr-element, .is-style-flaeche-hell .cr-steckbrief { background-color: var(--wp--preset--color--weiss); }

.cr-raster:is(.cr-raster--gedanken, .cr-raster--karten) > .cr-element h3 { color: var(--wp--preset--color--petrol-tief) !important; font-size: clamp(1.25rem, 1.12rem + .4vw, 1.5rem) !important; font-weight: 600 !important; }
.cr-raster:is(.cr-raster--gedanken, .cr-raster--karten) > .cr-element p:not(.cr-kicker):not(.cr-mehr):not(.cr-schlagworte) { color: var(--wp--preset--color--tinte) !important; }
/* Karten mit verlinkter Überschrift (Sorgenfrei: „Unsere Geschichte“, „Videos“ …): Pfeil hinter dem Titel */
.cr-raster--gedanken > .cr-element:has(> h3 > a) > h3 > a { text-decoration: none; color: inherit; }
.cr-raster--gedanken > .cr-element:has(> h3 > a):not(:has(> h3:only-child)) > h3 > a::before { content: "→"; float: right; margin-left: .75rem; color: var(--wp--preset--color--akzent); font-weight: 400; transition: transform .2s ease; }
.cr-raster--gedanken > .cr-element:has(> h3 > a):hover > h3 > a::before { transform: translateX(4px); }
/* Abschluss-Kasten: auch in Sorgenfrei Essen weiße Schrift und weiße Schaltfläche (stärker als die Regeln von 1.3.5) */
.cr-abschnitt.cr-band .wp-block-columns p, .cr-abschnitt.cr-band .has-einleitung-font-size { color: rgba(255, 255, 255, .92) !important; }
body .cr-abschnitt.cr-band .wp-block-button__link, body.welt-sorgenfrei .cr-abschnitt.cr-band .wp-block-button__link { background: #fff !important; color: var(--wp--preset--color--akzent) !important; }
body.welt-sorgenfrei .cr-abschnitt.cr-band .wp-block-button__link { color: var(--wp--preset--color--petrol-tief) !important; }
body .cr-abschnitt.cr-band .wp-block-button__link:hover { background: var(--wp--preset--color--nebel) !important; }

/* Flächen: statt Beige-Grau ein klares, helles Petrol – deutlich von Weiß zu unterscheiden */
:root { --cr-flaeche: #E9F1F1; }
.cr-abschnitt.is-style-flaeche-hell, .cr-abschnitt.is-style-flaeche-nebel { background-color: var(--cr-flaeche) !important; }
/* Unsere Geschichte: alle Kapitel auf Weiß, ohne Farbwechsel mitten in der Geschichte */
.cr-abschnitt.cr-kapitel, .cr-abschnitt.cr-kapitel.is-style-flaeche-nebel, .cr-abschnitt.cr-kapitel.is-style-flaeche-hell { background-color: var(--wp--preset--color--weiss) !important; }
.cr-abschnitt.cr-kapitel { --cr-grund: #fff !important; }

/* Einstiegsbild etwas kleiner und quadratisch: weniger Leerraum neben der Überschrift */
@media (min-width: 782px) {
	.cr-einstieg:not(.cr-einstieg--schlicht):not(.cr-einstieg--profil):not(.cr-einstieg--formular) > .wp-block-columns > .wp-block-column:last-child:has(> .wp-block-image) { flex-basis: 38% !important; }
	.cr-einstieg:not(.cr-einstieg--schlicht):not(.cr-einstieg--profil):not(.cr-einstieg--formular) > .wp-block-columns > .wp-block-column:last-child > .wp-block-image img { aspect-ratio: 1 / 1 !important; }
}
/* Unsere Geschichte: Einleitung oben neben dem Bild */
.cr-einstieg--geschichte .cr-einstieg__text > * + * { margin-top: 1.1rem !important; }
.cr-einstieg--geschichte .cr-einstieg__text > p:not(.has-einleitung-font-size) { font-size: clamp(1.0625rem, 1rem + .25vw, 1.1875rem); line-height: 1.7; color: var(--wp--preset--color--tinte); max-width: 40rem; }
.cr-einstieg--geschichte .cr-einstieg__text > .wp-block-quote { margin: 1.5rem 0 !important; padding-left: 1.25rem; border-left: 3px solid var(--wp--preset--color--akzent); }
.cr-einstieg--geschichte .cr-einstieg__text > .wp-block-quote p { font-size: clamp(1.1875rem, 1.05rem + .5vw, 1.4375rem) !important; line-height: 1.45; color: var(--wp--preset--color--petrol-tief); }
/* Text mit Bild daneben: Bild bleibt beim Lesen stehen */
.cr-text-bild { align-items: flex-start !important; gap: clamp(2rem, 5vw, 5rem) !important; }
@media (min-width: 782px) { .cr-text-bild > .cr-text-bild__bild { position: sticky; top: 7rem; } }
.cr-text-bild > .wp-block-column:first-child > * + * { margin-top: 1.1rem; }
/* Karten: der kleine Strich oben ohne Bedeutung entfällt */
.cr-raster--gedanken > .cr-element::before { display: none !important; }
.cr-raster--gedanken > .cr-element { padding-top: clamp(1.5rem, 2.5vw, 2rem) !important; }

/* =========================================================
   1.4.5 · Wegweiser in Schritten (Für Angehörige: „Was Dir jetzt helfen kann“)
   Nummerierte Karten, drei je Reihe, die Nummer groß in Petrol.
   ========================================================= */
.cr-raster--tipps { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr)); gap: clamp(1rem, 2vw, 1.5rem) !important; counter-reset: tipp; margin-top: clamp(1.75rem, 3vw, 2.5rem) !important; }
@media (min-width: 1000px) { .cr-raster--tipps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cr-raster--tipps > .cr-element { counter-increment: tipp; position: relative; background: var(--wp--preset--color--weiss); border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 16%, transparent); border-radius: var(--cr-ecke-flaeche); padding: clamp(1.5rem, 2.5vw, 2rem) !important; padding-top: clamp(4.25rem, 6vw, 5rem) !important; margin: 0 !important; }
.cr-raster--tipps > .cr-element::before { content: counter(tipp); position: absolute; top: clamp(1.25rem, 2vw, 1.6rem); left: clamp(1.5rem, 2.5vw, 2rem); display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--wp--preset--color--petrol); color: #fff; font-weight: 600; font-size: 1.0625rem; }
.cr-raster--tipps > .cr-element > * { margin: 0 !important; }
.cr-raster--tipps > .cr-element > h3 { font-size: clamp(1.25rem, 1.12rem + .4vw, 1.4375rem) !important; color: var(--wp--preset--color--petrol-tief) !important; font-weight: 600 !important; }
.cr-raster--tipps > .cr-element > p { margin-top: .6rem !important; color: var(--wp--preset--color--tinte); line-height: 1.6; }
#begleitung { scroll-margin-top: 6rem; }

/* =========================================================
   1.4.5 · Weiß statt blasser Flächen
   Abschnitte mit Fläche sind jetzt weiß und durch eine feine Linie getrennt.
   Farbe tragen nur noch die starken Elemente: Petrol-Kästen, Kacheln, Schaltflächen.
   ========================================================= */
:root { --cr-flaeche: #FFFFFF; }
.cr-abschnitt.is-style-flaeche-hell, .cr-abschnitt.is-style-flaeche-nebel { background-color: #fff !important; position: relative; }
.cr-abschnitt.is-style-flaeche-hell::after, .cr-abschnitt.is-style-flaeche-nebel::after {
	content: ""; position: absolute; top: 0; left: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2)); right: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2));
	height: 1px; background: color-mix(in srgb, var(--wp--preset--color--petrol) 16%, transparent);
}
.cr-einstieg + .cr-abschnitt.is-style-flaeche-hell::after, .cr-einstieg + .cr-abschnitt.is-style-flaeche-nebel::after { display: none; }

/* Unterstützer: drei nebeneinander, Foto oben */
@media (min-width: 1100px) {
	.cr-unterstuetzer__liste { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
	.cr-unterstuetzer__liste .cr-person { grid-template-columns: minmax(0, 1fr) !important; gap: 1.1rem !important; }
	.cr-unterstuetzer__liste .cr-person__bild { width: 7rem; }
	.cr-unterstuetzer__liste .cr-person__bild img { aspect-ratio: 1 / 1; border-radius: 50% !important; }
	.cr-unterstuetzer__liste .cr-person__text { display: flex; flex-direction: column; height: 100%; }
	.cr-unterstuetzer__liste .cr-person__text > .cr-mehr { margin-top: auto !important; padding-top: 1rem; }
}

/* „Deine Frage ist nicht dabei?“ unter den Fragen */
.cr-frage-stellen { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; margin-top: clamp(1.5rem, 3vw, 2.25rem) !important; padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.5rem, 3.5vw, 2.75rem) !important; border-radius: var(--cr-ecke-flaeche); background: var(--wp--preset--color--petrol); max-width: var(--cr-weit) !important; }
.cr-frage-stellen > * { margin: 0 !important; }
.cr-frage-stellen h3 { color: #fff !important; font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem) !important; }
.cr-frage-stellen p { color: rgba(255, 255, 255, .9) !important; margin-top: .35rem !important; }
.cr-frage-stellen .wp-block-button__link { background: #fff !important; color: var(--wp--preset--color--petrol-tief) !important; }
.cr-mehr a { min-height: 44px; }
.cr-raster.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > p:not(.cr-mehr) { color: rgba(255, 255, 255, .92) !important; }
.cr-begriffe__abc span { color: #5A6C6E !important; }
@media (min-width: 1100px) { .cr-unterstuetzer__liste .cr-person { align-content: start; grid-template-rows: auto 1fr; } }

/* =========================================================
   1.4.6 · Über mich: ein Foto, Privat als Satz, Ziel als Kernsatz
   ========================================================= */
.cr-steckbrief__satz { margin: 0 !important; font-size: clamp(1.125rem, 1.05rem + .3vw, 1.3125rem); line-height: 1.6; color: var(--wp--preset--color--tinte); max-width: 52rem; }
.cr-ziel-zitat {
	position: relative; margin: 0 !important; padding: clamp(2rem, 4vw, 3.25rem) clamp(1.75rem, 3.5vw, 3rem) !important;
	background: var(--wp--preset--color--petrol); color: #fff !important; border-radius: var(--cr-ecke-flaeche);
	font-size: clamp(1.5rem, 1.1rem + 1.3vw, 2.25rem) !important; font-weight: 600; line-height: 1.3; letter-spacing: -.01em;
}
.cr-ziel-zitat::before { content: "„"; display: block; font-size: 4.5rem; line-height: .6; margin-bottom: .5rem; color: rgba(255, 255, 255, .35); }
.cr-einstieg .wp-block-column > p:not(.has-einleitung-font-size) { font-size: clamp(1.0625rem, 1rem + .25vw, 1.1875rem); line-height: 1.7; max-width: 40rem; }
/* Kernsatz ruhiger: kein dritter Petrol-Kasten, sondern großer Satz mit Beere-Linie */
.cr-ziel-zitat { background: none !important; color: var(--wp--preset--color--petrol-tief) !important; border-left: 4px solid var(--wp--preset--color--akzent); border-radius: 0 !important; padding: .5rem 0 .5rem clamp(1.5rem, 3vw, 2.5rem) !important; }
.cr-ziel-zitat::before { display: none; }

/* =========================================================
   1.4.7 · Unterstützer klarer, Weiter-Schaltflächen gefüllt
   ========================================================= */
/* Fotos eckig im Hochformat, Kopf nicht angeschnitten */
@media (min-width: 1100px) { .cr-unterstuetzer__liste .cr-person__bild { width: clamp(8rem, 11vw, 10rem) !important; } } /* darunter füllt das Foto seine Spalte */
.cr-unterstuetzer__liste .cr-person__bild img, .cr-person__bild img { aspect-ratio: 4 / 5 !important; border-radius: var(--cr-ecke-flaeche) !important; object-fit: cover; object-position: 50% 15%; }
/* Name kräftig, Rolle darunter, dann Abstand bis zum Text */
.cr-person .cr-person__text > h3 { font-size: clamp(1.375rem, 1.2rem + .5vw, 1.625rem) !important; font-weight: 700 !important; color: var(--wp--preset--color--petrol-tief) !important; line-height: 1.2; margin: 0 !important; }
.cr-person .cr-person__rolle { margin: .4rem 0 0 !important; font-size: .9375rem !important; font-weight: 500 !important; line-height: 1.45; color: var(--wp--preset--color--petrol) !important; text-transform: none; }
.cr-person .cr-person__region { margin: .25rem 0 0 !important; font-size: .875rem; color: var(--cr-text-leise); }
.cr-person .cr-person__text > :is(.cr-person__rolle, .cr-person__region):not(:has(~ .cr-person__region)) + * { margin-top: 1.25rem !important; padding-top: 1.25rem; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 14%, transparent); }
.cr-person .cr-person__text > p:not(.cr-person__rolle):not(.cr-person__region):not(.cr-mehr) { font-size: 1rem; line-height: 1.65; margin-top: .75rem; color: var(--wp--preset--color--tinte); }

/* Weiter-Schaltflächen: gleich gefüllt, beim Überfahren dunkler mit Pfeil nach rechts */
.cr-mehr a { background: var(--wp--preset--color--akzent) !important; border-color: var(--wp--preset--color--akzent) !important; color: #fff !important; }
.cr-mehr a:hover, .cr-mehr a:focus-visible,
.cr-raster--karten > .cr-element:has(.cr-mehr a):hover .cr-mehr a { background: var(--wp--preset--color--petrol-tief) !important; border-color: var(--wp--preset--color--petrol-tief) !important; color: #fff !important; }
.welt-christina .cr-mehr a:hover, body:not(.welt-sorgenfrei) .cr-mehr a:hover { background: #8A2A4E !important; border-color: #8A2A4E !important; }
/* Blog-Kachel in Petrol: weiße Schaltfläche */
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) .cr-mehr a { background: #fff !important; border-color: #fff !important; color: var(--wp--preset--color--petrol-tief) !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) .cr-mehr a:hover, .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]):hover .cr-mehr a { background: var(--wp--preset--color--nebel) !important; border-color: var(--wp--preset--color--nebel) !important; color: var(--wp--preset--color--petrol-tief) !important; }
.cr-mehr a { padding: .5rem 1.1rem !important; min-height: 44px; box-sizing: border-box; }

/* =========================================================
   1.4.8 · Ruhigere, besser lesbare Typografie
   - Markieren: deutlich sichtbar (Petrol mit weißer Schrift) statt Beige.
   - Zitate: keine dünne, große Schrift mehr. Normale Größe, kräftig, Beere-Linie links.
   - Einleitungen: normale Stärke statt „light“, damit sie nicht grau verschwimmen.
   - Lesetext: etwas engerer Zeilenabstand, gleichmäßige Absätze.
   ========================================================= */
::selection { background: var(--wp--preset--color--petrol); color: #fff; }
body:not(.cr-mit-serifen) .has-einleitung-font-size { font-weight: 400 !important; color: var(--wp--preset--color--tinte) !important; }
body:not(.cr-mit-serifen) .wp-block-quote p { font-weight: 600 !important; letter-spacing: -.005em; }
.wp-block-quote:not(.is-style-gross) { border-left: 3px solid var(--wp--preset--color--akzent) !important; padding: .15rem 0 .15rem 1.25rem !important; margin-left: 0 !important; }
.wp-block-quote:not(.is-style-gross) p { font-size: clamp(1.1875rem, 1.1rem + .35vw, 1.375rem) !important; line-height: 1.45 !important; color: var(--wp--preset--color--petrol-tief) !important; max-width: 38rem !important; }
.wp-block-quote:not(.is-style-gross)::before, .wp-block-quote:not(.is-style-gross)::after { display: none !important; }

/* Lesetext auf Inhaltsseiten */
.cr-abschnitt > p:not([class*="font-size"]), .cr-kapitel > p, .wp-block-column > p:not([class*="font-size"]):not([class*="cr-"]) { line-height: 1.6; }
.cr-abschnitt.cr-kapitel > p { font-size: 1.125rem; margin-bottom: 1rem !important; color: var(--wp--preset--color--tinte); }
.cr-abschnitt.cr-kapitel > .wp-block-quote { margin: 1.25rem 0 1.5rem !important; }

/* Unsere Geschichte, Einstieg: eine Schriftgröße, klare Abstände, alles bündig */
.cr-einstieg--geschichte .cr-einstieg__text > * { margin: 0 !important; max-width: 40rem; }
.cr-einstieg--geschichte .cr-einstieg__text > h1 + * { margin-top: .75rem !important; }
.cr-einstieg--geschichte .cr-einstieg__text > p { font-size: 1.125rem !important; line-height: 1.6 !important; color: var(--wp--preset--color--tinte) !important; }
.cr-einstieg--geschichte .cr-einstieg__text > p.has-einleitung-font-size { font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem) !important; font-weight: 500 !important; color: var(--wp--preset--color--petrol) !important; }
.cr-einstieg--geschichte .cr-einstieg__text > p + p, .cr-einstieg--geschichte .cr-einstieg__text > .wp-block-quote + p { margin-top: 1rem !important; }
.cr-einstieg--geschichte .cr-einstieg__text > p.has-einleitung-font-size + p { margin-top: 1.5rem !important; }
.cr-einstieg--geschichte .cr-einstieg__text > p + .wp-block-quote { margin-top: .6rem !important; }
.cr-einstieg--geschichte .cr-einstieg__text > .wp-block-quote p { font-size: 1.125rem !important; line-height: 1.6 !important; }
.cr-einstieg--geschichte .cr-einstieg__text > h1 { margin-left: -.04em !important; }

/* =========================================================
   1.4.8 · Ein klares Schriftsystem für alle Seiten
   Überschriften kräftig (700), eine feste Größenstufe je Ebene, feste Abstände:
   Abschnitt oben/unten gleich, Überschrift → Text 1rem, Text → Karten 2.5rem.
   ========================================================= */
body:not(.cr-mit-serifen) :is(h1, h2, h3, .wp-block-heading) { font-weight: 700 !important; letter-spacing: -.015em; }
body:not(.cr-mit-serifen) h1 { font-size: clamp(2.25rem, 1.5rem + 2.4vw, 3.5rem) !important; line-height: 1.08 !important; letter-spacing: -.025em; }
body:not(.cr-mit-serifen) h2 { font-size: clamp(1.75rem, 1.35rem + 1.2vw, 2.5rem) !important; line-height: 1.15 !important; }
body:not(.cr-mit-serifen) .cr-kapitel > h2 { font-size: clamp(1.375rem, 1.15rem + .7vw, 1.75rem) !important; }
body:not(.cr-mit-serifen) h3 { line-height: 1.25; }
body:not(.cr-mit-serifen) :is(h1, h2) { color: var(--wp--preset--color--petrol-tief); }
body:not(.cr-mit-serifen) .cr-band :is(h2, h3), body:not(.cr-mit-serifen) .cr-klarstellung > h3, body:not(.cr-mit-serifen) .cr-fuss :is(h2, h3) { color: inherit; }
/* Kleine Großbuchstaben-Überschriften (Privat, Wichtig …) bleiben leicht */
body:not(.cr-mit-serifen) :is(.cr-ausmacht__gruppe > h3, .cr-klarstellung > h3, .cr-fuss__navi h3, .cr-fragen__thema) { font-weight: 600 !important; letter-spacing: .14em; }

/* Abstände */
.cr-abschnitt:not(.cr-band):not(.cr-kapitel):not(.cr-einstieg) { padding-top: clamp(3.5rem, 6vw, 5.5rem) !important; padding-bottom: clamp(3.5rem, 6vw, 5.5rem) !important; }
.cr-abschnitt > :is(h2, .wp-block-heading) + p { margin-top: 1rem !important; }
.cr-abschnitt > p + :is(.cr-raster, .wp-block-columns, div.alignwide, .cr-steckbrief, .cr-fragen) { margin-top: 2.5rem !important; }
.cr-abschnitt > :is(h2, .wp-block-heading) + :is(.cr-raster, .wp-block-columns, div.alignwide) { margin-top: 2rem !important; }
.cr-abschnitt > p:not([class]) { font-size: 1.125rem; max-width: 46rem !important; }
.cr-einstieg .has-einleitung-font-size { font-size: clamp(1.1875rem, 1.05rem + .45vw, 1.375rem) !important; line-height: 1.55 !important; }
.cr-einstieg h1 + p { margin-top: 1.25rem !important; }

/* =========================================================
   1.4.9 · Klarere Karten
   - Rahmen um Karten sichtbar (1.5 px, kräftigeres Petrol).
   - Kartentitel kräftiger (800).
   - Schritte („Wie ich Dich begleite“, Ablauf): Titel passen in eine Zeile.
   ========================================================= */
.cr-raster:is(.cr-raster--tipps, .cr-raster--gedanken, .cr-raster--karten) > .cr-element:not([class*="has-background"]),
.cr-person, .cr-steckbrief, .cr-fragen .cr-frage.wp-block-details { border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--petrol) 38%, transparent) !important; }
.cr-fragen .cr-frage.wp-block-details { border-left: 4px solid var(--wp--preset--color--petrol) !important; }
.cr-fragen .cr-frage[open] { border-left-color: var(--wp--preset--color--akzent) !important; }
.cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]), .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href*="fragen"]) { border: 0 !important; }
body:not(.cr-mit-serifen) :is(.cr-raster--tipps, .cr-raster--gedanken, .cr-raster--karten, .cr-raster--schritte) > .cr-element h3 { font-weight: 800 !important; }
.cr-raster--schritte > .cr-element h3 { font-size: clamp(1.1875rem, 1.05rem + .4vw, 1.375rem) !important; text-wrap: balance; }
@media (min-width: 1100px) { .cr-raster--schritte > .cr-element h3 { white-space: nowrap; } }
.cr-raster--tipps { align-items: stretch !important; }
.cr-raster--tipps > .cr-element { height: 100%; }
.is-style-flaeche-hell .cr-raster--schritte > .cr-element, .is-style-flaeche-nebel .cr-raster--schritte > .cr-element { box-shadow: none !important; }
/* Fußbereich: zwei Spalten, je eine pro Bereich, gleich in beiden Welten */
.cr-fuss--klar .cr-fuss__navi { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 3rem !important; }
@media (min-width: 782px) { .cr-fuss--klar .cr-fuss__navi .wp-block-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; align-content: start; gap: .6rem 2rem; } .cr-fuss--klar .cr-fuss__navi .wp-block-list li, .cr-fuss--klar .cr-fuss__navi .wp-block-list li + li { margin: 0; } } /* Raster statt Textspalten: Safari setzte die zweite Spalte sonst tiefer */
@media (max-width: 599px) { .cr-fuss--klar .cr-fuss__navi { grid-template-columns: 1fr; } }

/* =========================================================
   1.4.11 · Über mich: eine ruhige Ordnung
   Jeder Abschnitt gleich: fette Überschrift, Text in Lesebreite. Weiß, getrennt durch eine feine Linie.
   Einziges grafisches Element: der berufliche Weg.
   ========================================================= */
.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) > p { font-size: 1.1875rem !important; line-height: 1.65 !important; max-width: 44rem !important; color: var(--wp--preset--color--tinte); }
.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) > p + p { margin-top: 1rem !important; }
.cr-ueber-klar.cr-abschnitt > h2 + p { margin-top: 1.25rem !important; }
.cr-ueber-klar .wp-block-quote { margin-top: 2rem !important; }
@media (min-width: 782px) { .cr-ueber-klar.cr-einstieg > .wp-block-columns > .wp-block-column:last-child { flex-basis: 34% !important; } }
/* Beruflicher Weg */
.cr-weg { margin-top: 2.5rem !important; max-width: var(--cr-weit) !important; }
.cr-weg > ul { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 1rem; }
.cr-weg > ul li { position: relative; margin: 0 !important; padding-left: 1.75rem !important; font-size: 1.125rem; font-weight: 600; color: var(--wp--preset--color--petrol-tief); }
.cr-weg > ul li::before { content: ""; position: absolute; left: 0; top: .3em; width: .8rem; height: .8rem; border-radius: 50%; background: var(--wp--preset--color--petrol); }
.cr-weg > ul li:last-child::before { background: var(--wp--preset--color--akzent); }
.cr-weg > ul li::after { content: ""; position: absolute; left: calc(.4rem - 1px); top: calc(.3em + .8rem); height: calc(100% + 1rem - .8rem); width: 2px; background: color-mix(in srgb, var(--wp--preset--color--petrol) 30%, transparent); }
.cr-weg > ul li:last-child::after { display: none; }
@media (min-width: 900px) {
	.cr-weg > ul { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0; }
	.cr-weg > ul li { padding: 1.75rem 1rem 0 0 !important; }
	.cr-weg > ul li::before { top: 0; left: 0; width: 1rem; height: 1rem; }
	.cr-weg > ul li::after { top: calc(.5rem - 1px); left: 1.5rem; right: .5rem; width: auto; height: 2px; }
}
/* Ab 1000 px: Überschrift links, Text rechts – wie bei „Unsere Geschichte“, nutzt die volle Breite */
@media (min-width: 1000px) {
	.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: clamp(3rem, 6vw, 6rem); align-items: start;
		padding-left: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2)) !important; padding-right: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2)) !important; }
	.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) > * { grid-column: 2; margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; }
	.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) > h2 { grid-column: 1; grid-row: 1 / span 20; margin-top: 0 !important; position: sticky; top: 7.5rem; }
	.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) > h2 + * { margin-top: 0 !important; }
	.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) > .cr-weg { grid-column: 1 / -1; }
}
@media (min-width: 1000px) {
	.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) { padding-left: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2 + var(--cr-rand))) !important; padding-right: max(var(--cr-rand), calc((100% - var(--cr-weit)) / 2 + var(--cr-rand))) !important; }
	.cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) > p, .cr-ueber-klar.cr-abschnitt:not(.cr-einstieg) > .wp-block-quote { max-width: 46rem !important; }
}

/* =========================================================
   1.4.12 · Helle Flächen klar erkennbar
   Das helle Beige (#F3EEE7) war auf vielen Bildschirmen kaum von Weiß zu unterscheiden.
   Neu: helles Petrol (#E3EDEE) als Flächenfarbe; kleine Flächen (Stichworte) mit Rand.
   ========================================================= */
:root { --wp--preset--color--nebel: #E3EDEE; }
.cr-schlagworte > span { background: #E3EDEE !important; border: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 35%, transparent); color: var(--wp--preset--color--petrol-tief) !important; font-weight: 500; }

/* =========================================================
   1.4.13 · Eine Überschriftenfarbe
   Alle Überschriften (h1, h2, h3, Kartentitel, Schritte) in Petrol-tief.
   Ausnahme: auf Petrol-Flächen weiß.
   ========================================================= */
body :is(h1, h2, h3, h4).wp-block-heading, body .cr-raster > .cr-element h3, body .cr-person h3, body .cr-artikel h3, body .cr-artikel h3 a { color: var(--wp--preset--color--petrol-tief) !important; }
body :is(.cr-band, .cr-klarstellung, .cr-fuss, .cr-frage-stellen, .is-style-flaeche-petrol:not(.cr-band)) :is(h1, h2, h3, h4),
body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > h3 { color: #fff !important; }
body .cr-fuss .cr-fuss__navi h3 { color: rgba(255,255,255,.62) !important; }

/* =========================================================
   1.4.14 · Farbregel: Schrift dunkel, Grün nur als Akzent
   Alle Überschriften und Titel in fast Schwarz (Tinte #1F3437).
   Petrol nur für Flächen, Linien, Punkte, Schaltflächen; Beere für Hervorhebungen.
   ========================================================= */
body :is(h1, h2, h3, h4).wp-block-heading, body .cr-raster > .cr-element h3, body .cr-person h3, body .cr-artikel h3, body .cr-artikel h3 a,
body .cr-fragen .cr-frage summary, body .cr-begriff dt, body .cr-video__text h3, body .cr-begriffe__buchstabe { color: var(--wp--preset--color--tinte) !important; }
body :is(.cr-band, .cr-klarstellung, .cr-fuss, .cr-frage-stellen, .is-style-flaeche-petrol:not(.cr-band), .cr-wissen-karte__kopf) :is(h1, h2, h3, h4),
body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > h3 { color: #fff !important; }
body .cr-fuss .cr-fuss__navi h3 { color: rgba(255,255,255,.62) !important; }
.cr-fragen .cr-frage__antwort > p:first-child:not(:only-child), p.is-style-merksatz, p.is-style-kurz { color: var(--wp--preset--color--tinte) !important; }
.cr-person .cr-person__rolle { color: var(--wp--preset--color--tinte) !important; opacity: .8; }
/* Titel-Links: kein Unterstreichen beim Überfahren, sondern Farbwechsel */
.cr-artikel h3 a, .cr-raster .cr-element h3 a { text-decoration: none !important; transition: color .15s ease; }
.cr-artikel h3 a:hover, .cr-artikel:hover h3 a, .cr-raster .cr-element:hover h3 a { color: var(--wp--preset--color--akzent) !important; }

/* Artikel-Listen: kein riesiger Aufmacher mehr, alle Artikel gleich groß */
.cr-artikelliste .cr-artikelliste__raster > .cr-artikel:first-child { display: flex !important; flex-direction: column; grid-column: auto !important; padding-bottom: 0 !important; border-bottom: 0 !important; }
.cr-artikelliste .cr-artikelliste__raster > .cr-artikel:first-child .cr-artikel__bild { aspect-ratio: 16 / 10 !important; }
.cr-artikelliste .cr-artikelliste__raster > .cr-artikel:first-child h3 { font-size: inherit !important; }
.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(.cr-artikelliste--titel) .cr-artikelliste__raster { grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr)) !important; }
.cr-artikelliste:not(.cr-artikelliste--aehnlich):not(.cr-artikelliste--titel) .cr-artikelliste__raster > .cr-artikel { grid-column: auto !important; }
.cr-artikelliste .cr-artikel h3 { font-size: clamp(1.1875rem, 1.1rem + .3vw, 1.375rem) !important; line-height: 1.3 !important; }

/* Wissen: zwei Karten nebeneinander, farbiger Kopf (Blog Petrol, Fragen Beere), darunter Inhalt */
.cr-wissen-zwei { display: grid; gap: clamp(1.25rem, 2.5vw, 2rem); grid-template-columns: 1fr; align-items: stretch; }
@media (min-width: 900px) { .cr-wissen-zwei { grid-template-columns: 1fr 1fr; } }
.cr-wissen-karte { display: flex; flex-direction: column; border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--petrol) 38%, transparent); border-radius: var(--cr-ecke-flaeche); overflow: hidden; background: #fff; margin: 0 !important; }
.cr-wissen-karte > * { margin: 0 !important; }
.cr-wissen-karte__kopf { padding: clamp(1.75rem, 3vw, 2.5rem) !important; background: var(--wp--preset--color--petrol); }
.cr-wissen-karte--fragen .cr-wissen-karte__kopf { background: var(--wp--preset--color--akzent); }
.cr-wissen-karte__kopf > * { margin: 0 !important; }
.cr-wissen-karte__kopf h2 { font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.375rem) !important; }
.cr-wissen-karte__kopf p { margin-top: .5rem !important; color: rgba(255,255,255,.92) !important; font-size: 1.125rem; }
.cr-wissen-karte > :not(.cr-wissen-karte__kopf):not(.cr-mehr) { padding: 1.25rem clamp(1.75rem, 3vw, 2.5rem) 0 !important; }
.cr-wissen-karte > .cr-mehr { margin-top: auto !important; padding: 1.5rem clamp(1.75rem, 3vw, 2.5rem) clamp(1.75rem, 3vw, 2.5rem) !important; }
.cr-wissen-karte--fragen .cr-mehr a { background: var(--wp--preset--color--akzent) !important; border-color: var(--wp--preset--color--akzent) !important; }
.cr-wissen-karte--blog .cr-mehr a { background: var(--wp--preset--color--petrol) !important; border-color: var(--wp--preset--color--petrol) !important; }
.cr-wissen-karte .cr-mehr a:hover { background: var(--wp--preset--color--petrol-tief) !important; border-color: var(--wp--preset--color--petrol-tief) !important; }
/* Blog-Karte: nur Titel, als Liste */
.cr-artikelliste--titel .cr-artikelliste__raster { display: block !important; }
.cr-artikelliste--titel .cr-artikel { display: block !important; position: relative; padding: 1rem 2rem 1rem 0 !important; border: 0 !important; border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 18%, transparent) !important; background: none !important; box-shadow: none !important; margin: 0 !important; }
.cr-artikelliste--titel .cr-artikel:last-child { border-bottom: 0 !important; }
.cr-artikelliste--titel .cr-artikel__bild, .cr-artikelliste--titel .cr-artikel__auszug, .cr-artikelliste--titel .cr-artikel__text > p:not(.cr-artikel__kategorie):not(.cr-artikel__meta) { display: none !important; }
.cr-artikelliste--titel .cr-artikel__text { padding: 0 !important; }
.cr-artikelliste--titel .cr-artikel h3 { margin: .25rem 0 .2rem !important; font-size: 1.1875rem !important; }
.cr-artikelliste--titel .cr-artikel h3 a::after { content: ""; position: absolute; inset: 0; }
.cr-artikelliste--titel .cr-artikel::after { content: "→"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--wp--preset--color--petrol); }
.cr-artikelliste--titel .cr-artikel__kategorie { font-size: .8125rem !important; }
/* Fragen-Karte: kompakte Fragen */
.cr-wissen-karte .cr-fragen .cr-fragen__liste { gap: .6rem; }
.cr-wissen-karte .cr-fragen .cr-frage summary { padding: .9rem 1.1rem !important; font-size: 1.0625rem !important; }
.cr-wissen-karte .cr-fragen .cr-frage summary::after { width: 1.9rem; height: 1.9rem; font-size: 1.15rem; }
.cr-wissen-karte .cr-fragen .cr-frage__antwort { padding: 1rem 1.1rem 1.25rem; }
.cr-wissen-karte .cr-fragen .cr-frage__antwort > * { font-size: 1rem; }

/* Bilder neben Text in Inhaltsabschnitten: kleiner, nicht mehr bildschirmfüllend */
@media (min-width: 782px) {
	.cr-abschnitt:not(.cr-einstieg) > .wp-block-columns > .wp-block-column:has(> .wp-block-image:only-child) { flex: 0 0 34% !important; }
	.cr-abschnitt:not(.cr-einstieg) > .wp-block-columns > .wp-block-column:has(> .wp-block-image:only-child) img { aspect-ratio: 4 / 3 !important; max-height: 20rem; width: 100%; object-fit: cover; }
	.cr-abschnitt:not(.cr-einstieg) > .wp-block-columns:has(> .wp-block-column > .wp-block-image:only-child) > .wp-block-column:not(:has(> .wp-block-image:only-child)) { flex: 1 1 0 !important; }
}

/* Keine Trennlinien zwischen Abschnitten – der Abstand trennt */
.cr-abschnitt::before, .cr-abschnitt.is-style-flaeche-hell::after, .cr-abschnitt.is-style-flaeche-nebel::after { display: none !important; content: none !important; }
.cr-abschnitt:not(.cr-kapitel) + .cr-abschnitt:not(.cr-kapitel) { border-top: 0 !important; }
/* Artikel-Karten: alle gleich (Bild, Titel) */
.cr-artikelliste:not(.cr-artikelliste--titel) .cr-artikel .cr-artikel__bild, .cr-artikelliste:not(.cr-artikelliste--titel) .cr-artikelliste__raster > .cr-artikel:first-child .cr-artikel__bild { aspect-ratio: 16 / 10 !important; }
.cr-artikelliste .cr-artikelliste__raster > .cr-artikel:first-child h3 { font-size: clamp(1.1875rem, 1.1rem + .3vw, 1.375rem) !important; }
/* Blog-Liste in der Wissen-Karte: erster Eintrag wie die anderen */
.cr-artikelliste.cr-artikelliste--titel .cr-artikelliste__raster > .cr-artikel, .cr-artikelliste.cr-artikelliste--titel .cr-artikelliste__raster > .cr-artikel:first-child { display: block !important; padding: 1rem 2rem 1rem 0 !important; border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 18%, transparent) !important; }
.cr-artikelliste.cr-artikelliste--titel .cr-artikelliste__raster > .cr-artikel:last-child { border-bottom: 0 !important; }
.cr-artikelliste.cr-artikelliste--titel .cr-artikel h3 { font-size: 1.1875rem !important; }
/* Kleine Etiketten („Wichtig“, „Hinweis“): ohne Strich davor, normale Schreibweise */
.cr-kicker::before, .is-style-hinweis .cr-kicker::before { display: none !important; content: none !important; }
.cr-kicker { text-transform: none !important; letter-spacing: 0 !important; font-size: .9375rem !important; font-weight: 700 !important; color: var(--wp--preset--color--akzent) !important; }
/* Fußbereich ruhiger: kleinere Einladung, keine große E-Mail, weniger Höhe */
.cr-fuss--klar { padding-top: clamp(2.5rem, 4vw, 3.5rem) !important; padding-bottom: 1.75rem !important; }
.cr-fuss--klar .cr-fuss__kontakt { padding-bottom: clamp(1.75rem, 3vw, 2.25rem); align-items: center; }
.cr-fuss--klar .cr-fuss__einladung h2 { font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem) !important; }
.cr-fuss--klar .cr-fuss__einladung p { margin-top: .35rem !important; font-size: 1rem !important; }
.cr-fuss--klar .cr-fuss__knopf a { padding: .6rem 1.1rem; font-size: .9375rem; }
.cr-fuss--klar .cr-fuss__navi { margin-top: clamp(1.75rem, 3vw, 2.25rem) !important; }
.cr-fuss--klar .cr-fuss__navi h3 { margin-bottom: .75rem !important; }
.cr-fuss--klar .cr-fuss__navi a { font-size: 1rem; }
.cr-fuss--klar .cr-fuss__unten { margin-top: clamp(1.75rem, 3vw, 2.25rem) !important; }
/* Zitate und Hervorhebungen ebenfalls in Tinte – Petrol nur für Linien, Flächen, Schaltflächen */
.wp-block-quote p, .cr-ziel-zitat, .cr-einstieg--geschichte .cr-einstieg__text > p.has-einleitung-font-size, .cr-steckbrief__satz, .cr-weg > ul li { color: var(--wp--preset--color--tinte) !important; }
body .cr-raster.cr-raster > .cr-element h3, body .cr-raster.cr-raster > .cr-element h3.wp-block-heading, body .cr-raster.cr-raster > .cr-element h3 a { color: var(--wp--preset--color--tinte) !important; }
body .wp-block-quote.wp-block-quote, body .wp-block-quote.wp-block-quote p, body .cr-einstieg--geschichte .cr-einstieg__text > .wp-block-quote p { color: var(--wp--preset--color--tinte) !important; }
body .cr-preis { color: var(--wp--preset--color--tinte) !important; }
body .cr-person.cr-person .cr-person__text > h3 { color: var(--wp--preset--color--tinte) !important; }

/* =========================================================
   1.4.16 · Ein Abstand zwischen Abschnitten statt zwei
   Folgt ein weißer Abschnitt auf einen weißen, zählt nur ein Abstand (umgesetzt in 1.4.17).
   ========================================================= */

/* =========================================================
   1.4.17 · Abstandssystem nach dem Goldenen Schnitt
   Fünf Stufen, jede das 1,618-fache der vorigen (Basis 1rem = 16 px):
   --cr-a1 0,618rem (10 px) · --cr-a2 1rem (16 px) · --cr-a3 1,618rem (26 px) · --cr-a4 2,618rem (42 px) · --cr-a5 4,236rem (68 px)
   Regeln:
   - Zwischen zwei Abschnitten: a5
   - Überschrift → Text: a2; Etikett → Überschrift und Überschrift → Text in Kästen: a1
   - Text → Karten/Kasten/Liste: a4; Text → Schaltfläche: a3
   - Innenabstand Kästen: a4; Innenabstand Karten: a3; Abstand zwischen Karten: a3
   ========================================================= */
:root { --cr-a1: .618rem; --cr-a2: 1rem; --cr-a3: 1.618rem; --cr-a4: 2.618rem; --cr-a5: 4.236rem; }

/* Abschnitte */
.cr-abschnitt:not(.cr-band):not(.is-style-flaeche-petrol):not(.cr-einstieg):not(.cr-kapitel) { padding-top: var(--cr-a5) !important; padding-bottom: 0 !important; }
.cr-inhalt > .cr-abschnitt:last-child:not(.cr-band), .wp-block-post-content > .cr-abschnitt:last-child:not(.cr-band) { padding-bottom: var(--cr-a5) !important; }
.cr-einstieg { padding-bottom: 0 !important; }
.cr-abschnitt.cr-band { padding-top: var(--cr-a5) !important; padding-bottom: var(--cr-a5) !important; }

/* Innerhalb eines Abschnitts */
.cr-abschnitt > :is(h2, .wp-block-heading) + * { margin-top: var(--cr-a2) !important; }
.cr-abschnitt > p + p { margin-top: var(--cr-a2) !important; }
.cr-abschnitt > :is(p, h2) + :is(.cr-raster, .wp-block-columns, div.alignwide, .cr-steckbrief, .cr-fragen, .cr-weg, .cr-begriffe, .wp-block-group) { margin-top: var(--cr-a4) !important; }
.cr-abschnitt > :is(.cr-raster, .wp-block-columns, div.alignwide, .cr-fragen) + :is(p, .cr-mehr, .wp-block-buttons) { margin-top: var(--cr-a4) !important; }
.cr-abschnitt > p + :is(.wp-block-buttons, .cr-mehr) { margin-top: var(--cr-a3) !important; }
.cr-abschnitt > :is(.wp-block-group, .cr-raster) + :is(.wp-block-group, .cr-raster) { margin-top: var(--cr-a4) !important; }

/* Karten */
.cr-raster:is(.cr-raster--gedanken, .cr-raster--karten, .cr-raster--tipps) { gap: var(--cr-a3) !important; }
.cr-raster:is(.cr-raster--gedanken, .cr-raster--tipps) > .cr-element:not(:has(.cr-mehr a[href$="/blog/"])):not(:has(.cr-mehr a[href*="fragen"])) { padding: var(--cr-a3) !important; }
.cr-raster.cr-raster--tipps > .cr-element:not(#cr-x) { padding-top: calc(var(--cr-a3) + 2.5rem + var(--cr-a2)) !important; } /* Platz für die Nummer; muss die Regel darüber schlagen */
.cr-raster--tipps > .cr-element::before { top: var(--cr-a3) !important; left: var(--cr-a3) !important; }
.cr-raster > .cr-element > h3 + * { margin-top: var(--cr-a1) !important; }
.cr-raster > .cr-element > .cr-mehr { padding-top: var(--cr-a3) !important; }
.cr-raster--karten > .cr-element > :not(.wp-block-image) { margin-left: var(--cr-a3) !important; margin-right: var(--cr-a3) !important; }
.cr-raster--karten > .cr-element > .wp-block-image + * { margin-top: var(--cr-a3) !important; }
.cr-raster--karten > .cr-element > :last-child { margin-bottom: var(--cr-a3) !important; }

/* Hinweis-Kästen */
.cr-abschnitt > .is-style-hinweis, .cr-abschnitt .is-style-hinweis { padding: var(--cr-a4) !important; }
.is-style-hinweis > * { margin: 0 !important; }
.is-style-hinweis > .cr-kicker + * { margin-top: var(--cr-a1) !important; }
.is-style-hinweis > h3 + * { margin-top: var(--cr-a1) !important; }
.is-style-hinweis > p + p { margin-top: var(--cr-a2) !important; }
.is-style-hinweis > :is(p, h3) + :is(.wp-block-buttons, .cr-mehr) { margin-top: var(--cr-a3) !important; }

/* Einstieg */
.cr-einstieg h1 + p { margin-top: var(--cr-a3) !important; }
.cr-einstieg .wp-block-column > p + p { margin-top: var(--cr-a2) !important; }
.cr-einstieg .wp-block-column > p + .wp-block-buttons { margin-top: var(--cr-a4) !important; }
body .cr-abschnitt.cr-abschnitt.cr-band { padding-top: var(--cr-a5) !important; padding-bottom: var(--cr-a5) !important; }
body .cr-abschnitt.cr-abschnitt.cr-band > .wp-block-columns { margin-top: 0 !important; }

/* Begriffe A–Z: Begriff fett und groß, „Mehr dazu“ als schlichter Pfeil-Link statt großer Schaltfläche */
.cr-begriffe .cr-begriff dt { font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem) !important; font-weight: 800 !important; color: var(--wp--preset--color--tinte) !important; margin: 0 !important; }
.cr-begriffe .cr-begriff dd { margin: var(--cr-a1) 0 0 !important; }
.cr-begriffe .cr-begriff + .cr-begriff { margin-top: var(--cr-a4) !important; }
.cr-begriffe .cr-begriff dd > p { margin: 0 !important; }
.cr-begriffe .cr-begriff dd > p + p { margin-top: var(--cr-a1) !important; }
.cr-begriffe .cr-mehr a { background: none !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; color: var(--wp--preset--color--akzent) !important; font-size: 1rem; }
.cr-begriffe .cr-mehr a:hover { background: none !important; color: var(--wp--preset--color--petrol-tief) !important; text-decoration: underline; text-underline-offset: 4px; }
.cr-begriffe .cr-mehr { margin-top: var(--cr-a1) !important; }
.cr-begriffe__gruppe { padding-top: var(--cr-a4) !important; margin-top: var(--cr-a4) !important; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 22%, transparent) !important; }
.cr-begriffe__gruppe:first-of-type { border-top: 0 !important; margin-top: var(--cr-a3) !important; padding-top: 0 !important; }
.cr-begriffe__buchstabe { font-weight: 800 !important; color: var(--wp--preset--color--akzent) !important; }
/* Buchstabenleiste: feste Fläche, verdeckt beim Scrollen nichts */
.cr-begriffe__abc { top: 72px !important; padding: var(--cr-a1) 0 !important; border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--petrol) 16%, transparent); }
.cr-begriffe__abc a { background: var(--wp--preset--color--nebel) !important; color: var(--wp--preset--color--tinte) !important; font-weight: 700; }
.cr-begriffe__abc a:hover { background: var(--wp--preset--color--akzent) !important; color: #fff !important; }
.cr-begriffe__gruppe { scroll-margin-top: 160px; }
/* Videos: Abspielen-Knopf unten rechts, damit er den Titel im Vorschaubild nicht verdeckt */
.cr-video .cr-video__start { left: auto !important; right: var(--cr-a2) !important; bottom: var(--cr-a2) !important; top: auto !important; transform: none !important; }
.cr-video__text { margin-top: var(--cr-a2) !important; }
.cr-video__text h3 { font-weight: 800 !important; margin: 0 !important; }
.cr-video__text h3 + * { margin-top: var(--cr-a1) !important; }
.cr-video__hinweis { margin-top: var(--cr-a4) !important; }
/* Letzter Abschnitt einer Seite: Abstand zum Fußbereich (a5) */
body .cr-abschnitt.cr-abschnitt.cr-abschnitt:last-child:not(.cr-band):not(.is-style-flaeche-petrol) { padding-bottom: var(--cr-a5) !important; }
/* Robuster: auch wenn nach dem letzten Abschnitt noch ein leerer Block steht */
body .cr-abschnitt.cr-abschnitt:not(.cr-band):not(.is-style-flaeche-petrol):not(:has(~ .cr-abschnitt)) { padding-bottom: var(--cr-a5) !important; }
body main:not(:has(.cr-band)) { padding-bottom: 0; }

/* =========================================================
   1.4.20 · Bereinigung nach Abstimmung mit Sebastian (6 Punkte)
   Diese Regeln stehen am Ende und gelten vor allen früheren Sonderregeln.
   ========================================================= */
body.welt-christina-body { --cr-farbe: #A83660; --cr-farbe-dunkel: #8A2A4E; }
body.welt-sorgenfrei-body { --cr-farbe: #2A666C; --cr-farbe-dunkel: #1E4B50; }

/* 1 · Überschriften in einem Grün (#1E4B50), Text dunkel (Tinte). Auf Petrol-Flächen weiß. */
body :is(h1, h2, h3, h4), body .cr-raster.cr-raster > .cr-element h3, body .cr-raster.cr-raster > .cr-element h3 a,
body .cr-person.cr-person .cr-person__text > h3, body .cr-artikel h3, body .cr-artikel h3 a, body .cr-begriffe .cr-begriff dt, body .cr-begriffe .cr-begriff dt a,
body .cr-fragen .cr-frage summary, body .cr-video__text h3, body .cr-preis { color: #1E4B50 !important; }
body :is(p, li, dd, blockquote, .wp-block-quote p) { color: var(--wp--preset--color--tinte); }
body .wp-block-quote.wp-block-quote p, body p.is-style-merksatz, body p.is-style-kurz { color: var(--wp--preset--color--tinte) !important; }
body :is(.cr-band, .cr-klarstellung, .cr-fuss, .cr-frage-stellen, .cr-wissen-karte__kopf) :is(h1, h2, h3, h4),
body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > h3 { color: #fff !important; }
body .cr-fuss .cr-fuss__navi h3 { color: rgba(255, 255, 255, .62) !important; }

/* 3 · Kein farbiger Balken links, keine Großbuchstaben */
body .wp-block-quote, body .wp-block-quote.wp-block-quote, body .cr-ziel-zitat, body p.is-style-merksatz,
body .cr-artikel-text > .is-style-hinweis, body .cr-einstieg--geschichte .cr-einstieg__text > .wp-block-quote { border-left: 0 !important; }
body .wp-block-quote:not(.is-style-gross) { padding: 0 !important; margin-top: var(--cr-a4) !important; margin-bottom: var(--cr-a4) !important; }
body .wp-block-quote:not(.is-style-gross) p { font-size: clamp(1.25rem, 1.12rem + .45vw, 1.5rem) !important; font-weight: 700 !important; line-height: 1.4 !important; }
body .cr-ziel-zitat { padding: 0 !important; }
body p.is-style-merksatz { border-radius: var(--cr-ecke-flaeche) !important; padding: var(--cr-a3) !important; background: #E3EDEE !important; }
body .cr-artikel-text > .is-style-hinweis { border-radius: var(--cr-ecke-flaeche) !important; background: #E3EDEE !important; }
body * { text-transform: none; }
body :is(.cr-fuss__navi h3, .cr-artikel__kategorie, .cr-fragen__thema, .cr-kicker, .cr-ausmacht__gruppe > h3, .cr-klarstellung > h3, .cr-lesezeit) { text-transform: none !important; letter-spacing: 0 !important; }
body .cr-fuss__navi h3 { font-size: 1rem !important; font-weight: 700 !important; color: #fff !important; }
body .cr-artikel__kategorie { font-size: .875rem !important; font-weight: 700 !important; color: var(--cr-farbe) !important; }

/* Fragen: schlichte Liste mit feiner Linie, Frage fett, Plus rechts ohne Kreis */
body .cr-fragen .cr-fragen__liste { gap: 0 !important; border-top: 1px solid color-mix(in srgb, #1E4B50 22%, transparent); }
body .cr-fragen .cr-frage.wp-block-details, body .cr-fragen .cr-frage.wp-block-details[open] {
	border: 0 !important; border-bottom: 1px solid color-mix(in srgb, #1E4B50 22%, transparent) !important; border-radius: 0 !important;
	background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
body .cr-fragen .cr-frage summary { padding: var(--cr-a3) 0 !important; font-weight: 700 !important; border: 0 !important; }
body .cr-fragen .cr-frage summary::after { content: "+" !important; width: auto !important; height: auto !important; border: 0 !important; border-radius: 0 !important; background: none !important;
	color: var(--cr-farbe) !important; font-size: 1.75rem !important; font-weight: 400 !important; line-height: 1 !important; transform: none !important; }
body .cr-fragen .cr-frage[open] summary::after { content: "−" !important; }
body .cr-fragen .cr-frage[open] summary { border-bottom: 0 !important; padding-bottom: var(--cr-a2) !important; }
body .cr-fragen .cr-frage__antwort { padding: 0 0 var(--cr-a3) !important; max-width: 46rem; }

/* 4 · Eine Schaltfläche für alles: gleiche Größe, gefüllt in der Farbe des Bereichs, beim Überfahren dunkler */
body .wp-block-button__link, body .cr-mehr a, body .cr-video .cr-video__start {
	display: inline-flex !important; align-items: center; gap: .55rem; min-height: 48px; box-sizing: border-box;
	padding: .75rem 1.35rem !important; margin: 0 !important; border: 2px solid var(--cr-farbe) !important; border-radius: var(--cr-ecke-knopf) !important;
	background: var(--cr-farbe) !important; color: #fff !important; font-size: 1rem !important; font-weight: 600 !important; line-height: 1.2 !important;
	text-decoration: none !important; box-shadow: none !important; filter: none !important; transition: background-color .15s ease, border-color .15s ease; }
body .wp-block-button__link:hover, body .wp-block-button__link:focus-visible, body .cr-mehr a:hover, body .cr-mehr a:focus-visible,
body .cr-raster:not(.cr-raster--reihen) > .cr-element:hover .cr-mehr a, body .cr-video .cr-video__start:hover {
	background: var(--cr-farbe-dunkel) !important; border-color: var(--cr-farbe-dunkel) !important; color: #fff !important; }
body .cr-mehr a::before { content: none !important; }
body .cr-mehr a::after { content: "→" !important; position: static !important; display: inline-block !important; transform: none !important; }
/* Zweite Wahl neben einer gefüllten Schaltfläche: umrandet */
body .is-style-zweitrangig .wp-block-button__link { background: transparent !important; color: var(--cr-farbe) !important; }
body .is-style-zweitrangig .wp-block-button__link:hover { background: var(--cr-farbe) !important; border-color: var(--cr-farbe) !important; color: #fff !important; }
/* Auf Petrol-Flächen (Abschluss-Kasten, Fußbereich, Blog-Kachel): weiße Schaltfläche */
body :is(.cr-band, .cr-fuss, .cr-frage-stellen) .wp-block-button__link, body .cr-fuss__knopf a,
body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) .cr-mehr a {
	background: #fff !important; border-color: #fff !important; color: #1E4B50 !important; }
body :is(.cr-band, .cr-fuss, .cr-frage-stellen) .wp-block-button__link:hover, body .cr-fuss__knopf a:hover,
body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]):hover .cr-mehr a { background: #E3EDEE !important; border-color: #E3EDEE !important; color: #1E4B50 !important; }
/* Wissen-Karten: Schaltfläche in der Farbe des Kopfes */
body .cr-wissen-karte--blog .cr-mehr a { --cr-farbe: #2A666C; --cr-farbe-dunkel: #1E4B50; background: #2A666C !important; border-color: #2A666C !important; }
body .cr-wissen-karte--fragen .cr-mehr a { --cr-farbe: #A83660; --cr-farbe-dunkel: #8A2A4E; background: #A83660 !important; border-color: #A83660 !important; }
body .cr-wissen-karte--blog .cr-mehr a:hover { background: #1E4B50 !important; border-color: #1E4B50 !important; }
body .cr-wissen-karte--fragen .cr-mehr a:hover { background: #8A2A4E !important; border-color: #8A2A4E !important; }
/* Video: Abspielen wie eine Schaltfläche, unten links */
body .cr-video .cr-video__start { position: absolute; left: var(--cr-a2) !important; right: auto !important; bottom: var(--cr-a2) !important; top: auto !important; }
body .cr-video .cr-video__icon, body .cr-video .cr-video__start:hover .cr-video__icon { width: .9rem; height: 1rem; background: none !important; border-radius: 0 !important; }
body .cr-video .cr-video__icon::after { left: 0; transform: translateY(-50%); }
/* Begriffe: keine Schaltfläche, der Begriff ist der Link */
body .cr-begriffe .cr-mehr { display: none !important; }
body .cr-begriffe .cr-begriff dt a { text-decoration: none !important; }
body .cr-begriffe .cr-begriff dt a:hover { color: var(--cr-farbe) !important; text-decoration: underline !important; text-underline-offset: 4px; }

/* 5 · Unsere Geschichte: Kernbox */
body .cr-kernbox { background: #E3EDEE; border-radius: var(--cr-ecke-flaeche); padding: var(--cr-a4) !important; margin-top: var(--cr-a3) !important; max-width: 40rem; }
body .cr-kernbox > * { margin: 0 !important; }
body .cr-kernbox > p:first-child { font-size: clamp(1.1875rem, 1.1rem + .35vw, 1.375rem) !important; font-weight: 700 !important; line-height: 1.45 !important; color: #1E4B50 !important; }
body .cr-kernbox > p + p { margin-top: var(--cr-a2) !important; font-size: 1.125rem !important; line-height: 1.6 !important; }

/* 6 · Videos: Hinweis mit Abstand */
body .cr-video__hinweis { margin-top: var(--cr-a4) !important; }
body .cr-video__text p { color: var(--wp--preset--color--tinte) !important; }
/* Punkt 1, mit Vorrang vor allen älteren Farbregeln */
html body :is(h1, h2, h3, h4, summary, dt, dt a, .cr-preis):not(#cr-x), html body .cr-raster .cr-element h3 a:not(#cr-x), html body .cr-artikel h3 a:not(#cr-x) { color: #1E4B50 !important; }
html body :is(.cr-band, .cr-klarstellung, .cr-fuss, .cr-frage-stellen, .cr-wissen-karte__kopf) :is(h1, h2, h3, h4):not(#cr-x),
html body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > h3:not(#cr-x) { color: #fff !important; }
html body .cr-fuss .cr-fuss__navi h3:not(#cr-x) { color: #fff !important; }
html body .cr-begriffe .cr-begriff dt a:not(#cr-x):hover { color: var(--cr-farbe) !important; }
/* Punkt 2: letztes Element eines Abschnitts ohne eigenen Außenabstand, damit überall genau eine Stufe zählt */
html body .cr-abschnitt > :last-child:not(#cr-x), html body .cr-abschnitt > .wp-block-columns > .wp-block-column > :last-child:not(#cr-x), html body .cr-fragen > :last-child, html body .cr-videos > :last-child { margin-bottom: 0 !important; }
/* Punkt 2: Kapitel von „Unsere Geschichte“ in derselben Stufe (68 px) */
html body .cr-abschnitt.cr-kapitel:not(#cr-x) { padding-top: var(--cr-a5) !important; padding-bottom: 0 !important; --cr-luft: var(--cr-a5); }
html body .cr-abschnitt.cr-kapitel:not(:has(~ .cr-abschnitt)):not(#cr-x) { padding-bottom: var(--cr-a5) !important; }
html body .cr-einstieg + .cr-abschnitt.cr-kapitel::before { top: calc(var(--cr-a5) + .6rem) !important; }
/* Punkt 4, mit Vorrang vor älteren Hover-Regeln */
html body .cr-mehr a:not(#cr-x), html body .wp-block-button:not(.is-style-zweitrangig) .wp-block-button__link:not(#cr-x) { background: var(--cr-farbe) !important; border-color: var(--cr-farbe) !important; color: #fff !important; }
html body .cr-mehr a:not(#cr-x):hover, html body .cr-raster:not(.cr-raster--reihen) > .cr-element:hover .cr-mehr a:not(#cr-x), html body .wp-block-button:not(.is-style-zweitrangig) .wp-block-button__link:not(#cr-x):hover { background: var(--cr-farbe-dunkel) !important; border-color: var(--cr-farbe-dunkel) !important; color: #fff !important; }
html body :is(.cr-band, .cr-fuss, .cr-frage-stellen) .wp-block-button__link:not(#cr-x), html body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) .cr-mehr a:not(#cr-x) { background: #fff !important; border-color: #fff !important; color: #1E4B50 !important; }
html body :is(.cr-band, .cr-fuss, .cr-frage-stellen) .wp-block-button__link:not(#cr-x):hover, html body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]):hover .cr-mehr a:not(#cr-x) { background: #E3EDEE !important; border-color: #E3EDEE !important; color: #1E4B50 !important; }
html body .cr-wissen-karte--blog .cr-mehr a:not(#cr-x) { background: #2A666C !important; border-color: #2A666C !important; }
html body .cr-wissen-karte--blog .cr-mehr a:not(#cr-x):hover { background: #1E4B50 !important; border-color: #1E4B50 !important; }
html body .cr-wissen-karte--fragen .cr-mehr a:not(#cr-x) { background: #A83660 !important; border-color: #A83660 !important; }
html body .cr-wissen-karte--fragen .cr-mehr a:not(#cr-x):hover { background: #8A2A4E !important; border-color: #8A2A4E !important; }
html body :is(.cr-band, .cr-fuss, .cr-frage-stellen) .wp-block-button.wp-block-button .wp-block-button__link:not(#cr-x):not(#cr-y) { background: #fff !important; border-color: #fff !important; color: #1E4B50 !important; }
html body :is(.cr-band, .cr-fuss, .cr-frage-stellen) .wp-block-button.wp-block-button .wp-block-button__link:not(#cr-x):not(#cr-y):hover { background: #E3EDEE !important; border-color: #E3EDEE !important; color: #1E4B50 !important; }
/* Fußbereich: Texte hell (Vorrang vor der allgemeinen Textfarbe) */
html body .cr-fuss :is(p, li, a, span):not(#cr-x) { color: rgba(255, 255, 255, .88) !important; }
html body .cr-fuss .cr-fuss__knopf a:not(#cr-x) { color: #1E4B50 !important; }
html body .cr-band :is(p, li):not(#cr-x), html body .cr-frage-stellen p:not(#cr-x), html body .cr-wissen-karte__kopf p:not(#cr-x), html body .cr-raster--gedanken > .cr-element:has(.cr-mehr a[href$="/blog/"]) > p:not(.cr-mehr):not(#cr-x) { color: rgba(255, 255, 255, .92) !important; }

/* =========================================================
   1.4.22 · Mein Angebot in Reihen (abgestimmt mit Sebastian, Punkt 5)
   Je Angebot eine Reihe: Bild und Text nebeneinander, abwechselnd links und rechts.
   Aufbau: .cr-raster--reihen > .cr-element > (Bild) + .cr-angebot__text
   ========================================================= */
html body .cr-raster.cr-raster--reihen:not(#cr-x) { display: flex !important; flex-direction: column; align-items: stretch !important; gap: var(--cr-a5) !important; }
html body .cr-raster--reihen > .cr-element:not(#cr-x) { display: grid !important; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--cr-a5); align-items: center; border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; height: auto !important; overflow: visible; }
html body .cr-raster--reihen > .cr-element:hover:not(#cr-x) { box-shadow: none !important; }
html body .cr-raster--reihen > .cr-element > .wp-block-image:not(#cr-x) { margin: 0 !important; }
html body .cr-raster--reihen > .cr-element > .wp-block-image img:not(#cr-x) { border-radius: var(--cr-ecke-flaeche) !important; width: 100%; height: auto !important; aspect-ratio: 3 / 2 !important; object-fit: cover; }
html body .cr-raster--reihen > .cr-element:nth-child(even) > .wp-block-image:not(#cr-x) { order: 2; }
html body .cr-raster--reihen > .cr-element > .cr-angebot__text:not(#cr-x) { margin: 0 !important; padding: 0 !important; max-width: 36rem; }
html body .cr-raster--reihen .cr-angebot__text > *:not(#cr-x) { margin: 0 !important; padding: 0 !important; }
html body .cr-raster--reihen .cr-angebot__text > h3:not(#cr-x) { font-size: clamp(1.5rem, 1.2rem + .9vw, 2rem) !important; }
html body .cr-raster--reihen .cr-angebot__text > h3 + *:not(#cr-x) { margin-top: var(--cr-a2) !important; }
html body .cr-raster--reihen .cr-angebot__text > p + .cr-schlagworte:not(#cr-x) { margin-top: var(--cr-a3) !important; }
html body .cr-raster--reihen .cr-angebot__text > :not(.cr-mehr) + .cr-mehr:not(#cr-x) { margin-top: var(--cr-a4) !important; }
html body .cr-raster--reihen .cr-angebot__text > .cr-mehr + .cr-mehr:not(#cr-x) { margin-top: var(--cr-a2) !important; }
@media (max-width: 781px) {
	html body .cr-raster--reihen > .cr-element:not(#cr-x) { grid-template-columns: minmax(0, 1fr); row-gap: var(--cr-a3); }
	html body .cr-raster--reihen > .cr-element:nth-child(even) > .wp-block-image:not(#cr-x) { order: 0; }
}