/* =========================================================================
Kirchenaustritt – Design-System (semantische Regeln)
Ziel: hochwertiger, konsistenter Look; Kontrast-Bugs strukturell verhindern.
Stil: modern-clean (Stripe/Linear) x Schweizer Trust x Assistenten-CD (Navy+Grün).
========================================================================= */
/* --- Hero direkt an Navi-Balken (kein weisser Streifen) ------------------- */
.wp-site-blocks > main { margin-block-start: 0 !important; }
/* --- Sektions-Abstände exakt symmetrisch (§9c): Padding steuert allein -----
Erstes/letztes Kind einer Sektion ohne Rand-Margin -> oben = unten. */
main > .wp-block-group > :first-child,
.wp-block-cover__inner-container > :first-child { margin-top: 0; }
main > .wp-block-group > :last-child,
.wp-block-cover__inner-container > :last-child { margin-bottom: 0; }
:root {
--kiau-green: #0A8531;
--kiau-ink: #1E2430;
--kiau-heading-soft: #5B626E; /* Box-/Karten-Titel, weiches Anthrazit (~60% Schwarz) */
--kiau-shadow: 0 3px 18px rgba(28, 43, 69, .08);
--kiau-shadow-lg: 0 8px 28px rgba(28, 43, 69, .12);
}
/* --- Typo-System (§3): feste Rollen -------------------------------------
H1/H2/H3 = Grün (theme.json). Untertitel/Lead (large 19px) = Anthrazit.
Standardtext (medium 17px) = Grau, überall gleich. Klein (14px) = Meta. */
.has-large-font-size { color: var(--kiau-ink); line-height: 1.5; }
/* Auf dunklen Flächen: Lead weiss */
.has-navy-background-color .has-large-font-size,
.has-navy-2-background-color .has-large-font-size,
.has-slate-background-color .has-large-font-size,
.wp-block-cover:not(.is-light) .wp-block-cover__inner-container .has-large-font-size { color: #fff; }
/* Text in Karten/Boxen einheitlich = Standardtext */
.kiau-card p, .kiau-hovercard p { font-size: var(--wp--preset--font-size--medium); }
/* Box-Titel (H3) auf dunklen Flächen weiss */
.has-navy-background-color h3,
.has-slate-background-color h3,
.wp-block-cover:not(.is-light) .wp-block-cover__inner-container h3 { color: #fff; }
/* --- Section-Header (§6): Kicker → Titel → Abstand → Standardtext ---------
Kicker = kleiner Einstieg über dem Titel (grün, klein, kleiner als Titel).
Danach H2-Titel (für alle Sektionen gleich), dann Abstand, dann Body. */
.kiau-kicker {
display: block;
font-size: var(--wp--preset--font-size--medium); /* 17px – Standard-Kickergrösse */
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--kiau-green);
margin: 0 0 8px;
}
/* Auf dunklen Flächen heller Kicker */
.has-navy-background-color .kiau-kicker,
.has-slate-background-color .kiau-kicker,
.wp-block-cover:not(.is-light) .wp-block-cover__inner-container .kiau-kicker { color: #fff; opacity: .85; }
/* Abstand zwischen Sektions-Titel und folgendem Standardtext */
.kiau-section-head h2 { margin-bottom: 16px; }
/* Helle Bild-Cover: unser Farbsystem statt WP-Default-Schwarz -------------- */
.wp-block-cover.is-light .wp-block-cover__inner-container { color: #48505E; }
.wp-block-cover.is-light .wp-block-cover__inner-container h1,
.wp-block-cover.is-light .wp-block-cover__inner-container h2 { color: var(--kiau-green); }
.wp-block-cover.is-light .wp-block-cover__inner-container h3 { color: var(--kiau-heading-soft); }
.wp-block-cover.is-light .wp-block-cover__inner-container .kiau-kicker { color: var(--kiau-green); }
/* --- Schattierungen/Tiefe (§9b): ALLE Boxen bekommen den Standard-Schatten -
Der weiche Schatten (wie beim Hero-Finder) macht die Boxen modern/erhaben.
Greift für alle Karten-Klassen + Karten-Gruppen innerhalb von Spalten. */
/* Basis-Karte: weisse Fläche, feine Linie (=line #E5E8EC), Radius, Innenabstand.
Greift für „nackte" .kiau-card ohne Inline-Styles (z. B. Rechtstexte AGB/DSG).
Karten mit eigenen Inline-Styles (Baukasten-Blöcke) überschreiben dies. */
.kiau-card {
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: 14px;
padding: 24px;
}
.kiau-card,
.kiau-finder,
.kiau-hovercard,
.kiau-cardfill,
.kiau-trust__box,
.wp-block-column > .wp-block-group.has-background {
box-shadow: var(--kiau-shadow);
}
/* --- Checklisten: FA-Häkchen statt Emoji (§9a) ---------------------------- */
.is-style-checklist { list-style: none; padding-left: 0; }
.is-style-checklist li {
position: relative;
padding-left: 30px;
}
.is-style-checklist li::before {
content: "";
position: absolute;
left: 0; top: .2em;
width: 20px; height: 20px;
background-color: var(--kiau-green);
-webkit-mask: url(../icons/circle-check.svg) no-repeat center / contain;
mask: url(../icons/circle-check.svg) no-repeat center / contain;
}
/* Häkchen auf dunklen Flächen weiss */
.has-navy-background-color .is-style-checklist li::before,
.wp-block-cover:not(.is-light) .wp-block-cover__inner-container .is-style-checklist li::before { background-color: #fff; }
/* --- Kontrast-Garantie: Text-Links auf dunklen Flächen immer hell ---------
Verhindert Fehler wie „grüner Link auf Navy". Buttons ausgenommen. */
.has-navy-background-color a:not(.wp-block-button__link),
.has-navy-2-background-color a:not(.wp-block-button__link),
.has-slate-background-color a:not(.wp-block-button__link),
.wp-block-cover:not(.is-light) .wp-block-cover__inner-container a:not(.wp-block-button__link) {
color: #ffffff;
}
.has-navy-background-color a:not(.wp-block-button__link):hover,
.has-slate-background-color a:not(.wp-block-button__link):hover,
.wp-block-cover:not(.is-light) .wp-block-cover__inner-container a:not(.wp-block-button__link):hover {
text-decoration: underline;
}
/* --- Navigation: klar lesbar, ruhiger Hover ------------------------------- */
.has-navy-background-color a:not(.wp-block-button__link) {
text-decoration: none;
opacity: .92;
transition: opacity .15s ease;
}
.has-navy-background-color a:not(.wp-block-button__link):hover {
opacity: 1;
text-decoration: none;
}
/* --- Fokus-Sichtbarkeit (A11y, wirkt gepflegt) ---------------------------- */
a:focus-visible,
button:focus-visible,
.wp-element-button:focus-visible,
input:focus-visible,
select:focus-visible {
outline: 3px solid rgba(11, 138, 52, .45);
outline-offset: 2px;
}
/* --- Karten: dezente, konsistente Erhebung + Hover ------------------------ */
.kiau-konf,
.kiau-finder {
transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
/* --- Buttons: einheitlicher Hover auf ALLEN Buttons (§6) ------------------
Dezenter Lift + Schatten + minimal dunkler; beim Klick zurück. Gilt für
Block-Buttons, Finder-Buttons und den Sticky-CTA. */
.wp-element-button,
.kiau-pruefen,
.kiau-austreten,
.kiau-sticky-cta {
transition: transform .15s ease, box-shadow .15s ease, filter .15s ease, background-color .15s ease;
will-change: transform;
}
.wp-element-button:hover,
.kiau-pruefen:hover,
.kiau-austreten:hover,
.kiau-sticky-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(28, 43, 69, .20);
filter: brightness(.97);
}
.wp-element-button:active,
.kiau-pruefen:active,
.kiau-austreten:active,
.kiau-sticky-cta:active {
transform: translateY(0);
box-shadow: none;
}
/* Anklickbare Karten (Konfession/Kantone/Konsequenzen): sanfter Hover-Lift */
a[href] > .kiau-card,
.kiau-hovercard {
transition: transform .15s ease, box-shadow .15s ease;
}
.kiau-hovercard:hover {
transform: translateY(-3px);
box-shadow: var(--kiau-shadow-lg);
}
/* --- Bildkanten überall sauber gerundet ----------------------------------- */
.wp-block-image img {
max-width: 100%;
height: auto;
}
/* --- Karten einer Reihe gleich hoch (Prinzip 6 & 10.3) --------------------
Spalten-Sektionen (wp:columns) strecken die Spalte, aber die Karten-Gruppe
darin füllt die Höhe nicht automatisch. `.kiau-cardfill` erzwingt gleiche
Kachelhöhen unabhängig von der Textlänge. */
.wp-block-columns:not(.is-not-stacked-on-mobile) {
align-items: stretch;
}
.wp-block-column:has(> .kiau-cardfill) {
display: flex;
flex-direction: column;
}
.kiau-cardfill {
height: 100%;
flex: 1 1 auto;
}
/* --- Kein Zusammenfallen der Spalten-Höhe im Stapel (mobil) --------------- */
@media (max-width: 781px) {
.kiau-cardfill { height: auto; }
}
/* ── Hauptnavigation mit Dropdowns (Phase 8) ─────────────── */
.kiau-nav__list{display:flex;flex-wrap:wrap;gap:22px;list-style:none;margin:0;padding:0}
.kiau-nav__item{position:relative}
.kiau-nav__top{color:#fff;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;padding:6px 0}
.kiau-nav__top:hover{color:#C9E9D5}
.kiau-nav__caret{font-size:11px;opacity:.85;margin-left:5px}
.kiau-nav__sub{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(20,30,45,.18);padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:60}
.kiau-nav__item:hover>.kiau-nav__sub,.kiau-nav__item:focus-within>.kiau-nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
.kiau-nav__sub li{margin:0}
.kiau-nav__sub a{display:block;padding:9px 12px;color:#1E2430;text-decoration:none;font-size:14px;border-radius:8px;white-space:nowrap}
.kiau-nav__sub a:hover{background:#E7F4EC;color:#0A6E2A}
/* Fix: Dropdown-Links dunkel (Navy-Bar vererbt sonst Weiss) */
.kiau-nav .kiau-nav__sub a{color:#1E2430 !important}
.kiau-nav .kiau-nav__sub a:hover{color:#0A6E2A !important;background:#E7F4EC}
/* ═══ /kirchenaustritt Hub – Sektion 1+2 (nur Layout, Tokens/Komponenten wiederverwendet) ═══ */
.kiau-hubhero__kicker{margin:0 0 19px}
.kiau-hubhero__row{display:flex;gap:20px;align-items:stretch}
.kiau-hubhero__ic{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--brand-green);border-radius:14px}
.kiau-hubhero__ic svg{width:46%;height:46%}
.kiau-hubhero__title{font-size:clamp(1.9rem,4.2vw,3.25rem);color:var(--kiau-ink);line-height:1.08;font-weight:700;margin:0}
/* Kicker im Hero in Normalschrift (nicht uppercase); Grösse = Standard 17px (Basisregel) */
.kiau-hubhero__k-left{text-transform:none;letter-spacing:0}
/* Lead einen Punkt grösser */
.kiau-hubhero__lead{font-size:18px}
/* Hero-Tabs als separate Anker-Pills + Hero-Bild (nur /kirchenaustritt Hero) */
.kiau-hubhero__k-right.kiau-tabs{background:transparent;border:0;padding:0;gap:10px}
.kiau-hubhero__k-right .kiau-tab{flex:1;border:1px solid var(--wp--preset--color--line);background:#fff;border-radius:10px;color:var(--kiau-ink);text-decoration:none;text-align:center;padding:11px 8px;font-weight:600}
.kiau-hubhero__k-right .kiau-tab:hover{border-color:var(--wp--preset--color--brand-green);color:var(--wp--preset--color--brand-green-strong);box-shadow:none}
/* Hero-Bild: echtes Bild als CSS-Hintergrund (kein speicherbares ![]()
),
transparentes Deck-GIF darüber → Rechtsklick/„Bild speichern"/neuer Tab liefert nur ein leeres Pixel. */
.kiau-hubhero__heroimg{position:relative;width:100%;aspect-ratio:1200 / 1246;align-self:flex-start;background:center/contain no-repeat;filter:drop-shadow(0 16px 30px rgba(28,43,69,.20))}
.kiau-docguard__cover{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.kiau-hubhero__guarantee{font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--body);font-weight:600;margin:16px 0 0}
/* Trust-Kacheln unter dem Text (nur linke Spalte, Icon links, gleich hoch) */
.kiau-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kiau-badge{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:14px;padding:16px 18px;box-shadow:var(--kiau-shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.kiau-badge:hover{transform:translateY(-2px);box-shadow:var(--kiau-shadow-lg)}
.kiau-badge>svg{flex:0 0 auto}
.kiau-badge__tx{display:flex;flex-direction:column;min-width:0}
.kiau-badge__tx strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium)}
.kiau-badge__tx span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);margin-top:2px}
/* Betonte Frist-Kachel (Mitte) + Countdown-Chip (seriös, Info – kein Rot/Blinken) */
.kiau-badge--hot{background:var(--wp--preset--color--brand-green-tint);border-color:var(--wp--preset--color--brand-green)}
.kiau-badge--gold{background:#FEF7E0;border-color:#EFC85A}
.kiau-chip{display:inline-block;align-self:flex-start;line-height:1;font-weight:700;font-size:var(--wp--preset--font-size--small);border-radius:999px;padding:5px 11px}
.kiau-badge .kiau-chip,.kiau-proc__date .kiau-chip{background:var(--wp--preset--color--brand-green);color:#fff}
.kiau-badge__tx .kiau-chip{margin-top:7px}
/* Hero-Kacheln: Icon oben zentriert, Titel, Text (eigene Klasse – NICHT geteilt mit .kiau-badge aus Sektion 3) */
.kiau-hbadge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:14px;padding:18px 14px;box-shadow:var(--kiau-shadow)}
.kiau-hbadge__ic{line-height:0}
.kiau-hbadge__title{color:var(--wp--preset--color--brand-green);font-weight:700;font-size:var(--wp--preset--font-size--medium);line-height:1.2}
.kiau-hbadge__sub{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);line-height:1.35}
.kiau-hbadge--hot{background:var(--wp--preset--color--brand-green-tint);border-color:var(--wp--preset--color--brand-green)}
.kiau-hbadge .kiau-chip{background:var(--wp--preset--color--brand-green);color:#fff;margin-top:3px}
/* Fristzeile in der Prozess-Box (ersetzt "So einfach geht's") */
.kiau-proc__date{display:flex;flex-direction:column;gap:10px}
.kiau-proc__dateln{font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--ink);font-weight:600}
.kiau-proc__dateln strong{font-weight:800}
/* Prozess-Box (rechte Spalte): vertikale 3-Schritt-Timeline, bündig/Equal Height */
.kiau-hubhero__process{display:flex}
.kiau-proc{flex:1;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:24px;box-shadow:var(--kiau-shadow)}
.kiau-proc__title{font-weight:700;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--x-large);margin:0 0 18px}
.kiau-proc__steps{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:20px}
.kiau-proc__cta{margin:20px 0 0;width:100%;justify-content:center}
.kiau-proc__steps::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--wp--preset--color--brand-green-tint)}
.kiau-proc__step{display:flex;gap:14px;align-items:center;position:relative}
.kiau-proc__ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.kiau-proc__tx{display:flex;flex-direction:column;min-width:0}
.kiau-proc__tx strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium)}
.kiau-proc__tx span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);margin-top:2px}
/* Hero-Register (Tabs) über der Prozess-Box */
.kiau-tabs{display:flex;gap:5px;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:11px;padding:4px}
.kiau-tab{flex:1;border:0;background:transparent;cursor:pointer;font-family:inherit;font-weight:600;font-size:14px;color:var(--wp--preset--color--body);padding:8px 6px;border-radius:8px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.kiau-tab:hover{color:var(--wp--preset--color--brand-green-strong)}
.kiau-tab.is-active{background:#fff;color:var(--wp--preset--color--brand-green-strong);box-shadow:0 1px 3px rgba(28,43,69,.12)}
/* Panels: nur aktiver sichtbar. WIE spreizt (unverändert), WAS/SPAREN oben-bündig mit CTA unten. */
.kiau-proc__panel{display:flex;flex-direction:column;flex:1;justify-content:space-between}
.kiau-proc__panel[hidden]{display:none}
.kiau-proc__panel[data-hero-panel="was"],.kiau-proc__panel[data-hero-panel="sparen"]{justify-content:flex-start}
.kiau-proc__panel[data-hero-panel="was"] .kiau-proc__cta,.kiau-proc__panel[data-hero-panel="sparen"] .kiau-proc__cta{margin-top:auto}
/* WAS: feste Bild-Obergrenze (px, kein %) → WAS bleibt niedriger als WIE, Box wächst nicht. Button unten via margin-top:auto → Abstand zum Bild. */
.kiau-proc__doc{display:flex;justify-content:center;align-items:center;padding:10px 0 0}
.kiau-proc__doc img{max-width:100%;max-height:230px;width:auto;height:auto}
/* SPAREN: Rechner-Block */
.kiau-proc__calc{margin-top:14px}
/* 3-Schritte-Kette */
.kiau-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.kiau-steps::before{content:"";position:absolute;top:27px;left:16.6%;right:16.6%;height:2px;background:var(--wp--preset--color--brand-green-tint);z-index:0}
.kiau-step{position:relative;z-index:1;text-align:center;padding:0 8px}
.kiau-step__ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border:2px solid var(--wp--preset--color--brand-green-tint);border-radius:50%;margin-bottom:12px}
.kiau-step__title{font-size:var(--wp--preset--font-size--x-large);font-weight:700;color:#5B626E;margin:0 0 4px}
.kiau-step__desc{font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--body);margin:0}
/* Sprungmarken-Leiste (navy → Links weiss, §2) */
.kiau-anchorbar{background:var(--wp--preset--color--navy)}
.kiau-anchorbar__wrap{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;flex-wrap:wrap;gap:8px 28px}
.kiau-anchorbar a{color:#fff;text-decoration:none;font-size:var(--wp--preset--font-size--small);font-weight:600}
.kiau-anchorbar a:hover{color:var(--wp--preset--color--brand-green-tint)}
/* Sektion 2 – Formular */
.kiau-hubform__frame{width:100%;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:16px;overflow:hidden;box-shadow:var(--kiau-shadow)}
.kiau-hubform__frame iframe{width:100%;height:760px;border:0;display:block}
.kiau-hubform__fallback{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);margin:12px 0 0}
@media(max-width:820px){.kiau-steps{grid-template-columns:1fr;gap:18px}.kiau-steps::before{display:none}.kiau-hubform__frame iframe{height:900px}}
/* Hub-Hero Layout-Container */
.kiau-hubhero{background:var(--wp--preset--color--surface)}
.kiau-hubhero__wrap{max-width:1200px;margin:0 auto;padding:64px 16px 48px}
.kiau-hubhero__grid{display:grid;grid-template-columns:1.63fr 1fr;column-gap:40px;row-gap:0;align-items:stretch}
.kiau-hubhero__k-left{grid-column:1;grid-row:1;margin:0 0 19px}
.kiau-hubhero__k-right{grid-column:2;grid-row:1;margin:0 0 19px}
.kiau-hubhero__left{grid-column:1;grid-row:2}
.kiau-hubhero__process{grid-column:2;grid-row:2 / 4}
.kiau-badges{grid-column:1;grid-row:3;margin-top:24px}
.kiau-hubhero__lead{max-width:640px;margin:18px 0 0}
.kiau-hubhero__guarantee{max-width:640px}
@media(max-width:820px){.kiau-hubhero__grid{grid-template-columns:1fr}.kiau-hubhero__k-left,.kiau-hubhero__k-right,.kiau-hubhero__left,.kiau-hubhero__process,.kiau-badges{grid-column:auto;grid-row:auto}.kiau-badges{grid-template-columns:1fr;margin-top:16px}.kiau-hubhero__k-right{margin-top:4px}}
/* ══════════════════════════════════════════════════════════════════════
Hub /kirchenaustritt – Sektionen 2–7 + Abschluss-CTA (erster Durchgang)
Struktur aus Stefans Mockup, Farben/Abstände aus unserem Design-System.
══════════════════════════════════════════════════════════════════════ */
/* --- Sektions-Gerüst (Full-Bleed-Band + innerer 1180er-Wrap) ------------- */
.kiau-sec{padding:72px 0}
.kiau-sec--white{background:var(--wp--preset--color--white)}
.kiau-sec--grey{background:var(--wp--preset--color--surface)}
.kiau-sec--navy{background:var(--wp--preset--color--navy)}
.kiau-sec__wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.kiau-center{text-align:center}
/* Lead/Untertitel + Sektions-Kopf-Abstand */
.kiau-lead{font-size:var(--wp--preset--font-size--large);color:var(--wp--preset--color--body);line-height:1.5;max-width:720px;margin:0 0 8px}
.kiau-lead--center{margin-left:auto;margin-right:auto}
.kiau-sec h2{margin:0 0 10px}
.kiau-sec h3{font-size:var(--wp--preset--font-size--x-large);color:var(--kiau-heading-soft);margin:0 0 8px}
/* Navy-Sektion: alle Texte hell (Kontrast-Paar §2) */
.kiau-sec--navy h2,.kiau-sec--navy .kiau-lead{color:#fff}
.kiau-sec--navy .kiau-kicker{color:#fff;opacity:.85}
/* Buttons (Baukasten-Pille) */
.kiau-btn{box-sizing:border-box;display:inline-flex;align-items:center;gap:9px;background:var(--wp--preset--color--brand-green);color:#fff;font-weight:700;padding:14px 24px;border-radius:999px;text-decoration:none;border:0;margin-top:20px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.kiau-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(28,43,69,.20);filter:brightness(.97)}
.kiau-btn--ghost{background:#fff;color:var(--wp--preset--color--brand-green-strong);border:1px solid var(--wp--preset--color--line)}
.kiau-btn--onnavy{background:#fff;color:var(--wp--preset--color--navy)}
.kiau-btn--onnavy:hover{filter:none;background:#F2F5F8}
.kiau-btn--navy{background:var(--wp--preset--color--navy)}
.kiau-btn--navy:hover{filter:brightness(1.12)}
.kiau-cside__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.kiau-cside__btns .kiau-btn{margin-top:0}
/* --- Sektion 2: Assistent-iFrame (begrenzt, Baukasten #9) ---------------- */
.kiau-assist-head{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.kiau-assist-head__tx{flex:1 1 auto;min-width:0}
.kiau-privacy{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:999px;padding:6px 13px;color:var(--wp--preset--color--body);font-weight:600;font-size:13px}
.kiau-privacy svg{width:14px;height:14px}
.kiau-privacy svg{flex:0 0 auto}
.kiau-assist{margin-top:24px;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:16px;overflow:hidden;box-shadow:var(--kiau-shadow)}
.kiau-assist__fallback{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);margin:12px 0 0}
/* --- Sektion 3: Klick-Dokument ------------------------------------------- */
.kiau-doc{display:grid;grid-template-columns:1fr .95fr;gap:46px;align-items:start}
.kiau-doc__paper{position:relative;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:10px;box-shadow:var(--kiau-shadow-lg);padding:36px;min-height:560px;overflow:hidden}
.kiau-doc__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.kiau-doc__brand{font-weight:800;color:var(--wp--preset--color--navy);font-size:14px;line-height:1.2;letter-spacing:.02em}
.kiau-doc__wappen{width:52px;height:60px;border:1px dashed #C7D0DA;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;color:#8A94A6;padding:4px}
.kiau-doc__block{padding:9px 10px;border-radius:8px;transition:background .2s,box-shadow .2s;margin:5px 0}
.kiau-doc__block.is-active{background:#FFF6D6;box-shadow:0 0 0 2px #F4C430}
.kiau-doc__ln{display:block;height:9px;background:#E9EDF1;border-radius:6px;margin:8px 0}
.kiau-doc__ln.w80{width:80%}.kiau-doc__ln.w60{width:60%}.kiau-doc__ln.w45{width:45%}.kiau-doc__ln.w30{width:30%}
.kiau-doc__block b{font-size:13px;color:var(--wp--preset--color--ink)}
.kiau-doc__masked{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--wp--preset--color--brand-green-strong);background:var(--wp--preset--color--brand-green-tint);border-radius:6px;padding:4px 8px;margin-bottom:4px}
.kiau-doc__masked svg{flex:0 0 auto}
.kiau-doc__sig{display:inline-block;font-size:12px;color:#8A94A6;font-style:italic;margin-top:4px}
.kiau-doc__stamp{position:absolute;right:24px;bottom:28px;border:3px solid rgba(10,133,49,.4);color:rgba(10,133,49,.75);font-weight:800;font-size:14px;padding:8px 12px;border-radius:6px;transform:rotate(-8deg)}
.kiau-doc__tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.kiau-doc__tile{display:flex;gap:11px;align-items:flex-start;text-align:left;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:12px;padding:13px 14px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.kiau-doc__tile:hover{border-color:#B9D8C4}
.kiau-doc__tile.is-active{border-color:var(--wp--preset--color--brand-green);background:var(--wp--preset--color--brand-green-tint);box-shadow:var(--kiau-shadow)}
.kiau-doc__tile svg{flex:0 0 auto;margin-top:2px}
.kiau-doc__tile strong{display:block;font-size:14px;color:var(--wp--preset--color--ink);line-height:1.25}
.kiau-doc__tile small{display:block;color:var(--wp--preset--color--body);font-size:12.5px;margin-top:2px}
.kiau-doc__note{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);margin:2px 0 0}
/* --- Sektion 3 NEU (PDF): Dokument+Siegel links, Suche/Ergebnis rechts --- */
.kiau-doc3{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
.kiau-doc3__paper{position:relative}
.kiau-doc3__imgwrap{position:relative;width:min(540px,100%);margin-left:auto;margin-right:0}
.kiau-doc3__img{width:100%;aspect-ratio:1200 / 1246;background:center/contain no-repeat;filter:blur(0.75px) drop-shadow(0 16px 30px rgba(28,43,69,.20));user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.kiau-doc3__loader{width:395px;max-width:100%;aspect-ratio:706/1000;max-height:560px;margin-left:auto;margin-right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:10px;box-shadow:var(--kiau-shadow)}
.kiau-doc3__loader[hidden]{display:none}
.kiau-doc3__loadtxt{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);font-weight:600}
.kiau-doc3__ringbox{position:relative;width:104px;height:104px;display:flex;align-items:center;justify-content:center}
.kiau-doc3__ring{position:absolute;inset:0;border-radius:50%;border:4px solid var(--wp--preset--color--brand-green-tint);border-top-color:var(--wp--preset--color--brand-green);animation:kiauSpin .9s linear infinite}
.kiau-doc3__loadicon{position:relative;z-index:1}
.kiau-doc3__loadicon .kiau-li{display:none;align-items:center;justify-content:center}
@keyframes kiauSpin{to{transform:rotate(360deg)}}
.kiau-doc3__side .kiau-lead{margin-bottom:20px}
.kiau-find__label{font-weight:600;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium);margin:0 0 12px}
.kiau-find__box{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:24px;box-shadow:var(--kiau-shadow)}
.kiau-find__lb{display:block;font-weight:600;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--small);margin:0 0 6px}
.kiau-find__in{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid var(--wp--preset--color--line);border-radius:10px;font-size:15px;background:#fff;margin:0 0 14px}
.kiau-find__in:focus{border-color:var(--wp--preset--color--brand-green);outline:none;box-shadow:0 0 0 3px rgba(10,133,49,.12)}
.kiau-find__ac{position:relative;margin:0 0 14px}
.kiau-find__ac .kiau-find__in{margin:0}
.kiau-find__list{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:10px;box-shadow:var(--kiau-shadow-lg);z-index:30;max-height:240px;overflow:auto}
.kiau-find__opt{padding:11px 14px;cursor:pointer;font-size:15px;color:var(--wp--preset--color--ink);border-bottom:1px solid #f0f3f7}
.kiau-find__opt:last-child{border-bottom:0}
.kiau-find__opt:hover{background:var(--wp--preset--color--brand-green-tint);color:var(--wp--preset--color--brand-green-strong)}
.kiau-find__hint{color:#B42318;font-size:var(--wp--preset--font-size--small);margin:0 0 12px}
.kiau-find__btn{width:100%;justify-content:center;margin-top:4px}
.kiau-res__cards{display:flex;flex-direction:column;gap:12px;margin:0 0 20px}
.kiau-res__cta{width:100%;justify-content:center;margin-top:0}
.kiau-res__ctas{display:flex;gap:12px}
.kiau-res__ctas .kiau-res__cta{flex:1 1 0;width:auto}
@media(max-width:520px){.kiau-res__ctas{flex-direction:column}}
.kiau-doc3__back{display:block;width:100%;text-align:center;margin-top:16px}
.kiau-doc3__back[hidden]{display:none}
.kiau-res__back{display:inline-block;margin-top:12px;background:none;border:0;color:var(--wp--preset--color--brand-green-strong);font-weight:600;cursor:pointer;font-size:var(--wp--preset--font-size--small);padding:4px 0}
.kiau-res__note{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);margin:10px 0 0;font-style:italic}
@media(max-width:820px){.kiau-doc3{grid-template-columns:1fr;gap:30px}}
/* --- Sektion 4: Unterschrift – Boxen im Startseite-Stil (aus trust-leiste kopiert) --- */
.kiau-sig-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;align-items:stretch;margin-top:26px}
.kiau-vcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 22px;border-radius:14px;background:#fff;border:1px solid var(--wp--preset--color--line);box-shadow:var(--kiau-shadow)}
.kiau-vcard__icon{line-height:0}
.kiau-vcard__wappen{display:flex;gap:8px;align-items:center;justify-content:center;line-height:0}
.kiau-vcard__wappen img{width:44px;height:44px;object-fit:contain;border-radius:5px}
h3.kiau-vcard__title{margin:0;color:var(--kiau-green);font-weight:700;font-size:var(--wp--preset--font-size--x-large);line-height:1.3}
.kiau-vcard__text{margin:0;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);line-height:1.45}
.kiau-vcard__cta{margin-top:auto;display:inline-block;background:var(--wp--preset--color--brand-green);color:#fff;font-weight:700;font-size:14px;text-decoration:none;padding:11px 22px;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.kiau-vcard__cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(28,43,69,.2);filter:brightness(.97)}
/* --- Sektion 5: Einreichen (2 Karten + Vergleich) ----------------------- */
.kiau-ship{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.kiau-ship__card{position:relative;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:18px;padding:26px;box-shadow:var(--kiau-shadow)}
.kiau-ship__card--rec{border:2px solid var(--wp--preset--color--brand-green);box-shadow:var(--kiau-shadow-lg)}
.kiau-ship__ribbon{position:absolute;right:18px;top:18px;background:var(--wp--preset--color--brand-green);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:5px 11px}
.kiau-ship__tag{display:inline-block;font-size:12px;font-weight:700;color:var(--wp--preset--color--body);background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:999px;padding:5px 11px;margin-bottom:12px}
.kiau-ship__tag--green{color:var(--wp--preset--color--brand-green-strong);background:var(--wp--preset--color--brand-green-tint);border-color:transparent}
.kiau-ship__price{font-size:1.6rem;font-weight:800;color:var(--wp--preset--color--navy);margin:6px 0 14px}
.kiau-ship__ic{display:block;line-height:0;margin-bottom:12px}
.kiau-ship__note{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);line-height:1.5;margin:0 0 14px}
.kiau-ship__info{display:flex;gap:8px;align-items:flex-start;background:#F1F4F7;border-radius:10px;padding:11px 13px;margin:14px 0 0;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);line-height:1.45}
.kiau-ship__info svg{flex:0 0 auto;margin-top:2px}
.kiau-ship__list{list-style:none;padding:0;margin:0}
.kiau-ship__list li{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #EEF2F5;font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--body)}
.kiau-ship__list li svg{flex:0 0 auto;margin-top:2px}
.kiau-ship__cta{width:100%;justify-content:center;margin-top:18px}
/* ===== Kirchensteuern-Hub (Wissens-Pillar) ===== */
.kiau-kshero{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.kiau-kshero h1{color:var(--wp--preset--color--ink)}
.kiau-kshero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.kiau-fact{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:24px 26px;box-shadow:var(--kiau-shadow)}
.kiau-fact__t{font-weight:700;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium);margin:0 0 12px}
.kiau-fact ul{list-style:none;margin:0;padding:0}
.kiau-fact li{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #EEF2F5;font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--body)}
.kiau-fact li:last-child{border-bottom:0}
.kiau-fact li svg{flex:0 0 auto;margin-top:2px}
.kiau-fact li strong{color:var(--wp--preset--color--ink);font-weight:700}
.kiau-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.kiau-stat{background:#fff;border:1px solid var(--wp--preset--color--line);box-shadow:var(--kiau-shadow);border-radius:14px;padding:22px 18px;text-align:center}
.kiau-stat__n{display:block;font-size:1.7rem;font-weight:800;color:var(--wp--preset--color--brand-green-strong);line-height:1.1}
.kiau-stat__l{display:block;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);margin-top:6px;line-height:1.4}
.kiau-rtease{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:var(--wp--preset--color--brand-green-tint);border:1px solid var(--wp--preset--color--brand-green);border-radius:18px;padding:30px 32px}
.kiau-rtease__tx{max-width:620px}
.kiau-rtease__tx h2{margin:2px 0 6px}
.kiau-rtease__tx p{margin:0;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--medium)}
.kiau-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.kiau-faq{margin-top:22px;border-top:1px solid var(--wp--preset--color--line)}
.kiau-faq details{border-bottom:1px solid var(--wp--preset--color--line)}
.kiau-faq summary{cursor:pointer;list-style:none;padding:18px 44px 18px 0;position:relative;font-weight:700;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--large)}
.kiau-faq summary::-webkit-details-marker{display:none}
.kiau-faq summary::after{content:"+";position:absolute;right:8px;top:12px;font-size:26px;font-weight:400;color:var(--wp--preset--color--brand-green)}
.kiau-faq details[open] summary::after{content:"\2013"}
.kiau-faq__a{padding:0 0 20px;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--medium);line-height:1.6;max-width:820px}
/* Ausführlicher Ratgeber – grosses Aufklapp-Akkordeon unter den Teasern (SEO-Text eingeklappt) */
.kiau-ratgeber{max-width:none;width:100%;margin:56px 0 0;border:1px solid var(--wp--preset--color--line);border-radius:14px;background:#fff;box-shadow:var(--kiau-shadow)}
.kiau-ratgeber>summary{cursor:pointer;list-style:none;padding:22px 56px 22px 24px;position:relative;font-weight:700;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--large)}
.kiau-ratgeber>summary::-webkit-details-marker{display:none}
.kiau-ratgeber>summary::after{content:"+";position:absolute;right:22px;top:14px;font-size:28px;font-weight:400;color:var(--wp--preset--color--brand-green)}
.kiau-ratgeber[open]>summary::after{content:"\2013"}
.kiau-ratgeber[open]>summary{border-bottom:1px solid var(--wp--preset--color--line)}
.kiau-ratgeber__body{padding:8px 24px 24px}
.kiau-ratgeber__body>.kiau-prose:first-child{margin-top:8px}
@media(max-width:820px){
.kiau-kshero{grid-template-columns:1fr;gap:28px}
.kiau-stats{grid-template-columns:1fr}
.kiau-grid3{grid-template-columns:1fr}
}
/* ===== Kirchensteuern-Pillar (15-Sektionen-Konzept) ===== */
/* Sektions-Kopf: Titel links, Intro rechts */
.kiau-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:34px;margin:0 0 30px}
.kiau-shead__intro{max-width:560px;margin:0;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--large);line-height:1.5}
.kiau-shead h2{margin:0}
/* Hero mit iframe-Rechner */
.kiau-ksh{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:start}
.kiau-ksh h1{color:var(--wp--preset--color--ink);line-height:1.05;margin:6px 0 14px}
.kiau-ksflow{display:grid;gap:12px;margin:26px 0}
.kiau-ksflow__it{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:center}
.kiau-ksflow__n{width:38px;height:38px;border-radius:50%;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--brand-green-strong);font-weight:800}
.kiau-ksflow__it strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium)}
.kiau-ksflow__it span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
.kiau-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:22px 0}
.kiau-benefit{display:flex;gap:9px;align-items:center;font-weight:700;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--small)}
.kiau-benefit svg{flex:0 0 auto}
.kiau-hbenefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0 22px}
.kiau-hbenefit{display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:12px;padding:13px 14px;box-shadow:var(--kiau-shadow)}
.kiau-hbenefit__ic{width:34px;height:34px;flex:0 0 auto;border-radius:9px;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center}
.kiau-hbenefit__tx{display:flex;flex-direction:column;min-width:0}
.kiau-hbenefit__t{font-weight:700;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--small);line-height:1.25}
.kiau-hbenefit__s{color:var(--wp--preset--color--body);font-size:13px;margin-top:2px;line-height:1.3}
.kiau-trustbox{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:16px 18px;box-shadow:var(--kiau-shadow)}
.kiau-trustbox__ic{width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center}
.kiau-trustbox strong{color:var(--wp--preset--color--ink)}
.kiau-trustbox span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
.kiau-ksh__frame{position:relative;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:20px;box-shadow:var(--kiau-shadow-lg);overflow:hidden;min-height:1100px}
.kiau-ksh__frame iframe{width:100%;border:0;min-height:1100px;display:block;position:relative;z-index:1}
.kiau-ksh__load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);z-index:0}
/* Sprungnav */
.kiau-jump{border-top:1px solid var(--wp--preset--color--line);border-bottom:1px solid var(--wp--preset--color--line);background:#fff}
.kiau-jump__wrap{max-width:1200px;margin:0 auto;padding:16px;display:flex;gap:10px;flex-wrap:wrap}
.kiau-jump__link{padding:9px 14px;border:1px solid var(--wp--preset--color--line);border-radius:999px;font-size:var(--wp--preset--font-size--small);font-weight:700;color:var(--wp--preset--color--navy);background:#fff;text-decoration:none}
.kiau-jump__link:hover{background:var(--wp--preset--color--brand-green-tint);border-color:var(--wp--preset--color--brand-green)}
/* Grids */
.kiau-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
/* Metric-Kacheln (neutral) */
.kiau-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kiau-metric{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:22px;box-shadow:var(--kiau-shadow)}
.kiau-metric__ic{display:inline-flex;width:44px;height:44px;border-radius:12px;background:var(--wp--preset--color--brand-green-tint);align-items:center;justify-content:center;margin-bottom:12px}
.kiau-metric strong{display:block;font-size:1.7rem;font-weight:800;color:var(--wp--preset--color--navy);line-height:1.1}
.kiau-metric span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
.kiau-metrics--3{grid-template-columns:repeat(3,1fr)}
/* Sektion 12: Kuchendiagramm Verwendung */
.kiau-fin{display:grid;grid-template-columns:auto 1fr;gap:38px;align-items:center;margin-top:10px}
.kiau-pie{width:230px;height:230px;flex:0 0 auto;border-radius:50%;position:relative;background:conic-gradient(#0A6E2A 0 50%,#0A8531 50% 70%,#4FB477 70% 85%,#A9DCBF 85% 100%)}
.kiau-pie__center{position:absolute;inset:27%;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.kiau-pie__center strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium)}
.kiau-pie__center span{color:var(--wp--preset--color--body);font-size:12px}
.kiau-pielegend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.kiau-pielegend li{display:grid;grid-template-columns:14px 34px 1fr auto;gap:11px;align-items:center}
.kiau-pielegend__sw{width:14px;height:14px;border-radius:4px}
.kiau-pielegend__ic{width:34px;height:34px;border-radius:9px;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center}
.kiau-pielegend__tx{display:flex;flex-direction:column;min-width:0}
.kiau-pielegend__tx strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium)}
.kiau-pielegend__tx span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
.kiau-pielegend__pct{font-weight:800;color:var(--wp--preset--color--brand-green-strong);font-size:var(--wp--preset--font-size--large)}
@media(max-width:700px){.kiau-fin{grid-template-columns:1fr;justify-items:center;gap:24px}.kiau-pielegend{width:100%}}
/* Sektion 2: Leerzustand + Vergleich zum Schweizer Durchschnitt */
.kiau-einord-empty{display:flex;align-items:center;gap:18px;background:var(--wp--preset--color--brand-green-tint);border:1px solid var(--wp--preset--color--brand-green);border-radius:16px;padding:22px 26px}
.kiau-einord-empty[hidden]{display:none}
.kiau-einord-empty__ic{width:48px;height:48px;flex:0 0 auto;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}
.kiau-einord-empty__tx{min-width:0}
.kiau-einord-empty__tx strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--large)}
.kiau-einord-empty__tx p{margin:3px 0 0;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--medium)}
.kiau-einord-empty .kiau-btn{margin:0 0 0 auto;flex:0 0 auto}
.kiau-einord-res[hidden]{display:none}
.kiau-cmp{margin-top:16px;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:22px 24px;box-shadow:var(--kiau-shadow)}
.kiau-cmp__head strong{color:var(--wp--preset--color--navy);font-size:1.3rem;font-weight:800;margin-right:8px}
.kiau-cmp__head span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
.kiau-cmpbar{margin-top:14px;display:grid;gap:10px}
.kiau-cmpbar__row{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center}
.kiau-cmpbar__lbl{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body)}
.kiau-cmpbar__track{height:14px;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:999px;overflow:hidden}
.kiau-cmpbar__fill{display:block;height:100%;width:0;background:var(--wp--preset--color--brand-green);border-radius:999px;transition:width .6s ease}
.kiau-cmpbar__fill--avg{background:var(--wp--preset--color--heading-soft)}
@media(max-width:700px){
.kiau-einord-empty{flex-direction:column;align-items:flex-start}
.kiau-einord-empty .kiau-btn{margin-left:0}
.kiau-metrics--3{grid-template-columns:1fr}
}
/* Split-Panels + Tabellen */
.kiau-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.kiau-panel{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:28px;box-shadow:var(--kiau-shadow)}
.kiau-panel h3{margin:0 0 12px;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--x-large)}
.kiau-panel__h{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.kiau-panel__h h3{margin:0}
.kiau-panel__ic{width:42px;height:42px;flex:0 0 auto;border-radius:11px;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center}
.kiau-cantlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.kiau-cantchip{display:flex;align-items:center;gap:8px;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:10px;padding:6px 12px 6px 7px;font-weight:700;font-size:14px;color:var(--wp--preset--color--navy)}
.kiau-cantchip img{width:22px;height:22px;object-fit:contain;border-radius:5px}
.kiau-itable{width:100%;border-collapse:collapse}
.kiau-itable td{padding:12px 0;border-bottom:1px solid var(--wp--preset--color--line);vertical-align:top;font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--body)}
.kiau-itable tr:last-child td{border-bottom:0}
.kiau-itable td:first-child{width:42%;font-weight:700;color:var(--wp--preset--color--ink);padding-right:16px}
.kiau-subj{display:flex;flex-direction:column;gap:6px}
.kiau-subj__it{display:flex;align-items:center;gap:8px}
.kiau-objtags{display:flex;flex-wrap:wrap;gap:6px}
.kiau-objtag{font-size:13px;background:var(--wp--preset--color--brand-green-tint);color:var(--wp--preset--color--brand-green-strong);border-radius:6px;padding:3px 9px;font-weight:600}
/* Nummerierte Prozess-Steps (bordered) */
.kiau-psteps{display:grid;gap:12px;margin-top:18px}
.kiau-pstep{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;border:1px solid var(--wp--preset--color--line);border-radius:14px;padding:14px 16px;background:#fff}
.kiau-pstep__n{width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:var(--wp--preset--color--brand-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.kiau-pstep strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium)}
.kiau-pstep span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
/* Sektion 4 „Vier Faktoren": weisser Kreis + grünes Icon, Kacheln in ansteigendem hellem Grün */
.kiau-psteps--factors .kiau-pstep__n{background:#fff;border:1px solid var(--wp--preset--color--line)}
.kiau-psteps--factors .kiau-pstep:nth-child(1){background:#F4FBF6}
.kiau-psteps--factors .kiau-pstep:nth-child(2){background:#ECF7F0}
.kiau-psteps--factors .kiau-pstep:nth-child(3){background:#E3F3E9}
.kiau-psteps--factors .kiau-pstep:nth-child(4){background:#D9EFE1}
/* Quellensteuer: CTA-Box (Conversion) */
.kiau-qcta{display:flex;flex-direction:column;background:var(--wp--preset--color--brand-green-tint);border:1px solid var(--wp--preset--color--brand-green);border-radius:16px;padding:28px;box-shadow:var(--kiau-shadow)}
.kiau-qcta__ic{width:48px;height:48px;flex:0 0 auto;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.kiau-qcta h3{margin:0 0 8px;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--x-large)}
.kiau-qcta p{margin:0 0 18px;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--medium);line-height:1.6}
.kiau-qcta .kiau-btn{margin:auto 0 0;align-self:flex-start}
/* Kantons-Selector */
.kiau-cantons{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.kiau-cbtn{display:flex;align-items:center;gap:8px;border:1px solid var(--wp--preset--color--line);background:#fff;border-radius:12px;padding:9px 13px;font-weight:800;color:var(--wp--preset--color--navy);cursor:pointer;font-family:inherit;font-size:14px}
.kiau-cbtn img{width:20px;height:20px;object-fit:contain;border-radius:3px}
.kiau-cbtn.is-active,.kiau-cbtn:hover{background:var(--wp--preset--color--navy);color:#fff;border-color:var(--wp--preset--color--navy)}
.kiau-cbox{display:grid;grid-template-columns:1.3fr 1fr;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:18px;overflow:hidden;box-shadow:var(--kiau-shadow)}
.kiau-cmain{padding:30px;border-right:1px solid var(--wp--preset--color--line)}
.kiau-cmain__h{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.kiau-cmain__h img{width:40px;height:40px;object-fit:contain;border-radius:5px}
.kiau-cmain__h h3{margin:0;font-size:var(--wp--preset--font-size--xx-large);color:var(--wp--preset--color--ink)}
.kiau-cside{padding:30px;background:var(--wp--preset--color--surface)}
.kiau-cpanel[hidden]{display:none}
.kiau-cfacts{display:grid;gap:14px}
.kiau-cfact{display:flex;gap:12px;align-items:flex-start}
.kiau-cfact__ic{width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center}
.kiau-cfact__tx{display:flex;flex-direction:column;min-width:0}
.kiau-cfact__tx strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium)}
.kiau-cfact__tx span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);margin-top:1px}
.kiau-gemsbox{margin-top:18px}
.kiau-gemsbox .kiau-gems__clip{max-height:118px;overflow:hidden;position:relative}
.kiau-gemsbox.is-open .kiau-gems__clip{max-height:none}
.kiau-gemsbox:not(.is-open) .kiau-gems__clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(rgba(247,249,250,0),var(--wp--preset--color--surface));pointer-events:none}
.kiau-gems__lbl{margin:0 0 10px;font-size:var(--wp--preset--font-size--small);font-weight:700;color:var(--wp--preset--color--ink)}
.kiau-gems{display:flex;flex-wrap:wrap;gap:5px}
.kiau-gems__more{margin-top:10px;display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--wp--preset--color--brand-green-strong);font-weight:700;font-size:var(--wp--preset--font-size--small);cursor:pointer;font-family:inherit;padding:0}
.kiau-gems__more::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .2s}
.kiau-gemsbox.is-open .kiau-gems__more::after{transform:rotate(-135deg);margin-top:2px}
.kiau-gem{font-size:11.5px;color:var(--wp--preset--color--body);background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:6px;padding:2px 7px;line-height:1.6}
/* Topic-Tiles */
.kiau-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kiau-topic{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:24px;box-shadow:var(--kiau-shadow)}
.kiau-topic__ic{width:46px;height:46px;border-radius:13px;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.kiau-topic strong{display:block;color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--large);margin-bottom:6px}
.kiau-topic p{margin:0 0 12px;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--medium)}
.kiau-topic a{color:var(--wp--preset--color--brand-green-strong);font-weight:700;text-decoration:none}
.kiau-topic{display:flex;flex-direction:column}
.kiau-topic__list{list-style:none;margin:12px 0 18px;padding:0;display:flex;flex-direction:column;gap:9px}
.kiau-topic__list li{display:flex;gap:10px;align-items:flex-start;font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--body);line-height:1.4}
.kiau-topic__list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--wp--preset--color--brand-green);flex:0 0 auto;margin-top:8px}
.kiau-topic a.kiau-topic__cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:var(--wp--preset--color--brand-green);color:#fff;font-weight:700;font-size:14px;text-decoration:none;padding:10px 18px;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.kiau-topic a.kiau-topic__cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(28,43,69,.2);filter:brightness(.97)}
/* Sektion 15: Wissenshub-Kacheln */
.kiau-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.kiau-hubcard{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:22px 24px;box-shadow:var(--kiau-shadow)}
.kiau-hubcard__h{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.kiau-hubcard__ic{width:40px;height:40px;flex:0 0 auto;border-radius:11px;background:var(--wp--preset--color--brand-green-tint);display:flex;align-items:center;justify-content:center}
.kiau-hubcard__h strong{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--large)}
.kiau-hubcard__d{margin:0 0 12px;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);line-height:1.4}
.kiau-hubcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kiau-hubcard li a{display:flex;gap:8px;align-items:center;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--medium);text-decoration:none}
.kiau-hubcard li a::before{content:"\2192";color:var(--wp--preset--color--brand-green);font-weight:700}
.kiau-hubcard li a:hover{color:var(--wp--preset--color--brand-green-strong)}
@media(max-width:900px){.kiau-hub{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.kiau-hub{grid-template-columns:1fr}}
/* CTA-Band (Box in Sektion) */
.kiau-ctaband{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;background:var(--wp--preset--color--navy);border-radius:20px;padding:30px 34px;margin-top:24px}
.kiau-ctaband h3{color:#fff;margin:0 0 6px;font-size:var(--wp--preset--font-size--xx-large)}
.kiau-ctaband p{color:#D8E5EB;margin:0;font-size:var(--wp--preset--font-size--medium)}
.kiau-ctaband .kiau-btn{margin-top:0}
.kiau-ctaband__action{display:flex;flex-direction:column;align-items:flex-start;gap:9px;max-width:360px}
.kiau-ctaband__note{color:#D8E5EB;font-size:var(--wp--preset--font-size--small);line-height:1.45}
/* Sektion 14: Navy-Box mit Prozesskette */
.kiau-stopgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;margin-top:24px}
.kiau-stopgrid .kiau-psteps{margin-top:0}
@media(max-width:900px){.kiau-stopgrid{grid-template-columns:1fr}}
.kiau-stopnavy{background:var(--wp--preset--color--navy);border-radius:20px;padding:34px 36px}
.kiau-stopnavy .kiau-kicker{color:#fff;opacity:.85}
.kiau-stopnavy h3{color:#fff;margin:0 0 4px;font-size:var(--wp--preset--font-size--xx-large)}
.kiau-stopnavy__steps{display:grid;gap:14px;margin:20px 0 24px}
.kiau-stopnavy__step{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center}
.kiau-stopnavy__ic{width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.kiau-stopnavy__step strong{color:#fff;font-size:var(--wp--preset--font-size--medium)}
.kiau-stopnavy__step > span > span{color:#D8E5EB;font-size:var(--wp--preset--font-size--small)}
/* Fliesstext-Vertiefung */
.kiau-prose{max-width:820px;margin:24px 0 0;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--medium);line-height:1.7}
.kiau-prose p{margin:0 0 14px}
.kiau-src{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--heading-soft);margin-top:10px}
.kiau-scroll{scroll-margin-top:90px}
@media(max-width:900px){
.kiau-ksh{grid-template-columns:1fr;gap:30px}
.kiau-ksh__frame,.kiau-ksh__frame iframe{min-height:900px}
.kiau-shead{flex-direction:column;align-items:flex-start;gap:12px}
.kiau-grid4,.kiau-metrics{grid-template-columns:1fr 1fr}
.kiau-split,.kiau-cbox{grid-template-columns:1fr}
.kiau-cmain{border-right:0;border-bottom:1px solid var(--wp--preset--color--line)}
.kiau-topics{grid-template-columns:1fr}
}
@media(max-width:560px){
.kiau-grid4,.kiau-metrics,.kiau-benefits,.kiau-hbenefits{grid-template-columns:1fr}
}
.kiau-compare{margin-top:26px;overflow-x:auto}
.kiau-compare table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:14px;overflow:hidden}
.kiau-compare th,.kiau-compare td{padding:13px 16px;border-bottom:1px solid var(--wp--preset--color--line);text-align:center;font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--body)}
.kiau-compare th:first-child,.kiau-compare td:first-child{text-align:left;color:var(--wp--preset--color--ink);font-weight:600}
.kiau-compare thead th{background:var(--wp--preset--color--brand-green-tint);color:var(--wp--preset--color--brand-green-strong);font-weight:700}
.kiau-compare tbody tr:last-child td{border-bottom:0}
/* --- Sektion 6: Bestätigung (Timeline + Garantie) ----------------------- */
.kiau-timeline{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.kiau-time{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.kiau-time__dot{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid var(--wp--preset--color--brand-green);color:var(--wp--preset--color--brand-green-strong);font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;z-index:1}
.kiau-time:not(:last-child)::after{content:"";position:absolute;top:24px;left:60%;width:80%;height:3px;background:var(--wp--preset--color--brand-green-tint);z-index:0}
.kiau-time b{color:var(--wp--preset--color--ink);font-size:var(--wp--preset--font-size--medium)}
.kiau-time__sub{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);margin-top:3px}
.kiau-guarantees{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.kiau-guarantee{display:flex;gap:13px;align-items:flex-start;background:var(--wp--preset--color--brand-green-tint);border-radius:16px;padding:20px 20px}
.kiau-guarantee__ic{flex:0 0 auto;display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;background:#fff;border-radius:12px}
.kiau-guarantee b{display:block;color:var(--wp--preset--color--ink);margin-bottom:3px}
.kiau-guarantee span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);line-height:1.45}
@media(max-width:820px){.kiau-guarantees{grid-template-columns:1fr}}
/* --- Sektion 7: weisse Box in 3 Drittel (Optionen · Datum-Finder · Rechner) --- */
.kiau-tax3{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:18px;box-shadow:var(--kiau-shadow);overflow:hidden}
.kiau-tax3__col{padding:26px 24px}
.kiau-tax3__col:not(:last-child){border-right:1px solid var(--wp--preset--color--line)}
.kiau-tax3 h3{margin:0 0 16px}
.kiau-tax3__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.kiau-tax3__list li{display:flex;align-items:center;gap:10px;font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--body)}
.kiau-tax3__list li svg{flex:0 0 auto}
.kiau-tax3__hint{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);line-height:1.45;margin:0 0 14px}
.kiau-tax3__in{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--wp--preset--color--line);border-radius:10px;font-size:15px;background:#fff;margin:0 0 12px}
.kiau-tax3__in:focus{border-color:var(--wp--preset--color--brand-green);outline:none;box-shadow:0 0 0 3px rgba(10,133,49,.12)}
.kiau-tax3__ac{position:relative;margin:0 0 12px}
.kiau-tax3__ac .kiau-tax3__in{margin:0}
.kiau-tax3__btn{width:100%;justify-content:center;margin-top:2px}
.kiau-tax3__err{color:#B42318;font-size:var(--wp--preset--font-size--small);margin:8px 0 0}
.kiau-tax3__result{margin-top:16px;padding-top:16px;border-top:1px solid var(--wp--preset--color--line);text-align:center}
.kiau-tax3__label{display:block;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body);margin-bottom:4px}
.kiau-tax3__value{display:block;font-size:1.4rem;font-weight:800;color:var(--wp--preset--color--navy);line-height:1.15}
/* --- Abschluss-CTA ------------------------------------------------------ */
.kiau-sec--cta .kiau-sec__wrap{max-width:760px}
/* --- Responsive --------------------------------------------------------- */
@media(max-width:920px){
.kiau-doc{grid-template-columns:1fr;gap:30px}
.kiau-sig-grid{grid-template-columns:1fr}
.kiau-ship{grid-template-columns:1fr}
.kiau-timeline{grid-template-columns:1fr;gap:10px}
.kiau-time{flex-direction:row;gap:14px;text-align:left;align-items:center}
.kiau-time:not(:last-child)::after{display:none}
.kiau-tax3{grid-template-columns:1fr}
.kiau-tax3__col:not(:last-child){border-right:0;border-bottom:1px solid var(--wp--preset--color--line)}
}
@media(max-width:600px){
.kiau-doc__tiles{grid-template-columns:1fr}
.kiau-sec{padding:56px 0}
}
/* ── Sticky-Header (Stefan 28.07.): Top-Header + Navi beim Scrollen fixiert ── */
.wp-site-blocks > header{position:sticky;top:0;z-index:100}
/* Anker-Ziele nicht unter den Sticky-Header rutschen */
section[id]{scroll-margin-top:120px}
/* ── Styleguide-Regel (Stefan 28.07.): enger Abstand H1→H2 (≈5mm), überall ── */
h1 + h2{margin-top:19px}
/* ==========================================================================
* Kantone-Übersicht (/kirchenaustritt/kantone/) — 1 Spalte, zentriert:
* H1 + Intro · PLZ/Ort-Suchfeld (Autocomplete) · 26 Wappen-Kacheln.
* ========================================================================== */
.kiau-kan__wrap{max-width:960px}
.kiau-kan__head{text-align:center;max-width:700px;margin:0 auto}
.kiau-kan__head h1{margin:0 0 14px}
.kiau-kan__head .kiau-lead{margin:0 auto}
/* Suchfeld */
.kiau-kansearch{position:relative;max-width:540px;margin:30px auto 4px;display:flex;align-items:center}
.kiau-kansearch__ic{position:absolute;left:16px;display:flex;pointer-events:none}
.kiau-kansearch__in{width:100%;padding:16px 18px 16px 50px;font-size:var(--wp--preset--font-size--medium,17px);
color:var(--wp--preset--color--ink,#1E2430);border:1px solid var(--wp--preset--color--line,#E5E8EC);
border-radius:14px;background:#fff;box-shadow:var(--kiau-shadow);outline:none;
transition:border-color .12s ease,box-shadow .12s ease}
.kiau-kansearch__in::placeholder{color:var(--wp--preset--color--body,#48505E);opacity:.75}
.kiau-kansearch__in:focus{border-color:var(--wp--preset--color--brand-green,#0A8531);
box-shadow:0 0 0 3px rgba(10,133,49,.16)}
/* Vorschlagsliste */
.kiau-kansearch__list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;margin:0;padding:6px;
list-style:none;background:#fff;border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:14px;
box-shadow:var(--kiau-shadow-lg);max-height:340px;overflow:auto}
.kiau-kansearch__list[hidden]{display:none}
.kiau-kansearch__list li{margin:0}
.kiau-kansearch__list a{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;
text-decoration:none;color:var(--wp--preset--color--ink,#1E2430);border-radius:10px}
.kiau-kansearch__list a:hover,.kiau-kansearch__list li.is-active a{background:var(--wp--preset--color--brand-green-tint,#E7F4EC)}
.kiau-kansearch__plz{font-variant-numeric:tabular-nums;color:var(--wp--preset--color--body,#48505E);min-width:46px}
.kiau-kansearch__ort{font-weight:600}
.kiau-kansearch__kt{margin-left:auto;font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--body,#48505E)}
.kiau-kansearch__empty{padding:12px;color:var(--wp--preset--color--body,#48505E);font-size:var(--wp--preset--font-size--small,14px)}
/* Kacheln */
.kiau-kangrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.kiau-kantile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 14px;
background:#fff;border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:16px;
box-shadow:var(--kiau-shadow);text-decoration:none;color:var(--wp--preset--color--ink,#1E2430);
transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.kiau-kantile:hover{transform:translateY(-2px);box-shadow:var(--kiau-shadow-lg);
border-color:var(--wp--preset--color--brand-green,#0A8531)}
.kiau-kantile__wap{display:flex;align-items:center;justify-content:center;height:56px}
.kiau-kantile__wap img{width:auto;height:56px;border-radius:8px;display:block}
.kiau-kantile__name{font-size:var(--wp--preset--font-size--medium,17px);font-weight:600;text-align:center;line-height:1.25}
@media(max-width:900px){.kiau-kangrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.kiau-kangrid{grid-template-columns:repeat(2,1fr);gap:12px}
.kiau-kantile{padding:18px 10px}.kiau-kantile__name{font-size:var(--wp--preset--font-size--small,14px)}}
/* ==========================================================================
* Kantonsseite (Muster Luzern) — /kirchenaustritt/kanton//
* ========================================================================== */
/* Hero */
.kiau-kah{display:grid;grid-template-columns:1.25fr .9fr;gap:40px;align-items:stretch}
.kiau-kah__tx{display:flex;flex-direction:column}
.kiau-kah__id{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.kiau-kah__wap{height:72px;width:auto;border-radius:12px;display:block;flex:none;border:1px solid var(--wp--preset--color--line,#E5E8EC)}
.kiau-kah__titles{display:flex;flex-direction:column;gap:6px}
.kiau-kah__titles .kiau-kicker{margin:0}
.kiau-kah__titles h1{margin:0}
.kiau-kah__tx .kiau-konfcards{flex:1}
.kiau-kah__right{display:flex;flex-direction:column;gap:14px}
.kiau-kah__right .kiau-intentcard{flex:1}
.kiau-ksstop{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
background:var(--wp--preset--color--brand-green-tint,#E7F4EC);border-radius:999px;padding:9px 16px;
font-size:var(--wp--preset--font-size--small,14px);font-weight:600;color:var(--wp--preset--color--ink,#1E2430)}
.kiau-ksstop__ic{display:flex}
.kiau-ksstop strong{color:var(--wp--preset--color--brand-green-strong,#0A6E2A)}
.kiau-flagch{border-radius:4px;vertical-align:-3px;margin-right:5px}
.kiau-hinweisbox{display:flex;gap:12px;align-items:flex-start;margin:20px 0 4px;padding:16px 18px;
background:var(--wp--preset--color--brand-green-tint,#E7F4EC);border-radius:14px;
font-size:var(--wp--preset--font-size--medium,17px);color:var(--wp--preset--color--ink,#1E2430)}
.kiau-hinweisbox svg{flex:none}
/* Konfessions-Chips */
.kiau-konf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 4px}
.kiau-konf__lbl{font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--body,#48505E)}
.kiau-konf__chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:#fff;
border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:999px;
font-size:var(--wp--preset--font-size--small,14px);font-weight:600;color:var(--wp--preset--color--ink,#1E2430)}
.kiau-konf__chip--soft{color:var(--wp--preset--color--body,#48505E);font-weight:500;opacity:.72;
border-style:dashed;cursor:help}
/* Intent-Karte (rechte Hero-Spalte) */
.kiau-intentcard{background:#fff;border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:16px;
box-shadow:var(--kiau-shadow-lg);padding:24px;display:flex;flex-direction:column}
.kiau-intentcard .kiau-kicker{margin:0 0 4px}
.kiau-intentcard__h{font-size:var(--wp--preset--font-size--large,19px);margin:0 0 16px}
.kiau-intentcard__row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--wp--preset--color--line,#E5E8EC)}
.kiau-intentcard__row:first-of-type{border-top:0}
.kiau-intentcard__ic{flex:none;display:flex;margin-top:2px}
.kiau-intentcard__v{color:var(--wp--preset--color--body,#48505E)}
.kiau-intentcard__cta{width:100%;justify-content:center;margin-top:16px}
.kiau-intentcard__note{display:block;text-align:center;margin-top:10px;
font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--body,#48505E)}
/* Gemeinde-Tags als Buttons (klickbar → dyn. Titel) */
.kiau-gem{font:inherit;cursor:pointer}
button.kiau-gem{border:1px solid var(--wp--preset--color--line,#E5E8EC);background:#fff}
button.kiau-gem:hover{border-color:var(--wp--preset--color--brand-green,#0A8531);
background:var(--wp--preset--color--brand-green-tint,#E7F4EC)}
button.kiau-gem.is-active{background:var(--wp--preset--color--brand-green,#0A8531);color:#fff;
border-color:var(--wp--preset--color--brand-green,#0A8531)}
/* Formular-Platzhalter + Kirchgemeinden-Platzhalter */
.kiau-formframe{border:1px dashed var(--wp--preset--color--line,#E5E8EC);border-radius:16px;background:var(--wp--preset--color--surface,#F7F9FA);padding:28px}
.kiau-formframe__ph,.kiau-kgph{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px}
.kiau-formframe__ph strong,.kiau-kgph strong{font-size:var(--wp--preset--font-size--large,19px);color:var(--wp--preset--color--ink,#1E2430)}
.kiau-formframe__ph span,.kiau-kgph span{max-width:560px;color:var(--wp--preset--color--body,#48505E)}
.kiau-formframe__ph .kiau-btn{margin-top:8px}
.kiau-kgph{border:1px dashed var(--wp--preset--color--line,#E5E8EC);border-radius:16px;background:var(--wp--preset--color--surface,#F7F9FA)}
@media(max-width:860px){.kiau-kah{grid-template-columns:1fr;gap:24px}}
/* ==========================================================================
* Kantonsseite – Konfessions-Kacheln, Intent-Formular, Kirchgemeinden, Modal
* ========================================================================== */
/* Konfessions-Kacheln (Hero) */
.kiau-konfcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 4px}
.kiau-konfcard{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px;text-align:center;
background:#fff;border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:14px;box-shadow:var(--kiau-shadow)}
.kiau-konfcard__ic{display:flex}
.kiau-konfcard__ic img{width:40px;height:40px;border-radius:9px;display:block}
.kiau-konfcard__t{font-size:var(--wp--preset--font-size--medium,17px);color:var(--wp--preset--color--ink,#1E2430)}
.kiau-konfcard__sub{font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--body,#48505E);line-height:1.4}
.kiau-konfcard__cta{margin-top:auto;display:flex;width:100%;justify-content:center;white-space:nowrap;padding:11px 14px;font-size:var(--wp--preset--font-size--small,14px)}
.kiau-konfcard__note{margin-top:auto;text-align:center;font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--body,#48505E);line-height:1.4}
.kiau-konfcard--soft{opacity:.62}
.kiau-vcard--soft{opacity:.62}
.kiau-konfcard--soft:hover{opacity:.85}
@media(max-width:820px){.kiau-konfcards{grid-template-columns:1fr}}
/* Intent-Formular (rechte Hero-Spalte) */
.kiau-intentform{display:flex;flex-direction:column;flex:1}
.kiau-intentform__lbl{font-size:var(--wp--preset--font-size--small,14px);font-weight:600;
color:var(--wp--preset--color--ink,#1E2430);margin:14px 0 6px}
.kiau-intentform__lbl:first-of-type{margin-top:0}
.kiau-intentform__field{position:relative;display:flex;align-items:center}
.kiau-intentform__ic{position:absolute;left:14px;display:flex;pointer-events:none}
.kiau-intentform__in{width:100%;padding:13px 14px 13px 42px;font-size:var(--wp--preset--font-size--medium,17px);
border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:12px;background:#fff;outline:none}
.kiau-intentform__in:focus{border-color:var(--wp--preset--color--brand-green,#0A8531);box-shadow:0 0 0 3px rgba(10,133,49,.15)}
.kiau-intentform__list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;margin:0;padding:6px;list-style:none;
background:#fff;border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:12px;box-shadow:var(--kiau-shadow-lg);max-height:240px;overflow:auto}
.kiau-intentform__list[hidden]{display:none}
.kiau-intentform__list button{display:flex;gap:8px;width:100%;padding:9px 10px;border:0;background:none;text-align:left;
font-size:15px;border-radius:8px;cursor:pointer;color:var(--wp--preset--color--ink,#1E2430)}
.kiau-intentform__list button:hover,.kiau-intentform__list li.is-active button{background:var(--wp--preset--color--brand-green-tint,#E7F4EC)}
.kiau-intentform__list .kiau-il__plz{font-variant-numeric:tabular-nums;color:var(--wp--preset--color--body,#48505E);min-width:42px}
.kiau-intentform__konf{display:flex;gap:10px;margin-top:12px}
.kiau-konfpick{flex:1 1 0;display:flex;align-items:center;gap:8px;padding:10px 12px;
background:var(--wp--preset--color--surface,#F7F9FA);border:2px solid var(--wp--preset--color--line,#E5E8EC);
border-radius:12px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;line-height:1.2;text-align:left;
color:var(--wp--preset--color--ink,#1E2430);transition:border-color .15s,background .15s}
.kiau-konfpick img{width:28px;height:28px;border-radius:7px;display:block;flex:none}
.kiau-konfpick:hover{border-color:#B7DCC4}
.kiau-konfpick.is-active{border-color:var(--wp--preset--color--brand-green,#0A8531);background:var(--wp--preset--color--brand-green-tint,#E7F4EC)}
/* Horizontale Prozesskette: Icon oben, Text unten, Verbindungslinie zwischen den Icons */
.kiau-procchain{position:relative;display:flex;align-items:flex-start;margin:auto 0}
.kiau-procchain::before{content:"";position:absolute;top:24px;left:16.66%;right:16.66%;height:3px;border-radius:2px;
background:var(--wp--preset--color--line,#E5E8EC);z-index:0}
.kiau-procstep{position:relative;z-index:1;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.kiau-procstep__ic{width:48px;height:48px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
background:var(--wp--preset--color--brand-green-tint,#E7F4EC)}
.kiau-procstep__t{font-size:12px;line-height:1.3;font-weight:600;color:var(--wp--preset--color--body,#48505E)}
.kiau-intentform__cta{width:100%;justify-content:center;margin-top:0}
.kiau-intentform__note{display:block;text-align:center;margin-top:10px;font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--body,#48505E)}
/* Kirchgemeinden-Kacheln */
.kiau-kgtabs{display:inline-flex;gap:6px;padding:5px;background:var(--wp--preset--color--surface,#F7F9FA);
border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:999px;margin-bottom:22px}
.kiau-kgtab{border:0;background:none;padding:8px 20px;border-radius:999px;cursor:pointer;font:inherit;
font-size:var(--wp--preset--font-size--small,14px);font-weight:600;color:var(--wp--preset--color--body,#48505E);transition:.15s}
.kiau-kgtab.is-active{background:var(--wp--preset--color--brand-green,#0A8531);color:#fff}
.kiau-kggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kiau-kgcard{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;
border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:12px;box-shadow:var(--kiau-shadow);
text-decoration:none;color:var(--wp--preset--color--ink,#1E2430);
transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.kiau-kgcard:hover{border-color:var(--wp--preset--color--brand-green,#0A8531);transform:translateY(-2px);box-shadow:var(--kiau-shadow-lg)}
.kiau-kgcard[hidden]{display:none}
.kiau-kgcard__ic{width:40px;height:40px;border-radius:9px;flex:none;display:block}
.kiau-kgcard__tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.kiau-kgcard__label{font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--body,#48505E);font-weight:500;line-height:1.2}
.kiau-kgcard__ort{font-size:15px;font-weight:700;color:var(--wp--preset--color--ink,#1E2430);line-height:1.25}
.kiau-kgnote{color:var(--wp--preset--color--body,#48505E);font-size:var(--wp--preset--font-size--medium,17px)}
.kiau-kgmore{display:block;margin:18px auto 0;padding:10px 24px;border:1px solid var(--wp--preset--color--line,#E5E8EC);
background:#fff;border-radius:999px;font:inherit;font-size:var(--wp--preset--font-size--small,14px);font-weight:600;
color:var(--wp--preset--color--brand-green,#0A8531);cursor:pointer;transition:.15s}
.kiau-kgmore:hover{border-color:var(--wp--preset--color--brand-green,#0A8531);background:var(--wp--preset--color--brand-green-tint,#E7F4EC)}
.kiau-kgmore[hidden]{display:none}
@media(max-width:820px){.kiau-kggrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.kiau-kggrid{grid-template-columns:1fr}}
/* Austritt-Popup (Modal) */
.kiau-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.kiau-modal[hidden]{display:none}
.kiau-modal__backdrop{position:absolute;inset:0;background:rgba(28,43,69,.55)}
.kiau-modal__box{position:relative;z-index:1;max-width:440px;width:100%;background:#fff;border-radius:18px;
box-shadow:var(--kiau-shadow-lg);padding:30px 28px;text-align:center}
.kiau-modal__x{position:absolute;top:12px;right:12px;border:0;background:none;cursor:pointer;padding:4px;display:flex}
.kiau-modal__wap{height:40px;width:40px;border-radius:9px;border:1px solid var(--wp--preset--color--line,#E5E8EC);display:block;margin:0 auto 12px}
.kiau-modal__h{font-size:var(--wp--preset--font-size--large,19px);margin:0 0 8px;color:var(--wp--preset--color--ink,#1E2430)}
.kiau-modal__sub{display:block;margin-top:4px;font-size:var(--wp--preset--font-size--medium,17px);font-weight:600;color:var(--wp--preset--color--brand-green,#0A8531)}
.kiau-modal__tx{color:var(--wp--preset--color--body,#48505E);margin:0 0 20px}
.kiau-modal__btns{display:flex;flex-direction:column;gap:10px}
.kiau-modal__btns .kiau-btn{width:100%;justify-content:center}
/* ===== Gemeindeseite: Intent-Card-Kopf (Schild-Wappen + 2-Zeilen-Titel) ===== */
.kiau-intentcard__gem{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.kiau-gemwap{height:52px;width:auto;display:block;flex:none} /* Gemeindewappen = Schild: keine abgerundeten Ecken, kein Rahmen */
.kiau-gemwap--rounded{border-radius:10px;border:1px solid var(--wp--preset--color--line,#E5E8EC)} /* Kantonswappen (quadratisch) im Card-Kopf: Icon-Stil */
.kiau-intentcard__gtitles{display:flex;flex-direction:column;min-width:0}
.kiau-intentcard__gt{font-size:19px;line-height:1.2;font-weight:700;color:#0A8531}
.kiau-intentcard__gsub{font-size:14px;line-height:1.3;color:#48505E;margin-top:2px}
/* ===== Gemeindeseite: 4 Fakten-Kacheln (ersetzen die Prozesskette) ===== */
.kiau-gfacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.kiau-gfact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--wp--preset--color--brand-green-tint,#E7F4EC);
border:1px solid #C9E7D4;border-radius:12px;padding:12px 14px}
.kiau-gfact__ic{flex:none;line-height:0}
.kiau-gfact__tx{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.kiau-gfact__tx strong{font-size:17px;line-height:1.2;font-weight:700;color:#1E2430}
.kiau-gfact__tx span{font-size:14px;line-height:1.35;color:#48505E}
/* Intent-Card Gemeindeseite: mehr Raum zwischen den Blöcken, CTA nach unten */
.kiau-intentcard--gem .kiau-intentform{gap:18px}
.kiau-intentcard--gem .kiau-intentform__konf{margin-top:0}
.kiau-intentcard--gem .kiau-intentform__cta{margin-top:auto}
/* Kacheln 1-spaltig, wenn die rechte Spalte zu schmal für 2 wird (mittlere Breiten) + Mobile */
@media (max-width:1180px) and (min-width:861px){.kiau-gfacts{grid-template-columns:1fr}}
@media (max-width:520px){.kiau-gfacts{grid-template-columns:1fr}}
/* ===== Gemeindeseite: Kirchgemeinde = zuständige Stelle (2 grosse Kacheln, ohne Tabs) ===== */
.kiau-kg2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.kiau-kgbig{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;
border:1px solid var(--wp--preset--color--line,#E5E8EC);border-radius:16px;padding:28px 24px;box-shadow:var(--kiau-shadow)}
.kiau-kgbig__ic img{width:56px;height:56px;border-radius:12px;display:block}
.kiau-kgbig__t{font-size:var(--wp--preset--font-size--medium,17px);font-weight:700;line-height:1.25;color:var(--wp--preset--color--ink,#1E2430)}
.kiau-kgbig__ort{display:inline-flex;align-items:center;gap:6px;font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--body,#48505E)}
.kiau-kgbig__link{margin-top:6px;font-size:var(--wp--preset--font-size--small,14px);font-weight:600;
color:var(--wp--preset--color--brand-green-strong,#0A6E2A);text-decoration:none}
.kiau-kgbig__link:hover{text-decoration:underline}
@media(max-width:560px){.kiau-kg2{grid-template-columns:1fr}}
/* Kanton-Wappen-Reihe (Hero /katholisch) */
.kiau-cantons{margin-top:22px}
.kiau-cantons__t{display:block;font-weight:700;font-size:15px;color:var(--wp--preset--color--brand-green-strong);margin-bottom:10px}
.kiau-cantons__grid{display:flex;flex-wrap:wrap;gap:8px}
.kiau-cantons__grid img{width:38px;height:38px;border-radius:8px;object-fit:contain;background:#fff;padding:2px;box-shadow:0 1px 2px rgba(28,43,69,.12)}
/* Hero-Wizard (/katholisch) — 3 Schritte in der Intent-Card */
.kiau-wizard__nav{margin-bottom:12px}
.kiau-tab.is-done{color:var(--wp--preset--color--brand-green-strong)}
.kiau-wizard__nav span{flex:1;text-align:center;font-size:12px;font-weight:700;color:#8a97a8;padding:8px 4px;border-radius:8px;background:#fff;border:1px solid #e5e9ef;line-height:1.2}
.kiau-wizard__nav span.is-active{color:#fff;background:var(--wp--preset--color--brand-green-strong);border-color:transparent}
.kiau-wizard__nav span.is-done{color:var(--wp--preset--color--brand-green-strong);border-color:var(--wp--preset--color--brand-green);background:var(--wp--preset--color--brand-green-tint)}
.kiau-wizard__panel{display:flex;flex-direction:column;gap:16px}
.kiau-wizard__panel[hidden]{display:none}
.kiau-wizard__head{display:flex;flex-direction:column;gap:4px}
.kiau-wizard__cap{font-size:16px;font-weight:700;color:var(--wp--preset--color--brand-green-strong);margin:0}
.kiau-wizard__sub{font-size:14px;color:#4a5568;margin:0}
.kiau-wizard__row{display:flex;gap:8px;margin-top:14px}
.kiau-wizard__row .kiau-btn{flex:1;justify-content:center}
.kiau-btn--ghostnav{background:#fff;border:1px solid #e5e9ef;color:#4a5568}
.kiau-einreich{display:flex;flex-direction:column;gap:8px;margin-top:8px}
/* Wizard-Box mehr vertikaler Platz (Hero /katholisch) */
.kiau-intentcard--wiz{padding-top:34px;padding-bottom:34px}
/* Wizard v2: gleiche Boxhöhe, Badges, 2-Spalten (Schritt 2), Einreiche-Kacheln (Schritt 3) */
.kiau-intentcard--wiz{min-height:560px;display:flex;flex-direction:column}
.kiau-wizard__panel{flex:1;justify-content:center}
.kiau-wizard__badges{display:flex;flex-direction:column;gap:8px}
.kiau-wizard__badges[hidden]{display:none}
.kiau-wizard__2col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.kiau-wizard__doccol .kiau-proc__doc{margin:0}
.kiau-wizard__txtcol{display:flex;flex-direction:column;gap:20px;justify-content:center}
.kiau-subtiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kiau-subtile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 16px;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:14px;box-shadow:var(--kiau-shadow);text-decoration:none;color:var(--wp--preset--color--body);transition:box-shadow .15s ease,transform .15s ease;font:inherit;cursor:pointer;width:100%}
.kiau-subtile:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(28,43,69,.12)}
.kiau-subtile--green{background:var(--wp--preset--color--brand-green-tint);border-color:var(--wp--preset--color--brand-green)}
.kiau-subtile__ic{margin-bottom:2px}
.kiau-subtile__t{font-size:16px;color:var(--wp--preset--color--brand-green-strong)}
.kiau-subtile__tx{font-size:14px;color:#4a5568;line-height:1.4}
/* Vorstand-Grid (Organisation) */
.kiau-team{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:820px){.kiau-team{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.kiau-team{grid-template-columns:1fr}}
/* Organisation-Hero mit Hintergrundbild (Overlay + weisse 4er-Kacheln) */
.kiau-orghero{position:relative;background-size:cover;background-position:center 22%;isolation:isolate}
.kiau-orghero::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(28,43,69,.60)}
.kiau-person{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.kiau-person__ava{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:var(--kiau-shadow);margin-bottom:10px}
.kiau-person__ava img{width:100%;height:100%;object-fit:cover;display:block}
.kiau-person__name{font-size:17px;color:var(--wp--preset--color--ink)}
.kiau-person__role{font-size:14px;color:#4a5568}
.kiau-orghero .kiau-kicker{color:#fff}
.kiau-orghero h1{color:#fff}
.kiau-orghero .kiau-lead{color:#fff}
.kiau-orghero__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.kiau-orghero__facts .kiau-gfact{background:#fff;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 24px rgba(0,0,0,.22)}
@media(max-width:820px){.kiau-orghero__facts{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.kiau-orghero__facts{grid-template-columns:1fr}}
/* Startseiten-Hero mit Hintergrundbild (team.webp), dunkles Overlay, weisse Schrift */
.kiau-homehero{position:relative;background-size:cover;background-position:center;isolation:isolate}
.kiau-homehero::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(28,43,69,.72)}
.kiau-homehero .kiau-kicker{color:#fff;opacity:.9}
.kiau-homehero h1{color:#fff}
.kiau-homehero .kiau-lead{color:#fff}
/* Bild-Sektion (Hintergrundbild + reduziertes Overlay + weisser Text) */
.kiau-imgsec{position:relative;background-size:cover;background-position:center;isolation:isolate}
.kiau-imgsec::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(28,43,69,.60)}
.kiau-imgsec .kiau-ctaband{background:#fff;box-shadow:var(--kiau-shadow)}
.kiau-imgsec .kiau-ctaband h3{color:var(--wp--preset--color--ink)}
.kiau-imgsec .kiau-ctaband p{color:#4a5568}
.kiau-imgsec .kiau-ctaband .kiau-btn--onnavy{background:var(--wp--preset--color--navy);color:#fff}
.kiau-imgsec .kiau-kicker{color:#fff}
.kiau-imgsec h2{color:#fff}
.kiau-imgsec .kiau-shead__intro,.kiau-imgsec .kiau-prose,.kiau-imgsec .kiau-prose p{color:#fff}
/* Stat-Boxen sind weisse Karten (auch auf Bild-Sektionen) – Zahl grün, Label grau */
/* Vertikaler Zeitstrahl (Organisation-Geschichte) */
.kiau-htl{list-style:none;margin:32px 0 0;padding:0;position:relative;max-width:860px}
.kiau-htl::before{content:"";position:absolute;left:26px;top:27px;bottom:27px;width:2px;background:var(--wp--preset--color--brand-green-tint)}
.kiau-htl__item{position:relative;display:grid;grid-template-columns:54px 1fr;column-gap:20px}
.kiau-htl__item + .kiau-htl__item{margin-top:26px}
.kiau-htl__dot{grid-column:1;grid-row:1 / span 2;align-self:start;width:54px;height:54px;border-radius:50%;background:#fff;border:3px solid var(--wp--preset--color--brand-green);display:flex;align-items:center;justify-content:center}
.kiau-htl b{grid-column:2;grid-row:1;align-self:center;color:var(--wp--preset--color--ink);font-size:17px}
.kiau-htl__text{grid-column:2;grid-row:2;color:#4a5568;font-size:15px;line-height:1.55;margin-top:2px}
/* ============================================================
Rechtstexte: AGB / DSG (Sprung-Inhaltsverzeichnis + Artikel)
============================================================ */
.kiau-legal{max-width:880px}
/* Artikel-Block: dezente Trennlinie oben, Anker-Offset unter Sticky-Header */
.kiau-art{scroll-margin-top:120px;padding-top:28px;margin-top:28px;border-top:1px solid var(--wp--preset--color--line)}
.kiau-art:first-child{margin-top:0;padding-top:0;border-top:0}
.kiau-art h2{margin:0}
.kiau-art h3{color:var(--wp--preset--color--ink);font-size:19px;margin:24px 0 6px}
.kiau-art h4{color:var(--wp--preset--color--brand-green-strong);font-size:17px;margin:20px 0 4px}
.kiau-art .kiau-prose{margin-top:8px}
/* Definitions-Zeilen (Verarbeitete Daten / Rechtsgrundlage / Ort) */
.kiau-defs{margin:6px 0 14px;padding:0;list-style:none;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--body)}
.kiau-defs li{margin:3px 0}
.kiau-defs b{color:var(--wp--preset--color--ink)}
/* Nummeriertes Sprung-Inhaltsverzeichnis (2-spaltig, mobil 1-spaltig) */
.kiau-toc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
@media(max-width:700px){.kiau-toc{grid-template-columns:1fr}}
.kiau-toc li{margin:0}
.kiau-toc a{display:flex;gap:12px;align-items:baseline;padding:11px 4px;color:var(--wp--preset--color--ink);text-decoration:none;border-bottom:1px solid var(--wp--preset--color--line);font-size:var(--wp--preset--font-size--medium);line-height:1.35}
.kiau-toc a:hover{color:var(--wp--preset--color--brand-green)}
.kiau-toc a:hover .kiau-toc__t{text-decoration:underline}
.kiau-toc__n{flex:0 0 auto;min-width:52px;color:var(--wp--preset--color--brand-green);font-weight:700}
/* Kontakt-Karte (DSG Anbieter) + Stand-Notiz */
.kiau-legal-note{margin-top:32px;color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
/* ============================================================
Beitrags-Layout (Blog Single): Hero + 2-Spalten + Sticky-CTA
Ziel: Informieren → Conversion. Desktop 2-spaltig, Mobil 1-spaltig.
============================================================ */
/* Breadcrumb + Meta im Hero (auf Navy → weiss) */
.kiau-crumbs{color:#fff;font-size:var(--wp--preset--font-size--small);margin:0 0 12px;opacity:.92}
.kiau-crumbs a{color:#fff;text-decoration:none}
.kiau-crumbs a:hover{text-decoration:underline}
.kiau-postmeta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;color:#fff;font-size:var(--wp--preset--font-size--small)}
.kiau-postmeta span{display:inline-flex;align-items:center;gap:8px}
/* 2-Spalten-Raster: Artikel + Seitenspalte (Sticky-CTA) */
.kiau-article{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
@media(max-width:900px){.kiau-article{grid-template-columns:1fr;gap:24px}}
.kiau-article__main{min-width:0}
/* Sticky-Abstand = Höhe des fixierten Kopfbereichs (≈186px) + Puffer,
sonst wird die Tab-Leiste des Prozess-CTA vom Header verdeckt. */
.kiau-article__aside{position:sticky;top:200px}
@media(max-width:900px){.kiau-article__aside{display:none}}
/* Prozess-CTA (kiau-hubhero__process) in der Sidebar wiederverwenden:
Hero-Layout neutralisieren, Widget bleibt eigenständige weisse Karte. */
.kiau-hubhero--aside{background:none;padding:0;margin:0;min-height:0}
.kiau-hubhero--aside .kiau-hubhero__k-right{margin:0 0 12px}
.kiau-hubhero--aside .kiau-hubhero__process{display:block;grid-column:auto;grid-row:auto}
/* Sidebar-Box ist NICHT gestreckt (anders als im Hero) → space-between/margin-auto
erzeugen keinen Abstand. Deshalb explizite Abstände, damit nichts am Button klebt. */
.kiau-hubhero--aside .kiau-proc__panel{justify-content:flex-start}
.kiau-hubhero--aside .kiau-proc__doc{padding-bottom:18px}
.kiau-hubhero--aside .kiau-proc__panel .kiau-proc__cta{margin-top:18px}
/* Anker-Ziele in der Beitrags-Prosa nicht unter den Sticky-Header schieben */
.kiau-prose h2[id]{scroll-margin-top:100px}
/* Sticky Conversion-Karte (Seitenspalte, navy) */
.kiau-ctacard{background:var(--wp--preset--color--navy);border-radius:16px;padding:24px;color:#fff;box-shadow:var(--kiau-shadow)}
.kiau-ctacard h3{color:#fff;margin:0 0 8px;font-size:var(--wp--preset--font-size--x-large)}
.kiau-ctacard p{color:#D8E5EB;margin:0 0 16px;font-size:var(--wp--preset--font-size--small);line-height:1.5}
.kiau-ctacard ul{list-style:none;margin:0 0 16px;padding:0}
.kiau-ctacard li{display:flex;gap:10px;align-items:flex-start;margin:0 0 8px;font-size:var(--wp--preset--font-size--small);line-height:1.4}
.kiau-ctacard .kiau-btn{width:100%;justify-content:center}
/* Partner-/Related-Karten als Link */
.kiau-linkcard{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:14px;background:#fff;border:1px solid var(--wp--preset--color--line);box-shadow:var(--kiau-shadow);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.kiau-linkcard:hover{transform:translateY(-2px)}
.kiau-linkcard strong{color:var(--wp--preset--color--ink);font-size:17px;line-height:1.3}
.kiau-linkcard span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);line-height:1.45}
.kiau-linkcard .kiau-linkcard__more{color:var(--wp--preset--color--brand-green);font-weight:600;font-size:14px;margin-top:auto}
/* Mobile Sticky-CTA am unteren Rand */
.kiau-msticky{display:none}
@media(max-width:900px){
.kiau-msticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:12px;justify-content:center;align-items:center;background:rgba(255,255,255,.97);border-top:1px solid var(--wp--preset--color--line);padding:10px 16px;box-shadow:0 -4px 16px rgba(28,43,69,.12)}
.kiau-msticky .kiau-btn{margin:0}
body{padding-bottom:64px}
}
/* ============================================================
Bild-Teaser: bekannte Box (kiau-card-Stil) + Bild oben + Text + Button.
Ganze Karte klickbar. Für „Passende Beiträge" und Partner-Empfehlungen.
============================================================ */
.kiau-teaser{display:flex;flex-direction:column;overflow:hidden;background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--line);border-radius:14px;box-shadow:var(--kiau-shadow);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.kiau-teaser:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,43,69,.16)}
.kiau-teaser__img{aspect-ratio:16/10;width:100%;object-fit:cover;display:block;background:var(--wp--preset--color--surface)}
.kiau-teaser__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 22px}
.kiau-teaser__title{color:var(--wp--preset--color--ink);font-size:18px;font-weight:700;line-height:1.3;margin:0}
.kiau-teaser__text{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small);line-height:1.5;margin:0}
.kiau-teaser__btn{margin-top:8px;display:inline-flex;align-items:center;gap:8px;background:var(--wp--preset--color--brand-green);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px}
.kiau-teaser:hover .kiau-teaser__btn{filter:brightness(.97)}
/* Teaser-Raster im schmalen Artikel-Textbereich (2-Spalten-Layout mit Sidebar):
2 statt 3 Spalten, damit Empfehlungs-Teaser gleich gross wirken wie die
vollbreiten „Passende Beiträge". Mobil bleibt 1-spaltig (Regel greift erst ab 901px). */
@media(min-width:901px){ .kiau-article__main .kiau-grid3{grid-template-columns:1fr 1fr} }
/* Prosa-Absatzabstand nicht in die Teaser-Texte durchschlagen lassen */
.kiau-prose .kiau-teaser__text{margin:0}
/* Beitrags-Prosa: Abstand über Section-Überschriften (Sektionen atmen, Titel klebt
nicht an Themen-Box/vorherigem Absatz). Themen-Box-H2 hat Inline-Margin → unberührt. */
.kiau-prose h2{margin-top:40px}
.kiau-prose > :first-child{margin-top:0}
/* ============================================================
Beitrags-Übersicht /kirchenaustritt/konsequenzen/ : Filter + Teaser-Grid
============================================================ */
.kiau-filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 8px}
.kiau-filter{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--wp--preset--color--line);background:#fff;color:var(--wp--preset--color--ink);font-weight:600;font-size:15px;padding:9px 16px;border-radius:999px;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}
.kiau-filter:hover{border-color:var(--wp--preset--color--brand-green);color:var(--wp--preset--color--brand-green-strong)}
.kiau-filter.is-active{background:var(--wp--preset--color--brand-green);border-color:var(--wp--preset--color--brand-green);color:#fff}
.kiau-filter__n{font-size:13px;opacity:.7}
.kiau-filter.is-active .kiau-filter__n{opacity:.9}
.kiau-postgrid{margin-top:24px}
.kiau-postgrid .kiau-teaser.is-hidden{display:none}
.kiau-postgrid__empty{margin-top:24px;color:var(--wp--preset--color--body)}
/* Beitrags-SEO: Tabellen-Styling in .kiau-prose (F5) + Stand-Zeile */
.kiau-prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:var(--wp--preset--font-size--small)}
.kiau-prose th,.kiau-prose td{border:1px solid var(--wp--preset--color--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.5}
.kiau-prose thead th,.kiau-prose tr:first-child th{background:var(--wp--preset--color--brand-green-tint);color:var(--wp--preset--color--ink);font-weight:700}
.kiau-prose tbody tr:nth-child(even){background:var(--wp--preset--color--surface)}
.kiau-prose .kiau-faq h2{margin-top:0}
.kiau-standline{margin-top:32px;padding-top:16px;border-top:1px solid var(--wp--preset--color--line);color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
/* Landingpage Kirchenaustritt-Vorlage – Helfer (Button-Reihe im Hero + Häkchen-Liste) */
.kiau-kah__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.kiau-doclist{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.kiau-doclist li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--wp--preset--color--body);line-height:1.4}
.kiau-doclist li svg,.kiau-doclist li img{flex:0 0 auto;margin-top:1px}
.kiau-card .kiau-doclist{margin-bottom:18px}
/* Kirchensteuern-Hero: 26 Kantonswappen als quadratische Icons, 8 pro Reihe */
.kiau-wappenbox{background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--line);border-radius:16px;box-shadow:var(--kiau-shadow);padding:24px}
.kiau-wappenbox__t{display:block;font-weight:700;font-size:15px;color:var(--wp--preset--color--brand-green-strong);margin-bottom:14px}
.kiau-wappengrid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;align-items:center}
.kiau-wappengrid img{width:100%;height:auto;border-radius:12px;border:1px solid var(--wp--preset--color--line);display:block}
/* ===== /katholisch Hero: interaktive Prozesskette + rechte Bühne ===== */
.kiau-kah__idrow{display:flex;gap:18px;align-items:flex-start;margin:4px 0 14px}
.kiau-kah__idrow h1{margin:0}
.kiau-kah__wap--tall{height:clamp(4.7rem,10.5vw,6.3rem);width:auto;aspect-ratio:1/1;object-fit:contain;align-self:flex-start;flex:none}
.kiau-kah__abwbox{margin:0 0 20px;max-width:600px}
.kiau-kah__abwbox .kiau-pstep strong{font-size:19px}
.kiau-kah__abwbox .kiau-pstep span{font-size:16px}
.kiau-kah__cta{align-self:center;margin-top:2px}
.kiau-kah__wappen{margin-top:auto;grid-template-columns:repeat(13,1fr);gap:7px}
.kiau-kflow__box{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;box-shadow:var(--kiau-shadow);padding:22px 20px;margin:8px 0 6px}
.kiau-kflow{display:flex;position:relative;max-width:640px;margin:32px 0 30px}
.kiau-kflow::before{content:"";position:absolute;top:48px;left:12.5%;right:37.5%;height:1px;background:var(--wp--preset--color--line);z-index:0}
.kiau-kflow__step{position:relative;z-index:1;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:11px;background:none;border:0;padding:0 4px;cursor:pointer;font:inherit}
.kiau-kflow__ic{width:96px;height:96px;border-radius:50%;background:#fff;box-shadow:var(--kiau-shadow);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--brand-green);transition:background .15s,color .15s,box-shadow .15s}
.kiau-kflow__ic svg{width:42%;height:42%}
.kiau-kflow__step:hover .kiau-kflow__ic{box-shadow:var(--kiau-shadow-lg)}
.kiau-kflow__step.is-active .kiau-kflow__ic{background:var(--wp--preset--color--brand-green);color:#fff}
.kiau-kflow__t{font-size:13px;line-height:1.3;font-weight:600;color:var(--wp--preset--color--body);text-align:center}
.kiau-kflow__step.is-active .kiau-kflow__t{color:var(--wp--preset--color--brand-green-strong)}
.kiau-kflow__stage{display:flex;flex-direction:column}
.kiau-kflow__panel{flex:1 1 auto}
.kiau-kflow__panel[hidden]{display:none}
.kiau-kflow__cap{font-weight:700;color:var(--wp--preset--color--brand-green-strong);font-size:var(--wp--preset--font-size--large);line-height:1.25;margin:0 0 10px}
.kiau-kflow__sub{color:var(--wp--preset--color--body);margin:0 0 16px}
.kiau-kflow__doc{position:relative;width:min(400px,100%);margin:0 auto;aspect-ratio:350 / 363;background:center/contain no-repeat;filter:drop-shadow(0 16px 30px rgba(28,43,69,.18))}
.kiau-kflow__badges{display:flex;flex-direction:column;gap:12px}
.kiau-kflow__badges .kiau-badge{align-items:flex-start}
.kiau-kflow__note{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:14px;padding:16px 18px;box-shadow:var(--kiau-shadow);margin-top:16px}
.kiau-kflow__note strong{display:block;color:var(--wp--preset--color--ink,#1E2430);margin-bottom:2px}
.kiau-kflow__note span{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--small)}
.kiau-kflow__foot{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--wp--preset--color--brand-green-tint);border:2px solid var(--wp--preset--color--brand-green);border-radius:16px;box-shadow:var(--kiau-shadow);padding:16px 20px;margin-top:16px}
.kiau-kflow__foot[hidden]{display:none}
.kiau-kflow__footic{flex:none;display:flex;align-items:center}
.kiau-kflow__foottx{color:var(--wp--preset--color--brand-green-strong);font-weight:700;line-height:1.4}
.kiau-kflow__foottx strong{font-size:var(--wp--preset--font-size--large)}
@media(max-width:860px){.kiau-kflow__t{font-size:11px}.kiau-kflow__ic{width:48px;height:48px}.kiau-kflow::before{top:24px}}
/* Sektion 2 /katholisch: prominente Kirchgemeinden-Anzahl */
.kiau-kgcount{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.kiau-kgcount__n{font-size:clamp(2.1rem,4vw,2.9rem);font-weight:800;color:var(--wp--preset--color--brand-green-strong);line-height:1}
.kiau-kgcount__tx{color:var(--wp--preset--color--body);font-size:var(--wp--preset--font-size--medium);max-width:330px;line-height:1.35}
/* ==========================================================================
* MOBILE-NAVIGATION (Hamburger + Off-Canvas) — nur ≤900px, Desktop unberührt
* Task 1 Mobile-Optimierung · 06.10.2026
* ========================================================================== */
/* Mobile-Bedienelemente auf Desktop ausblenden */
.kiau-mnav__burger,.kiau-mnav__phone{display:none}
.kiau-oc,.kiau-oc-backdrop{display:none}
@media(max-width:900px){
/* Desktop-Chrome ausblenden */
.kiau-header-top .kiau-topbar-contact{display:none!important}
.kiau-header-nav{display:none!important}
/* Kompakter Sticky-Header */
.kiau-header-top{position:sticky;top:0;z-index:50;box-shadow:0 1px 6px rgba(20,30,45,.06)}
.kiau-header-top .wp-block-site-logo img,
.kiau-header-top .custom-logo{width:150px;height:auto}
/* Telefon + Hamburger rechts */
.kiau-mnav__burger,.kiau-mnav__phone{display:inline-flex}
.kiau-mnav__phone{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;
border-radius:12px;color:var(--wp--preset--color--navy);text-decoration:none}
.kiau-mnav__phone:hover{background:var(--wp--preset--color--surface)}
.kiau-mnav__phone svg{width:21px;height:21px;fill:currentColor}
.kiau-mnav__burger{position:relative;width:46px;height:46px;border:0;background:transparent;
border-radius:12px;cursor:pointer;padding:0}
.kiau-mnav__burger:hover{background:var(--wp--preset--color--surface)}
.kiau-mnav__burger:focus-visible{outline:2px solid var(--wp--preset--color--brand-green);outline-offset:2px}
.kiau-mnav__burger span{position:absolute;left:12px;right:12px;height:2.5px;border-radius:2px;
background:var(--wp--preset--color--navy);transition:transform .25s,opacity .2s}
.kiau-mnav__burger span:nth-child(1){top:16px}
.kiau-mnav__burger span:nth-child(2){top:22px}
.kiau-mnav__burger span:nth-child(3){top:28px}
.kiau-mnav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.kiau-mnav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.kiau-mnav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* Backdrop */
.kiau-oc-backdrop{display:block;position:fixed;inset:0;z-index:60;background:rgba(15,22,38,.55);
opacity:0;pointer-events:none;transition:opacity .28s ease}
.kiau-oc-backdrop.is-open{opacity:1;pointer-events:auto}
/* Off-Canvas-Panel */
.kiau-oc{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;right:auto;z-index:70;
width:min(86%,360px);background:var(--wp--preset--color--navy);color:#fff;
transform:translateX(-100%);transition:transform .28s ease;overflow-y:auto;
padding-bottom:env(safe-area-inset-bottom,0px)}
.kiau-oc.is-open{transform:translateX(0);box-shadow:12px 0 40px rgba(0,0,0,.35)}
.kiau-oc__top{display:flex;align-items:center;justify-content:space-between;
padding:calc(14px + env(safe-area-inset-top,0px)) 18px 6px}
.kiau-oc__title{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#aeb9cc}
.kiau-oc__close{width:44px;height:44px;border:0;background:transparent;color:#fff;border-radius:12px;
cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.kiau-oc__close:hover{background:var(--wp--preset--color--navy-2)}
.kiau-oc__close svg{width:20px;height:20px;fill:#fff}
.kiau-oc__cta{display:flex;align-items:center;justify-content:center;margin:8px 18px 14px;
background:var(--wp--preset--color--brand-green);color:#fff;font-weight:800;font-size:17px;
padding:15px;border-radius:999px;text-decoration:none}
.kiau-oc__cta:hover{background:var(--wp--preset--color--brand-green-strong)}
.kiau-oc__nav{list-style:none;margin:0;padding:0 8px}
.kiau-oc__nav>li{border-top:1px solid rgba(255,255,255,.1)}
.kiau-oc__row{display:flex;align-items:center;width:100%;gap:12px;background:transparent;border:0;
color:#fff;font-family:inherit;font-size:17px;font-weight:600;text-align:left;text-decoration:none;
padding:15px 10px;cursor:pointer;min-height:44px}
.kiau-oc__row:hover{color:#cfe0f2}
.kiau-oc__row:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:8px}
.kiau-oc__ic{width:20px;height:20px;flex:0 0 auto;fill:currentColor;opacity:.9}
.kiau-oc__label{flex:1}
.kiau-oc__caret{width:15px;height:15px;fill:currentColor;flex:0 0 auto;transition:transform .2s}
.kiau-oc__row[aria-expanded="true"] .kiau-oc__caret,
.kiau-oc__toggle[aria-expanded="true"] .kiau-oc__caret{transform:rotate(180deg)}
/* Zeile mit eigenem Link + separatem Aufklapp-Toggle */
.kiau-oc__rowwrap{display:flex;align-items:center;width:100%}
.kiau-oc__rowwrap .kiau-oc__row{flex:1}
.kiau-oc__toggle{flex:0 0 auto;width:52px;align-self:stretch;border:0;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.1)}
.kiau-oc__toggle:hover{background:rgba(255,255,255,.06)}
.kiau-oc__toggle:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.kiau-oc__sub{list-style:none;margin:0;padding:0 0 10px 42px}
.kiau-oc__sub li a{display:block;padding:10px;color:#c6d0e0;text-decoration:none;font-size:15px;min-height:40px}
.kiau-oc__sub li a:hover{color:#fff}
.kiau-oc__contact{margin-top:auto;padding:16px 20px 22px;border-top:1px solid rgba(255,255,255,.12);
background:var(--wp--preset--color--navy-2)}
.kiau-oc__ci{display:flex;align-items:center;gap:12px;padding:8px 0;color:#e7ecf4;text-decoration:none;font-size:15px}
.kiau-oc__ci svg{width:17px;height:17px;fill:#8fe0a8;flex:0 0 auto}
.kiau-oc__ci small{display:block;color:#9fb0c8;font-size:12px;font-weight:600}
.kiau-oc__about{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;
padding:13px;border-radius:999px;border:1.5px solid rgba(255,255,255,.4);color:#fff;
text-decoration:none;font-weight:700;font-size:15px}
.kiau-oc__about:hover{background:rgba(255,255,255,.08)}
body.kiau-oc-lock{overflow:hidden}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
.kiau-oc,.kiau-oc-backdrop,.kiau-mnav__burger span,.kiau-oc__caret{transition:none}
}
/* ==========================================================================
* MOBILE FOOTER-PROZESSLEISTE + BOTTOM-SHEETS — nur ≤900px, Desktop unberührt
* Task 2 Mobile · 07.10.2026
* ========================================================================== */
.kiau-procbar,.kiau-sheet,.kiau-sheet-backdrop{display:none}
@media(max-width:900px){
/* Platz unten, damit die fixe Leiste nichts verdeckt */
body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
/* Prozessleiste (fix unten) */
.kiau-procbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:65;
background:#fff;border-top:1px solid var(--wp--preset--color--line);
padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 12px rgba(20,30,45,.08)}
.kiau-procbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
border:0;background:transparent;cursor:pointer;padding:9px 4px;min-height:60px;
color:var(--wp--preset--color--brand-green);font-family:inherit;font-size:12px;font-weight:600}
.kiau-procbar__item span{line-height:1}
.kiau-procbar__ic{width:22px;height:22px;fill:currentColor}
.kiau-procbar__item:hover{background:var(--wp--preset--color--surface)}
.kiau-procbar__item.is-active{color:var(--wp--preset--color--brand-green)}
.kiau-procbar.has-active .kiau-procbar__item{color:#3a4150}
.kiau-procbar.has-active .kiau-procbar__item.is-active{color:var(--wp--preset--color--brand-green)}
.kiau-procbar__item:focus-visible{outline:2px solid var(--wp--preset--color--brand-green);outline-offset:-2px}
/* Backdrop */
.kiau-sheet-backdrop{display:block;position:fixed;inset:0;z-index:58;background:rgba(15,22,38,.5);
opacity:0;pointer-events:none;transition:opacity .28s ease}
.kiau-sheet-backdrop.is-open{opacity:1;pointer-events:auto}
/* Bottom-Sheet (von unten nach oben) */
.kiau-sheet{display:block;position:fixed;left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:60;
background:#fff;border-radius:20px 20px 0 0;max-height:88vh;overflow-y:auto;
transform:translateY(calc(100% + 130px));transition:transform .32s cubic-bezier(.22,1,.36,1);
padding-bottom:16px;box-shadow:0 -16px 48px rgba(0,0,0,.28)}
.kiau-sheet.is-open{transform:translateY(0)}
.kiau-sheet__grip{width:42px;height:5px;border-radius:999px;background:var(--wp--preset--color--line);
margin:10px auto 2px}
.kiau-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 2px}
.kiau-sheet__step{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:var(--wp--preset--color--brand-green-strong)}
.kiau-sheet__close{width:40px;height:40px;border:0;background:transparent;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;color:var(--wp--preset--color--body)}
.kiau-sheet__close svg{width:24px;height:24px;fill:currentColor}
.kiau-sheet__body{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:center;padding:8px 18px 4px}
.kiau-sheet__media--doc{position:relative;aspect-ratio:3/4;background-size:cover;background-position:top center;
border:1px solid var(--wp--preset--color--line);border-radius:10px;overflow:hidden;
box-shadow:var(--kiau-shadow);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.kiau-sheet__media--icon{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;
background:var(--wp--preset--color--brand-green-tint);border-radius:10px}
.kiau-sheet__bigic{width:52px;height:52px;fill:var(--wp--preset--color--brand-green)}
.kiau-sheet__text h3{margin:0 0 6px;font-size:19px;color:var(--wp--preset--color--navy);line-height:1.2}
.kiau-sheet__text p{margin:0;font-size:15px;color:var(--wp--preset--color--body);line-height:1.5}
.kiau-sheet__foot{display:flex;flex-direction:column;gap:10px;padding:14px 18px 4px}
.kiau-sheet__cta{display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--brand-green);
color:#fff;font-weight:800;font-size:17px;padding:15px;border-radius:999px;text-decoration:none}
.kiau-sheet__cta:hover{background:var(--wp--preset--color--brand-green-strong)}
/* Tafel-Titel gruen (Schritt 1) */
.kiau-sheet__text h3.is-green{color:var(--wp--preset--color--brand-green)}
/* Icon-Overlay ueber Master-Formular (Tafel 2/3) */
.kiau-sheet__mediaicon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;
width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.94);
display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.22)}
.kiau-sheet__mediaicon svg{width:30px;height:30px;fill:var(--wp--preset--color--brand-green)}
/* Prev/Next-Navigator */
.kiau-sheet__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px 2px}
.kiau-sheet__navprev{width:46px;height:46px;border:0;background:transparent;cursor:pointer;padding:0;
display:inline-flex;align-items:center;justify-content:center}
.kiau-sheet__navprev svg{width:36px;height:36px;fill:#9aa3b0;transform:scaleX(-1)}
.kiau-sheet__navprev:hover svg{fill:#6b7280}
.kiau-sheet__navprev.is-disabled{visibility:hidden}
.kiau-sheet__navnext{margin-left:auto;display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;
cursor:pointer;padding:4px 0;font-family:inherit}
.kiau-sheet__navlabel{font-size:16px;font-weight:700;color:var(--wp--preset--color--brand-green-strong)}
.kiau-sheet__navarrow{width:42px;height:42px;fill:var(--wp--preset--color--brand-green);
animation:kiau-arrow-pulse 1.5s ease-in-out infinite}
@keyframes kiau-arrow-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
body.kiau-sheet-lock{overflow:hidden}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
.kiau-sheet,.kiau-sheet-backdrop{transition:none}
.kiau-sheet__navarrow{animation:none}
}
/* Alter Sticky-CTA durch Prozessleiste ersetzt (reversibel: diese Zeile entfernen) */
.kiau-sticky-cta{display:none!important}
/* Mobile-Tafel Feinschliff 07.10.2026: Titel-Oberkante, Zusatzhinweis, Icon-Hoehe, kein Huepfen */
@media(max-width:900px){
/* Icons in der Bar auf gleiche HOEHE (Cloud hat breiteren viewBox) */
.kiau-procbar__ic{width:auto;height:22px}
/* Feste Hoehe + Flex-Spalte: Fuss bleibt unten, Titel oben => kein Huepfen beim Vor/Zurueck */
.kiau-sheet{display:flex;flex-direction:column;height:430px}
.kiau-sheet__panel:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}
/* Titel/Inhalt oben ausgerichtet = Oberkante Grafik, nicht zentriert */
.kiau-sheet__body{align-items:start;flex:1;min-height:0}
/* Zusatzhinweis (z.B. "Keine Ergaenzungen notwendig") mit kleinem Abstand */
.kiau-sheet__note{margin-top:8px;font-size:15px;line-height:1.5;color:var(--wp--preset--color--body)}
}
/* ==========================================================================
* Mobile/Desktop-Sichtbarkeit (Hero-Breakpoint 820px)
* ========================================================================== */
@media(max-width:820px){.kiau-only-desktop{display:none!important}}
@media(min-width:821px){.kiau-only-mobile{display:none!important}}
/* ==========================================================================
* /kirchenaustritt Hero – Mobile (Screenshot-Vorgabe): navy Kicker-Box randlos,
* gruener H1, Kirchensteuer-Stopp-Datum, pulsierender CTA, alles zentriert.
* 07.10.2026 · nur ≤820px, Desktop unberührt
* ========================================================================== */
@media(max-width:820px){
.kiau-hubhero{text-align:center}
.kiau-hubhero__wrap{padding-top:0;padding-left:0;padding-right:0}
/* Kicker = navy Vollbreit-Box direkt unter Header, 1 Zeile, groesstmoeglich */
.kiau-hubhero__mkicker{display:block;background:var(--wp--preset--color--navy);color:#fff;font-weight:700;
white-space:nowrap;text-align:center;padding:11px 14px;font-size:clamp(12px,4.2vw,18px);line-height:1.2}
/* Inhalt bekommt wieder Seitenabstand (Kicker-Box bleibt randlos) */
.kiau-hubhero__left,.kiau-badges,.kiau-hubhero__k-right,.kiau-hubhero__process{padding-left:16px;padding-right:16px}
/* H1 gruen, bold, 6mm Abstand zur Kicker-Box */
.kiau-hubhero__title{color:var(--wp--preset--color--brand-green);font-size:28px;line-height:1.14;font-weight:800;margin:23px 0 0}
/* Kirchensteuer-Stopp-Datum unter H1 */
.kiau-hubhero__nextdate{margin-top:10px}
.kiau-hubhero__ndlabel{display:block;font-size:17px;color:var(--wp--preset--color--body)}
.kiau-hubhero__nddate{display:inline-flex;align-items:center;gap:8px;margin-top:2px;font-size:24px;font-weight:700;color:var(--wp--preset--color--brand-green)}
.kiau-hubhero__nddate svg{width:22px;height:22px;flex:0 0 auto}
.kiau-hubhero__lead{max-width:42ch;margin:14px auto 0}
/* CTA + Sub-Text (Abstand oben = unten) */
.kiau-hubhero__mcta{margin-top:18px}
.kiau-hubhero__ctabtn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:420px;
font-size:18px;padding:16px 24px;animation:kiau-cta-pulse 1.8s ease-in-out infinite}
.kiau-hubhero__csub{margin:18px auto 0;max-width:460px;font-size:17px;font-weight:600;line-height:1.5;color:var(--wp--preset--color--body)}
.kiau-hubhero__k-right.kiau-tabs{justify-content:center}
}
@keyframes kiau-cta-pulse{0%,100%{box-shadow:0 6px 20px rgba(10,133,49,.22)}50%{box-shadow:0 6px 20px rgba(10,133,49,.22),0 0 0 7px rgba(10,133,49,.13)}}
@media(max-width:820px) and (prefers-reduced-motion:reduce){.kiau-hubhero__ctabtn{animation:none}}
/* /kirchenaustritt Hero Mobil – Teil 2 (07.10.2026): Tabs/Doc aus, Badges kompakt */
@media(max-width:820px){
/* Tabs + Prozess-Doc im Hero mobil ausblenden → nach den 3 Badges direkt Sektion 1 */
.kiau-hubhero__k-right,.kiau-hubhero__process{display:none!important}
/* 3 Trust-Badges kompakter: Icon links, so hoch wie Titel+Sub */
.kiau-hbadge{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-align:left;padding:14px 16px}
.kiau-hbadge__ic{grid-column:1;grid-row:1 / span 2;align-self:stretch;display:flex;align-items:center;justify-content:center;line-height:1}
.kiau-hbadge__ic svg{width:auto;height:100%;max-height:48px}
.kiau-hbadge__title{grid-column:2;grid-row:1}
.kiau-hbadge__sub{grid-column:2;grid-row:2}
.kiau-hbadge .kiau-chip{grid-column:2;grid-row:3;justify-self:start;margin-top:4px}
}