img {
  border: 0;
}

.thumb {
  float: left;
  width: 150px;
  height: 175px;
  margin: 5px;
  padding: 5px;
  background-color: #dddddd;
  text-align: center;
}

.footer {
  clear: both;
  border-top: 2px solid black;
  width: 90%;
  margin: 3em auto;
  padding: 1em;
  text-align: right;
}

.fehler {
  color: red;
  border: 2px solid red;
  margin: 1em;
  padding: 1em;
}

.confirm {
  color: green;
  border: 2px solid green;
  margin: 1em;
  padding: 1em;
}

/* GLightbox: Bilder immer vollständig in den Viewport einpassen */
.glightbox-container .gslide-image img {
  width: auto !important;
  height: auto !important;
  max-width: 100vw;               /* Breite nie größer als Viewport */
  max-height: 100vh;              /* Fallback für ältere Browser */
  max-height: 100svh;             /* "small viewport height" -> stabil bei Mobilleisten */
  object-fit: contain;            /* nie beschneiden, Seitenverhältnis bewahren */
}

/* iOS/WebKit: verhindert gelegentliche Überskalierung beim Slide-Wechsel */
.glightbox-container .gslide-media,
.glightbox-container .gslide-image {
  display: flex;
  align-items: center;
  justify-content: center;
}