/* Großansicht der Wohnungsfotos (seit 03.11.2026) */
.titelbild-rahmen { position: relative; }
.titelbild-rahmen .titelbild { cursor: zoom-in; }
.galerie-mini { cursor: zoom-in; }
.alle-fotos-knopf {
  position: absolute; right: 14px; bottom: 14px; z-index: 2;
  background: rgba(255,255,255,.92); color: #1f1f1f; border: 0; border-radius: 999px;
  padding: 8px 14px; font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,.18); width: auto; margin: 0;
}
.alle-fotos-knopf:hover { background: #fff; }
html.ga-offen, html.ga-offen body { overflow: hidden; }
.gross-ansicht {
  position: fixed; inset: 0; z-index: 9999; background: rgba(10,10,10,.94);
  display: flex; align-items: center; justify-content: center;
  touch-action: pan-y pinch-zoom; user-select: none; -webkit-user-select: none;
}
.gross-ansicht[hidden] { display: none; }
.ga-bild {
  /* --ar = Seitenverhältnis des Fotos (setzt galerie.js), so füllt es den Bildschirm ohne Zuschnitt */
  --ar: 1.3333;
  width: min(100vw, calc(100vh * var(--ar))); width: min(100vw, calc(100dvh * var(--ar)));
  height: auto; aspect-ratio: var(--ar); object-fit: contain; display: block;
}
.ga-knopf {
  position: absolute; z-index: 2; border: 0; cursor: pointer; color: #fff;
  background: rgba(0,0,0,.45); width: 48px; height: 48px; border-radius: 50%;
  font-size: 34px; line-height: 44px; padding: 0; margin: 0; text-align: center;
  display: flex; align-items: center; justify-content: center;
}
.ga-knopf:hover, .ga-knopf:focus-visible { background: rgba(0,0,0,.75); outline: 2px solid rgba(255,255,255,.6); }
.ga-knopf[hidden] { display: none; }
.ga-zu { top: 12px; right: 12px; font-size: 32px; }
.ga-zurueck { left: 12px; top: 50%; transform: translateY(-50%); }
.ga-weiter { right: 12px; top: 50%; transform: translateY(-50%); }
.ga-zaehler {
  position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%);
  color: #fff; background: rgba(0,0,0,.45); padding: 4px 12px; border-radius: 999px;
  font-size: .85rem;
}
@media (max-width: 600px) {
  .ga-knopf { width: 42px; height: 42px; font-size: 30px; }
  .ga-zurueck { left: 6px; } .ga-weiter { right: 6px; }
  .alle-fotos-knopf { right: 10px; bottom: 10px; padding: 7px 12px; font-size: .82rem; }
}