/* ==========================================================================
   NexaMINT – Druckansicht
   ========================================================================== */

@media print {
  :root {
    --color-page: #ffffff;
  }

  body {
    background: #fff;
    color: #000;
    font-size: 11pt;
    line-height: 1.45;
  }

  .site-header,
  .mobile-nav,
  .nav-toggle,
  .dev-banner,
  .site-footer,
  .cta-band,
  .btn,
  .btn-row,
  .filter-bar,
  .toc,
  .skip-link,
  form {
    display: none !important;
  }

  main {
    padding: 0;
  }

  /* Der Bildhinweis bleibt im Ausdruck stehen: Er sagt, dass die Abbildungen
     erzeugt sind. Genau das muss auch auf Papier erkennbar bleiben. Nur die
     Flaeche darunter faellt weg, um Farbe zu sparen. */
  .image-note {
    padding-block: 8pt 0;
    background: none;
    border-top: 0.5pt solid #999;
  }

  .image-note p {
    font-size: 8pt;
    color: #333;
  }

  .section,
  .section--wide,
  .page-head,
  .hero {
    padding-block: 0 12pt;
    background: none;
  }

  .card,
  .note,
  .preview-figure,
  .form-section,
  .accordion {
    border: 1px solid #999;
    box-shadow: none;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  h1,
  h2,
  h3 {
    color: #000;
    break-after: avoid;
    page-break-after: avoid;
  }

  .accordion__body {
    display: block !important;
  }

  /* Zieladressen interner Links im Druck sichtbar machen */
  .prose a[href^="/"]::after,
  .legal-body a[href^="/"]::after {
    content: " (nexamint.de" attr(href) ")";
    font-size: 9pt;
    color: #444;
  }

  a[href^="mailto:"]::after {
    content: "";
  }

  img {
    max-width: 100% !important;
    break-inside: avoid;
  }

  .table-wrap {
    overflow: visible;
    border: 0;
  }

  table.data-table {
    min-width: 0;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  @page {
    margin: 18mm 16mm;
  }
}