@media screen {
    
    .inactive::before {
        display: block;
        position: fixed;
        width: 100%;
        text-align: center;
        font-size: 1.5em;
        top: 45%;
        z-index: 999;
        font-weight: bold;
        padding: 2em;
        background: white;
        box-shadow: 0 0 3em black;
    }

    html[lang="de"] .inactive::before {
        content: 'Dieser Artikel ist momentan deaktiviert.';
    }

    html[lang="en"] .inactive::before {
        content: 'This article is currently disabled.';
    }

    html[lang="fr"] .inactive::before {
        content: 'Cet article est actuellement désactivé.';
    }

    .inactive main { filter:blur(3px); }

    #prices-ek, #prices-uvp, #prices-api {
        cursor: pointer;
        color: var(--primary);
    }

    #prices-ek:hover, #prices-uvp:hover, #prices-ek.active, #prices-uvp.active, #prices-api:hover, #prices-api.active {
        border-bottom: 1px solid var(--primary);
    }

    .printonly { display: none; }

}

@media print {
    .container { max-width: 90%; }

    div#options, a[href="https://gitlab.com/ksw24/files.suesse-werbung.de"] {
        display: none;
    }

    section { 
        margin-bottom: 1em;
    }

    section:first-of-type .grid {
        grid-template-columns: 50% 50%;
    }

    section table td {
        font-size: .75em;
    }

    figure {
        margin-bottom: .5em;
    }

    small {
        font-size: .5em;
    }

    hgroup.printonly { 
        page-break-before: always;
        padding-top: 3em;
    }

    /*section:last-of-type table {
        page-break-inside: avoid;
    }*/
    /*
    section:first-of-type table.long tr:nth-of-type(n+5) {
        display: none;
    }

    section:first-of-type table.long tr:nth-last-child(2),
    section:first-of-type table.long tr:nth-last-child(1) {
        display: table-row;
    }

    section:first-of-type table.long tr:nth-last-child(2) td {
        color: transparent;
    }

    section:first-of-type table.long tr:nth-last-child(2) td:first-of-type::before {
        content: '...';
        color: black;
    }
    */
    section:last-of-type table tr:nth-of-type(5),
    section:last-of-type table tr:nth-of-type(8),
    section:last-of-type table tr:nth-of-type(12),
    section:last-of-type table tr:nth-of-type(14) {
        display: none;
    }

    main.container > small {
        display: none;
    }
}