/* ============================================================
   Keren Hayesod — Yozmot Atid (Landingpage zur Broschüre München)
   Aufbau nach dem Muster von kh-edut710.css, Seite 8731.
   Spendenweg zuerst: CTA im Hero, Formular direkt nach der Einleitung,
   feste Spendenschaltfläche auf dem Handy.
   ============================================================ */

.page-id-8731{
  --kh-navy-deep:#0b2044; --kh-navy:#15325c; --kh-navy-mid:#1a3e72;
  --kh-blue:#1b81c4; --kh-blue-light:#34b7ea; --kh-blue-pale:#dbe4f2;
  --kh-gold:#d7a94a; --kh-red:#b20000; --kh-red-dark:#8a0000;
  --kh-ink:#0f172a; --kh-ink-soft:#334155; --kh-ink-mute:#64748b;
  --kh-paper:#fff; --kh-paper-warm:#f7f5f0;
  overflow-x:clip;
}

/* ---------- Flächen full-bleed, Textspalte 720 px ---------- */
.page-id-8731 .kh-yoz-hero,
.page-id-8731 .kh-yoz-intro,
.page-id-8731 .kh-yoz-spenden,
.page-id-8731 .kh-yoz-krise,
.page-id-8731 .kh-yoz-programm,
.page-id-8731 .kh-yoz-story,
.page-id-8731 .kh-yoz-bank{
  padding:0 !important;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  width:100vw; max-width:100vw;
}
.page-id-8731 .kh-yoz-hero .row,
.page-id-8731 .kh-yoz-intro .row,
.page-id-8731 .kh-yoz-spenden .row,
.page-id-8731 .kh-yoz-krise .row,
.page-id-8731 .kh-yoz-programm .row,
.page-id-8731 .kh-yoz-story .row,
.page-id-8731 .kh-yoz-bank .row{ max-width:720px; }
/* Flatsome gibt .row ein margin:0 -15px — sonst klebt die Spalte links */
.page-id-8731 .kh-yoz-hero > .section-content > .row,
.page-id-8731 .kh-yoz-intro > .section-content > .row,
.page-id-8731 .kh-yoz-spenden > .section-content > .row,
.page-id-8731 .kh-yoz-krise > .section-content > .row,
.page-id-8731 .kh-yoz-programm > .section-content > .row,
.page-id-8731 .kh-yoz-story > .section-content > .row,
.page-id-8731 .kh-yoz-bank > .section-content > .row{
  margin-left:auto !important; margin-right:auto !important;
}

/* ---------- Hero ---------- */
.page-id-8731 .kh-yoz-hero{ background:var(--kh-navy-deep); }
.page-id-8731 .kh-yoz-hero .row{ padding:88px 20px 46px; }
.page-id-8731 .kh-yoz-hero h1{
  font-family:'Fraunces',Georgia,serif; font-weight:600; font-style:italic;
  font-size:clamp(28px,7.4vw,44px); line-height:1.18; color:#fff; margin:0;
}
.page-id-8731 .kh-yoz-hero .kh-yoz-lead{ color:#c6d3e6; margin:18px 0 0; }
.page-id-8731 .kh-yoz-ctanote{ font-size:13.5px; color:#c6d3e6; margin:12px 0 0; }

/* ---------- Abschnittsflächen ---------- */
.page-id-8731 .kh-yoz-intro{ background:var(--kh-paper); }
.page-id-8731 .kh-yoz-krise{ background:var(--kh-paper-warm); }
.page-id-8731 .kh-yoz-programm{ background:var(--kh-paper); }
.page-id-8731 .kh-yoz-story{ background:var(--kh-paper-warm); }
.page-id-8731 .kh-yoz-spenden,
.page-id-8731 .kh-yoz-bank{ background:var(--kh-navy-deep); color:#dce5f2; }
.page-id-8731 .kh-yoz-intro .row,
.page-id-8731 .kh-yoz-krise .row,
.page-id-8731 .kh-yoz-programm .row,
.page-id-8731 .kh-yoz-story .row,
.page-id-8731 .kh-yoz-spenden .row,
.page-id-8731 .kh-yoz-bank .row{ padding:38px 20px 30px; }
.page-id-8731 .kh-yoz-bank .row{ padding-top:0; }
.page-id-8731 .kh-yoz-programm .row + .row,
.page-id-8731 .kh-yoz-intro .row + .row{ padding-top:0; }

/* ---------- Typografie ---------- */
.page-id-8731 h2{
  font-family:'Fraunces',Georgia,serif; font-weight:600;
  font-size:clamp(23px,5.6vw,31px); line-height:1.28; margin:0 0 16px; color:var(--kh-navy);
}
.page-id-8731 .kh-yoz-spenden h2,
.page-id-8731 .kh-yoz-bank h2{ color:#fff; }
.page-id-8731 .kh-yoz-lead{ font-size:18px; line-height:1.7; color:var(--kh-ink-soft); margin:0 0 18px; }
.page-id-8731 .kh-yoz-spenden .kh-yoz-lead,
.page-id-8731 .kh-yoz-bank .kh-yoz-lead{ color:#c6d3e6; }
.page-id-8731 .kh-yoz-intro p,
.page-id-8731 .kh-yoz-krise p,
.page-id-8731 .kh-yoz-story p{ font-size:16.5px; line-height:1.75; color:var(--kh-ink-soft); }
.page-id-8731 .kh-yoz-rule::after{
  content:""; display:block; width:56px; height:3px; background:var(--kh-gold);
  border-radius:2px; margin:0 0 18px;
}

/* ---------- Spenden-Schaltflächen ---------- */
.page-id-8731 a.button.kh-yoz-cta,
.page-id-8731 .kh-yoz-cta a.button{
  background:var(--kh-red) !important; color:#fff !important; border:0 !important;
  border-radius:999px !important; padding:0 30px !important; height:auto !important;
  min-height:54px !important; line-height:54px !important;
  font-weight:900 !important; font-size:16px !important; letter-spacing:.01em !important;
  text-transform:none !important; box-shadow:0 12px 30px rgba(178,0,0,.35) !important;
  margin:22px 0 0 !important;
}
.page-id-8731 a.button.kh-yoz-cta:hover{ background:var(--kh-red-dark) !important; }

/* Der globale Schwebe-Button führt zur allgemeinen Spendenseite —
   auf dieser Seite soll die Spende beim Projekt bleiben. */
body.page-id-8731 .kh-float-donate{ display:none !important; }

/* Eigene feste Spendenschaltfläche */
.page-id-8731 .kh-yoz-sticky{ margin:0; }
.page-id-8731 .kh-yoz-sticky a{
  position:fixed; right:22px; bottom:22px; z-index:9990;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--kh-red); color:#fff !important; text-decoration:none;
  font-family:'Lato',sans-serif; font-weight:900; font-size:15px;
  padding:15px 26px; border-radius:999px; box-shadow:0 12px 30px rgba(178,0,0,.4);
}
.page-id-8731 .kh-yoz-sticky a:hover{ background:var(--kh-red-dark); }
@media (max-width:768px){
  .page-id-8731 .kh-yoz-sticky a{
    left:14px; right:14px; bottom:14px; padding:14px 18px; font-size:16px;
  }
  .page-id-8731 .kh-yoz-bank{ padding-bottom:76px !important; }
}

/* ---------- Bildstreifen ---------- */
.page-id-8731 .kh-yoz-strip{ margin:24px -20px 0; max-width:none; }
.page-id-8731 .kh-yoz-strip .col{ padding:0 3px 6px; }
.page-id-8731 .kh-yoz-strip img{
  border-radius:8px; aspect-ratio:4/3; object-fit:cover; width:100%; display:block;
}

/* ---------- Programmkarten ---------- */
.page-id-8731 .kh-yoz-cards{ max-width:720px; margin:6px auto 0 !important; }
.page-id-8731 .kh-yoz-card .col-inner{
  background:#fff; border:1px solid #e6ebf3; border-left:4px solid var(--kh-gold);
  border-radius:12px; padding:18px 18px 16px; height:100%;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.page-id-8731 .kh-yoz-card h3{
  font-family:'Fraunces',Georgia,serif; font-size:19px; font-weight:600;
  color:var(--kh-navy); margin:0 0 7px;
}
.page-id-8731 .kh-yoz-card p{ margin:0; font-size:15.5px; line-height:1.65; color:var(--kh-ink-soft); }
.page-id-8731 .kh-yoz-claim{ font-size:17px; font-weight:700; color:var(--kh-navy); line-height:1.55; margin:14px 0 0; }

/* ---------- Zahlenzeile ---------- */
.page-id-8731 .kh-yoz-stats{ max-width:720px; margin:8px auto 0 !important; }
.page-id-8731 .kh-yoz-stat .col-inner{
  background:#f4f7fb; border-radius:12px; padding:16px 16px 14px; height:100%;
}
.page-id-8731 .kh-yoz-stat b{
  display:block; font-family:'Fraunces',Georgia,serif; font-size:26px;
  color:var(--kh-navy); line-height:1.1;
}
.page-id-8731 .kh-yoz-stat span{
  display:block; font-size:13.5px; color:var(--kh-ink-mute); margin-top:6px; line-height:1.45;
}

/* ---------- Beispielgeschichte ---------- */
.page-id-8731 .kh-yoz-storyimg img{
  border-radius:12px; width:100%; display:block; aspect-ratio:16/9;
  object-fit:cover; object-position:50% 30%;
}
.page-id-8731 .kh-yoz-storyname{ font-size:14px; color:var(--kh-ink-mute); margin:10px 0 18px; }

/* ---------- Spendenformular ---------- */
.page-id-8731 .kh-yoz-donate{
  background:#fff; border-radius:14px; padding:22px 18px; margin-top:22px;
  box-shadow:0 14px 40px rgba(15,23,42,.14); color:var(--kh-ink);
}
.page-id-8731 .kh-yoz-purpose{
  display:inline-block; background:rgba(178,0,0,.08); color:var(--kh-red);
  border:1px solid rgba(178,0,0,.25); font-size:11.5px; font-weight:900; letter-spacing:.10em;
  text-transform:uppercase; padding:6px 12px; border-radius:999px; margin:0 0 16px;
}
.page-id-8731 .kh-yoz-donate label{ color:var(--kh-navy); }
/* Flatsome färbt in dunklen Sektionen JEDEN Betrag weiß (.dark span.amount)
   — auf der weißen Formularkarte wären die Beträge dadurch unsichtbar. */
.page-id-8731 .kh-yoz-donate .woocommerce-Price-amount,
.page-id-8731 .kh-yoz-donate span.amount,
.page-id-8731 .kh-yoz-donate .woocommerce-Price-currencySymbol{ color:var(--kh-navy) !important; }
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label,
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label span,
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label .woocommerce-Price-amount,
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label .woocommerce-Price-currencySymbol{ color:#fff !important; }

/* ---------- Dauerspende-Hinweis + Vertrauenszeile ---------- */
.page-id-8731 .kh-yoz-monthly{
  background:rgba(215,169,74,.12); border:1px solid rgba(215,169,74,.4);
  border-radius:12px; padding:14px 16px; margin:20px 0 0;
  font-size:15px; line-height:1.6; color:#e8eef7;
}
.page-id-8731 .kh-yoz-trust ul{ list-style:none; margin:20px 0 0; padding:0; display:grid; gap:10px; }
.page-id-8731 .kh-yoz-trust li{
  font-size:14.5px; line-height:1.5; color:#c6d3e6; padding-left:26px; position:relative; margin:0;
}
.page-id-8731 .kh-yoz-trust li::before{
  content:""; position:absolute; left:0; top:5px; width:14px; height:8px;
  border-left:2.5px solid var(--kh-gold); border-bottom:2.5px solid var(--kh-gold);
  transform:rotate(-45deg);
}

/* ---------- Bankverbindung ---------- */
.page-id-8731 .kh-yoz-bankcard{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16);
  border-radius:14px; padding:20px 18px; margin-top:8px;
}
.page-id-8731 .kh-yoz-bankcard dl{
  display:grid; grid-template-columns:auto 1fr; gap:8px 16px; margin:0; font-size:15.5px;
}
.page-id-8731 .kh-yoz-bankcard dt{ color:#9fb0c7; white-space:nowrap; }
.page-id-8731 .kh-yoz-bankcard dd{ margin:0; color:#fff; font-weight:700; }

/* ---------- ab Tablet ---------- */
@media (min-width:850px){
  .page-id-8731 .kh-yoz-strip{ margin-left:0; margin-right:0; }
  .page-id-8731 .kh-yoz-hero .row{ padding:120px 20px 64px; }
  .page-id-8731 .kh-yoz-intro .row,
  .page-id-8731 .kh-yoz-krise .row,
  .page-id-8731 .kh-yoz-programm .row,
  .page-id-8731 .kh-yoz-story .row,
  .page-id-8731 .kh-yoz-spenden .row,
  .page-id-8731 .kh-yoz-bank .row{ padding:60px 20px 64px; }
  .page-id-8731 .kh-yoz-bank .row{ padding-top:0; }
  .page-id-8731 .kh-yoz-donate{ padding:34px 30px 30px; }
  .page-id-8731 .kh-yoz-trust ul{ grid-template-columns:1fr 1fr 1fr; gap:14px; }
}

/* ---------- Formular-Kacheln wie auf /spenden-helfen/ (10.09.2026) ----------
   Ohne diesen Block erbt das Formular das Plugin-Raster: die Beträge stehen
   am Handy einzeln untereinander und „Anderer" wird doppelt so hoch. */
.page-id-8731 .kh-yoz-donate ul.wcdp_amount{
  display:grid !important; grid-template-columns:repeat(3,1fr) !important;
  gap:8px; margin:0; padding:0; list-style:none; grid-auto-rows:1fr;
}
.page-id-8731 .kh-yoz-donate ul.wcdp_su{
  display:grid !important; grid-template-columns:repeat(auto-fit,minmax(108px,1fr)) !important;
  gap:8px; margin:0; padding:0; list-style:none;
}
.page-id-8731 .kh-yoz-donate ul.wcdp_amount li,
.page-id-8731 .kh-yoz-donate ul.wcdp_su li{ margin:0; height:100%; }
.page-id-8731 .kh-yoz-donate ul.wcdp_amount label.wcdp-button-label,
.page-id-8731 .kh-yoz-donate ul.wcdp_su label.wcdp-button-label{
  display:flex; align-items:center; justify-content:center; text-align:center;
  height:100%; min-height:0; margin:0; padding:12px;
  border:1.5px solid #e2e8f0; border-radius:10px; background:#fff;
  font-size:14px; line-height:1.3; font-weight:600; color:var(--kh-navy);
  cursor:pointer; transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.page-id-8731 .kh-yoz-donate ul.wcdp_amount label.wcdp-button-label:hover,
.page-id-8731 .kh-yoz-donate ul.wcdp_su label.wcdp-button-label:hover{ border-color:var(--kh-blue); }
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label.wcdp-button-label{
  border-color:var(--kh-blue) !important; background:#eef6fc !important;
  box-shadow:0 0 0 1px var(--kh-blue) inset; font-weight:700;
}
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label.wcdp-button-label,
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label .woocommerce-Price-amount,
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label .woocommerce-Price-currencySymbol{
  color:var(--kh-navy-deep) !important;
}
/* Eingabefeld „Anderer" */
.page-id-8731 .kh-yoz-donate input.wcdp-donation-amount{
  font-size:16px; width:8ch; min-width:5ch; color:var(--kh-navy);
}
/* Weiter-Schaltfläche in KH-Rot statt Plugin-Blau */
.page-id-8731 .kh-yoz-donate .wcdp-button.wcdp-right{
  background:var(--kh-red) !important; border:0; border-radius:10px;
  font-weight:700; padding:13px 26px;
}
.page-id-8731 .kh-yoz-donate .wcdp-button.wcdp-right:hover{ background:var(--kh-red-dark) !important; }
@media (max-width:520px){
  .page-id-8731 .kh-yoz-donate ul.wcdp_amount{ grid-template-columns:repeat(2,1fr) !important; }
  .page-id-8731 .kh-yoz-donate ul.wcdp_su{ grid-template-columns:repeat(2,1fr) !important; }
}

/* Kachelhöhe bändigen: das Feld „Anderer" enthält ein Eingabefeld mit 200 %
   Schriftgröße — über grid-auto-rows:1fr zog es alle Betragskacheln mit hoch. */
.page-id-8731 .kh-yoz-donate ul.wcdp_amount{ grid-auto-rows:58px !important; }
.page-id-8731 .kh-yoz-donate ul.wcdp_amount label.wcdp-button-label{ padding:8px 10px; }
.page-id-8731 .kh-yoz-donate .wcdp-amount > input.wcdp-donation-amount,
.page-id-8731 .kh-yoz-donate input.wcdp-donation-amount{
  font-size:16px !important; width:7ch !important; min-width:4ch !important;
  padding:2px 4px; text-align:center; color:var(--kh-navy);
}
.page-id-8731 .kh-yoz-donate ul.wcdp_su{ grid-auto-rows:52px; }

/* „Anderer": eigenes Label mit Eingabefeld — auf Kachelhöhe zwingen,
   sonst ragt es in die Überschrift „Rhythmus" hinein. */
.page-id-8731 .kh-yoz-donate label.wcdp_label_custom_amount{
  display:flex !important; align-items:center; justify-content:center; gap:6px;
  height:58px !important; padding:8px 10px; margin:0;
  border:1.5px solid #e2e8f0; border-radius:10px; background:#fff;
  font-size:14px; font-weight:600; color:var(--kh-navy); cursor:pointer; overflow:hidden;
}
.page-id-8731 .kh-yoz-donate label.wcdp_label_custom_amount .wcdp_other{ margin:0; }
.page-id-8731 .kh-yoz-donate label.wcdp_label_custom_amount .wcdp_cu_field{
  display:flex; align-items:center; gap:4px;
}
.page-id-8731 .kh-yoz-donate .wcdp_value_other:checked + label.wcdp_label_custom_amount{
  border-color:var(--kh-blue); background:#eef6fc; box-shadow:0 0 0 1px var(--kh-blue) inset;
}

/* kh-native.css (lädt zuletzt) gibt „Anderer" ein min-height:110px — das schlug
   die feste Kachelhöhe. Nur auf dieser Seite zurücknehmen, global bleibt es. */
.page-id-8731 .kh-yoz-donate label.wcdp_label_custom_amount{ min-height:58px !important; }
.page-id-8731 .kh-yoz-donate #wcdp-donation-amount{ font-size:15px !important; width:60px !important; }

/* Bankverbindung: das Theme setzt dt/dd in Großbuchstaben und die zweispaltige
   Aufstellung wird am Handy zu schmal — beides hier zurücknehmen. */
.page-id-8731 .kh-yoz-bankcard dt,
.page-id-8731 .kh-yoz-bankcard dd{ text-transform:none !important; letter-spacing:0 !important; }
.page-id-8731 .kh-yoz-bankcard dt{ font-size:14px; font-weight:400; }
.page-id-8731 .kh-yoz-bankcard dd{ font-size:16px; }
@media (max-width:600px){
  .page-id-8731 .kh-yoz-bankcard dl{ grid-template-columns:1fr !important; gap:0; }
  .page-id-8731 .kh-yoz-bankcard dt{ margin-top:12px; }
  .page-id-8731 .kh-yoz-bankcard dt:first-child{ margin-top:0; }
  .page-id-8731 .kh-yoz-bankcard dd{ margin-top:2px; }
}

/* Ausgewählte Kachel: das Plugin färbt zusätzlich den inneren <span> blau —
   dadurch sitzt ein blauer Kasten um den Betrag. Nur die Kachel soll wirken. */
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label span,
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label .woocommerce-Price-amount{
  background:transparent !important; color:#0b2044 !important;
}
/* Das Eingabefeld gehört zu „Anderer" und soll erst erscheinen, wenn „Anderer"
   gewählt ist — sonst steht der gewählte Betrag doppelt in der Kachel. */
.page-id-8731 .kh-yoz-donate .wcdp_value_other:not(:checked) ~ .wcdp_label_custom_amount > .wcdp_cu_field{
  display:none !important;
}

/* Das Plugin legt in die gewählte Kachel ein weißes Häkchen-SVG — auf hellem
   Grund liegt es unsichtbar über der Beschriftung. Kachelrahmen zeigt die Wahl. */
.page-id-8731 .kh-yoz-donate ul.wcdp_options > li > input:checked + label:after{ display:none !important; content:none !important; }

/* ============================================================
   Volle Breite (15.09.2026) — Inhalt 1240 px wie auf den Projektseiten
   statt 720-px-Spalte. Nur Desktop/Tablet; das Handy bleibt unverändert.
   Die Fließtexte stehen ohne <p> im Inhalt, deshalb Spalten/Floats
   statt Raster, wo Text beteiligt ist.
   ============================================================ */
@media (min-width:850px){
  .page-id-8731 .kh-yoz-hero .row,
  .page-id-8731 .kh-yoz-intro .row,
  .page-id-8731 .kh-yoz-spenden .row,
  .page-id-8731 .kh-yoz-krise .row,
  .page-id-8731 .kh-yoz-programm .row,
  .page-id-8731 .kh-yoz-story .row,
  .page-id-8731 .kh-yoz-bank .row,
  .page-id-8731 .kh-yoz-cards,
  .page-id-8731 .kh-yoz-stats{ max-width:1240px !important; }
  /* Seitenrand auf .section-content: flatsome.css setzt
     „.row .row:not(.row-collapse){padding-left:0}" und gewinnt an der Zeile. */
  .page-id-8731 .kh-yoz-hero > .section-content,
  .page-id-8731 .kh-yoz-intro > .section-content,
  .page-id-8731 .kh-yoz-spenden > .section-content,
  .page-id-8731 .kh-yoz-krise > .section-content,
  .page-id-8731 .kh-yoz-programm > .section-content,
  .page-id-8731 .kh-yoz-story > .section-content,
  .page-id-8731 .kh-yoz-bank > .section-content{ padding-left:32px; padding-right:32px; }
  .page-id-8731 .kh-yoz-hero h1{ max-width:900px; }
  .page-id-8731 .kh-yoz-hero .kh-yoz-lead,
  .page-id-8731 .kh-yoz-programm .kh-yoz-lead{ max-width:820px; }
}

@media (min-width:1024px){
  /* Einleitung + Ausgangslage: Kopf über die ganze Breite, Text zweispaltig */
  .page-id-8731 .kh-yoz-intro .row:not(.kh-yoz-strip) > .col > .col-inner,
  .page-id-8731 .kh-yoz-krise .col-inner{
    column-count:2; column-gap:64px;
  }
  .page-id-8731 .kh-yoz-intro .kh-yoz-rule,
  .page-id-8731 .kh-yoz-intro .kh-yoz-lead,
  .page-id-8731 .kh-yoz-krise .eyebrow,
  .page-id-8731 .kh-yoz-krise h2{ column-span:all; }
  .page-id-8731 .kh-yoz-intro .kh-yoz-lead{ max-width:900px; font-size:20px; margin-bottom:26px; }
  .page-id-8731 .kh-yoz-krise h2{ margin-bottom:22px; }

  /* Spenden: Text links, Formular rechts (Muster der Projektseiten) */
  .page-id-8731 .kh-yoz-spenden .col-inner{
    display:grid; grid-template-columns:minmax(0,1fr) 500px;
    grid-template-rows:repeat(6,auto) 1fr; column-gap:72px; row-gap:0; align-items:start;
  }
  .page-id-8731 .kh-yoz-spenden .col-inner > *{ grid-column:1; }
  .page-id-8731 .kh-yoz-spenden .col-inner > div:first-child{ grid-column:1 / -1; grid-row:1; }
  .page-id-8731 .kh-yoz-spenden .col-inner > .kh-yoz-donate{ grid-column:2; grid-row:2 / 8; margin-top:0; }
  .page-id-8731 .kh-yoz-spenden .kh-yoz-trust ul{ grid-template-columns:1fr; gap:10px; }

  /* Beispiel: Bild links, Text fließt rechts daneben */
  .page-id-8731 .kh-yoz-story .col-inner{ display:flow-root; }
  /* Flatsome setzt per <style> #image_… {width:100%} — ID schlägt Klasse, daher !important */
  .page-id-8731 .kh-yoz-story .kh-yoz-storyimg{ float:left; width:calc(50% - 36px) !important; margin:6px 72px 0 0; }
  .page-id-8731 .kh-yoz-storyimg img{ aspect-ratio:4/3; }
  .page-id-8731 .kh-yoz-storyname{ float:left; clear:left; width:calc(50% - 36px); margin:10px 72px 18px 0; }
  /* Button in eigene Zeile unter dem Text (sonst hängt er in der letzten Textzeile) */
  .page-id-8731 .kh-yoz-story a.button.kh-yoz-cta{ display:table !important; }

  /* Überweisung: Text links, Bankdaten rechts */
  .page-id-8731 .kh-yoz-bank .col-inner{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto 1fr; column-gap:72px; align-items:start;
  }
  .page-id-8731 .kh-yoz-bank .col-inner > *{ grid-column:1; }
  .page-id-8731 .kh-yoz-bank .col-inner > .kh-yoz-bankcard{ grid-column:2; grid-row:1 / 4; margin-top:0; }
}

/* Weißer Streifen zwischen Überweisung und Footer: 30 px Seiten- + 30 px
   Spaltenabstand des Themes. Nur auf dieser Seite entfernen. */
.page-id-8731 #content.page-wrapper{ padding-bottom:0; }
.page-id-8731 #content .row-main > .col{ padding-bottom:0; }