/* firefox / wkhtmltopdf mag keine flexbox */
@media screen and (min-width: 769px) {
    .columns:not(.is-desktop) {
        display: table-row
    }
}

@page {margin: 15mm 0 10mm 0}

body {
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
    print-color-adjust: exact;
    font-size: 12px !important;
}
body,
a {color: #1279b5 !important}

.container {display: block}
.columns {display: table-row; margin: 0 !important; overflow: visible !important}
.column {display: table-cell; vertical-align: top; overflow: visible !important}

html, body {height: auto}

.section.header {display: block; padding-top: 0 !important}
.section.search {display: none}
.section.content nav.prev-next {display: none}
nav.section.alphabet {display: none}
.content:not(:last-child) {margin-bottom: 0; padding-bottom: 0}

.accordion-content {margin: 0}
.icon-button {display: none}
.is-collapsible {height: auto !important}
.scroll-top {display: none}

/* not really working cause of borders */
/* https://stackoverflow.com/questions/4884380/css-page-break-not-working-in-all-browsers */
.analysis-group,
.analysis-group div,
.analysis-list-anchor {margin-top: 0; margin-bottom: 0}

/* .analysis-group h2 {page-break-inside: avoid; break-inside: avoid} */
footer .print-only {display:block;color: #000000; margin-top: 3em; font-size: 0.75rem}
footer div:nth-child(1){display: none;}
footer div:nth-child(2) ul {display: none;}

ul.no-bullets {list-style-type: none;}

.columns,
.column,
.nav,
.panel,
table {page-break-inside: avoid}
.table td > div {overflow: visible}

/* set tablet viewport size */
.analysis-group > .column {padding-top: 0; padding-bottom: 0}
.analysis-group > .column.is-narrow {width: 14rem}
.analysis-group > .column.is-narrow h2 {padding-top: 0.45rem}
.section.content.alphabet .analysis-list .title-letter ul {column-count: 2 !important; column-gap: 40px !important; page-break-before: avoid; page-break-inside: auto}