/* Stil für das Modalfenster */
#myModal {
      display: none;
      /* Das Modalfenster standardmäßig ausblenden */
      position: fixed;
      /* Positionierung festlegen */
      z-index: 1;
      /* Z-Index setzen, um sicherzustellen, dass es über anderen Elementen liegt */
      padding-top: 100px;
      /* Abstand von der Oberseite des Bildschirms */
      left: 0;
      top: 0;
      width: 100%;
      /* Volle Breite */
      height: 100%;
      /* Volle Höhe */
      overflow: auto;
      /* Scrollbar hinzufügen, falls das Bild zu groß ist */
      background-color: rgba(0, 0, 0, 0.9);
      /* Hintergrundfarbe des Modalfensters mit Transparenz */
}

/* Stil für das Bild im Modalfenster */
.modal-content {
      margin: auto;
      /* Automatisch zentrieren */
      display: block;
      width: 100%;
      /* Breite des Bildes im Modal anpassen */
      max-width: 1000px;
      /* Maximale Breite des Bildes im Modal */
}

/* Stil für das Schließen-Symbol im Modalfenster */
.close {
      color: #f1f1f1;
      /* Farbe des Schließen-Symbols */
      position: fixed;
      /* Position absolut setzen */
      top: 60px;
      /* Abstand von der Oberseite des Modals */
      left: 50px;
      /* Abstand von der linken Seite des Modals */
      font-size: 40px;
      /* Größe des Symbols */
      font-weight: bold;
      cursor: pointer;
      /* Zeiger anzeigen */
}

.close:hover {
      color: #bbb;
      /* Farbe des Symbols beim Hovern */
}