/* Angebot – Standardvorlage (A4). Gesetzt mit dompdf: Tabellen statt
   Flexbox/Grid, Masse in mm. Die Fusszeile steht mit position:fixed auf
   jeder Seite im unteren Rand; .seitenzahl zaehlt die Seiten. */
@page { size: A4; margin: 18mm 18mm 30mm 22mm; }

body { font-family: "DejaVu Sans", sans-serif; font-size: 9pt; color: #222; line-height: 1.45; }
h1 { font-size: 14pt; margin: 10mm 0 5mm; color: #111; }
p { margin: 0 0 3mm; }

.kopf { width: 100%; border-collapse: collapse; }
.kopf td { vertical-align: top; padding: 0; }
.kopf-links { width: 58%; padding-top: 22mm !important; }
.kopf-rechts { text-align: right; }
.absenderzeile { font-size: 6.5pt; color: #777; border-bottom: 0.3pt solid #aaa;
                 display: inline-block; padding-bottom: 1mm; margin-bottom: 3mm; }
.anschrift { font-size: 10pt; line-height: 1.4; }
.logo { max-width: 60mm; max-height: 22mm; margin-bottom: 6mm; }
.logo-text { font-size: 16pt; font-weight: bold; color: #2A871B; margin-bottom: 6mm; }

.meta { margin-left: auto; border-collapse: collapse; font-size: 8.5pt; }
.meta td { padding: 0.6mm 0 0.6mm 4mm; text-align: left; }
.meta td:first-child { color: #666; }

.positionen { width: 100%; border-collapse: collapse; margin: 4mm 0; }
.positionen th { background: #f0f2f4; text-align: left; font-size: 8pt; padding: 2mm; border-bottom: 0.6pt solid #999; }
.positionen td { padding: 2mm; border-bottom: 0.3pt solid #ddd; vertical-align: top; }
.positionen .pos { width: 9mm; color: #666; }
.positionen .zahl { text-align: right; white-space: nowrap; }
.positionen .textzeile td { background: #fafafa; }
.artnr { font-size: 7.5pt; color: #666; }
.beschreibung { font-size: 8pt; color: #444; }
tr { page-break-inside: avoid; }

.summen { width: 95mm; margin: 2mm 0 8mm auto; border-collapse: collapse; }
.summen td { padding: 1mm 2mm; }
.summen td:last-child { text-align: right; white-space: nowrap; }
.summen .trenner td { border-top: 0.3pt solid #999; }
.summen .gesamt td { border-top: 0.8pt solid #222; font-weight: bold; font-size: 10.5pt; padding-top: 2mm; }

.fusszeile { position: fixed; bottom: -22mm; left: 0; right: 0; font-size: 6.5pt; color: #777; }
.fusszeile table { width: 100%; border-top: 0.3pt solid #aaa; border-collapse: collapse; }
.fusszeile td { padding-top: 2mm; vertical-align: top; }
.seitenzahl { text-align: right; }
/* {{seiten}} = Gesamtzahl; brydge setzt sie nach einem ersten Durchlauf ein */
.seitenzahl:after { content: "Seite " counter(page) " von {{seiten}}"; }