{# Blattgeometrie fuer Druckdokumente mit gemessenem Umbruch (docs/formblatt_druck_plan.md §2d, Scheibe 4). Das Blatt IST hier das Layoutelement: feste Groesse und `overflow: hidden`. Der Bildschirm zeigt damit, was der Drucker macht — was hier abgeschnitten wird, fehlt auch auf dem Papier. Das ist der Unterschied zu einer gemalten Umbruchvorschau: die schaetzt, das hier ist die Sache selbst. A4 hoch. Ein Dokument mit anderem Format setzt sein `@page` NACH dem Include; die spaetere Regel gewinnt. Das Formblatt bindet das hier bewusst nicht ein: es ist A4 quer und aelter als dieser Baustein. Erwartete Struktur je Blatt: .blatt > .blatt-kopf? .blatt-koerper .blatt-fuss? Gemessen wird an .blatt-koerper — deshalb muss der die Resthoehe fuellen und selbst nichts ueberlaufen lassen. #} :root { --blatt-breite: 210mm; --blatt-hoehe: 297mm; --blatt-rand: 12mm; } /* Die Blattfolge ist genau so breit wie ein Blatt. Ohne das laeuft sie ueber die ganze Fensterbreite, und die Seitenmarke ("Seite 1 / 4") klebt in der linken Fensterecke, waehrend das Blatt in der Mitte steht — dasselbe, was die Bildschirmleiste vor §2c falsch machte. */ .blattfolge { max-width: var(--blatt-breite); margin: 0 auto; padding-bottom: 70px; } .blatt { width: var(--blatt-breite); height: var(--blatt-hoehe); background: #fff; margin: 0 auto 22px; padding: var(--blatt-rand); box-shadow: 0 3px 14px rgba(15,23,42,.14); position: relative; display: flex; flex-direction: column; overflow: hidden; } .blatt-koerper { flex: 1; min-height: 0; overflow: hidden; } .blatt-kopf { flex: 0 0 auto; display: flex; align-items: baseline; gap: 8px; border-bottom: .8pt solid #1e293b; padding-bottom: 2mm; margin-bottom: 3mm; font-size: 8pt; color: #475569; } .blatt-kopf .stark { font-weight: 700; color: #1e293b; } .blatt-kopf .rechts { margin-left: auto; } .blatt-fuss { flex: 0 0 auto; display: flex; gap: 6mm; align-items: baseline; border-top: .5pt solid #cbd5e1; padding-top: 1.8mm; margin-top: 3mm; font-size: 7pt; color: #94a3b8; } .blatt-fuss .rechts { margin-left: auto; } .fortsetzung { font-weight: 400; color: #64748b; } /* Die Seitenmarke am Bildschirm — sie gehoert nicht zum Dokument. */ .blattnummer { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #94a3b8; margin: 26px 0 7px; } /* Der Messplatz: nie sichtbar, nie gedruckt. Gemessen wird an einem ECHTEN Blatt an seinem echten Platz — ein Blatt in display:none hat keine Hoehen. */ #messplatz { position: absolute; left: -10000px; top: 0; } @page { size: A4 portrait; margin: 0; } @media print { body { background: #fff; } .blattnummer, .nicht-drucken, #messplatz, #quelle { display: none !important; } /* Ohne das schiebt der Fussabstand der Folge eine leere Seite heraus: vier Blaetter, fuenf Seiten. Gemessen im Druckweg-Test. */ .blattfolge { max-width: none; margin: 0; padding: 0; } .blatt { margin: 0; box-shadow: none; break-after: page; page-break-after: always; } .blatt:last-child { break-after: auto; page-break-after: auto; } }