/* Eigene Großansicht für den Praxisrundgang (ersetzt fancyBox, Bee 07.11.2026). Aussehen wie bisher:
   dunkler Hintergrund, Zähler oben links, Pfeile links/rechts, großes weißes X oben rechts. */
.ga{position:fixed;inset:0;z-index:99990;display:none;touch-action:none;-webkit-tap-highlight-color:transparent}
.ga.offen{display:block}
.ga-hg{position:absolute;inset:0;background:rgba(30,30,30,.9)}
.ga-buehne{position:absolute;inset:44px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}
@media (max-width:767px){.ga-buehne{inset:56px 0}}
.ga-bild{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none;transition:transform .25s ease,opacity .25s ease}
@media (min-width:768px){.ga-bild{max-width:calc(100% - 220px)}}
.ga-zaehler{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);color:#ddd;font:14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em}
.ga-pfeil{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border:0;padding:0;background:rgba(30,30,30,.6);color:#ccc;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ga-pfeil:hover{color:#fff}
.ga-pfeil svg{width:22px;height:22px}
.ga-zurueck{left:calc(env(safe-area-inset-left,0px) + 6px)}
.ga-weiter{right:calc(env(safe-area-inset-right,0px) + 6px)}
.ga-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);width:48px;height:48px;border-radius:50%;border:0;padding:0;background:#fff;color:#1e1e1e;box-shadow:0 1px 6px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ga-x svg{width:24px;height:24px}
.ga button:focus-visible{outline:3px solid #fff;outline-offset:3px}
html.ga-sperre,html.ga-sperre body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.ga-bild{transition:none}}