/*
 * Druckansicht. Gilt beim Drucken und - wenn die Adresse ?print=y enthaelt -
 * auch am Bildschirm (js/druck.js schaltet dieses Stylesheet dann fuer alle Medien ein).
 */

@page { margin: 20mm 35mm 20mm 20mm; }

.off-canvas, .off-canvas-overlay, .header, .header-platz, .meta, #sidebar-2, #foot, #accessibility { display: none !important; }

html, body { background-color: #fff; color: #000; }
.main-content { padding-top: 0; }

#content {
  border-bottom: 0 !important;
  margin: 0 auto !important;
  max-width: 44rem !important;
  padding: 2rem 1rem !important;
  width: 100% !important;
}
#content h1.article-title { margin-left: auto !important; width: 100% !important; }

a { color: #000; }
.source { color: #000; }
blockquote { background: none; border-left: 3px solid #999; }
blockquote::before, blockquote::after { display: none; }
.article-img img { border-bottom: 0; max-width: 70%; }
h1, h2, h3, h4, h5 { break-after: avoid; }
p, blockquote, li { orphans: 3; widows: 3; }

/* Knoepfe oben in der Bildschirm-Druckansicht */
.druckleiste {
  align-items: center;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  font-family: "Chivo", sans-serif;
  font-size: .875rem;
  gap: .75rem 1.5rem;
  justify-content: center;
  padding: .75rem 1rem;
}
.druckleiste button {
  background: #009bb9;
  border-radius: .1875rem;
  color: #fff;
  padding: .5rem 1.25rem;
}
.druckleiste a { border-bottom: 1px solid #009bb9; color: #009bb9; }

@media print {
  .druckleiste { display: none !important; }
  #content { max-width: none !important; padding: 0 !important; }
}