/* =====================================================================
   OpenKMU – Design-Schicht (Kadence Child)
   ---------------------------------------------------------------------
   Swiss-Style: viel Weissraum, harte Kanten, präzise Typo, EIN roter
   Akzent, Teal als leises Sekundär. Greift über Klassen-Hooks, die der
   Setup-Importer in die Block-Inhalte legt – die Blöcke selbst bleiben
   im Editor frei bearbeitbar (Klassen: Block-Sidebar → «Zusätzliche
   CSS-Klasse(n)»). Eigene Regeln bitte unten anfügen.
   ===================================================================== */

:root{
	--okmu-teal:#3BA9A0;
	--okmu-teal-ink:#17685F;
	--okmu-line:color-mix(in srgb,var(--global-palette3,#0E1116) 12%,transparent);
	--okmu-grid:color-mix(in srgb,var(--global-palette3,#0E1116) 6%,transparent);
	--okmu-grid-dark:rgba(59,169,160,.10);
}

/* ---------- Grund-Feinschliff ---------- */
.entry-content h1,.entry-content h2{letter-spacing:-.02em}
.entry-content h2{margin-top:2.6em}
.entry-content h2:first-child{margin-top:0}
.wp-block-button__link,.wp-element-button{font-weight:600;padding:.55em 1.5em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.wp-block-button__link:hover,.wp-element-button:hover{transform:translateY(-1px);box-shadow:0 14px 26px -10px color-mix(in srgb,var(--global-palette1,#E30613) 55%,transparent)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{box-shadow:0 10px 20px -12px rgba(0,0,0,.35)}
.entry-content a:not(.wp-block-button__link):not(.okmu-btn){text-decoration-thickness:1.5px;text-underline-offset:.18em}

/* ---------- Eyebrow / Kicker ---------- */
.okmu-eyebrow{
	font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
	font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--global-palette1,#E30613);margin:0 0 .4rem;
}
.okmu-eyebrow::before{content:"—";margin-right:.55em;color:var(--okmu-teal)}
.okmu-eyebrow+h2{margin-top:0}

/* ---------- Hero ---------- */
.okmu-hero{
	position:relative;
	background:
		radial-gradient(1100px 480px at 82% -10%,color-mix(in srgb,var(--okmu-teal) 9%,transparent),transparent 60%),
		linear-gradient(var(--okmu-grid) 1px,transparent 1px),
		linear-gradient(90deg,var(--okmu-grid) 1px,transparent 1px);
	background-size:auto,44px 44px,44px 44px;
	border-bottom:1px solid var(--okmu-line);
}
.okmu-hero h1{
	font-size:clamp(2.5rem,5.6vw,4.1rem);line-height:1.06;letter-spacing:-.03em;margin-bottom:.4em;
}
.okmu-hero h1 span{position:relative;white-space:nowrap}
.okmu-hero h1 span::after{
	content:"";position:absolute;left:0;right:0;bottom:.04em;height:.14em;
	background:color-mix(in srgb,var(--global-palette1,#E30613) 22%,transparent);z-index:-1;border-radius:2px;
}
.okmu-hero p{max-width:56ch}
.okmu-hero .wp-block-buttons{margin-top:1.6rem}

/* ---------- Trust-Zeile ---------- */
.okmu-trustline{
	display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 2rem;
	margin:1.9rem auto 0;padding:1rem 0;font-size:.86rem;color:var(--global-palette5,#4A525C);
	border-top:1px solid var(--okmu-line);border-bottom:1px solid var(--okmu-line);
}
.okmu-trustline strong{color:var(--okmu-teal-ink);font-weight:700;margin-right:.3em}

/* ---------- Schritt-Nummern («So funktioniert's») ---------- */
.okmu-step-nr{
	font-family:'JetBrains Mono',ui-monospace,monospace;font-size:1.15rem;font-weight:700;
	color:var(--okmu-teal-ink);width:2.4em;height:2.4em;display:grid;place-items:center;
	border:1.5px solid var(--okmu-teal);border-radius:999px;margin:0 0 .9rem;
	background:color-mix(in srgb,var(--okmu-teal) 8%,transparent);
}
.okmu-step-nr+h3{margin-top:0}

/* ---------- Stats ---------- */
.okmu-stat{border-top:2px solid var(--okmu-teal);padding-top:1rem}
.okmu-stat__nr{
	font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;
	font-size:clamp(2.2rem,4.5vw,3.2rem);line-height:1;margin:0 0 .25rem;color:var(--okmu-teal);
}
.okmu-stat__lbl{margin:0;font-size:.9rem;letter-spacing:.02em;opacity:.85}

/* ---------- Bänder (alignfull-Gruppen) ---------- */
.okmu-band{position:relative}
.okmu-band--light{
	background:
		linear-gradient(var(--okmu-grid) 1px,transparent 1px),
		linear-gradient(90deg,var(--okmu-grid) 1px,transparent 1px),
		var(--global-palette8,#F5F6F7)!important;
	background-size:44px 44px,44px 44px,auto;
	border-top:1px solid var(--okmu-line);border-bottom:1px solid var(--okmu-line);
}
.okmu-band--dark{
	background:
		radial-gradient(900px 420px at 18% 0%,rgba(59,169,160,.16),transparent 62%),
		linear-gradient(var(--okmu-grid-dark) 1px,transparent 1px),
		linear-gradient(90deg,var(--okmu-grid-dark) 1px,transparent 1px),
		var(--global-palette3,#0E1116)!important;
	background-size:auto,44px 44px,44px 44px,auto;
	color:var(--global-palette8,#F5F6F7);
}
.okmu-band--dark h2,.okmu-band--dark h3{color:#fff}
.okmu-band--dark p{color:color-mix(in srgb,#fff 82%,transparent)}
.okmu-band--dark .okmu-stat__lbl{color:color-mix(in srgb,#fff 70%,transparent)}
.okmu-band--dark .wp-block-button.is-style-outline .wp-block-button__link{color:#fff;border-color:color-mix(in srgb,#fff 45%,transparent)}
.okmu-band--dark .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:#fff;color:#fff}
.okmu-band--cta{
	background:
		radial-gradient(720px 300px at 50% -30%,color-mix(in srgb,var(--global-palette1,#E30613) 10%,transparent),transparent 65%),
		var(--global-palette8,#F5F6F7)!important;
	border-top:1px solid var(--okmu-line);text-align:center;
}
.okmu-band--cta h2{font-size:clamp(1.8rem,3.6vw,2.5rem)}

/* ---------- FAQ (Core-Details) ---------- */
.entry-content .wp-block-details{
	border:1px solid var(--okmu-line);border-radius:12px;background:var(--global-palette9,#fff);
	padding:0;margin-bottom:.7rem;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;
}
.entry-content .wp-block-details:hover{border-color:color-mix(in srgb,var(--okmu-teal) 50%,var(--okmu-line))}
.entry-content .wp-block-details[open]{box-shadow:0 12px 26px -14px rgba(0,0,0,.14)}
.entry-content .wp-block-details summary{
	list-style:none;cursor:pointer;font-weight:600;padding:1rem 3rem 1rem 1.2rem;position:relative;color:var(--global-palette3,#0E1116);
}
.entry-content .wp-block-details summary::-webkit-details-marker{display:none}
.entry-content .wp-block-details summary::after{
	content:"+";position:absolute;right:1.1rem;top:50%;translate:0 -50%;
	font-family:'JetBrains Mono',monospace;font-size:1.25rem;font-weight:700;color:var(--okmu-teal);
	transition:rotate .18s ease;
}
.entry-content .wp-block-details[open] summary::after{rotate:45deg}
.entry-content .wp-block-details>*:not(summary){padding:0 1.2rem}
.entry-content .wp-block-details>p:last-child{padding-bottom:1.05rem;margin-bottom:0;color:var(--global-palette5,#4A525C)}

/* ---------- Tabellen ---------- */
.entry-content .wp-block-table table{border:1px solid var(--okmu-line);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
.entry-content .wp-block-table th,.entry-content .wp-block-table td{border:0;border-bottom:1px solid var(--okmu-line);padding:.75em .95em}
.entry-content .wp-block-table thead th{background:var(--global-palette8,#F5F6F7);font-family:'Space Grotesk',inherit;letter-spacing:.01em}
.entry-content .wp-block-table tbody tr:last-child th,.entry-content .wp-block-table tbody tr:last-child td{border-bottom:0}
.entry-content .wp-block-table tbody th[scope=row]{color:var(--global-palette3,#0E1116);font-weight:600;background:color-mix(in srgb,var(--global-palette8,#F5F6F7) 55%,transparent)}

/* ---------- Reveals (progressive enhancement via reveal.js) ---------- */
.okmu-will-reveal{opacity:0;translate:0 14px;transition:opacity .55s ease,translate .55s ease}
.okmu-revealed{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){
	.okmu-will-reveal{opacity:1;translate:none;transition:none}
	.wp-block-button__link:hover{transform:none}
}

/* --- Ab hier Ihre eigenen Regeln --- */