/* Spendenbestätigung-Generator: nur, was es zusätzlich braucht (Basis: ../lezo/lezo-ui.css, ki-seite.css) */
.gruppe{margin:0 0 var(--a6);padding:var(--a4) var(--a5) var(--a2);border:1px solid var(--linie);border-radius:var(--r-l);background:var(--flaeche);min-width:0}
.gruppe legend{padding:0 var(--a2);font-weight:700;color:var(--ink);font-size:var(--fs-l)}
.zeile{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 var(--a5)}
.zeile .feld{min-width:0}
select.eingabe,.seite textarea{width:100%;font-family:inherit}
.hilfe{display:block}
.seite .card h3{margin-top:0}
.seite .faq{margin-bottom:var(--a6)}
.seite .meldung{margin:var(--a4) 0}
.seite .faq summary{min-height:var(--tipp);display:flex;align-items:center;cursor:pointer;font-weight:600}
.noscript-hinweis:empty{display:none}
html{scroll-padding-top:120px}
.sprungzeile a{display:inline-flex;align-items:center;min-height:var(--tipp);padding:0 var(--a1)}
[hidden]{display:none!important}
#ergebnis h2{margin-top:var(--a6)}
#warnungen{margin:var(--a3) 0;padding-left:var(--a5)}
#warnungen li{font-weight:600}
.seite .btn{font-size:1rem}
.knopfreihe{display:flex;flex-wrap:wrap;gap:var(--a2);margin:var(--a3) 0}
.wahl{display:flex;flex-wrap:wrap;gap:var(--a2) var(--a5);margin:0 0 var(--a3)}
.wahl label,.chk{display:flex;align-items:center;gap:var(--a2);min-height:var(--tipp);font-weight:400;cursor:pointer;margin:0}
.wahl input,.chk input{width:22px;height:22px;margin:0;flex:none}
#weitere + p + ul li a{display:inline-flex;align-items:center;min-height:var(--tipp)}

/* Vorschau (A4) */
.sb-papier{background:#fff;color:#111;border:1px solid var(--linie-stark,#c8ccd4);border-radius:var(--r-m);padding:clamp(16px,5vw,40px);box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.sb-papier p{margin:0 0 .9em;color:#111}
.sb-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em;margin-bottom:2em}
.sb-absender{font-size:.92em;white-space:pre-line}
.sb-absender strong{font-size:1.1em}
.sb-empf{white-space:pre-line;min-width:12em}
.sb-kopf.rechts .sb-empf{margin-left:auto}
.sb-kopf:not(.rechts) .sb-absender{margin-left:auto}
.sb-ortdatum{text-align:right;margin-bottom:1.6em!important}
.sb-titel{font-weight:800;font-size:1.35em;line-height:1.25;margin:0 0 1em!important}
.sb-tab{border-collapse:collapse;margin:0 0 1em;min-width:60%}
.sb-tab th,.sb-tab td{border-bottom:1px solid #999;padding:.3em .8em .3em 0;text-align:left;vertical-align:top;color:#111}
.sb-tab td.b,.sb-tab th.b{text-align:right;white-space:nowrap;padding-right:0}
.sb-tab tr.summe td{font-weight:700;border-bottom:2px solid #111}
.sb-hinweis{white-space:pre-line;font-size:.95em}
.sb-unter{margin-top:2.2em!important;white-space:pre-line}
.sb-linie{display:block;width:16em;max-width:100%;border-top:1px solid #111;margin:2.6em 0 .3em}
.sb-leer{font-style:italic;color:#555}

@media (max-width:700px){
  .gruppe{padding:var(--a3) var(--a4) var(--a1)}
  .sb-kopf{display:block}
  .sb-empf{margin-top:1em}
}

/* Druck: nur das Blatt, A4 */
@page{size:A4;margin:18mm 20mm}
@media print{
  body{background:#fff}
  .skip,.kopf,.fuss,.ki-hero,.seite>*{display:none!important}
  .seite{padding:0;max-width:none;margin:0}
  .seite>#ergebnis:not([hidden]){display:block!important}
  #ergebnis>*{display:none!important}
  #ergebnis>.sb-papier-wrap{display:block!important}
  .sb-papier-wrap>*{display:none!important}
  .sb-papier-wrap>.sb-papier{display:block!important;border:0;box-shadow:none;padding:0;font-size:11pt;line-height:1.45;border-radius:0}
  .sb-kopf{display:flex!important;flex-wrap:nowrap!important;min-height:45mm}
  .sb-absender{max-width:75mm;min-width:0}
  .sb-empf{margin-top:20mm;width:84mm;max-width:84mm;min-width:0;flex:none}
  .sb-tab,.sb-unter{break-inside:avoid}
}