/* KH Native UX-Builder Komponenten 17.06.2026 */
.kh-crumb{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:10px}
.kh-crumb a{color:rgba(255,255,255,.7)}.kh-crumb span{margin:0 6px}
.kh-eyebrow2{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#d7a94a;margin-bottom:8px}
.kh-h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(34px,4.5vw,56px);line-height:1.1;margin:.1em 0 .35em;color:#0b2044}
.kh-hero-light .kh-h1{color:#fff}
.kh-h1 em{font-style:italic;color:#9ed1f0}
.kh-lead{font-size:19px;line-height:1.6;color:#475569;max-width:660px;margin:0}
.kh-hero-light .kh-lead{color:rgba(255,255,255,.92)}
.kh-h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(26px,3vw,40px);line-height:1.2;margin:.1em 0 .3em;color:#0b2044}
.kh-body{font-size:17px;line-height:1.7;color:#334155;margin:0 0 1em}
.kh-sub{font-size:18px;color:#64748b;margin:6px 0 0}
.kh-center{text-align:center}
.kh-card > .col-inner{background:#fff;border:1px solid #e7ecf3;border-radius:16px;padding:28px 24px;box-shadow:0 10px 30px rgba(15,23,42,.05);height:100%}
.kh-card h3{font-family:'Fraunces',serif;color:#0b2044;font-size:19px;margin:0 0 8px}
.kh-card p{color:#475569;font-size:14.5px;line-height:1.6;margin:0}
.kh-card a{color:#1b81c4;text-decoration:underline}
.kh-ic{width:50px;height:50px;border-radius:13px;background:#eef6fc;color:#1b81c4;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.kh-ic svg{width:25px;height:25px}
.kh-stat{text-align:center}
.kh-stat .num{font-family:'Fraunces',serif;font-weight:700;color:#fff;font-size:clamp(28px,3.2vw,42px);line-height:1}
.kh-stat .lbl{color:rgba(255,255,255,.78);font-size:14px;margin-top:6px;display:block}
.button.kh-red{background-color:#b20000!important;border-color:#b20000!important;color:#fff!important}
.button.kh-red:hover{background-color:#8a0000!important;border-color:#8a0000!important}
.button.kh-ow{background:transparent!important;border:2px solid rgba(255,255,255,.55)!important;color:#fff!important}
.button.kh-ow:hover{background:rgba(255,255,255,.12)!important;border-color:#fff!important}
.button.kh-ghost{background:transparent!important;border:2px solid #cbd5e1!important;color:#0b2044!important}
.kh-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#1b81c4;background:#eef6fc;padding:5px 11px;border-radius:999px;margin-bottom:12px}
.kh-disclaimer{font-size:13px;color:#8a97a8;text-align:center;margin-top:18px}
.kh-stepnum{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1b81c4,#0b2044);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;font-family:'Fraunces',serif;margin-bottom:14px}
.kh-member > .col-inner{background:#fff;border:1px solid #e7ecf3;border-radius:16px;padding:24px;text-align:center;box-shadow:0 8px 22px rgba(15,23,42,.05);height:100%}
.kh-member .av{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1b81c4,#0b2044);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:700;font-size:22px;margin:0 auto 14px}
.kh-member--gold .av{background:linear-gradient(135deg,#e3b75a,#c0922f)}
.kh-member .nm{font-family:'Fraunces',serif;color:#0b2044;font-size:18px;font-weight:600}
.kh-member .rl{color:#64748b;font-size:13px;margin-top:3px}
.kh-subhead{font-family:'Fraunces',serif;color:#0b2044;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;margin:0 0 18px}
.kh-legal{text-align:left}
.kh-legal h2{font-family:'Fraunces',serif;color:#0b2044;font-size:23px;margin:26px 0 8px}
.kh-legal h3{color:#0b2044;font-size:17px;margin:18px 0 6px}
.kh-legal p,.kh-legal li{color:#334155;font-size:16px;line-height:1.7;margin:0 0 .7em}
.guide-card > .col-inner{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px}
.kh-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.kh-badges span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px}
.kh-side{display:flex;flex-direction:column;gap:14px}
.kh-side-item{background:#fff;border:1px solid #e7ecf3;border-radius:14px;padding:18px 20px;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.kh-side-item strong{display:block;color:#0b2044;font-family:'Fraunces',serif;font-size:16px;margin-bottom:4px}
.kh-side-item{color:#64748b;font-size:14px;line-height:1.5}
.kh-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.kh-amt{background:#fff;border:1px solid #e7ecf3;border-radius:14px;padding:22px 16px;text-align:center;box-shadow:0 6px 18px rgba(15,23,42,.05);color:#475569;font-size:13.5px;line-height:1.5}
.kh-amt .a{font-family:'Fraunces',serif;font-weight:700;color:#1b81c4;font-size:28px;margin-bottom:8px}
.kh-amt strong{display:block;color:#0b2044;font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
@media(max-width:849px){.kh-amounts{grid-template-columns:1fr 1fr}}
/* WPForms im guide-card auf volle Breite (Fix 17.06) */
.guide-card > .col-inner{padding:30px}
.guide-card .wpforms-container,.guide-card .wpforms-form{width:100%!important;max-width:100%!important;margin:0!important}
.guide-card .wpforms-field{width:100%!important;max-width:100%!important;float:none!important;padding:0 0 14px!important}
.guide-card .wpforms-form input[type=text],.guide-card .wpforms-form input[type=email]{width:100%!important;max-width:100%!important}
.guide-card .wpforms-field-name .wpforms-field-row{display:flex!important;gap:12px!important;width:100%!important;margin:0!important}
.guide-card .wpforms-field-name .wpforms-field-row-block{flex:1 1 0!important;width:auto!important;float:none!important;margin:0!important;padding:0!important}
.guide-card .wpforms-field-row-block .wpforms-field-sublabel{margin-top:4px}
.guide-card .wpforms-submit{width:100%!important;white-space:normal!important;line-height:1.25!important;padding:15px 22px!important;height:auto!important}
/* WPForms Feldbreite hart erzwingen */
.guide-card .wpforms-field-row,.guide-card .wpforms-field-large,.guide-card .wpforms-field-medium,.guide-card .wpforms-field-small{max-width:100%!important;width:100%!important}
.guide-card .wpforms-field input,.guide-card .wpforms-field textarea{max-width:100%!important;width:100%!important;box-sizing:border-box!important}
.guide-card{text-align:left}
/* 17.06 — zentrierte Leads wirklich mittig + Testament-Formular ohne leeren Card-Block */
.kh-lead.kh-center,.kh-sub.kh-center{margin-left:auto!important;margin-right:auto!important}
.guide-card > .col-inner{background:transparent!important;border:none!important;padding:0!important}
.guide-card .wpforms-container{max-width:560px!important;width:100%!important;margin:0 auto!important;float:none!important}
.guide-card .wpforms-form{width:100%!important;max-width:100%!important}
.kh-donate{background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.32)}
.kh-donate-head{font-family:'Fraunces',serif;font-size:22px;color:#0b2044;font-weight:600}
.kh-donate-sub{color:#64748b;font-size:14px;margin:2px 0 16px}
.kh-donate-amts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
.kh-donate-amts a{text-align:center;padding:14px;border:1.5px solid #e2e8f0;border-radius:12px;font-weight:800;color:#0b2044;font-size:17px;text-decoration:none;transition:.15s}
.kh-donate-amts a:hover,.kh-donate-amts a.on{border-color:#1b81c4;background:#eef6fc}
.kh-donate-btn{display:block;text-align:center;background:#b20000;color:#fff!important;padding:16px;border-radius:999px;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 12px 30px rgba(178,0,0,.35)}
.kh-donate-btn:hover{background:#8a0000}
.kh-donate-trust{text-align:center;color:#94a1b3;font-size:12.5px;margin-top:12px}
.kh-urgency{background:linear-gradient(120deg,#7a0000,#b20000);border-radius:20px;padding:44px 30px;text-align:center}
.button.kh-redwhite{background:#fff!important;color:#b20000!important;border:none!important;border-radius:999px!important;font-weight:800!important;padding:14px 30px!important}
.kh-faq{max-width:760px;margin:0 auto}
.kh-faq-item{background:#fff;border:1px solid #e7ecf3;border-radius:14px;padding:20px 24px;margin-bottom:12px}
.kh-faq-item h3{color:#0b2044;font-size:17px;margin:0 0 6px;font-family:'Fraunces',serif}
.kh-faq-item p{color:#475569;font-size:15px;margin:0;line-height:1.6}
/* 17.06 — Eleganz/Premium: Button-Abstand, Weißfläche, gold */
.button.kh-red,.button.kh-ow,.button.kh-ghost{margin-top:24px!important}
.button.kh-red + .button,.button.kh-ow + .button,.button.kh-ghost + .button{margin-left:12px}
.kh-eyebrow2{margin-bottom:14px}
.kh-h2{letter-spacing:-.01em}
.kh-lead{margin-bottom:6px}
/* Karten edler: weicher Schatten, mehr Luft */
.kh-card > .col-inner{padding:32px 28px;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.06)}
.kh-card h3{font-size:20px;margin-bottom:10px}
/* Ivory-Sektionen warm */
/* 17.06 — Zentrierung: volle Spaltenbreite, Inhalt mittig mit Lesebreite */
.kh-h2.kh-center{max-width:880px;margin-left:auto!important;margin-right:auto!important}
.kh-lead.kh-center,.kh-sub.kh-center{max-width:680px;margin-left:auto!important;margin-right:auto!important}
.kh-body{max-width:700px;margin-left:auto;margin-right:auto}
.kh-eyebrow2.kh-center{text-align:center}
/* 17.06 — Testament native Support (Vorlagen-Look auf Flatsome-Spalten) */
.way-card-col > .col-inner{background:#fffdf8;border:1px solid #efe7d6;border-radius:18px;padding:32px 28px;height:100%}
.way-num{font-family:'Fraunces',serif;font-size:42px;color:#d7a94a;font-weight:700;line-height:1}
.way-card-col h3{font-family:'Fraunces',serif;color:#0b2044;font-size:22px;margin:14px 0 10px}
.way-card-col p{color:#475569;font-size:15px;line-height:1.6;margin:0}
.kh-benefit{padding:14px 0;border-bottom:1px solid #eef1f6}
.kh-benefit strong{display:block;color:#0b2044;font-size:16px;margin-bottom:3px}
.kh-benefit span{color:#64748b;font-size:14.5px;line-height:1.5}
.kh-rounded img{border-radius:18px}
/* EMPFOHLEN-Badge nicht über Button: Beträge-Grid mehr Abstand oben */
.live-give-wrap .amount-btn__badge{top:-7px!important}
.live-give-wrap .lg-amounts,.live-give-wrap .amount-grid,.live-give-wrap .wcdp_amount,.live-give-wrap ul[class*="amount"]{margin-top:22px!important}
/* 17.06 — Testament: Buch-Animation (sanftes Schweben, Neigung bleibt) */
@keyframes khBookFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3.2deg) translateY(-18px)}}
.guide-book{animation:khBookFloat 4.5s ease-in-out infinite;will-change:transform}
.guide-book:hover{animation-play-state:paused;transform:rotate(-2deg) translateY(-10px) scale(1.03)!important}
@media (prefers-reduced-motion:reduce){.guide-book{animation:none}}
/* 17.06 — EMPFOHLEN-Badge endgültig: Wert sichtbar, Badge klein oben */
.live-give-wrap .amounts{margin-top:20px}
.live-give-wrap .amount-btn{overflow:visible!important}
.live-give-wrap .amount-btn.is-active{background:#fff!important;color:#0b2044!important;border:2px solid #d7a94a!important;transform:none!important;box-shadow:0 6px 18px rgba(215,169,74,.30)!important}
.live-give-wrap .amount-btn.is-active .amount-btn__value{color:#0b2044!important}
.live-give-wrap .amount-btn__badge{top:-10px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;background:#d7a94a!important;color:#fff!important;border:none!important;z-index:5!important;font-size:9px!important;padding:3px 9px!important;white-space:nowrap;box-shadow:0 3px 8px rgba(11,32,68,.18)}
.live-give-wrap .amount-custom input{padding-left:36px!important}
/* 17.06 — Hero heller, Bild scheint durch (Text bleibt lesbar via Schatten) */
.hero::before{background:linear-gradient(120deg,rgba(11,32,68,.62) 0%,rgba(21,50,92,.46) 55%,rgba(11,32,68,.32) 100%)!important}
.kh-redesign .section.hero::before{background:linear-gradient(120deg,rgba(11,32,68,.62) 0%,rgba(21,50,92,.46) 55%,rgba(11,32,68,.32) 100%)!important}
.hero h1,.hero .hero__lead,.hero__eyebrow,.kh-redesign .section.hero h1,.kh-redesign .section.hero .kh-lead{text-shadow:0 2px 16px rgba(0,0,0,.55)}
/* 17.06 — Hero: links dunkel -> rechts hell (Bild scheint rechts durch) */
.hero::before,.kh-redesign .section.hero::before{background:linear-gradient(90deg,rgba(9,24,54,.90) 0%,rgba(11,32,68,.66) 38%,rgba(11,32,68,.34) 72%,rgba(11,32,68,.16) 100%)!important}
/* EMPFOHLEN belt&suspenders: Wert IMMER sichtbar */
.live-give-wrap .amount-btn.is-active .amount-btn__value{color:#0b2044!important;opacity:1!important;display:block!important;position:relative;z-index:1}
/* 17.06 — EMPFOHLEN endgültig: Badge oben im Button, Wert darunter sichtbar */
.live-give-wrap .amount-btn.is-active{padding-top:28px!important}
.live-give-wrap .amount-btn__badge{top:7px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;font-size:8px!important;padding:2px 7px!important;letter-spacing:.5px!important}
/* 17.06 — EMPFOHLEN als Text unter dem Wert (kein Overlap) */
.live-give-wrap .amount-btn.is-active{padding-top:14px!important}
.amount-btn__rec{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#c0922f;margin-top:5px;text-align:center}
/* 17.06 — Hero nativer Section-BG editierbar: section-bg wieder sichtbar */
.kh-redesign .section.hero .section-bg{display:block!important;z-index:0}
.kh-redesign .section.hero .section-bg .bg{background-position:center 35%!important}
.kh-redesign .section.hero::before{z-index:1!important}
.kh-redesign .section.hero .section-content{position:relative;z-index:2}
/* 17.06 — Hero als ux_banner (BG im Builder editierbar) — Text-Styles */
.kh-hero-banner{text-shadow:0 2px 14px rgba(0,0,0,.4)}
.kh-hero-banner .text-box, .kh-hero-banner .text{color:#fff}
.kh-hero-crumb{color:rgba(255,255,255,.78);font-size:14px;margin-bottom:8px}
.kh-hero-crumb a{color:rgba(255,255,255,.78)}
.kh-hero-eyebrow{display:inline-block;color:#d7a94a;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:13px;margin-bottom:10px}
.kh-hero-h1{color:#fff;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(34px,4.6vw,56px);line-height:1.1;margin:.1em 0 .3em}
.kh-hero-h1 em{color:#d7a94a;font-style:italic}
.kh-hero-lead{color:rgba(255,255,255,.92);font-size:19px;line-height:1.55;max-width:560px}
/* leichter Links-Dunkel-Verlauf zusätzlich (Lesbarkeit), Bild rechts sichtbar */
.kh-hero-banner .ux-shade{background:linear-gradient(90deg,rgba(9,24,54,.55) 0%,rgba(9,24,54,.15) 70%,rgba(9,24,54,0) 100%)!important}
/* 17.06 — Kontakt native */
.kh-cc .kh-ic--red{background:#fdecec;color:#b20000}.kh-cc .kh-ic--gold{background:#fbf3e2;color:#c0922f}.kh-cc .kh-ic--blue{background:#eef6fc;color:#1b81c4}
.kh-cc-label{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#94a1b3;margin-bottom:6px}
.kh-cc-title{font-family:'Fraunces',serif;color:#0b2044;font-size:20px;margin:0 0 8px}
.kh-cc-hint{color:#64748b;font-size:14px}.kh-cc-hint a{color:#1b81c4;font-weight:700}
.kh-city h3{font-family:'Fraunces',serif;color:#0b2044;font-size:19px;margin:6px 0 2px}
.kh-city-role{color:#c0922f;font-weight:700;font-size:13px;margin-bottom:8px}
.kh-city p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 10px}
.kh-city-mail{color:#1b81c4;font-size:14px;font-weight:600;word-break:break-all}
.kh-info-card{background:#fff;border:1px solid #e7ecf3;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.kh-info-card h3{font-family:'Fraunces',serif;color:#0b2044;margin:0 0 12px}
.kh-info-card ul{list-style:none;margin:0;padding:0}.kh-info-card li{padding:8px 0 8px 26px;position:relative;color:#334155;font-size:15px;border-bottom:1px solid #f1f5f9}
.kh-info-card li:last-child{border-bottom:none}.kh-info-card li:before{content:"✓";position:absolute;left:0;color:#1b81c4;font-weight:900}
.kh-info-card p{color:#334155;font-size:15px;line-height:1.9;margin:0}
/* 17.06 — Kontakt Schnellkontakt: 3 Karten statt 4 (Telefon raus) → zentriert/voll */
.quick-contact__grid{grid-template-columns:repeat(3,1fr)!important;max-width:1000px;margin-left:auto;margin-right:auto}
@media(max-width:768px){.quick-contact__grid{grid-template-columns:1fr!important}}

/* ===== WEITER-Button ÜBER die Sicherheitsinfo (überall, 17.06.) ===== */
.kh-redesign .button-row{display:block!important;text-align:center;overflow:visible}
.kh-redesign .wcdp-trust-line{clear:both!important;float:none!important;display:flex!important;width:100%!important;margin-top:14px!important;justify-content:center;align-items:center;gap:8px;text-align:center}