/* Swiss QR-Bill Generator: Seitenschicht auf LeZo UI 2.0 (nach ../lezo/lezo-ui.css und ../lezo/ki-seite.css laden) */
.seite{max-width:60rem}
.seite h2{margin-top:var(--a8)}
.gen fieldset{border:1px solid var(--linie);border-radius:var(--r-l);padding:var(--a5);margin:0 0 var(--a5);background:var(--flaeche);min-width:0}
.gen legend{font-weight:700;padding:0 var(--a2)}
.row2,.row3,.row4{display:grid;gap:0 var(--a4)}
.row2{grid-template-columns:1fr 1fr}
.row3{grid-template-columns:1fr 1fr 1fr}
.row4{grid-template-columns:1fr 2fr 1fr 1fr}
.item{display:grid;grid-template-columns:1fr 6rem 8rem auto;gap:0 var(--a3);align-items:end;padding:var(--a3) 0;border-bottom:1px solid var(--linie)}
.item:last-child{border-bottom:0}
.item .btn{margin-bottom:var(--a4)}
.dok-aktion{display:flex;flex-wrap:wrap;gap:var(--a3);align-items:center;margin:var(--a4) 0}
.vorschau-rahmen{background:var(--flaeche-2);border:1px solid var(--linie);border-radius:var(--r-l);padding:var(--a4);overflow-x:auto}
.docwrap{width:210mm;margin:0 auto;background:#fff;color:#000;box-shadow:var(--sch-2);position:relative}
.doc{padding:12mm 16mm 6mm 20mm;font-family:Arial,Helvetica,"Liberation Sans",sans-serif;color:#000;background:#fff}
.doc h2{margin:0;font-size:20pt;color:#000}
.doc .d-top{display:flex;justify-content:space-between;gap:12mm;align-items:flex-start}
.doc .d-mid{display:flex;justify-content:space-between;gap:12mm;align-items:flex-start;margin-top:10mm}
.doc .empf{min-width:60mm}
.doc .absz{font-size:8pt;color:#555;margin-bottom:2px}
.doc table{border-collapse:collapse;width:100%}
.doc table.meta{width:auto}
.doc table.meta td{padding:1px 8px 1px 0;font-size:9.5pt}
.doc table.pos{margin-top:8mm;font-size:9.5pt}
.doc table.pos th{text-align:left;border-bottom:1.5px solid #000;padding:3px 6px}
.doc table.pos td{border-bottom:1px solid #ccc;padding:3px 6px;vertical-align:top;overflow-wrap:anywhere}
.doc .r{text-align:right;white-space:nowrap}
.doc table.tot{width:auto;margin:4mm 0 0 auto;font-size:10pt}
.doc table.tot td{padding:2px 6px}
.doc table.tot tr.gesamt td{font-weight:700;border-top:1.5px solid #000}
.doc .d-note{font-size:9pt;margin:5mm 0 0}
.doc .d-fuss{font-size:8.5pt;color:#444;margin:4mm 0 0}
.docwrap .doc{font-size:10pt}
.docwrap .absender{font-size:9.5pt;line-height:1.35}
.docwrap[data-qr="sep"] .qrslot{margin:0}
.docwrap .qrscreen{background:none;border:0;padding:0;overflow:visible}
.docwrap .qrscreen h3{padding:0 20mm}
.docwrap .qrscreen .qrs{margin-top:8px}
.docwrap[data-qr="same"]{height:297mm;overflow:hidden}
.docwrap[data-qr="same"] .qrslot{position:absolute;left:0;bottom:0;margin:0;width:210mm;height:105mm}
.docwrap[data-qr="same"] .qrscreen h3{display:none}
.docwrap[data-qr="same"] .qrscreen .qrs{margin-top:0}
.docwrap[data-qr="sep"]{height:auto}
.docwrap[data-qr="sep"] .qrslot{border-top:1px dashed #999;margin-top:6mm;padding-top:4mm}
.hinweis-klein{font-size:var(--fs-s);color:var(--text-3)}
.preisbox .btn{margin-right:var(--a3)}
details.faq-i{border:1px solid var(--linie);border-radius:var(--r-m);padding:0 var(--a4);margin:0 0 var(--a2);background:var(--flaeche)}
details.faq-i summary{min-height:var(--tipp);display:flex;align-items:center;cursor:pointer;font-weight:600}
details.faq-i[open]{padding-bottom:var(--a3)}
.pack-liste{display:grid;gap:var(--a3);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:var(--a4) 0}
.pack-liste a.card{display:block;text-decoration:none;color:var(--ink)}
.fill{background:#fff8d6;border-bottom:1px dotted #a58f00;padding:0 2px;border-radius:2px}
.fill:focus{outline:2px solid var(--akzent)}
.vorlage{background:#fff;color:#000;border:1px solid var(--linie);border-radius:var(--r-l);padding:var(--a6);font-family:Arial,Helvetica,"Liberation Sans",sans-serif;font-size:11pt;line-height:1.45}
.vorlage h2{margin:0 0 var(--a3);color:#000}
.vorlage table{border-collapse:collapse;width:100%;margin:var(--a3) 0}
.vorlage th,.vorlage td{border-bottom:1px solid #bbb;padding:5px 6px;text-align:left;vertical-align:top}
.vorlage th{border-bottom:1.5px solid #000}
.vorlage .r{text-align:right}
.vorlage .brief{margin:0 0 var(--a4)}
.vorlage .kopf-zeile{display:flex;justify-content:space-between;gap:var(--a5);flex-wrap:wrap}
.sr-label{display:block;font-size:var(--fs-xs);color:var(--text-3)}

@media (max-width:700px){
  .row2,.row3,.row4{grid-template-columns:1fr}
  .item{grid-template-columns:1fr 1fr;gap:0 var(--a3)}
  .item .it-desc{grid-column:1/-1}
  .item .btn{grid-column:1/-1;justify-self:start}
  .gen fieldset{padding:var(--a4)}
  .vorlage{padding:var(--a4)}
}

@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .noprint,.kopf,.fuss,.ki-hero{display:none!important}
  .seite{max-width:none;padding:0;margin:0}
  .vorschau-rahmen{border:0;padding:0;background:none;overflow:visible}
  .docwrap{box-shadow:none;margin:0;width:210mm}
  .docwrap[data-qr="same"]{height:296.5mm;overflow:hidden;break-after:avoid;page-break-after:avoid}
  .docwrap[data-qr="sep"]>.qrslot{break-before:page;page-break-before:always;position:relative;height:296.5mm;margin:0;padding:0;border:0;overflow:hidden}
  .docwrap[data-qr="sep"]>.qrslot .qrscreen{position:absolute;left:0;bottom:0}
  .docwrap[data-qr="same"] .qrscreen{position:absolute;left:0;bottom:0}
  .doc{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  /* Vorlagen im Pack */
  .vorlage{border:0;padding:15mm 18mm;box-shadow:none}
  .fill{background:none;border-bottom:1px dotted #777}
  .vorlage-seite .seite{padding:0}
}
@media print{
  .docwrap[data-qr="sep"]>.doc{padding:16mm 16mm 16mm 20mm;box-decoration-break:clone;-webkit-box-decoration-break:clone}
}
.docwrap .empf{font-size:10pt;line-height:1.35}