/* Guido Zotti – Ergänzungen zur statischen Website (ersetzt Widgetkit-Skripte) */

/* Slideshow Startseite: wieder sichtbar machen (Widgetkit-CSS blendet sie bis zum Skriptstart aus) */
.wk-slideshow.gz-ready { visibility: visible; }

/* Slideshow Startseite: Folien übereinander stapeln, Höhe ergibt sich aus der ersten Folie */
.wk-slideshow .gz-slides { position: relative; margin: 0; padding: 0; list-style: none; }
.wk-slideshow .gz-slides > li.gz-slide { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity .8s ease; }
.wk-slideshow .gz-slides > li.gz-slide:first-child { position: relative; }
.wk-slideshow .gz-slides > li.gz-active { opacity: 1; z-index: 1; }

/* Slideshow Startseite: Bilder auf Containerbreite skalieren (auch am Handy) */
.wk-slideshow .gz-slides img { display: block; width: 100%; height: auto; }

/* Slideshow Startseite: Pfeile und Punkte über den Bildern anklickbar halten */
.wk-slideshow .next, .wk-slideshow .prev { z-index: 2; cursor: pointer; }
.wk-slideshow .nav li { cursor: pointer; }

/* Lightbox (alle Bildergalerien): dunkler Hintergrund über der ganzen Seite */
.gz-lightbox { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; background: rgba(20, 12, 10, .92); }
.gz-lightbox.gz-open { display: flex; }

/* Lightbox: großes Bild, passt sich jeder Bildschirmgröße an */
.gz-lightbox img { max-width: 92vw; max-height: 86vh; box-shadow: 0 10px 40px rgba(0, 0, 0, .5); background: #fff; }

/* Lightbox: Schaltflächen Schließen / Zurück / Weiter */
.gz-lightbox button { position: absolute; border: 0; background: rgba(255, 255, 255, .12); color: #fff; font-size: 34px; line-height: 1; width: 52px; height: 52px; border-radius: 50%; cursor: pointer; }
.gz-lightbox button:hover, .gz-lightbox button:focus { background: rgba(255, 255, 255, .28); }
.gz-lightbox .gz-lb-close { top: 14px; right: 14px; }
.gz-lightbox .gz-lb-prev { left: 14px; top: 50%; transform: translateY(-50%); }
.gz-lightbox .gz-lb-next { right: 14px; top: 50%; transform: translateY(-50%); }
.gz-lightbox.gz-single .gz-lb-prev, .gz-lightbox.gz-single .gz-lb-next { display: none; }

/* Lightbox: Bildzähler unten („3 / 12“) */
.gz-lightbox .gz-lb-count { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: #ddd; font: 14px/1 Georgia, serif; }

/* Seite bei geöffneter Lightbox nicht scrollen */
html.gz-noscroll { overflow: hidden; }

/* Gästebuch: Bildraster mit den eingescannten Gästebuchseiten (ersetzt das frühere iFrame) */
.gz-guestbook { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin: 20px 0; }
.gz-guestbook a { display: block; border: 1px solid #e5ded3; background: #fff; padding: 4px; }
.gz-guestbook img { display: block; width: 100%; height: 200px; object-fit: cover; }

/* Slideshow Startseite: leeres Bildunterschrift-Kästchen links unten ausblenden */
.wk-slideshow .caption:empty, .wk-slideshow .captions { display: none; }