/* Mörikeschule Galerie – Raster und Großansicht */
.galerie{list-style:none;margin:20px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.galerie{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media (min-width:1100px){.galerie{grid-template-columns:repeat(4,minmax(0,1fr))}}
.galerie li{margin:0}
.galerie a{display:block;border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:#F5F5F5}
.galerie img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:0!important;transition:opacity .2s}
.galerie a:hover img,.galerie a:focus-visible img{opacity:.85}
.galerie-fehlt{color:#2C2E36;font-style:italic}

.galerie-gross{border:0;padding:0;margin:auto;max-width:none;max-height:none;width:100vw;height:100vh;background:rgba(20,20,22,.94);color:#fff}
.galerie-gross::backdrop{background:rgba(20,20,22,.94)}
.galerie-gross[open]{display:flex;align-items:center;justify-content:center}
.galerie-gross figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:92vw}
.galerie-gross img{max-width:92vw;max-height:82vh;width:auto;height:auto;border-radius:6px}
.galerie-gross figcaption{margin-top:10px;font-size:15px;opacity:.85}
.galerie-gross button{position:absolute;width:52px;height:52px;border:0;border-radius:8px;background:#D76817;color:#2C2E36;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.galerie-gross button:hover,.galerie-gross button:focus-visible{background:#fff}
.galerie-gross .zu{top:16px;right:16px}
.galerie-gross .zurueck{left:16px;top:50%;transform:translateY(-50%)}
.galerie-gross .weiter{right:16px;top:50%;transform:translateY(-50%)}
@media (max-width:700px){.galerie-gross .zurueck,.galerie-gross .weiter{top:auto;bottom:16px;transform:none}}
/* Bildraster in Beiträgen: Bilder öffnen die Großansicht */
.bild-raster a[data-gross]{display:block;cursor:zoom-in;border-radius:var(--rund,8px);overflow:hidden}
.bild-raster a[data-gross]:focus-visible{outline:3px solid var(--dunkel,#2C2E36);outline-offset:2px}
.galerie-gross .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.galerie-gross.nur-ein-bild .zurueck,.galerie-gross.nur-ein-bild .weiter{display:none}