/* ========================================================================== PartnerTo — Druck-Stylesheet Gedruckt wird NUR die Zertifikats- bzw. Poster-Karte(n) — ohne App-Rahmen (Statusbar, Navigation, Knöpfe, Eingabefelder, Überschriften, Hinweise). Jede Karte landet auf einem eigenen Blatt. ========================================================================== */ @media print { @page { size: A4 portrait; margin: 12mm; } html, body, #app, #app-content, main, .pt-screen { background: #ffffff !important; color: #1a1a1a !important; margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } /* Alles außer den Karten ausblenden (App-Rahmen, Bedienelemente, Texte drumherum) */ .statusbar, .bottom-nav, .skip-link, #aria-status, .pt-back, .pt-actions, .pt-nextbar, .pt-complete-bar, .pt-profile-field, .pt-hub, .toast-container, .pt-confetti, .sb-lang-menu, .btn, .pt-screen > h1, .pt-screen h2, .pt-screen p.muted { display: none !important; } /* Karten: je Karte ein eigenes Blatt (Umbruch VOR jeder weiteren Karte — so entsteht kein leeres Blatt am Ende). */ .pt-cert { box-shadow: none !important; margin: 0 auto !important; max-width: 100% !important; page-break-inside: avoid; break-inside: avoid; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .pt-cert + .pt-cert { page-break-before: always; break-before: page; } /* Poster-Wrapper (Poster-Screen): je Wrapper ein Blatt; Toolbar verschwindet über die .btn-Regel oben. */ .pt-poster-item { page-break-inside: avoid; break-inside: avoid; } .pt-poster-item + .pt-poster-item { page-break-before: always; break-before: page; } /* Einzeldruck: nur das gewählte Poster drucken. */ body.pt-print-single .pt-poster-item:not(.pt-print-target), body.pt-print-single .pt-cert:not(.pt-print-target) { display: none !important; } body.pt-print-single .pt-print-target .pt-cert { display: block !important; } .pt-cert__logo, .pt-poster__logo, .pt-cert__seal svg { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } /* Keine Link-URLs anhängen */ a[href]::after { content: none !important; } /* ── Botschaften-Tafel als Papier-Tafel ── Beim Druck aus der Botschaften-Tafel: nur das Tafel-Blatt zeigen, App komplett ausblenden. Das Blatt liegt außerhalb von #app (im ). */ body.pt-say-print #app { display: none !important; } body.pt-say-print .pt-say-print-sheet { display: block !important; } .pt-say-print-sheet { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .pt-say-print__title { font-size: 20pt; margin: 0 0 8mm; text-align: center; color: #1a1a1a !important; } .pt-say-print__section { margin-bottom: 7mm; } .pt-say-print__cat { font-size: 14pt; margin: 5mm 0 3mm; color: #1a1a1a !important; border-bottom: 1pt solid #999; padding-bottom: 1mm; page-break-after: avoid; break-after: avoid; } .pt-say-print__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6mm; } .pt-say-print__card { display: flex; flex-direction: column; align-items: center; gap: 3mm; text-align: center; padding: 6mm 4mm; border: 1.5pt solid #1a1a1a; border-radius: 4mm; page-break-inside: avoid; break-inside: avoid; } .pt-say-print__sym { line-height: 0; color: #1a1a1a; } .pt-say-print__sym svg { width: 22mm; height: 22mm; } .pt-say-print__text { font-size: 15pt; font-weight: 700; color: #1a1a1a; } .pt-say-print__erkl { font-size: 10pt; color: #444; line-height: 1.3; } }