/* ===========================================================================
   druck.css - Ausdruck aus dem Browser.

   Nicht zu verwechseln mit der PDF-Erzeugung (docs/08-gestaltung.md,
   Abschnitt 9): Die entsteht serverseitig in Phase 6. Hier geht es nur
   darum, dass eine Portalseite auf Papier brauchbar aussieht, wenn jemand
   sie ausdruckt - und das tut jemand.
   =========================================================================== */

@media print {
    /* Navigation, Kopfzeile und Bedienelemente tragen auf Papier nichts bei. */
    .sidebar,
    .kopfzeile,
    .btn,
    #blazor-error-ui {
        display: none !important;
    }

    /* Der Ausdruck ist schwarz auf weiss - Flaechen kosten nur Toner. */
    body,
    .mp-hinweis,
    .table > :not(caption) > * > * {
        background: #fff !important;
        color: #000 !important;
    }

    main,
    article {
        padding: 0 !important;
    }

    /* Ein Link, dessen Ziel man nicht sieht, ist auf Papier wertlos. */
    a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: var(--mp-schrift-2xs);
    }

    /* Tabellen nicht mitten in einer Zeile umbrechen. */
    tr,
    .mp-hinweis {
        break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
}