@media print {

  /* Seitenlayout */
  @page {
    margin: 2cm;
  }
	
@media print {
  body::before {
    content: "Hertha-Müller-Haus – Übersicht";
    display: block;
    font-size: 20pt;
    font-weight: bold;
    margin-bottom: 20pt;
  }
}

  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;              /* größer für bessere Lesbarkeit */
    line-height: 1.6;
    color: #000 !important;
    background: #fff;
  }

  /* Navigation & unnötiges ausblenden */
  nav,
  .navbar,
  .footer,
  .btn,
  .no-print,
  .carousel,
  .hero,
  video {
    display: none !important;
  }

  /* Überschriften klar strukturieren */
  h1 {
    font-size: 22pt;
    margin-bottom: 10pt;
  }

  h2 {
    font-size: 18pt;
    margin-top: 20pt;
    margin-bottom: 8pt;
    border-bottom: 2px solid #000;
    padding-bottom: 4pt;
  }

  h3 {
    font-size: 16pt;
    margin-top: 15pt;
  }

  /* Text gut lesbar */
  p, li {
    font-size: 14pt;
    margin-bottom: 8pt;
  }

  /* Links verständlich darstellen */
  a {
    color: #000;
    text-decoration: underline;
  }

  /* URLs anzeigen (hilfreich im Druck) */
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 12pt;
  }

  /* Container auf volle Breite */
  .container,
  .container-fluid {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  /* Bootstrap Grid vereinfachen */
  .row {
    display: block;
  }

  [class*="col-"] {
    width: 100%;
    max-width: 100%;
  }

  /* Bilder sinnvoll einpassen */
  img {
    max-width: 100% !important;
    height: auto !important;
    margin: 10pt 0;
    page-break-inside: avoid;
  }

  /* Keine unschönen Umbrüche */
  h1, h2, h3 {
    page-break-after: avoid;
  }

  p, li {
    page-break-inside: avoid;
  }

  /* Wichtige Bereiche hervorheben */
  #veranstaltungen,
  #kontakt,
  #section-12 {
    margin-top: 20pt;
    padding-top: 10pt;
    border-top: 2px solid #000;
  }

}

@media print {
  #kontakt, #section-12 {
    font-size: 16pt;
  }

  #kontakt strong {
    display: block;
    margin-top: 10pt;
    font-size: 18pt;
  }
}