﻿@media print {
    @page {
        size: A4;
        margin: 1cm; 
    }

    body {
        font-size: 10pt;
        margin: 0;
    }

    body * {
        color: #000;
        float: none;
        position: relative;
        padding: 0;
    }

    h1, h2, h3 {
        font-weight: bold;
        margin-bottom: 0.5em;
        color: #000;
    }
    h1 {
        font-size: 22pt;
    }
    h2 {
        font-size: 18pt;
    }
    h3 {
        font-size: 16pt;
    }
    .columns {
        width: 100% !important;
        margin: 0;
    }

    .wrap, .container {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
    .introText * {
        color: #000 !important;
    }
    img {
        max-width: 50% !important;
        margin-left: 0;
        margin-right: 0;
    }
    p.icon, video, footer, nav, aside, script, .breadcrumb, .no-print, .goTop, .button {
        display: none !important;
    }

    header, .wrap.intro, .wrap.strip, .wrap.strip .overlay {
        background: none !important;
    }
    header {
        position: absolute !important;
    }
    main {
        min-height: auto !important;
        position: relative !important;
        transform: none !important;
    }
    .wrap {
        padding: 1cm 0;
    }
    #logo {
        height: 3cm
    }
        #logo img {
            max-width: 100% !important;
            filter: grayscale(1) invert(1)
        }
    .gridholder {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1cm;
        grid-row-gap: 1cm;
        width: 100%;
    }
    .griditem {
        break-inside: avoid;
    }
    .animateIn, .animateOut {
        opacity: 1;
        transform: none;
    }
}
