/*
 * CI-Entwurf inspirezz (docs/ci/system/, 26.10.2026), nur mit dem Schalter inspirezz_ci (inc/ci.php). Jede Regel hängt an
 * body.inspirezz-ci, damit sie die Regeln der Elementor-Seiten (eine Klasse) unabhängig von der Ladereihenfolge schlägt.
 * Seitenbezogene Regeln nennen die Element-ID und die Seite. Werte: system/tokens.json.
 */
body.inspirezz-ci {
	--ci-tinte: #2b2b2b;
	--ci-akzent: #ea6363;
	--ci-akzent-dunkel: #c03737;
	--ci-grau: #6b6b6b;
	--ci-grau-hell: #9a9a9a;
	--ci-aus: #c9c9ce;
	--ci-flaeche: #f5f5f7;
	--ci-linie: #dcdce0;
	--ci-radius: 8px;
	--ci-schatten: 0 10px 30px rgba(43, 43, 43, .08);
	--ci-tempo: .2s;
	--ci-kopf: 80px; /* Höhe des Seitenkopfs, setzt ci.js */
}

/* ---------- Schrift: Poppins 400–700, kein 800; Größen aus tokens.json ---------- */
body.inspirezz-ci.elementor-kit-5035 {
	--e-global-typography-af56d6e-font-size: 48px;
	--e-global-typography-af56d6e-font-weight: 700;
	--e-global-typography-af56d6e-line-height: 1.15em;
	--e-global-typography-34c5e2c-font-size: 36px;
	--e-global-typography-34c5e2c-font-weight: 700;
	--e-global-typography-34c5e2c-line-height: 1.25em;
	--e-global-typography-2426a2e-font-size: 22px;
	--e-global-typography-2426a2e-font-weight: 600;
	--e-global-typography-2426a2e-line-height: 1.35em;
	--e-global-typography-text-font-size: 17px;
	--e-global-typography-text-line-height: 1.75em;
	--e-global-typography-9674270-font-size: 17px;
	--e-global-typography-9674270-line-height: 1.75em;
	--e-global-typography-accent-font-size: 17px;
	--e-global-typography-accent-line-height: 1.75em;
	--e-global-typography-71e0bbf-font-size: 19px;
	--e-global-typography-71e0bbf-font-weight: 700;
}
@media (max-width: 1024px) {
	body.inspirezz-ci.elementor-kit-5035 { --e-global-typography-af56d6e-font-size: 38px; --e-global-typography-34c5e2c-font-size: 30px; --e-global-typography-2426a2e-font-size: 20px; }
}
@media (max-width: 767px) {
	body.inspirezz-ci.elementor-kit-5035 { --e-global-typography-af56d6e-font-size: 32px; --e-global-typography-34c5e2c-font-size: 26px; --e-global-typography-2426a2e-font-size: 19px; --e-global-typography-text-font-size: 16px; --e-global-typography-9674270-font-size: 16px; --e-global-typography-accent-font-size: 16px; --e-global-typography-71e0bbf-font-size: 19px; }
}
body.inspirezz-ci .elementor-heading-title { text-wrap: balance; }
body.inspirezz-ci .elementor h1.elementor-heading-title,
body.inspirezz-ci .elementor h2.elementor-heading-title { font-weight: 700 !important; letter-spacing: -.01em; }

/* Links im Fließtext des Inhalts (nicht Kopf und Fuß): akzent-dunkel, unterstrichen (5,5:1 statt 3,3:1) */
body.inspirezz-ci main .elementor-widget-text-editor a:not(.elementor-button),
body.inspirezz-ci main .elementor-widget-icon-list .elementor-icon-list-text a,
body.inspirezz-ci main .post-tags a,
body.inspirezz-ci main .inspirezz-formular label a {
	color: var(--ci-akzent-dunkel) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
}
/* Hover ohne den hellen Akzent: Schrift in --ci-akzent hätte auf Weiß 3,25:1 (Gegencheck CI live, N5). */
body.inspirezz-ci main .elementor-widget-text-editor a:not(.elementor-button):hover { color: var(--ci-akzent-dunkel) !important; text-decoration-thickness: 2px; }
/* Lange Adressen im Text brechen um, statt die Seite am Handy zu verbreitern (Datenschutz, Gehaltscheck-Beitrag) */
body.inspirezz-ci main .elementor-widget-text-editor { overflow-wrap: anywhere; }

/* Keine Einflug-Animationen (Blog-Überschrift, Kampagnenseiten): Inhalte stehen sofort da, wie im Glossar (Rob, 26.10.) */
body.inspirezz-ci .elementor-invisible { visibility: visible !important; }
body.inspirezz-ci .elementor-element.animated { animation: none !important; }

/* ---------- Knöpfe: ein Stil, Ecke 8 px ---------- */
body.inspirezz-ci .elementor-button {
	border-radius: var(--ci-radius) !important;
	box-shadow: none !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	transition: background-color var(--ci-tempo), color var(--ci-tempo), border-color var(--ci-tempo) !important;
}
body.inspirezz-ci .elementor-button:hover, body.inspirezz-ci .elementor-button:focus-visible {
	background-color: var(--ci-akzent-dunkel) !important; border-color: var(--ci-akzent-dunkel) !important; color: #fff !important;
}
body.inspirezz-ci .elementor-5104 .elementor-element .elementor-button { padding: 10px 20px; }
/* Formulare (Cheat Sheet, Checkliste): dunkler Knopf → primär */
body.inspirezz-ci .inspirezz-formular .elementor-button { background-color: var(--ci-akzent) !important; color: #fff !important; }

/* ---------- Flächen und Ecken ---------- */
/* Startseite #8492: Kästen und Zitate mit 8 px, Akzent sparsam, Zeile über den Logos lesbar */
body.inspirezz-ci .elementor-element-9363fb7, body.inspirezz-ci .elementor-element-900fb71, body.inspirezz-ci .elementor-element-7bd61bc,
body.inspirezz-ci .elementor-element-ba0fce6, body.inspirezz-ci .elementor-element-1b3b0c5, body.inspirezz-ci .elementor-element-cde1524,
body.inspirezz-ci .elementor-element-dc41f8c, body.inspirezz-ci .elementor-element-fc51f92, body.inspirezz-ci .elementor-element-5758310,
body.inspirezz-ci .elementor-element-edcd8c6, body.inspirezz-ci .elementor-element-5107323 { --border-radius: var(--ci-radius) !important; border-radius: var(--ci-radius) !important; }
body.inspirezz-ci .elementor-element-e0e203e .elementor-heading-title,
body.inspirezz-ci .elementor-element-19bd924 .elementor-heading-title { color: var(--ci-tinte) !important; }
body.inspirezz-ci .elementor-element-9fd6334, body.inspirezz-ci .elementor-element-9fd6334 * { color: var(--ci-grau) !important; }

/* Über mich #13513: Karte mit Linie statt Schatten, Zwischenüberschriften in Tinte */
body.inspirezz-ci .elementor-element-927e300 { border: 1px solid var(--ci-linie) !important; box-shadow: none !important; --border-radius: var(--ci-radius) !important; border-radius: var(--ci-radius) !important; }
body.inspirezz-ci .elementor-element-cc91e45 .elementor-heading-title, body.inspirezz-ci .elementor-element-0a25c15 .elementor-heading-title,
body.inspirezz-ci .elementor-element-49868d4 .elementor-heading-title, body.inspirezz-ci .elementor-element-a56b6f9 .elementor-heading-title,
body.inspirezz-ci .elementor-element-4462761 .elementor-heading-title, body.inspirezz-ci .elementor-element-875097d .elementor-heading-title,
body.inspirezz-ci .elementor-element-9e25a1e .elementor-heading-title, body.inspirezz-ci .elementor-element-de5eb86 .elementor-heading-title,
body.inspirezz-ci .elementor-element-1145843 .elementor-heading-title, body.inspirezz-ci .elementor-element-387ab02 .elementor-heading-title { color: var(--ci-tinte) !important; }

/* Kontakt #5159: helles Band statt Grau, Formular ohne Leuchtrand */
body.inspirezz-ci .elementor-element-e8ca93d:not(.elementor-motion-effects-element-type-background) { background-color: var(--ci-flaeche) !important; }
body.inspirezz-ci .elementor-element-167cb5e, body.inspirezz-ci .elementor-element-0e6e1cf,
body.inspirezz-ci .elementor-element-167cb5e p, body.inspirezz-ci .elementor-element-0e6e1cf p { color: var(--ci-grau) !important; }
body.inspirezz-ci .elementor-element-f4bc3b9 .elementor-heading-title { color: var(--ci-tinte) !important; }
body.inspirezz-ci .elementor-element-a5d6866 .elementor-heading-title { color: #fff !important; }
body.inspirezz-ci .elementor-element-6edbb0a { border: 1px solid var(--ci-linie) !important; box-shadow: none !important; --border-radius: var(--ci-radius) !important; border-radius: var(--ci-radius) !important; }
body.inspirezz-ci .elementor-element-db736e5 { box-shadow: none !important; }

/* Cheat Sheet #9769 und Checkliste #11883: helles Band statt Hellgrau mit weißer Schrift, Verlauf → Tinte */
body.inspirezz-ci .elementor-element-694f267:not(.elementor-motion-effects-element-type-background) { background-color: var(--ci-flaeche) !important; }
body.inspirezz-ci .elementor-element-ab3287f .elementor-heading-title,
body.inspirezz-ci .elementor-element-5bcecc0 .elementor-heading-title { color: var(--ci-tinte) !important; }
body.inspirezz-ci .elementor-element-3a72b11 .elementor-icon-list-text,
body.inspirezz-ci .elementor-element-0769fc5 .elementor-icon-list-text { color: var(--ci-grau) !important; }
body.inspirezz-ci .elementor-element-3a72b11 .elementor-icon-list-text :is(b, strong, span[style]),
body.inspirezz-ci .elementor-element-0769fc5 .elementor-icon-list-text :is(b, strong, span[style]) { color: var(--ci-akzent-dunkel) !important; }
body.inspirezz-ci .elementor-element-a2571fc label { color: var(--ci-grau) !important; }
body.inspirezz-ci .elementor-element-62d706b { background-color: var(--ci-tinte) !important; background-image: none !important; }
body.inspirezz-ci main .elementor-element-62d706b .elementor-widget-text-editor a:not(.elementor-button) { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }

/* 404 (Theme, Vorlage #6996): dunkles Band statt rotem Foto */
body.inspirezz-ci .elementor-6996 .elementor-element-476d4baf:not(.elementor-motion-effects-element-type-background) { background-color: var(--ci-tinte) !important; background-image: none !important; }

/* Danke-Seiten #10293, #11906: Überschrift über den Logos in Tinte */
body.inspirezz-ci .elementor-element-1836f17 .elementor-heading-title { color: var(--ci-tinte) !important; }

/* ---------- Formularfelder ---------- */
body.inspirezz-ci .inspirezz-formular .elementor-field-group .elementor-field {
	border: 1px solid var(--ci-linie) !important; border-radius: var(--ci-radius) !important; min-height: 48px;
	transition: border-color var(--ci-tempo), box-shadow var(--ci-tempo);
}
body.inspirezz-ci .inspirezz-formular .elementor-field-group textarea.elementor-field { min-height: 120px; }
body.inspirezz-ci .inspirezz-formular .elementor-field-group .elementor-field:focus {
	border-color: var(--ci-akzent) !important; box-shadow: 0 0 0 3px rgba(234, 99, 99, .18) !important; outline: none;
}
body.inspirezz-ci .inspirezz-formular input[type="radio"], body.inspirezz-ci .inspirezz-formular input[type="checkbox"] { accent-color: var(--ci-akzent); }

/* ---------- Typografie einheitlich, Maß ist das Glossar (Rob, 26.10.: Schrift auf Start und Über mich wich ab) ---------- */
/* H1 überall 48 px (Handy 32), H2 der Seiten 36 px (Handy 26); Kennzahlen und Säulen der Startseite behalten ihre Größe */
body.inspirezz-ci main h1.elementor-heading-title { font-size: var(--e-global-typography-af56d6e-font-size) !important; letter-spacing: -.01em; line-height: 1.15 !important; }
body.inspirezz-ci:not(.single-post):not(.page-id-4041):not(.page-id-8543) main .elementor-widget-heading:not(.elementor-element-68c4d46):not(.elementor-element-2479560):not(.elementor-element-0558699):not(.elementor-element-f011399):not(.elementor-element-7fc3aa1):not(.elementor-element-54c0550):not(.elementor-element-fc4b27c):not(.elementor-element-d4f4bca):not(.elementor-element-2a5a62c) h2.elementor-heading-title {
	font-size: var(--e-global-typography-34c5e2c-font-size) !important; line-height: 1.25 !important;
}
/* H3 überall 22 px/600 (Kampagnenseiten hatten 32 px) */
body.inspirezz-ci main h3.elementor-heading-title { font-size: var(--e-global-typography-2426a2e-font-size) !important; font-weight: 600 !important; line-height: 1.35 !important; }
/* Startseite #8492: Fließtext dunkel und 17 px wie im Glossar (vorher Grau 17–18 px); Einleitungen und Unterzeilen bleiben grau */
body.inspirezz-ci :is(.elementor-element-c5976a6, .elementor-element-5d6b214, .elementor-element-7452002, .elementor-element-bacf3be, .elementor-element-63da30f, .elementor-element-3437f1c, .elementor-element-e660105, .elementor-element-b88761d, .elementor-element-eb57dca, .elementor-element-ebc4469, .elementor-element-583f057, .elementor-element-ea5f91f) {
	color: var(--ci-tinte) !important; font-size: var(--e-global-typography-text-font-size) !important; line-height: 1.75 !important;
}
/* Lesetexte (Beiträge, Impressum #4041, Datenschutz #8543): wie die Glossar-Einträge */
body.inspirezz-ci:is(.single-post, .page-id-4041, .page-id-8543) main :is(h2.elementor-heading-title, .elementor-widget-text-editor h2) {
	color: var(--ci-tinte) !important; font-size: 26px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.3 !important; text-align: left !important;
}
body.inspirezz-ci:is(.single-post, .page-id-4041, .page-id-8543) main :is(h3.elementor-heading-title, .elementor-widget-text-editor h3) {
	color: var(--ci-tinte) !important; font-size: 22px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.35 !important;
}
body.inspirezz-ci:is(.single-post, .page-id-4041, .page-id-8543) main .elementor-widget-text-editor h4 { color: var(--ci-tinte) !important; font-size: 19px !important; font-weight: 600 !important; }
body.inspirezz-ci:is(.single-post, .page-id-4041, .page-id-8543) main .elementor-widget-text-editor :is(p, li) { font-size: var(--e-global-typography-text-font-size) !important; line-height: 1.75 !important; }
@media (max-width: 767px) {
	body.inspirezz-ci:is(.single-post, .page-id-4041, .page-id-8543) main :is(h2.elementor-heading-title, .elementor-widget-text-editor h2) { font-size: 22px !important; }
	body.inspirezz-ci:is(.single-post, .page-id-4041, .page-id-8543) main :is(h3.elementor-heading-title, .elementor-widget-text-editor h3) { font-size: 19px !important; }
}
/* Impressum und Datenschutz: helles Band mit dem Titel, Text in Lesebreite */
body.inspirezz-ci :is(.elementor-element-2c45869, .elementor-element-aefdd2f) { display: none !important; }
body.inspirezz-ci :is(.elementor-element-50cf4f4, .elementor-element-d43eb6c):not(.elementor-motion-effects-element-type-background) { background-color: var(--ci-flaeche) !important; }
body.inspirezz-ci :is(.elementor-element-50cf4f4, .elementor-element-d43eb6c) { --padding-top: 64px !important; --padding-bottom: 40px !important; margin-bottom: 40px !important; }
body.inspirezz-ci :is(.elementor-element-50cf4f4, .elementor-element-d43eb6c) .elementor-heading-title { color: var(--ci-tinte) !important; text-align: left !important; }
@media (max-width: 767px) { body.inspirezz-ci :is(.elementor-element-50cf4f4, .elementor-element-d43eb6c) { --padding-top: 40px !important; --padding-bottom: 24px !important; margin-bottom: 24px !important; } }

/* ---------- Kleine Akzent-Schrift auf hellem Grund: akzent-dunkel (5,5:1); gewählte Chips und Buchstaben ebenso ---------- */
body.inspirezz-ci :is(.elementor-element-73192ae, .elementor-element-b109348, .elementor-element-ccb2b2d, .elementor-element-d51a0ff, .elementor-element-6d452c2),
body.inspirezz-ci :is(.elementor-element-73192ae, .elementor-element-b109348, .elementor-element-ccb2b2d, .elementor-element-d51a0ff, .elementor-element-6d452c2) * { color: var(--ci-akzent-dunkel) !important; }
body.inspirezz-ci .elementor-element-8529484, body.inspirezz-ci .elementor-element-8529484 * { color: var(--ci-akzent-dunkel) !important; }
/* Kontur-Knöpfe in den „Für wen“-Kästen */
body.inspirezz-ci :is(.elementor-element-eb5a26d, .elementor-element-c8072ef, .elementor-element-1965d31) .elementor-button:not(:hover) { border-color: var(--ci-akzent-dunkel) !important; color: var(--ci-akzent-dunkel) !important; }
/* Glossar (Modul im selben Plugin): Augenbraue, „Mehr erfahren“, aktiver Buchstabe; Titel 48 px wie überall */
body.inspirezz-ci .glossar-seite .glossar-augenbraue,
body.inspirezz-ci .glossar-seite .glossar-karte-mehr { color: var(--ci-akzent-dunkel); }
body.inspirezz-ci .glossar-seite .glossar-leiste a[aria-current="true"] { background: var(--ci-akzent-dunkel); }
body.inspirezz-ci .glossar-seite .glossar-titel { font-size: clamp(32px, 4.4vw, 48px); }
/* Hover im Glossar ebenso ohne hellen Akzent als Schrift (glossar.css; Gegencheck CI live, N5, breiter nachgemessen).
   Einzeln statt :is(), damit die Regel nicht spezifischer wird als der aktive Buchstabe (weiß auf Rot). */
body.inspirezz-ci .glossar-seite .glossar-leiste a:not([aria-current="true"]):hover { color: var(--ci-akzent-dunkel); }
body.inspirezz-ci .glossar-seite .glossar-karte a:hover .glossar-karte-titel { color: var(--ci-akzent-dunkel); }
body.inspirezz-ci .glossar-seite .glossar-pfad a:hover { color: var(--ci-akzent-dunkel); }
body.inspirezz-ci .glossar-seite .glossar-chips a:hover { color: var(--ci-akzent-dunkel); }
body.inspirezz-ci .glossar-seite .glossar-nachbar:hover { color: var(--ci-akzent-dunkel); }
body.inspirezz-ci .glossar-seite .glossar-text a:hover { color: var(--ci-akzent-dunkel); text-decoration-thickness: 2px; }
body.inspirezz-ci .ci-themen button[aria-pressed="true"],
body.inspirezz-ci .ci-reiter button[aria-selected="true"] { background: var(--ci-akzent-dunkel) !important; border-color: var(--ci-akzent-dunkel) !important; }

/* ---------- Kopf, Menü, Fuß ---------- */
/* Kopf und Fuß auf der Breite des Inhalts (vorher 1350 px, Logo nicht bündig mit dem Inhalt) */
body.inspirezz-ci :is(.elementor-element-6be6b57, .elementor-element-40b93fd, .elementor-element-f5a4986) { --content-width: 1140px !important; }
/* Aktiver Menüpunkt auf dem dunklen Kopf: Coral eine Spur heller (#EB6B6B, 4,6:1 statt 4,4:1) */
body.inspirezz-ci .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
body.inspirezz-ci .elementor-location-header .elementor-nav-menu--main .elementor-item:hover { color: #eb6b6b !important; }
/* Ausklappmenü (Tablet hoch, Handy): Poppins statt Montserrat, Trennlinien, aktiver Punkt in akzent */
body.inspirezz-ci .elementor-location-header .elementor-nav-menu--dropdown .elementor-item {
	border-top: 1px solid rgba(255, 255, 255, .08); color: #fff !important; font-family: Poppins, Arial, sans-serif !important; font-size: 17px !important; font-weight: 500 !important;
}
body.inspirezz-ci .elementor-location-header .elementor-nav-menu--dropdown li:first-child .elementor-item { border-top: 0; }
body.inspirezz-ci .elementor-location-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
body.inspirezz-ci .elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover { color: #eb6b6b !important; }

/* ---------- Blog #8601: Band wie das Glossar, Karten, Suche und Themen-Leiste ---------- */
body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-6aa1a65:not(.elementor-motion-effects-element-type-background) { background-color: var(--ci-flaeche) !important; }
body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-6aa1a65 { --padding-top: 72px !important; --padding-bottom: 44px !important; }
body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-a422c20 .elementor-heading-title {
	color: var(--ci-tinte) !important; margin: 0 auto; max-width: 900px;
}
body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-1dab032 { color: var(--ci-grau) !important; font-size: 18px !important; line-height: 1.7 !important; margin: 0 auto; max-width: 720px; }
body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-b1934f8 { display: none; }
body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-c478047 { --gap: 14px !important; --row-gap: 14px !important; }
body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-6bf45c0 { --content-width: 1140px !important; --margin-top: 48px !important; --margin-bottom: 88px !important; }

body.inspirezz-ci .ci-suche { margin: 14px auto 0; max-width: 520px; width: 100%; }
body.inspirezz-ci .ci-suche input {
	appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='6.5'/%3E%3Cpath d='m13.5 13.5 5 5'/%3E%3C/svg%3E") no-repeat 18px 50%;
	border: 1px solid var(--ci-linie); border-radius: 999px; box-sizing: border-box; color: var(--ci-tinte); font: inherit; font-size: 16px; height: 52px; padding: 0 22px 0 50px; width: 100%;
}
body.inspirezz-ci .ci-suche input:focus { border-color: var(--ci-akzent); box-shadow: 0 0 0 3px rgba(234, 99, 99, .18); outline: none; }
body.inspirezz-ci .ci-werkzeug { background: #fff; border-bottom: 1px solid var(--ci-linie); position: sticky; top: var(--ci-kopf); z-index: 5; }
body.inspirezz-ci .ci-themen { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 0 auto; max-width: 1180px; padding: 12px 20px; }
body.inspirezz-ci .ci-themen button,
body.inspirezz-ci .ci-reiter button {
	background: #fff; border: 1px solid var(--ci-linie); border-radius: 999px; color: var(--ci-tinte); cursor: pointer;
	font: 500 15px/1 Poppins, Arial, sans-serif; padding: 10px 16px; transition: border-color var(--ci-tempo), color var(--ci-tempo), background-color var(--ci-tempo); white-space: nowrap;
}
body.inspirezz-ci .ci-themen button:hover, body.inspirezz-ci .ci-reiter button:hover { border-color: var(--ci-akzent); color: var(--ci-akzent-dunkel); }
body.inspirezz-ci .ci-themen button[aria-pressed="true"],
body.inspirezz-ci .ci-reiter button[aria-selected="true"] { background: var(--ci-akzent); border-color: var(--ci-akzent); color: #fff; }
body.inspirezz-ci .ci-themen button:focus-visible, body.inspirezz-ci .ci-reiter button:focus-visible { outline: 2px solid var(--ci-akzent); outline-offset: 2px; }
body.inspirezz-ci .ci-zahl { font-weight: 400; margin-left: 6px; opacity: .6; }
body.inspirezz-ci .ci-leer { color: var(--ci-grau); margin: 32px 0; text-align: center; }

body.inspirezz-ci .inspirezz-blogliste .elementor-posts-container { align-items: stretch !important; display: grid !important; gap: 24px !important; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.inspirezz-ci .inspirezz-blogliste .elementor-post { margin: 0 !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post[hidden] { display: none !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__card {
	border: 1px solid var(--ci-linie) !important; border-radius: var(--ci-radius) !important; box-shadow: none !important;
	transition: border-color var(--ci-tempo), box-shadow var(--ci-tempo), transform var(--ci-tempo) !important;
}
body.inspirezz-ci .inspirezz-blogliste .elementor-post__card:hover { border-color: var(--ci-akzent) !important; box-shadow: var(--ci-schatten) !important; transform: translateY(-2px); }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__thumbnail__link { margin: 0 !important; order: 0; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__thumbnail__link::after { display: none !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__thumbnail { aspect-ratio: 16 / 9; padding-bottom: 0 !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__thumbnail img { height: 100% !important; object-fit: cover; position: static !important; transform: none !important; width: 100% !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__badge {
	background: rgba(255, 255, 255, .94) !important; border-radius: 999px !important; color: var(--ci-tinte) !important;
	font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em; margin: 14px !important; padding: 6px 12px !important;
}
body.inspirezz-ci .inspirezz-blogliste .elementor-post__meta-data { border: 0 !important; color: var(--ci-grau) !important; font-size: 14px !important; letter-spacing: 0 !important; margin: 0 !important; order: 1; padding: 18px 24px 0 !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__meta-data .elementor-post-date { color: inherit !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__text { display: flex !important; flex-direction: column; flex-grow: 1; margin: 0 !important; order: 2; padding: 6px 24px 22px !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__title { font-size: 20px !important; line-height: 1.35 !important; margin: 0 0 10px !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__title a { color: var(--ci-tinte) !important; font-family: Poppins, Arial, sans-serif !important; font-size: inherit !important; font-weight: 600 !important; transition: color var(--ci-tempo); }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__card:hover .elementor-post__title a { color: var(--ci-akzent-dunkel) !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__excerpt { margin: 0 0 16px !important; }
body.inspirezz-ci .inspirezz-blogliste .elementor-post__excerpt p {
	-webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--ci-grau) !important; display: -webkit-box; font-size: 15px !important; letter-spacing: 0 !important; line-height: 1.6 !important; overflow: hidden;
}
body.inspirezz-ci .inspirezz-blogliste .elementor-post__read-more {
	color: var(--ci-akzent-dunkel) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important; margin: auto 0 0 !important; text-transform: none !important;
}
@media (max-width: 1024px) { body.inspirezz-ci .inspirezz-blogliste .elementor-posts-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	body.inspirezz-ci .inspirezz-blogliste .elementor-posts-container { gap: 16px !important; grid-template-columns: 1fr; }
	body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-6aa1a65 { --padding-top: 48px !important; --padding-bottom: 28px !important; }
	body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-1dab032 { font-size: 16px !important; }
	body.inspirezz-ci .elementor-8601 .elementor-element.elementor-element-6bf45c0 { --margin-top: 24px !important; --padding-left: 16px !important; --padding-right: 16px !important; }
	body.inspirezz-ci .ci-themen { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding: 10px 40px 10px 16px; scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, #000 85%, transparent); mask-image: linear-gradient(to right, #000 85%, transparent); }
	body.inspirezz-ci .ci-themen::-webkit-scrollbar { display: none; }
}

/* ---------- Kategorie, Autor, Suche (Theme): Karten wie im Blog ---------- */
body.inspirezz-ci:is(.archive, .search) main.site-main { margin: 0 auto; max-width: 1180px; padding: 48px 20px 88px; }
body.inspirezz-ci:is(.archive, .search) main.site-main .page-header .entry-title { color: var(--ci-tinte); font-size: clamp(30px, 4vw, 44px); font-weight: 700; margin: 0 0 32px; }
body.inspirezz-ci:is(.archive, .search) main.site-main .page-content { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.inspirezz-ci:is(.archive, .search) main.site-main article.post {
	background: #fff; border: 1px solid var(--ci-linie); border-radius: var(--ci-radius); display: flex; flex-direction: column; margin: 0; overflow: hidden;
	transition: border-color var(--ci-tempo), box-shadow var(--ci-tempo), transform var(--ci-tempo);
}
body.inspirezz-ci:is(.archive, .search) main.site-main article.post:hover { border-color: var(--ci-akzent); box-shadow: var(--ci-schatten); transform: translateY(-2px); }
body.inspirezz-ci:is(.archive, .search) main.site-main article.post > a { order: -1; }
body.inspirezz-ci:is(.archive, .search) main.site-main article.post > a img { aspect-ratio: 16 / 9; display: block; height: auto; object-fit: cover; width: 100%; }
body.inspirezz-ci:is(.archive, .search) main.site-main article.post .entry-title { font-size: 20px; font-weight: 600; line-height: 1.35; margin: 18px 24px 8px; }
body.inspirezz-ci:is(.archive, .search) main.site-main article.post .entry-title a { color: var(--ci-tinte); text-decoration: none; }
body.inspirezz-ci:is(.archive, .search) main.site-main article.post:hover .entry-title a { color: var(--ci-akzent-dunkel); }
body.inspirezz-ci:is(.archive, .search) main.site-main article.post p {
	-webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--ci-grau); display: -webkit-box; font-size: 15px; line-height: 1.6; margin: 0 24px 22px; overflow: hidden;
}
body.inspirezz-ci:is(.archive, .search) main.site-main .pagination { display: flex; gap: 8px; justify-content: center; margin-top: 40px; }
body.inspirezz-ci:is(.archive, .search) main.site-main .pagination a {
	border: 1px solid var(--ci-linie); border-radius: 999px; color: var(--ci-tinte); display: inline-block; font-weight: 500; padding: 10px 18px; text-decoration: none;
}
body.inspirezz-ci:is(.archive, .search) main.site-main .pagination a:hover { border-color: var(--ci-akzent); color: var(--ci-akzent-dunkel); }
@media (max-width: 1024px) { body.inspirezz-ci:is(.archive, .search) main.site-main .page-content { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { body.inspirezz-ci:is(.archive, .search) main.site-main .page-content { gap: 16px; grid-template-columns: 1fr; } }

/* ---------- Beiträge, Impressum (#4041), Datenschutz (#8543): Lesebreite wie die Glossar-Einträge ---------- */
body.inspirezz-ci:is(.single-post, .page-id-4041, .page-id-8543) .page-content .e-con-boxed > .e-con-inner { max-width: 820px; }
/* 17 Beiträge sind noch im alten Aufbau mit Sections gebaut: dieselbe Lesebreite (Rob, 26.10.: „die anderen Beiträge“) */
body.inspirezz-ci.single-post .page-content .elementor-section.elementor-section-boxed > .elementor-container { max-width: 820px; }
/* Beitragskopf einheitlich: Bild 40 px unter dem Seitenkopf, Titel 40 px unter dem Bild (Handy 24 px). Vorher 10–52 px
   bzw. 20–131 px, weil leere Abschnitte und Abstandshalter vor dem Titel standen; die fallen hier weg. */
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *):not(:has(.elementor-widget:not(.elementor-widget-spacer))) { display: none !important; }
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):not(:has(.elementor-widget-heading)):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *):has(.elementor-widget-image),
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):has(.elementor-widget-heading):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *) { --padding-bottom: 0px !important; --padding-top: 0px !important; margin-top: 40px !important; padding-bottom: 0 !important; padding-top: 0 !important; }
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):not(:has(.elementor-widget-heading)):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *):has(.elementor-widget-image) :is(.elementor-element-populated, .e-con-inner, .e-con),
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):has(.elementor-widget-heading):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *) :is(.elementor-element-populated, .e-con-inner, .e-con) { --padding-bottom: 0px !important; --padding-top: 0px !important; padding-bottom: 0 !important; padding-top: 0 !important; }
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):not(:has(.elementor-widget-heading)):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *):has(.elementor-widget-image) :is(.elementor-widget-spacer, .elementor-widget-image),
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):has(.elementor-widget-heading):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *) .elementor-widget-spacer { margin: 0 !important; }
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):not(:has(.elementor-widget-heading)):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *):has(.elementor-widget-image) .elementor-widget-spacer,
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):has(.elementor-widget-heading):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *) .elementor-widget-spacer { display: none !important; }
@media (max-width: 767px) {
	body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):not(:has(.elementor-widget-heading)):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *):has(.elementor-widget-image),
	body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):has(.elementor-widget-heading):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *) { margin-top: 24px !important; }
}
/* Titel des Beitrags: die erste Überschrift im ersten Abschnitt mit einer Überschrift, ob als H1 oder (14 Beiträge) als H2
   ausgezeichnet, im Stil h1 (48 px, linksbündig); reine CSS-Auswahl, damit nach dem Laden nichts springt */
body.inspirezz-ci.single-post .page-content > .elementor > :is(.elementor-section, .e-con):has(.elementor-widget-heading):not(:is(.elementor-section, .e-con):has(.elementor-widget-heading) ~ *) .elementor-widget-heading:not(.elementor-widget-heading ~ .elementor-widget-heading) .elementor-heading-title {
	color: var(--ci-tinte) !important; font-size: var(--e-global-typography-af56d6e-font-size) !important; font-weight: 700 !important; letter-spacing: -.01em !important; line-height: 1.15 !important; text-align: left !important;
}
body.inspirezz-ci.single-post .page-content h1.elementor-heading-title,
body.inspirezz-ci.single-post .page-content h2.elementor-heading-title,
body.inspirezz-ci.single-post .page-content .elementor-widget-text-editor :is(h2, h3) { text-align: left !important; }
body.inspirezz-ci.single-post .page-content .elementor-widget-text-editor p { line-height: 1.75; }
body.inspirezz-ci.single-post .page-content .elementor-widget-image img { border-radius: var(--ci-radius); }

/* Inhaltsverzeichnis in Beiträgen: Rahmen und Ecke wie Karten */
body.inspirezz-ci .elementor-widget-table-of-contents, body.inspirezz-ci .elementor-toc { --box-border-color: var(--ci-linie) !important; --box-border-radius: var(--ci-radius) !important; --separator-width: 1px; }
body.inspirezz-ci .elementor-toc__header-title { color: var(--ci-tinte) !important; font-weight: 600 !important; }

/* Vergleich statt breiter Tabelle (ci.js baut ihn aus der Tabelle) */
body.inspirezz-ci .ci-reiter { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 0; }
body.inspirezz-ci .ci-vergleich { display: grid; gap: 16px; margin: 12px 0 24px; }
body.inspirezz-ci .ci-vergleich-karte { background: #fff; border: 1px solid var(--ci-linie); border-radius: var(--ci-radius); padding: 12px 24px; }
body.inspirezz-ci .ci-vergleich-karte[hidden] { display: none; }
body.inspirezz-ci .ci-vergleich-karte h3 { color: var(--ci-tinte); font: 600 20px/1.35 Poppins, Arial, sans-serif; margin: 8px 0 4px; }
body.inspirezz-ci .ci-mit-reitern .ci-vergleich-karte h3 { display: none; }
body.inspirezz-ci .ci-vergleich-karte dl { display: grid; grid-template-columns: minmax(0, 15em) minmax(0, 1fr); margin: 0; }
body.inspirezz-ci .ci-vergleich-karte :is(dt, dd) { border-top: 1px solid #ececf0; margin: 0; padding: 10px 0; }
body.inspirezz-ci .ci-mit-reitern .ci-vergleich-karte :is(dt:first-of-type, dt:first-of-type + dd) { border-top: 0; }
body.inspirezz-ci .ci-vergleich-karte dt { color: var(--ci-grau); font: 500 14px/1.5 Poppins, Arial, sans-serif; padding-right: 20px; }
body.inspirezz-ci .ci-vergleich-karte dd { color: var(--ci-tinte); font: 400 15px/1.6 Poppins, Arial, sans-serif; }
@media (max-width: 600px) {
	body.inspirezz-ci .ci-reiter { flex-wrap: nowrap; overflow-x: auto; padding-right: 40px; scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, #000 85%, transparent); mask-image: linear-gradient(to right, #000 85%, transparent); }
	body.inspirezz-ci .ci-reiter::-webkit-scrollbar { display: none; }
	body.inspirezz-ci .ci-vergleich-karte { padding: 8px 18px; }
	body.inspirezz-ci .ci-vergleich-karte dl { grid-template-columns: 1fr; }
	body.inspirezz-ci .ci-vergleich-karte dt { padding: 10px 0 0; }
	body.inspirezz-ci .ci-vergleich-karte dd { border-top: 0; padding: 2px 0 10px; }
}

@media (prefers-reduced-motion: reduce) {
	body.inspirezz-ci .inspirezz-blogliste .elementor-post__card:hover,
	body.inspirezz-ci:is(.archive, .search) main.site-main article.post:hover { transform: none; }
}