.album-gallery {
  line-height: 0;
  columns: 1;
  column-gap: 1.5rem;
}
.album-gallery li {
  display: block;
  margin-bottom: 1.5rem;
  break-inside: avoid;
}

.video-gallery {
  padding-bottom: 2rem;
}
@media screen and (min-width: 60rem) {
  .album-gallery {
    columns: 2;
  }
}


/* Styling für den Button auf der Website */
.print-button {
  display: inline-block;
  margin-top: 2rem;
  padding: 0.75rem 1.5rem;
  background: var(--color-black);
  color: var(--color-white);
  border: 2px solid var(--color-black);
  font-weight: 600;
  transition: all 0.2s;
}

.print-button:hover {
  background: var(--color-white);
  color: var(--color-black);
}

/* PRINT EINSTELLUNGEN FÜR PDF-DOKUMENTENEXPORT */

@media print {
  /* 1. Alles Unnötige ausblenden */
  .header, .footer, .menu, .social, .print-button, 
  video, .album-video, .video, iframe, nav {
    display: none !important;
  }

  /* 2. Grundlayout auf volle Breite setzen */
  html, body {
    background: #fff !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body {
    font-size: 12pt !important;
    line-height: 1.6 !important; /* Bessere Lesbarkeit */
  }

  .grid, .column {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3. Text-Fix: Verhindert abgehackte Sätze */
  .text {
    width: 100% !important;
    max-width: 100% !important;
    hyphens: none !important;       /* Verhindert hässliche automatische Trennung */
    word-break: normal !important;   /* Verhindert Umbruch mitten im Wort */
    overflow-wrap: break-word !important;
    text-align: left !important;     /* Blocksatz im Druck erzeugt oft große Lücken */
  }

  /* Verhindert, dass Überschriften alleine am Seitenende stehen */
  h1, h2, h3 {
    page-break-after: avoid;
    margin-top: 2cm !important;
  }

  /* 4. Bilder formatfüllend untereinander */
  .album-gallery-vertical {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .album-gallery-vertical li {
    display: block !important;
    width: 100% !important;          /* Bild nutzt volle A4 Breite */
    margin-bottom: 0.5cm !important; /* Kleiner Abstand zum nächsten Bild */
    page-break-inside: avoid;        /* Bild wird nicht zwischen zwei Seiten zerschnitten */
  }

  .img {
    padding-bottom: 0 !important;    /* Deaktiviert den Padding-Hack für Web */
    height: auto !important;
  }

  .img img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }
/* Das Grid als Flex-Container definieren */
  .grid {
    display: flex !important;
    flex-direction: column !important; /* Spalten untereinander */
  }

  /* Die Spalte mit dem Text (die zweite .column im HTML) nach oben */
  .column:last-child {
    order: 1 !important;
    margin-bottom: 1cm !important;
  }

  /* Die Spalte mit den Bildern (die erste .column im HTML) nach unten */
  .column:first-child {
    order: 2 !important;
  }

  /* Sicherstellen, dass keine Spaltenbreiten das Layout zerschießen */
  .column {
    width: 100% !important;
    max-width: 100% !important;
  }

.video-print-hide {
    display: none !important;
  }

  .play-overlay{
    display: none !important;
  }
  .video-gallery{
        display: none !important;
  }
}

/*Ende Mediaprint */