@page {
    size: A4;
    margin: 1cm 1cm 1.5cm;

    @top-left {
        content: "";
    }
    @top-center {
        content: ""
    }
    @top-right {
         content: ""
    }
    @bottom-right {
        content: ""
    }
    @bottom-center {
        font-size: 12px;
        color: #666;
        content: "Seite " counter(page) " von " counter(pages);
    }
    @bottom-left {
        content: ""
    }
}

@media print {
    .print {
        display: block !important;
    }

    .no-print {
        display: none !important;
    }

    [class^="bg-gray"],
    [class*="bg-gray"] {
        background: none !important;
    }

    [class^="shadow"],
    [class*="shadow"] {
        box-shadow: none !important;
    }

    [class^="py"],
    [class*="py"] {
        padding: 0.5rem 0;
    }

    .floating-action-button-container {
        display: none;
    }

    .divide-y > :not([hidden]) ~ :not([hidden]) {
        border: none;
    }

    .box {
        border: none;
    }

    body,
    html,
    .sync-view-box {
        background: none;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        max-width: 100% !important;
    }

    html header,
    html footer,
    html .status-box {
        display: none;
    }

    main {
        margin: 0 !important;
    }
}