/* Klon-Nachrüstung (05.10.2026): Großansicht für Galerie- und Beitragsbilder (klon-grossansicht.js) */
.klon-gross { position: fixed; inset: 0; z-index: 2147483000; background: rgba(12, 12, 12, .94); display: flex; align-items: center; justify-content: center; }
.klon-gross[hidden] { display: none; }
.klon-gross__figur { margin: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 64px 72px 56px; box-sizing: border-box; }
.klon-gross__bild { max-width: 100%; max-height: 100%; object-fit: contain; box-shadow: 0 10px 40px rgba(0, 0, 0, .5); }
.klon-gross__knopf { position: absolute; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.klon-gross__knopf:hover { background: rgba(212, 168, 69, .9); }
.klon-gross__knopf:focus-visible { outline: 3px solid rgb(212, 168, 69); outline-offset: 3px; }
.klon-gross__knopf svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.klon-gross__knopf[hidden] { display: none; }
.klon-gross__zu { top: 12px; right: 12px; }
.klon-gross__zurueck { left: 12px; top: 50%; transform: translateY(-50%); }
.klon-gross__vor { right: 12px; top: 50%; transform: translateY(-50%); }
.klon-gross__zaehler { position: absolute; bottom: 14px; left: 0; right: 0; margin: 0; text-align: center; color: #ddd; font: 15px/1.4 'madefor-text', 'Helvetica Neue', Arial, sans-serif; letter-spacing: .04em; }
@media (max-width: 600px) {
  .klon-gross__figur { padding: 64px 8px 56px; }
  .klon-gross__zurueck, .klon-gross__vor { top: auto; bottom: 4px; transform: none; }
  .klon-gross__zurueck { left: 8px; }
  .klon-gross__vor { right: 8px; }
}
[data-klon-gross="1"] { cursor: zoom-in; }