/* Auftraege - nur fuer den Ausdruck (media="print"): die Ansicht auf hellem Papier, ohne Kopf, Reiter und Knoepfe.
   Gedacht fuer die Aufstellung eines Abrechnungsstands, fuer eine Akte und fuer die Liste des Faelligen. */
@media print {
  @page { margin: 14mm; }
  body { background: #fff; color: #000; font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; font-size: 12px; }
  header.top, nav.tabs, footer, dialog, button, .planwahl, .muster, .gespeichert, .links, .knoepfe, .buttons { display: none !important; }
  .card { border: 0; padding: 0; margin: 0 0 14px; }
  .kopf { display: flex; justify-content: space-between; }
  h2 { font-size: 14px; margin: 12px 0 4px; }
  h3 { font-size: 16px; margin: 0 0 4px; }
  h4 { font-size: 12px; margin: 8px 0 2px; }
  .tab { width: 100%; border-collapse: collapse; }
  .tab th { text-align: left; border-bottom: 1px solid #000; padding: 4px 8px 4px 0; }
  .tab td { border-top: 1px solid #ccc; padding: 5px 8px 5px 0; }
  .tab tfoot td { border-top: 1px solid #000; font-weight: 600; }
  .tab .r { text-align: right; }
  .zahlen { display: grid; grid-template-columns: 1fr auto; gap: 4px 14px; margin-top: 8px; }
  .zahlen dd { margin: 0; text-align: right; }
  .zahlen .stark { font-weight: 600; }
  .zahlen .linie { grid-column: 1 / -1; border-top: 1px solid #000; height: 0; }
  .beleg { border: 1px solid #000; padding: 6px 8px; font-weight: 600; margin-top: 12px; }
  .liste { list-style: none; padding: 0; }
  .liste li { padding: 4px 0; border-top: 1px solid #ccc; }
}