Vorlage:Styles-Print.css

/*** Formatierung für PDF-Drucke in MediaWiki ***/
@media print {

  /* Seitenränder */
  @page {
    margin: 2cm 2cm 5cm 2cm; /* oben, rechts, unten, links */
  }

  body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #000;
    font-size: 12pt;
    line-height: 1.5;
  }

  /***************
   * Navigation & UI ausblenden
   ***************/
  aside#mw-navigation.main-sidebar,
  .navigation-not-searchable,
  .mw-editsection,
  .mw-collapsible-toggle,
  .Preview-yes,
  .prev,
  span.Preview.Preview-yes,
  div.neu-box,
  div.ver,
  div.cl {
    display: none !important;
  }

  /***************
   * Kopf- und Fußzeile
   ***************/
  header, .site-header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
  }

  footer, .site-footer {
    border-top: 1px solid #ccc;
    margin-top: 1em;
    padding-top: 0.5em;
    font-size: 10pt;
    color: #555;
  }

  /***************
   * Inhaltsverzeichnis
   ***************/
  .toc {
	float: none;
	text-align: left;
	border: none;
	width: 100%;
  }

  div.toctitle {
	text-align: left;
  }

  div.right {
	float: none;
	padding-top: 5px;
  }

  .toc a {
	color:green !important;
  }


  /***************
   * Codebereiche
   ***************/
  .code,
  pre {
    white-space: pre-wrap !important;
    word-break: break-word;
    overflow: visible !important;
  }

  /***************
   * Infoboxen / Hinweisboxen
   ***************/
  .color-box-shadow1,
  .color-box-shadow.em1,
  .color-box-shadow.fs__icon__em1 {
    border: 2px solid #666;
    padding: 1em;
    page-break-inside: avoid;
  }

  .info-box.center {
    float: none;
    max-width: 100%;
    text-align: left;
    width: 100%;
    page-break-inside: avoid;
  }

  /***************
   * Tabellen
   ***************/
  table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0px; /* Abstand zwischen Zeilen */
    page-break-inside: auto;
  }

  tr,
  td,
  th {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  tr.Leerzeile {
    page-break-inside: auto;
    break-inside: auto;
  }

  td, th {
    border: 1px solid #ccc;
    padding: 6px;
    vertical-align: top;
  }

  .sptable2 > tbody > tr > th.Bild,
  .sptable2 > tbody > tr > td.Bild {
    display: none !important;
  }

  .sptable2 > tbody > tr > td.no1cell,
  .sptable2 > tbody > tr.Leerzeile > td {
    background-color: white;
  }

  /*******
   * Paketfilter Tabellen
   *******/
  table.Paketfilter {
	width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }

  table.Paketfilter > tbody > tr {
    display: table-row !important;
  }

  table.Paketfilter > tbody > tr > td {
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-width: 0 !important;
  }

  /***************
   * Bilder
   ***************/
  img {
    max-width: 100%;
    height: auto;
    page-break-inside: avoid;
  }

  /***************
   * Ein-/Ausklappbare Inhalte
   ***************/
  .mw-collapsible-content {
    display: block !important;
	position: relative !important;
  }

  .mw-collapsible-content > div.flexbox > div.flexelement {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /***************
   * Galerie
   ***************/
  .mw-parser-output > .flexelement.items_4 {
    min-width: 200px;
  }

  /***************
   * Druckfreundliche Links
   ***************/
  a:not([href^="/Datei:"])::after {
    content: " (" attr(href) ")";
    font-size: 90%;
    color: #888;
  }
}