@media print {
    @page {
        margin-top: 9mm;
        margin-bottom: 9mm;
        margin-left: 5mm;
        margin-right: 5mm;
    }

    @page full {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .print {
        display: block;
    }

    html, body {
    }
    
    h3{
        page-break-after:avoid;
    }

    body {
        margin: 0;
        color: #000;
        background-color: #fff;
        line-height: 18pt;
        font-size: 11pt !important;
    }

    p, table, ul, ol, dl, strong, blockquote {
        font-size: 11pt !important;
    }

    table {
        width: 100%;
    }

    p a[href^="#"]:after {
        display: none;
    }

    p a {
        word-wrap: break-word;
    }

    p {
        page-break-inside: avoid;
    }

   
    #page-voorwaard {
        page-break-after: always;
        break-after: always;
    }

    #cover,
    section.chapterstart,
    section.text,
    section.table 
    {
        page-break-after: always;
        break-after: always;
    }
    

    table, figure {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    img {
        page-break-inside: avoid;
        page-break-after: avoid;
        break-inside: avoid;
       
    }

    .keyvalue,
    .keyvalue *
    table, pre {
        page-break-inside: avoid;
        break-inside: avoid;

    }

    ul, ol, dl {
        page-break-before: avoid
    }

    h1, h2, h3, h4, h5 {
        page-break-after: avoid;
        break-after: avoid;
    }

    .municipality {
        page-break-before: always
    }

    section > .row > .column {
        max-width: 100% !important;
        flex: 0 0 100% !important;
     
    }

    section.charts > .row > .large-9 > .row {
        display: block!important;
    }

        section.charts > .row > .large-8 > .row > .column.medium-6,
        section.charts > .row > .large-8 > .row > .column.medium-12,
        section > .row > .column.medium-12 {
            max-width: 100% !important;
            flex: none !important;
            page-break-inside: avoid;
            display: block !important;
        }

    section.charts > .row {
        break-before: page;
    }

    .seperator-chapter {
        page-break-before:always;
    }

    section.charts .box .row .column.medium-6 {
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }

    .slideout {
        display: none !important;
    }

    section.text > .row,
    section.text > .row article.row{
        display: block !important;
    }

    section.charts .row > .column.large-8,
    section.text .row > .column.large-9,
    section.text .row > .column.large-8,
    section.text .row > .column.large-3 {
        max-width: 100% !important;
        flex: none !important;
    }

    section.text .row .column.large-3 img {
        margin-bottom: 6rem;
    }

    .text img {
        max-width: 50%;
    }

    #menu {
        display: none;
        position: static !important;
    }

    section.text .row .column.large-3 a,
    section.text .row .column.large-3 img {
        display: block;
        page-break-before: avoid;
    }

    .menu::after {
        display: none;
    }

    #cover {
        display: block;
        position: relative;
    }

        #cover > div {
            width: 100% !important;
            position: relative;
            padding-top: 100% !important;
        }

    .chapter .side-bot,
    .chapter .side-top-wrapper {
        display: none;
    }

    .chapter .inner {
        min-height: 27cm;
    }

    .box, .box * {
        page-break-inside: avoid;
    }

    .box,
    .keyvalue {
        break-after: page;
    }

    .table table td {
        white-space: normal !important;
    }

    .table-wrapper {
        overflow-x: unset !important;
    }

    canvas {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
        height: auto !important;
        width: auto !important;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    section.text .box .row .column.large-3 {
        max-width: 25% !important;
        flex: 0 0 25% !important;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .keyvalue {
        break-inside: avoid;
    }

    #cover h2,
    #cover h1 {
        line-height: 1;
    }
    .chapterstart h1 {
        font-size: 52pt;
        line-height: 52pt;
    }

    .chapterstart h2 {
        font-size: 160pt;
        line-height: 160pt;
    }

    .chapterMenu {
        display: none;
    }

    #cover .aspect-ratio-1-1.title {
        height: 10cm;
        padding: 0 !important;
    }

    .municipality {
        page-break-before: always;
    }

    .table .seperator {
        display: none;
    }

    .overview-items .item {
        page-break-inside: avoid;
    }
}