/* Zakat-Rechner: Karten, Grün #5BAE22, Eingaben links, Zusammenfassung rechts (mobil darunter) */
/* Nebeneinander nur, wenn beide Spalten mind. 360px haben – sonst (schmale Inhaltsspalte, Handy) untereinander */
.hu-zakat { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: 24px; align-items: start; max-width: 1000px; margin: 0 auto; font-family: inherit; }
.hu-zakat * { box-sizing: border-box; }
.hu-zk-form, .hu-zk-summe { background: #fff; border: 1px solid #dfe6d6; border-radius: 16px; padding: 20px; box-shadow: 0 6px 18px rgba(47, 95, 18, .07); }
.hu-zk-feld { margin: 0 0 16px; }
.hu-zk-feld label { display: block; font-weight: 700; margin: 0 0 6px; }
.hu-zk-eingabe { display: flex; align-items: center; gap: 8px; }
/* !important nur für Rahmen/Hintergrund: das Theme setzt Eingabefelder sonst weiß auf weiß (Rahmen unsichtbar) */
.hu-zakat .hu-zk-eingabe input { flex: 1 1 auto; min-width: 0; min-height: 52px; padding: 10px 14px; font-size: 18px; border: 2px solid #c9d3bd !important;
  border-radius: 12px !important; background: #fbfcf9 !important; color: #1f2937; font-family: inherit; }
.hu-zakat .hu-zk-eingabe input:focus { outline: none; border-color: #5BAE22 !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(91, 174, 34, .2); }
.hu-zk-einheit { flex: 0 0 auto; min-width: 52px; font-weight: 700; color: #4a9218; }
.hu-zk-preis { margin: 6px 0 0; font-size: 14px; color: #5b6b4f; }
.hu-zk-abzug { padding-top: 14px; border-top: 1px dashed #dfe6d6; }
.hu-zk-summe { position: sticky; top: 20px; }
.hu-zk-summe dl { margin: 0 0 14px; }
.hu-zk-summe dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #eef2e8; }
.hu-zk-summe dt { color: #44503b; }
.hu-zk-summe dd { margin: 0; font-weight: 700; text-align: right; white-space: nowrap; }
.hu-zk-ergebnis { background: #f1f4ec; border-radius: 12px; padding: 16px; font-size: 22px; font-weight: 800; text-align: center; margin: 8px 0 12px; color: #44503b; }
.hu-zk-ergebnis.hu-zk-ok { background: #5BAE22; color: #fff; }
.hu-zk-haken { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; cursor: pointer; }
.hu-zk-haken input { width: 20px; height: 20px; accent-color: #5BAE22; }
.hu-zk-spenden { display: block; width: 100%; min-height: 52px; border: 0; border-radius: 12px; background: #5BAE22; color: #fff; font: inherit; font-weight: 800; font-size: 18px; cursor: pointer; }
.hu-zk-spenden[hidden] { display: none; }
.hu-zk-spenden:hover { background: #4a9218; }
.hu-zk-meldung { margin: 10px 0 0; font-size: 14px; color: #b45309; }
.hu-zk-meldung:empty { display: none; }
.hu-zk-hinweis { grid-column: 1 / -1; margin: 0; font-size: 14px; color: #5b6b4f; line-height: 1.5; }
@media (max-width: 800px) {
  .hu-zakat { grid-template-columns: 1fr; gap: 16px; }
  .hu-zk-summe { position: static; }
  .hu-zk-form, .hu-zk-summe { padding: 16px; }
}