/* imgwall(V2.1).js
    Multiple Galerien
    2025 Ulrich Schwebinghaus */
    
	.gallery-title {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  margin: 0px auto;
	  width: max-content;
	  max-width: 80%;
	  padding-bottom: 20px;
	  //background: rgba(0,0,0,0.7);
	  border-radius: 4px;
	  z-index: 1005;
	}
	   
    .bildwand {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
      width: 750px;
      margin: 20px auto;
    }
    
    .bild {
      width: 100%;
      padding-bottom: 75%;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      transition: transform 0.2s;
    }
    
    .bild:hover {
      transform: scale(1.03);
    }
    
    /* Vollbild-Styles */
    .fullscreen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.95);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 1000;
      flex-direction: column;
    }
    
    .fullscreen-img {
      max-width: 85%;
      max-height: 80vh;
      cursor: pointer;
      margin-top: 50px; /* Verschiebung nach unten */
      transform: none; /* Falls vorhanden, überschreiben */
    }
    
    /* Navigationsbuttons */
    .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 100px;
      background: rgba(0,0,0,0.5);
      border: none;
      color: white;
      font-size: 24px;
      cursor: pointer;
      z-index: 1001;
    }
    
    /* Titel */
    .image-title {
      color: white;
      text-align: center;
      margin-top: 20px;
      font-size: 1.2em;
      max-width: 80%;
    }
    
    .gallery-title {
	  position: absolute;
	  top: 20px;
	  width: 100%;
	  text-align: center;
	  color: white;
	  font-size: 1.5rem;
	  z-index: 1002;
    }