/* =========================================================================
 * Print-Stylesheet fuer das Help-Center
 * Versteckt Header/Footer/Sidebar/Suggest/Feedback und stellt den Artikel-
 * Body voll auf 100% Breite, schwarze Schrift auf weiss.
 * ========================================================================= */

@media print {
  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
    line-height: 1.5;
  }

  .site-header,
  .site-footer,
  .dashboard-sidebar,
  .nav-toggle,
  .mobile-menu,
  .help-search-form,
  .faq-suggest-list,
  .faq-feedback,
  .faq-related,
  .breadcrumb,
  .cookie-banner,
  .a2hs-prompt {
    display: none !important;
  }

  .container,
  .help-article-body,
  .faq-article-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  a {
    color: #000 !important;
    text-decoration: underline;
  }

  .faq-article-content a[href]::after {
    content: " (" attr(href) ")";
    font-size: 0.85em;
    color: #555;
  }

  /* keine "javascript:"-URLs ausdrucken */
  .faq-article-content a[href^="javascript:"]::after,
  .faq-article-content a[href^="#"]::after {
    content: "";
  }

  @page {
    margin: 1.5cm;
  }
}