/* UTC Redaktion – Galerie auf der Website */
.utc-galerie { --g-gruen: var(--wp--preset--color--gruen, #17432B); --g-linie: var(--wp--preset--color--linie, #DDE2D6); --g-grau: var(--wp--preset--color--grau, #4A5A50); --g-hell: var(--wp--preset--color--hellgruen, #E9F0E4); }
.utc-galerie__filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 32px; }
.utc-galerie__filter button { min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--g-linie); background: #fff; color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.utc-galerie__filter button:hover { border-color: var(--g-gruen); }
.utc-galerie__filter button.is-aktiv { background: var(--g-gruen); border-color: var(--g-gruen); color: #fff; }
.utc-album { margin-bottom: 48px; }
.utc-album[hidden] { display: none; }
.utc-album__kopf { margin-bottom: 14px; }
.utc-main--page .wp-block-post-content h2.utc-album__titel, .utc-album__titel { margin: 0 0 4px !important; }
.utc-album__meta { margin: 0; color: var(--g-grau); font-size: .9375rem; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.utc-album__gruppe { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--g-hell); color: var(--g-gruen); font-weight: 700; font-size: .8125rem; }
.utc-album__text { margin: 8px 0 0; max-width: 760px; }
.utc-album__raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(46%, 230px), 1fr)); gap: 10px; }
.utc-album__foto { display: block; padding: 0; border: 0; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--g-hell); cursor: zoom-in; }
.utc-album__foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.utc-album__foto:hover img { transform: scale(1.04); }
.utc-album__foto:focus-visible { outline: 3px solid var(--wp--preset--color--ballgelb, #D7E52A); outline-offset: 2px; }
.utc-galerie__leer { color: var(--g-grau); }

/* Großansicht */
.utc-gbox { position: fixed; inset: 0; z-index: 10001; background: rgba(5,10,15,.94); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 56px 16px 20px; box-sizing: border-box; }
.utc-gbox img { max-width: 100%; max-height: calc(100vh - 170px); border-radius: 10px; object-fit: contain; }
.utc-gbox__text { color: #fff; text-align: center; max-width: 720px; margin: 12px 0 0; }
.utc-gbox__text strong { display: block; }
.utc-gbox__text span { color: #C9D2CC; font-size: .9375rem; }
.utc-gbox__zahl { color: #C9D2CC; font-size: .875rem; margin-top: 6px; }
.utc-gbox button { position: absolute; width: 48px; height: 48px; border-radius: 50%; border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 1.5rem; cursor: pointer; display: grid; place-items: center; }
.utc-gbox button:hover { background: rgba(255,255,255,.28); }
.utc-gbox__zu { top: 12px; right: 12px; }
.utc-gbox__vor { right: 12px; top: 50%; transform: translateY(-50%); }
.utc-gbox__zurueck { left: 12px; top: 50%; transform: translateY(-50%); }
@media (max-width: 600px) { .utc-gbox__vor, .utc-gbox__zurueck { top: auto; bottom: 16px; transform: none; } }

/* Fotos unter einer News */
.utc-news-fotos { margin-top: 40px; }
.utc-news-fotos .utc-album { margin-bottom: 0; }
.utc-album__meta a { font-weight: 700; }