/* =========================================================
   KEREN HAYESOD – ISRAEL IM KRIEG (Projekt-Landingpage)
   Stilistisch identisch zum neuen Gesamtauftritt
   ========================================================= */

:root {
  --blue-900: #0b2044;
  --blue-800: #15325c;
  --blue-700: #1a3e72;
  --blue-500: #1b81c4;
  --blue-400: #34b7ea;
  --blue-50:  #f4f7fb;
  --ink-900:  #0f172a;
  --ink-700:  #334155;
  --ink-500:  #64748b;
  --ink-300:  #cbd5e1;
  --ink-100:  #e7ecf3;
  --red:      #b20000;
  --red-dark: #8a0000;
  --red-light: #fef3f3;
  --gold:     #d7a94a;
  --green:    #2f8a5a;
  --white:    #ffffff;
  --shadow-sm: 0 1px 3px rgba(15,23,42,0.08);
  --shadow-md: 0 10px 30px rgba(15,23,42,0.10);
  --shadow-lg: 0 25px 60px rgba(15,23,42,0.18);
  --shadow-blue: 0 18px 40px rgba(27,129,196,0.22);
  --shadow-red: 0 18px 40px rgba(178,0,0,0.28);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
}

*,
*::before,
*::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink-900);
  background-color: var(--white);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }

a {
  color: var(--blue-500);
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover { color: var(--red); }

h1, h2, h3, h4 {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 700;
  color: var(--blue-800);
  line-height: 1.15;
  letter-spacing: -0.01em;
}

h1 { font-size: clamp(38px, 5.6vw, 68px); font-weight: 900; letter-spacing: -0.02em; }
h2 { font-size: clamp(28px, 3.6vw, 44px); margin-bottom: 18px; }
h3 { font-size: 22px; margin-bottom: 10px; font-weight: 700; }

p { color: var(--ink-700); }

.container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 28px;
}

.container--narrow { max-width: 980px; }

.section { padding: 100px 0; }
.section--tight { padding: 70px 0; }
.section--alt { background-color: var(--blue-50); }
.section--dark {
  background: linear-gradient(135deg, var(--blue-800) 0%, var(--blue-700) 55%, var(--blue-500) 140%);
  color: var(--white);
}
.section--dark h2 { color: var(--white); }
.section--dark p { color: #dbe4f2; }

/* ---------- Eyebrow ---------- */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 13px;
  color: var(--blue-500);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  background-color: var(--red);
}
.eyebrow--red { color: var(--red); }
.eyebrow--light { color: var(--blue-400); }

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 18px 30px;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.3px;
  border-radius: 999px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s;
  text-decoration: none;
  min-height: 52px;
  line-height: 1.1;
}

.btn:hover { transform: translateY(-2px); }

.btn--primary {
  background-color: var(--red);
  color: var(--white);
  border-color: var(--red);
  box-shadow: 0 12px 24px rgba(178,0,0,0.28);
}
.btn--primary:hover {
  background-color: var(--red-dark);
  border-color: var(--red-dark);
  color: var(--white);
  box-shadow: 0 16px 30px rgba(178,0,0,0.35);
}

.btn--blue {
  background-color: var(--blue-500);
  color: var(--white);
  border-color: var(--blue-500);
  box-shadow: var(--shadow-blue);
}
.btn--blue:hover {
  background-color: var(--blue-700);
  border-color: var(--blue-700);
  color: var(--white);
}

.btn--ghost {
  background-color: transparent;
  color: var(--blue-800);
  border-color: var(--ink-100);
}
.btn--ghost:hover {
  background-color: var(--blue-800);
  color: var(--white);
  border-color: var(--blue-800);
}

.btn--outline-white {
  background-color: transparent;
  color: var(--white);
  border-color: rgba(255,255,255,0.55);
}
.btn--outline-white:hover {
  background-color: var(--white);
  color: var(--blue-800);
}

.btn--block { width: 100%; }

.btn__note {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 6px;
  opacity: 0.9;
}

/* ---------- Topbar + Header ---------- */
.topbar {
  background-color: var(--blue-900);
  color: var(--white);
  font-size: 13px;
  padding: 10px 0;
}
.topbar__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.topbar__left { display: flex; gap: 22px; opacity: 0.9; }
.topbar__right { opacity: 0.85; }

.header {
  position: sticky;
  top: 0;
  background-color: rgba(255,255,255,0.88);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid rgba(21,50,92,0.08);
  z-index: 100;
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  gap: 24px;
}
.logo img { height: 58px; width: auto; }

.nav { display: flex; gap: 30px; margin-left: auto; margin-right: 16px; }
.nav a {
  color: var(--blue-800);
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding: 6px 0;
}
.nav a.is-active { color: var(--red); }
.nav a::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 0; height: 2px;
  background-color: var(--red);
  transition: width 0.25s ease;
}
.nav a:hover::after, .nav a.is-active::after { width: 100%; }
.nav a:hover { color: var(--red); }

.header__cta {
  padding: 12px 22px;
  font-size: 13px;
  min-height: 44px;
  text-transform: uppercase;
}

/* ---------- URGENCY HERO ---------- */
.urgency-hero {
  position: relative;
  color: var(--white);
  isolation: isolate;
  overflow: hidden;
  padding: 90px 0 100px;
}

.urgency-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: url('https://keren-hayesod.de/wp-content/uploads/2023/10/F231007EM12-scaled.jpg');
  background-size: cover;
  background-position: center;
}

.urgency-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(120deg, rgba(11,32,68,0.93) 0%, rgba(21,50,92,0.82) 45%, rgba(178,0,0,0.55) 100%);
}

.breadcrumb {
  display: flex;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.75);
  margin-bottom: 20px;
  letter-spacing: 0.3px;
}
.breadcrumb a { color: rgba(255,255,255,0.75); }
.breadcrumb a:hover { color: var(--white); }
.breadcrumb span { color: rgba(255,255,255,0.4); }

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(178,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.3);
  color: var(--white);
  padding: 8px 16px 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 24px;
  backdrop-filter: blur(10px);
}

.status-badge__dot {
  width: 10px;
  height: 10px;
  background-color: #ff4747;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255,71,71,0.3);
  animation: pulseRed 1.8s infinite;
}

@keyframes pulseRed {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.2); }
}

.urgency-hero h1 {
  color: var(--white);
  margin-bottom: 22px;
  max-width: 920px;
}

.urgency-hero h1 em {
  font-style: normal;
  background: linear-gradient(90deg, #ffffff 0%, #ffbaba 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.urgency-hero__lead {
  font-size: 20px;
  color: #ebeff7;
  max-width: 720px;
  line-height: 1.65;
  margin-bottom: 32px;
}

.urgency-hero__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.urgency-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 880px;
  margin-top: 12px;
}

.urgency-stat {
  background-color: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: var(--radius-md);
  padding: 20px 22px;
  backdrop-filter: blur(10px);
}

.urgency-stat__num {
  font-family: 'Fraunces', serif;
  font-size: 32px;
  font-weight: 900;
  color: var(--white);
  line-height: 1;
  margin-bottom: 6px;
}

.urgency-stat__num span { color: #ffbaba; }

.urgency-stat__label {
  font-size: 13px;
  color: #dbe4f2;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

/* ---------- LAGEBILD (What is needed now) ---------- */
.needs-bar {
  background-color: var(--white);
  border-bottom: 1px solid var(--ink-100);
  padding: 24px 0;
}

.needs-bar__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.needs-bar__label {
  font-size: 12px;
  font-weight: 900;
  color: var(--red);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.needs-bar__label::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--red);
  border-radius: 50%;
  animation: pulseRed 1.8s infinite;
}

.needs-bar__items {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.needs-bar__item {
  padding: 6px 14px;
  border: 1px solid var(--ink-100);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: var(--blue-800);
  background-color: var(--blue-50);
}

/* ---------- CORE SECTION: Form + Projekte ---------- */
.core-section {
  padding: 90px 0 100px;
  background-color: var(--blue-50);
}

.core-grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 50px;
  align-items: start;
}

.core-content h2 {
  font-size: clamp(30px, 3.5vw, 44px);
  margin-bottom: 16px;
}

.core-content__lead {
  font-size: 19px;
  color: var(--ink-700);
  margin-bottom: 40px;
  line-height: 1.65;
}

/* Project mini-cards (aktuelle Notfall-Projekte) */
.war-projects {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 44px;
}

.war-project {
  background-color: var(--white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--ink-100);
  transition: transform 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
}

.war-project:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.war-project__image {
  height: 180px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.war-project__badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background-color: var(--red);
  color: var(--white);
  font-size: 11px;
  font-weight: 900;
  padding: 6px 12px;
  border-radius: 999px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  box-shadow: 0 8px 20px rgba(178,0,0,0.35);
}

.war-project__badge--blue {
  background-color: var(--blue-700);
  box-shadow: var(--shadow-blue);
}

.war-project__body {
  padding: 22px 24px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.war-project__body h3 {
  font-family: 'Fraunces', serif;
  font-size: 20px;
  margin-bottom: 8px;
}

.war-project__body p {
  color: var(--ink-500);
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 18px;
  flex: 1;
}

.war-project__link {
  color: var(--red);
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  align-self: flex-start;
}

.war-project__link::after { content: " →"; }

/* ---------- Kompaktes Spendenformular (rechts) ---------- */
.donate-compact {
  position: sticky;
  top: 120px;
  background-color: var(--white);
  border-radius: var(--radius-xl);
  padding: 32px;
  box-shadow: var(--shadow-lg);
  border-top: 6px solid var(--red);
}

.donate-compact__head {
  margin-bottom: 18px;
}

.donate-compact__project-tag {
  display: inline-block;
  background-color: var(--red-light);
  color: var(--red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.donate-compact h3 {
  font-family: 'Fraunces', serif;
  font-size: 22px;
  margin-bottom: 4px;
  color: var(--blue-800);
}

.donate-compact__sub {
  font-size: 14px;
  color: var(--ink-500);
}

/* Rhythmus-Toggle */
.rhythm {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: var(--blue-50);
  padding: 5px;
  border-radius: 999px;
  margin: 20px 0;
  position: relative;
}

.rhythm button {
  background: transparent;
  border: none;
  padding: 12px 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  color: var(--ink-500);
  border-radius: 999px;
  cursor: pointer;
  transition: color 0.25s;
  letter-spacing: 0.3px;
  position: relative;
  z-index: 1;
}

.rhythm button.is-active { color: var(--white); }

.rhythm__pill {
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(33.333% - 3.33px);
  height: calc(100% - 10px);
  background: linear-gradient(135deg, var(--red), #d63a3a);
  border-radius: 999px;
  transition: transform 0.3s cubic-bezier(.4,.0,.2,1);
  box-shadow: 0 6px 14px rgba(178,0,0,0.30);
}

.rhythm[data-pos="1"] .rhythm__pill { transform: translateX(100%); }
.rhythm[data-pos="2"] .rhythm__pill { transform: translateX(200%); }

/* Betrag-Buttons (kompakt 3x2) */
.amounts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 16px;
}

.amount-btn {
  position: relative;
  background-color: var(--white);
  border: 2px solid var(--ink-100);
  color: var(--blue-800);
  font-family: inherit;
  padding: 14px 8px;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
}

.amount-btn:hover {
  border-color: var(--red);
  color: var(--red);
}

.amount-btn.is-active {
  border-color: var(--red);
  background: linear-gradient(160deg, var(--red), #d13838);
  color: var(--white);
  box-shadow: var(--shadow-red);
}

.amount-btn__value {
  font-family: 'Fraunces', serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.amount-btn__badge {
  position: absolute;
  top: -9px;
  right: 8px;
  background-color: var(--gold);
  color: var(--blue-900);
  font-size: 9px;
  font-weight: 900;
  padding: 2px 7px;
  border-radius: 999px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.amount-custom {
  position: relative;
  margin-bottom: 18px;
}

.amount-custom input {
  width: 100%;
  padding: 14px 16px 14px 46px;
  border: 2px solid var(--ink-100);
  border-radius: var(--radius-md);
  font-size: 16px;
  font-family: inherit;
  font-weight: 700;
  color: var(--blue-800);
  transition: border-color 0.2s;
}

.amount-custom input:focus {
  outline: none;
  border-color: var(--red);
}

.amount-custom::before {
  content: "€";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Fraunces', serif;
  font-size: 18px;
  font-weight: 900;
  color: var(--red);
}

/* Impact-Hinweis */
.impact-hint {
  background-color: var(--red-light);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.impact-hint__icon {
  width: 36px;
  height: 36px;
  background-color: var(--red);
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.impact-hint__icon svg { width: 18px; height: 18px; }

.impact-hint__text {
  font-size: 13px;
  color: var(--ink-700);
  line-height: 1.5;
}

.impact-hint__text strong { color: var(--red); }

.donate-compact__trust {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--ink-100);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--ink-500);
  justify-content: center;
}

.donate-compact__trust span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
}

.donate-compact__trust span::before {
  content: "✓";
  color: var(--green);
  font-weight: 900;
}

/* ---------- UNTERPROJEKTE (alle) ---------- */
.all-projects-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 56px;
  gap: 40px;
  flex-wrap: wrap;
}

.all-projects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.project-visual {
  background-color: var(--white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--ink-100);
  transition: transform 0.35s, box-shadow 0.35s;
  display: flex;
  flex-direction: column;
}

.project-visual:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
}

.project-visual__image {
  height: 200px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.project-visual__badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background-color: rgba(255,255,255,0.95);
  color: var(--blue-700);
  font-size: 11px;
  font-weight: 900;
  padding: 6px 12px;
  border-radius: 999px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.project-visual__badge--red { color: var(--red); }

.project-visual__body {
  padding: 24px 24px 26px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.project-visual__body h3 {
  font-family: 'Fraunces', serif;
  font-size: 20px;
  margin-bottom: 8px;
}

.project-visual__body p {
  color: var(--ink-500);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  flex: 1;
}

.project-visual__link {
  color: var(--red);
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  align-self: flex-start;
}

.project-visual__link::after { content: " →"; }

/* ---------- STIMME aus Israel ---------- */
.voice-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.voice-media {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  aspect-ratio: 4/5;
  box-shadow: var(--shadow-lg);
}

.voice-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.voice-quote {
  font-family: 'Fraunces', serif;
  font-size: 28px;
  line-height: 1.45;
  color: var(--white);
  font-weight: 600;
  margin-bottom: 26px;
}

.voice-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

.voice-author__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.15);
  border: 2px solid rgba(255,255,255,0.3);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 16px;
}

.voice-author__name { font-weight: 900; color: var(--white); font-size: 16px; }
.voice-author__role { font-size: 13px; color: #dbe4f2; }

/* ---------- FAQ ---------- */
.faq {
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.faq-item {
  background-color: var(--white);
  border: 1px solid var(--ink-100);
  border-radius: var(--radius-md);
  transition: box-shadow 0.25s, border-color 0.25s;
  overflow: hidden;
}

.faq-item[open] {
  border-color: var(--blue-400);
  box-shadow: var(--shadow-sm);
}

.faq-item summary {
  padding: 22px 26px;
  font-weight: 900;
  font-size: 17px;
  color: var(--blue-800);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-family: 'Fraunces', serif;
}
.faq-item summary::-webkit-details-marker { display: none; }

.faq-item summary::after {
  content: "";
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-color: var(--blue-50);
  border-radius: 50%;
  transition: transform 0.25s, background-color 0.25s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231b81c4' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.faq-item[open] summary::after {
  transform: rotate(45deg);
  background-color: var(--blue-500);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}

.faq-item__answer {
  padding: 0 26px 26px;
  color: var(--ink-700);
  font-size: 16px;
  line-height: 1.75;
}

/* ---------- IBAN ---------- */
.bank-card {
  background-color: var(--white);
  border-radius: var(--radius-xl);
  padding: 44px;
  box-shadow: var(--shadow-md);
  border-top: 5px solid var(--red);
}

.bank-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.bank-card h2 { font-size: 28px; margin-bottom: 6px; }
.bank-card__lead { color: var(--ink-500); font-size: 15px; }

.bank-card__note {
  background-color: var(--red-light);
  color: var(--red);
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.bank-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.bank-field {
  background-color: var(--blue-50);
  border-radius: var(--radius-md);
  padding: 18px 20px;
}

.bank-field__label {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--ink-500);
  margin-bottom: 6px;
}

.bank-field__value {
  font-family: 'Fraunces', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--blue-800);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  word-break: break-all;
}

.copy-btn {
  background-color: var(--white);
  border: 1px solid var(--ink-100);
  color: var(--blue-500);
  padding: 6px 12px;
  border-radius: 999px;
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.2s;
  flex-shrink: 0;
}

.copy-btn:hover {
  background-color: var(--blue-500);
  color: var(--white);
  border-color: var(--blue-500);
}

.copy-btn.is-copied {
  background-color: var(--green);
  color: var(--white);
  border-color: var(--green);
}

/* ---------- FINAL CTA ---------- */
.final-cta {
  position: relative;
  overflow: hidden;
  color: var(--white);
  padding: 110px 0;
  text-align: center;
  isolation: isolate;
}

.final-cta__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url('https://keren-hayesod.de/wp-content/uploads/2024/07/terroropfer_2.jpg') center/cover no-repeat;
}

.final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, rgba(11,32,68,0.94) 0%, rgba(178,0,0,0.78) 100%);
}

.final-cta h2 {
  color: var(--white);
  font-size: clamp(34px, 4.5vw, 54px);
  max-width: 760px;
  margin: 0 auto 20px;
}

.final-cta p {
  font-size: 20px;
  color: #ebeff7;
  max-width: 640px;
  margin: 0 auto 36px;
}

/* ---------- Footer ---------- */
.footer {
  background-color: var(--blue-900);
  color: #bfc9d6;
  padding: 80px 0 26px;
  font-size: 15px;
}

.footer__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 50px;
  margin-bottom: 50px;
}

.footer__logo img {
  height: 60px;
  margin-bottom: 20px;
  filter: brightness(0) invert(1);
}

.footer p { color: #bfc9d6; font-size: 14px; line-height: 1.7; }

.footer h4 {
  color: var(--white);
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 900;
}

.footer ul { list-style: none; }
.footer li { margin-bottom: 10px; }
.footer a { color: #bfc9d6; font-size: 14px; }
.footer a:hover { color: var(--blue-400); }

.footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 22px;
  text-align: center;
  font-size: 13px;
  color: #8b98a8;
}

.mobile-cta { display: none; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .core-grid { grid-template-columns: 1fr; }
  .donate-compact { position: static; max-width: 540px; margin: 0 auto; }
  .all-projects { grid-template-columns: repeat(2, 1fr); }
  .war-projects { grid-template-columns: repeat(2, 1fr); }
  .voice-grid { grid-template-columns: 1fr; gap: 40px; }
  .voice-media { max-height: 520px; }
  .urgency-hero__stats { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .section { padding: 70px 0; }
  .topbar, .nav { display: none; }
  .header__inner { padding: 12px 0; }
  .logo img { height: 46px; }

  .urgency-hero { padding: 60px 0 70px; }

  .core-section { padding: 60px 0; }
  .war-projects { grid-template-columns: 1fr; }
  .all-projects { grid-template-columns: 1fr; }

  .donate-compact { padding: 24px; }
  .amounts { grid-template-columns: 1fr 1fr; }

  .bank-grid { grid-template-columns: 1fr; }
  .bank-card { padding: 28px 22px; }

  .footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }

  .mobile-cta {
    display: flex;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background-color: var(--white);
    padding: 12px 16px;
    box-shadow: 0 -8px 20px rgba(0,0,0,0.12);
    z-index: 90;
    gap: 10px;
  }
  .mobile-cta .btn { flex: 1; padding: 14px; font-size: 15px; min-height: 48px; }
  body { padding-bottom: 80px; }
}

/* === KH Projekt-Detail Overrides (17.06.2026): [section]-Wrapper + featured_item === */
.kh-redesign .needs-bar{padding:24px 0!important}
.kh-redesign .core-section{padding:90px 0 100px!important}
.kh-redesign .section{padding:100px 0!important}
.kh-redesign .section--tight{padding:70px 0!important}
.kh-redesign .section .section-content{padding:0!important}
.kh-redesign .kh-anchor{display:block;position:relative;top:-110px;height:0;visibility:hidden}
/* echtes wcdp-Formular in der Spenden-Karte */
.kh-redesign .donate-compact .wcdp,.kh-redesign .donate-compact .wcdp-form{max-width:100%!important;margin:0!important}
.kh-redesign .donate-compact .wcdp-donation-form{box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important}
@media(max-width:980px){.kh-redesign .donate-compact{position:static;max-width:560px;margin:32px auto 0}}

/* ===== KH Projekt-Detail NATIV-BRIDGE (17.06.2026) — Vorlagen-Design auf Flatsome-Markup ===== */
/* Sektions-Paddings (Klasse gewinnt gegen Flatsome) */
.kh-redesign .urgency-hero{padding:120px 0 60px!important}
.kh-redesign .final-cta{padding:96px 0!important}
.kh-redesign .section .section-content{padding:0!important}
.kh-redesign .urgency-hero .section-content,.kh-redesign .final-cta .section-content{padding:0!important}
/* ux_text-Standardabstände in unseren Kontexten neutralisieren */
.kh-redesign .ux-text{margin:0}
.kh-redesign .ux-text p:last-child{margin-bottom:0}

/* HERO */
.kh-redesign .urgency-hero .breadcrumb{margin-bottom:22px}
.kh-redesign .urgency-hero .status-badge{margin-bottom:18px}
.kh-redesign .urgency-hero h1{margin:0 0 18px}
.kh-redesign .urgency-hero__lead{max-width:640px;margin-bottom:30px}
.kh-redesign .urgency-hero .button{margin:0 14px 14px 0}
.kh-redesign .row.urgency-hero__stats{border-top:1px solid rgba(255,255,255,.18);padding-top:30px;margin-top:34px;max-width:1000px}
.kh-redesign .urgency-hero__stats .col{margin-bottom:0}

/* native [button] -> Vorlagen-.btn */
.kh-redesign a.button.btn{box-shadow:none;text-transform:none;letter-spacing:0;min-height:0;line-height:1.2;margin-right:14px}
.kh-redesign a.button.btn.btn--primary{background:var(--red,#b20000);color:#fff;border:0}
.kh-redesign a.button.btn.btn--primary:hover{background:#8a0000}
.kh-redesign a.button.btn.btn--outline-white{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}
.kh-redesign a.button.btn.btn--outline-white:hover{background:rgba(255,255,255,.12)}

/* KARTEN: Flatsome-col -> Vorlagen-Karte (.war-project / .project-visual) */
.kh-redesign .war-project .col-inner,.kh-redesign .project-visual .col-inner{background:#fff;border:1px solid var(--ink-100,#e6ebf2);border-radius:16px;overflow:hidden;height:100%;box-shadow:0 6px 20px rgba(20,50,92,.06);display:flex;flex-direction:column}
.kh-redesign .war-project .ux-image,.kh-redesign .project-visual .ux-image{margin:0}
.kh-redesign .war-project__image,.kh-redesign .project-visual__image{position:relative;margin:0}
.kh-redesign .war-project .ux-text,.kh-redesign .project-visual .ux-text{padding:22px 24px 8px;position:relative;flex:1}
.kh-redesign .war-project h3,.kh-redesign .project-visual h3{font-family:'Fraunces',serif;font-size:21px;margin:8px 0 8px;color:var(--navy,#15325c)}
.kh-redesign .war-project p,.kh-redesign .project-visual p{font-size:14.5px;color:var(--ink-700,#334155);line-height:1.6;margin:0}
.kh-redesign .war-project__badge,.kh-redesign .project-visual__badge{display:inline-block;background:var(--red,#b20000);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.kh-redesign .war-project__badge--blue,.kh-redesign .project-visual__badge--blue,.kh-redesign .project-visual__badge--red{background:var(--blue,#1b81c4)}
.kh-redesign .project-visual__badge--red{background:var(--red,#b20000)}
.kh-redesign a.button.war-project__link,.kh-redesign a.button.project-visual__link{display:inline-block;background:none;color:var(--red,#b20000);font-weight:700;padding:0 24px 22px;margin:0;box-shadow:none;min-height:0;text-transform:none;letter-spacing:0}
.kh-redesign a.button.war-project__link:hover,.kh-redesign a.button.project-visual__link:hover{color:#8a0000;text-decoration:underline}
.kh-redesign .core-trust{background:#fff;border:1px solid var(--ink-100,#e6ebf2);border-radius:16px;padding:24px 28px;margin-top:28px}
.kh-redesign .core-trust__title{font-family:'Fraunces',serif;font-size:18px;color:var(--navy,#15325c);margin-bottom:8px;font-weight:600}
.kh-redesign .core-trust p{margin:0;color:var(--ink-700,#334155);font-size:15px;line-height:1.6}
.kh-redesign .all-projects-head{margin-bottom:14px}
.kh-redesign .all-projects-head h2,.kh-redesign .core-content h2{font-family:'Fraunces',serif;color:var(--navy,#15325c)}

/* SPENDEN-Karte (col) */
.kh-redesign .col.donate-compact{align-self:start}
.kh-redesign .donate-compact .col-inner{background:#fff;border-radius:18px;padding:30px 28px;box-shadow:0 18px 50px rgba(20,50,92,.12);border-top:6px solid var(--red,#b20000)}
.kh-redesign .donate-compact__head{margin-bottom:14px}
.kh-redesign .donate-compact__project-tag{display:inline-block;background:#fdeaea;color:var(--red,#b20000);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:10px}
.kh-redesign .donate-compact h3{font-family:'Fraunces',serif;color:var(--navy,#15325c);font-size:24px;margin:0 0 6px}
.kh-redesign .donate-compact__sub{color:var(--ink-700,#334155);font-size:14px;margin:0}

/* VOICE */
.kh-redesign .voice-media{border-radius:18px;overflow:hidden;margin:0}

/* FAQ native accordion -> ruhiger Look */
.kh-redesign .faq-head{text-align:center;max-width:720px;margin:0 auto 40px}
.kh-redesign .kh-faq-acc .accordion-item{border:1px solid var(--ink-100,#e6ebf2);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}
.kh-redesign .kh-faq-acc .accordion-title{font-family:'Fraunces',serif;font-weight:600;color:var(--navy,#15325c);font-size:17px;padding:18px 22px;margin:0;border:0}
.kh-redesign .kh-faq-acc .accordion-inner{padding:0 22px 20px;color:var(--ink-700,#334155);line-height:1.7}

/* Final CTA Texte zentriert */
.kh-redesign .final-cta{text-align:center}
.kh-redesign .final-cta h2{font-family:'Fraunces',serif;color:#fff;font-size:clamp(30px,4vw,46px);margin:10px 0 14px}
.kh-redesign .final-cta p{color:rgba(255,255,255,.9);max-width:600px;margin:0 auto 26px}
.kh-redesign .final-cta .button{margin:0 8px}

@media(max-width:780px){
  .kh-redesign .urgency-hero{padding:90px 0 50px!important}
  .kh-redesign .row.urgency-hero__stats{gap:0}
}

/* ===== featured_box -> Vollbild-Karte (17.06.2026 v2) ===== */
.kh-redesign .war-project.icon-box,.kh-redesign .project-visual.icon-box{display:block!important;text-align:left!important;background:#fff;border:1px solid var(--ink-100,#e6ebf2);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(20,50,92,.07);height:100%;position:relative;margin:0}
.kh-redesign .war-project .icon-box-img,.kh-redesign .project-visual .icon-box-img{width:100%!important;margin:0!important;max-width:none!important}
.kh-redesign .war-project .icon-box-img .icon,.kh-redesign .project-visual .icon-box-img .icon{width:100%!important;height:auto!important}
.kh-redesign .war-project .icon-box-img .icon-inner,.kh-redesign .project-visual .icon-box-img .icon-inner{width:100%!important}
.kh-redesign .war-project .icon-box-img img,.kh-redesign .project-visual .icon-box-img img{width:100%!important;height:190px;object-fit:cover;display:block;border-radius:0}
.kh-redesign .war-project .icon-box-text,.kh-redesign .project-visual .icon-box-text{padding:20px 24px 22px}
.kh-redesign .war-project .icon-box-text h3,.kh-redesign .project-visual .icon-box-text h3{font-family:'Fraunces',serif;font-size:20px;font-weight:600;color:var(--navy,#15325c);margin:0 0 8px}
.kh-redesign .war-project .icon-box-text p,.kh-redesign .project-visual .icon-box-text p{font-size:14.5px;color:var(--ink-700,#334155);line-height:1.6;margin:0 0 14px}
.kh-redesign .war-project__badge,.kh-redesign .project-visual__badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-block;background:var(--red,#b20000);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.kh-redesign .war-project__badge--blue,.kh-redesign .project-visual__badge--blue{background:var(--blue,#1b81c4)}
.kh-redesign .project-visual__badge--red{background:var(--red,#b20000)}
.kh-redesign a.war-project__link,.kh-redesign a.project-visual__link{display:inline-block;color:var(--red,#b20000);font-weight:700;font-size:14px;text-decoration:none}
.kh-redesign a.war-project__link:hover,.kh-redesign a.project-visual__link:hover{text-decoration:underline}
/* Karten-Rows: gleiche Höhe */
.kh-redesign .war-projects-row .col,.kh-redesign .all-projects-row .col{margin-bottom:24px;display:flex}
.kh-redesign .war-projects-row .col .col-inner,.kh-redesign .all-projects-row .col .col-inner{width:100%;display:flex}
/* 2-Spalten-Core erzwingen (Text links, Formular rechts) */
@media(min-width:850px){
  .kh-redesign .core-grid-row{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start}
  .kh-redesign .core-grid-row > .col[class*="span-7"],.kh-redesign .core-grid-row > .large-7{flex:0 0 58%;max-width:58%}
  .kh-redesign .core-grid-row > .col[class*="span-5"],.kh-redesign .core-grid-row > .large-5{flex:0 0 42%;max-width:42%}
}
.kh-redesign .core-head h2{font-family:'Fraunces',serif;color:var(--navy,#15325c);margin:6px 0 12px}

/* ===== Core 2-Spalten FIX (echte Flatsome large-7/large-5) 17.06 v3 ===== */
.kh-redesign .war-projects-row .col{display:block}
@media(min-width:850px){
  .kh-redesign .core-grid-row{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;gap:44px}
  .kh-redesign .core-grid-row > .large-7{flex:1 1 60%;max-width:60%;width:60%}
  .kh-redesign .core-grid-row > .large-5{flex:0 0 38%;max-width:38%;width:38%}
  .kh-redesign .core-grid-row .war-projects-row{display:flex;flex-wrap:wrap}
  .kh-redesign .core-grid-row .war-projects-row > .large-6{flex:0 0 calc(50% - 12px);max-width:calc(50% - 12px)}
  .kh-redesign .col.donate-compact{position:sticky;top:110px}
}

/* ===== v4: Core-Grid sauber (Flatsome-native Breiten, Karten 2x2) ===== */
@media(min-width:850px){
.kh-redesign .core-grid-row{display:flex!important;flex-wrap:wrap!important;gap:0!important;align-items:flex-start}
.kh-redesign .core-grid-row>.large-7{flex:0 0 57%!important;max-width:57%!important;width:57%!important}
.kh-redesign .core-grid-row>.large-5{flex:0 0 43%!important;max-width:43%!important;width:43%!important;padding-left:36px!important}
.kh-redesign .war-projects-row{display:flex!important;flex-wrap:wrap!important;margin:0 -10px!important}
.kh-redesign .war-projects-row>.large-6{flex:0 0 50%!important;max-width:50%!important;width:50%!important;padding:0 10px 20px!important}
}
.kh-redesign .all-projects-row{display:flex!important;flex-wrap:wrap!important;margin:0 -10px!important}
.kh-redesign .all-projects-row>.large-4{flex:0 0 33.333%!important;max-width:33.333%!important;width:33.333%!important;padding:0 10px 20px!important}
@media(max-width:849px){.kh-redesign .all-projects-row>.large-4,.kh-redesign .war-projects-row>.large-6{flex:0 0 100%!important;max-width:100%!important}}

/* ===== v5: Core-Karten 2x2 per CSS-Grid in der linken Spalte (kein nested row) ===== */
@media(min-width:850px){
.kh-redesign .core-content > .col-inner{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.kh-redesign .core-content > .col-inner > .core-trust{grid-column:1 / -1;margin-top:6px}
}
.kh-redesign .core-content .featured-box{margin:0!important}

/* ===== v6: EINHEITLICHER zentrierter Container für alle Projekt-Sektionen (TOP-Designer-Fix) ===== */
.kh-redesign .urgency-hero > .section-content,
.kh-redesign .needs-bar > .section-content,
.kh-redesign .core-section > .section-content,
.kh-redesign .section > .section-content,
.kh-redesign .section--tight > .section-content,
.kh-redesign .final-cta > .section-content{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;padding-left:32px!important;padding-right:32px!important;width:100%}
/* Flatsome-Rows die volle Container-Breite nutzen lassen (nicht eigene Max-Breite + zentriert) */
.kh-redesign .core-section .row,
.kh-redesign .section .row,
.kh-redesign .section--tight .row,
.kh-redesign .needs-bar .row,
.kh-redesign .urgency-hero .row{max-width:100%!important;margin-left:0!important;margin-right:0!important}
/* Bank-Sektion bleibt schmaler zentriert */
.kh-redesign .section--tight .container--narrow{max-width:760px;margin:0 auto}

/* ===== v7: Stimme-Sektion + Formular kürzen ===== */
.kh-redesign .voice-grid{display:flex!important;align-items:center;gap:48px;flex-wrap:nowrap!important}
.kh-redesign .voice-grid>.large-5{flex:0 0 40%!important;max-width:40%!important;width:40%!important}
.kh-redesign .voice-grid>.large-7{flex:1 1 auto!important;max-width:60%!important;width:60%!important}
.kh-redesign .voice-media{margin:0}
.kh-redesign .voice-media img{border-radius:14px;width:100%;display:block}
.kh-redesign .voice-quote{color:#fff!important;font-family:Fraunces,serif;font-size:clamp(20px,2vw,27px);line-height:1.5;margin:0 0 22px}
.kh-redesign .voice-author{display:flex;align-items:center;gap:14px;margin:0}
.kh-redesign .voice-author__name{color:#fff!important}
.kh-redesign .voice-author__role{color:#bcd0e8!important}
@media(max-width:849px){.kh-redesign .voice-grid{flex-direction:column!important;gap:22px}.kh-redesign .voice-grid>.col{flex:1 1 100%!important;max-width:100%!important;width:100%!important}}
/* Formular kürzen: lange Projekt-Auswahl scrollbar machen */
.kh-redesign .donate-compact .wcdp_options[data-name*="projekt"]{max-height:228px;overflow-y:auto;border:1px solid var(--ink-100,#e6ebf2);border-radius:10px;padding:6px 8px;margin-top:6px}

/* ===== v8: Doppel-Karte Spendenformular fix — nur .col-inner ist die Karte ===== */
.kh-redesign .col.donate-compact{background:transparent!important;border:0!important;border-top:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.kh-redesign .col.donate-compact .col-inner{background:#fff;border-radius:18px;padding:30px 28px;box-shadow:0 18px 50px rgba(20,50,92,.12);border-top:6px solid var(--red,#b20000);overflow:hidden}

/* ===== v9: Gap zwischen Header und Hero entfernen (featured_item-Wrapper) ===== */
.kh-redesign #portfolio-content.page-wrapper,.kh-redesign .portfolio-top,.kh-redesign .portfolio-page-wrapper,.kh-redesign .portfolio-inner,.kh-redesign main#main{padding-top:0!important;margin-top:0!important}
.kh-redesign .urgency-hero{margin-top:0!important}

/* ===== v10: Spendenkarten-Kopf zentrieren (konsistent mit "Generelle Spende") ===== */
.kh-redesign .donate-compact__head{text-align:center}
.kh-redesign .donate-compact__head .donate-compact__project-tag{margin-left:auto;margin-right:auto}

/* ===== v11: Final-CTA komplett zentrieren ===== */
.kh-redesign .final-cta,.kh-redesign .final-cta .ux-text,.kh-redesign .final-cta__inner,.kh-redesign .final-cta h2,.kh-redesign .final-cta p{text-align:center!important}
.kh-redesign .final-cta .eyebrow{justify-content:center!important}
.kh-redesign .final-cta__inner{max-width:760px;margin:0 auto}

/* ===== v12: Core-Spalten gleiche Höhe (Karten-Block = Formular) ===== */
@media(min-width:850px){
.kh-redesign .core-grid-row{align-items:stretch!important}
.kh-redesign .col.core-content>.col-inner{height:100%;grid-template-rows:1fr 1fr auto}
.kh-redesign .core-content .war-project.icon-box{height:100%}
.kh-redesign .core-content .war-project .icon-box-text{display:flex;flex-direction:column}
.kh-redesign .core-content .war-project .icon-box-text p{flex:1 0 auto}
}

/* ===== v13: Karten-Strecken zurücknehmen (keine Weißfläche) — Karten natürliche Höhe ===== */
@media(min-width:850px){
.kh-redesign .core-grid-row{align-items:flex-start!important}
.kh-redesign .col.core-content>.col-inner{height:auto!important;grid-template-rows:auto auto auto!important;align-content:start!important}
.kh-redesign .core-content .war-project.icon-box{height:100%}
.kh-redesign .core-content .war-project .icon-box-text p{flex:0 0 auto!important}
}

/* ===== AMIGOUR-Overrides: Core ist Text (kein 2x2-Karten-Grid) ===== */
.kh-redesign .core-content > .col-inner{display:block!important;grid-template-rows:none!important}
.kh-redesign .amigour-body{margin:0 0 8px}
.kh-redesign .amigour-body h3{font-family:"Fraunces",serif;color:var(--navy,#15325c);font-size:20px;margin:22px 0 10px}
.kh-redesign .amigour-list{margin:0;padding-left:0;list-style:none}
.kh-redesign .amigour-list li{position:relative;padding-left:28px;margin-bottom:10px;color:var(--ink-700,#334155);line-height:1.5}
.kh-redesign .amigour-list li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;border-radius:50%;background:var(--blue,#1b81c4)}
.kh-redesign .core-content .core-trust{margin-top:26px}

/* ===== AMIGOUR: Textspalte auf Formularhöhe, Trust-Box unten verankert (keine Lücke) ===== */
@media(min-width:850px){
.kh-redesign .core-grid-row{align-items:stretch!important}
.kh-redesign .col.core-content>.col-inner{display:flex!important;flex-direction:column;height:100%}
.kh-redesign .core-content .core-trust{margin-top:auto!important}
}

/* ===== AMIGOUR v2: Spalten vertikal mittig (kurzes Formular nicht unten verankern) + Abstand straffen ===== */
@media(min-width:850px){
.kh-redesign .core-grid-row{align-items:center!important}
.kh-redesign .col.core-content>.col-inner{display:block!important;height:auto!important}
.kh-redesign .core-content .core-trust{margin-top:26px!important}
}
.kh-redesign .core-section{padding-bottom:64px!important}
.kh-redesign .section--tight.section--alt{padding-top:52px!important}

/* ===== Kompaktes Spenden-Formular: Beträge + Rhythmus als Button-Grid (Top-Designer-Fix) ===== */
.kh-redesign .donate-compact .wcdp_options{display:grid!important;gap:8px!important;margin:0 0 14px!important;padding:0!important;list-style:none!important}
.kh-redesign .donate-compact .wcdp_options[data-name="donation-amount"]{grid-template-columns:repeat(3,1fr)}
.kh-redesign .donate-compact .wcdp_options[data-name="pa_rhythmus"]{grid-template-columns:repeat(2,1fr)}
.kh-redesign .donate-compact .wcdp_options li{margin:0!important;width:auto!important;float:none!important;list-style:none!important}
.kh-redesign .donate-compact .wcdp_options li label{display:flex!important;align-items:center;justify-content:center;text-align:center;padding:12px 8px!important;margin:0!important;min-height:52px;font-size:15px}
.kh-redesign .donate-compact .wcdp-input-amount,.kh-redesign .donate-compact .wcdp_custom_amount{margin-top:8px!important}
/* AMIGOUR: Spalten oben ausrichten (Formular nun kompakt -> passt zur Texthöhe) */
.kh-redesign .core-grid-row{align-items:flex-start!important}

/* ===== AMIGOUR: Trust-Leiste + Zahlungslogos (offener Platz, linke Spalte) ===== */
.kh-redesign .kh-trust{margin-top:24px;background:#fff;border:1px solid var(--ink-100,#e6ebf2);border-radius:16px;padding:22px 24px;box-shadow:0 6px 20px rgba(20,50,92,.05)}
.kh-redesign .kh-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.kh-redesign .kh-trust-item{display:flex;align-items:flex-start;gap:12px}
.kh-redesign .kh-trust-item svg{width:24px;height:24px;flex:0 0 24px;color:var(--blue,#1b81c4);margin-top:1px}
.kh-redesign .kh-trust-item strong{display:block;color:var(--navy,#15325c);font-size:14.5px;line-height:1.25}
.kh-redesign .kh-trust-item span{font-size:12.5px;color:var(--ink-700,#334155);line-height:1.3}
.kh-redesign .kh-pay{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ink-100,#e6ebf2)}
.kh-redesign .kh-pay-label{font-size:11px;font-weight:700;color:var(--navy,#15325c);margin-right:6px;text-transform:uppercase;letter-spacing:.05em}
.kh-redesign .kh-pay-badge{font-size:12.5px;color:var(--ink-700,#334155);background:#f1f5fb;border:1px solid var(--ink-100,#e6ebf2);border-radius:6px;padding:5px 12px}
@media(max-width:560px){.kh-redesign .kh-trust-grid{grid-template-columns:1fr}}
/* ===== AMIGOUR: FAQ-Pfeil rechts, kein Überlappen ===== */
.kh-redesign .kh-faq-acc .accordion-title{position:relative;display:block;padding:18px 52px 18px 24px}
.kh-redesign .kh-faq-acc .accordion-title .toggle{position:absolute;right:14px;left:auto;top:50%;transform:translateY(-50%);margin:0}
.kh-redesign .kh-faq-acc .accordion-title span{display:block}