/* ============================================================
   MITMACHEN & UNTERSTÜTZEN – Formulare im Feld-und-Wiese-Look
   ============================================================ */

/* ---------- Drei-Wege-Auswahl (Sprungmarken oben) ---------- */
.wege{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-top:8px;}
.wege a{
  display:block; text-decoration:none; background:var(--papier);
  border:1px solid var(--sand); border-left:5px solid var(--wiese);
  border-radius:var(--rund); padding:22px 24px; transition:ease .16s;
}
.wege a:hover{transform:translateY(-3px); box-shadow:var(--schatten); border-left-color:var(--acker);}
.wege h3{font-size:19px; margin-bottom:6px; color:var(--tinte);}
.wege p{font-size:14.5px; color:var(--tinte-hell); margin:0; line-height:1.5;}
.wege span{display:inline-block; margin-top:10px; font-size:14px; color:var(--wald); font-weight:700;}

/* ---------- Formular ---------- */
.formkarte{
  background:var(--papier); border:1px solid var(--sand); border-radius:var(--rund);
  padding:30px 32px; box-shadow:var(--schatten);
}
.feld{margin-bottom:18px;}
.feld:last-of-type{margin-bottom:0;}
.feld label{display:block; font-size:14.5px; font-weight:700; color:var(--tinte); margin-bottom:6px;}
.feld .pflicht{color:var(--acker);}
.feld input[type=text], .feld input[type=email], .feld select, .feld textarea{
  width:100%; box-sizing:border-box; font-family:read; font-size:16px; color:var(--tinte);
  padding:12px 14px; border:2px solid var(--sand); border-radius:10px;
  background:rgb(255,252,240); transition:ease .18s;
}
.feld input:focus, .feld select:focus, .feld textarea:focus{
  outline:none; border-color:var(--wiese); box-shadow:0 0 0 3px rgba(135,179,31,.18);
}
.feld textarea{resize:vertical; min-height:90px; line-height:1.5;}
.feld .hinweis{font-size:13px; color:var(--tinte-hell); margin-top:5px;}
.feld-reihe{display:grid; gap:18px;}
@media(min-width:620px){.feld-reihe.zwei{grid-template-columns:1fr 1fr;}}

/* Checkboxen */
.check{display:flex; gap:11px; align-items:flex-start; margin-bottom:14px; cursor:pointer;}
.check input{margin-top:3px; width:19px; height:19px; flex:0 0 auto; accent-color:var(--wald);}
.check label, .check span{font-size:14.5px; color:var(--tinte); line-height:1.45; cursor:pointer;}
.check a{color:var(--wald); font-weight:700;}

/* Honeypot – für Menschen unsichtbar, für Bots ein Köder. NICHT anfassen. */
.honeypot{position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden;}

/* Absende-Zeile */
.formfuss{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:22px;}
.formfuss .pflichtnote{font-size:13px; color:var(--tinte-hell);}
.btn-submit{
  font-family:read; font-size:17px; font-weight:700; color:#fff; cursor:pointer;
  background:var(--wald); border:none; border-radius:50px; padding:14px 34px;
  box-shadow:0 4px 14px rgba(0,0,0,.18); transition:ease .18s;
}
.btn-submit:hover{background:var(--wiese);}

/* ---------- Unterstützen: Spenden-Kasten ---------- */
.spende{
  background:var(--korn); border-radius:var(--rund); padding:30px 32px;
}
.spende__text h3{font-size:23px; margin-bottom:10px;}
.spende__text p{margin:0; color:var(--tinte-hell);}

/* ---------- Kontodaten-Kachel ---------- */
.konto{
  margin-top:16px; background:var(--papier); border:1px solid var(--sand);
  border-left:5px solid var(--wiese); border-radius:var(--rund); padding:26px 30px;
}
.konto__kopf h3{font-size:20px; margin-bottom:6px;}
.konto__kopf p{margin:0 0 18px; font-size:14.5px; color:var(--tinte-hell); line-height:1.6;}
.konto__daten{margin:0; display:grid; gap:1px; background:var(--sand); border:1px solid var(--sand); border-radius:10px; overflow:hidden;}
.konto__daten > div{
  display:grid; grid-template-columns:190px 1fr; gap:14px;
  background:rgb(255,252,240); padding:12px 16px;
}
.konto__daten dt{font-size:14px; font-weight:700; color:var(--tinte); margin:0;}
.konto__daten dd{font-size:15px; color:var(--tinte); margin:0; font-family:read; letter-spacing:.02em;}
@media(max-width:560px){
  .konto__daten > div{grid-template-columns:1fr; gap:2px;}
  .konto__daten dt{font-size:12.5px; color:var(--tinte-hell);}
}

/* Formular-Kopf mit Nummer */
.formkopf{display:flex; gap:14px; align-items:center; margin-bottom:6px;}
.formkopf .nr{
  flex:0 0 auto; width:40px; height:40px; border-radius:50%; background:var(--wiese); color:#fff;
  font-family:head; font-size:20px; display:grid; place-items:center;
}

/* ---------- Letzte Spenden / Platzhalter-Karte ---------- */
.letzte-spenden{margin-top:22px;}
.letzte-spenden h3{font-size:20px; margin-bottom:12px;}
.platzhalter-karte{
  background:var(--papier); border:1px dashed var(--sand); border-radius:var(--rund);
  padding:28px 30px; text-align:center;
}
.platzhalter-karte p{margin:0; font-size:15px; color:var(--tinte-hell); line-height:1.6;}

/* ---------- Partner-CTA ---------- */
.partner-cta{display:flex; justify-content:center;}