/* Pixelbunker – Galerie-Vorschau v3: 8 Kollektionen, 2x4 Raster, 2026-11-03 */
.pb-sidebar .pb-collection-hint{margin-bottom:12px}
.pb-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;max-height:calc(100dvh - 135px);overflow-y:auto;padding:2px 4px 8px 2px;scrollbar-width:thin}
.pb-collection-card{display:block;appearance:none;-webkit-appearance:none;min-width:0;width:100%;border:0;border-bottom:2px solid transparent;padding:0 0 6px;background:transparent;color:var(--pb-text);text-align:left;cursor:pointer;opacity:.53;transition:opacity .2s ease}
.pb-collection-card:hover{opacity:.84}
.pb-collection-card:focus-visible{opacity:1;outline:2px solid #555;outline-offset:3px}
.pb-collection-card[aria-current="true"]{opacity:1;border-bottom-color:#777}
.pb-collection-card img{display:block;width:100%;height:clamp(42px,calc((100dvh - 265px) / 4 - 33px),118px);object-fit:cover;background:#d5d5d5}
.pb-collection-card strong{display:block;font-family:"Open Sans Condensed","Arial Narrow",Arial,sans-serif;font-weight:400;font-size:clamp(12px,.9vw,15px);text-transform:uppercase;line-height:1.15;padding:6px 0 0;overflow-wrap:anywhere}
.pb-collection-card[aria-current="true"] strong{font-weight:600}
.pb-swiper{min-height:30px}
.pb-error{margin:14px;padding:14px;border:1px solid #a66;color:#8d2828;font:14px Arial,sans-serif}
.pb-header strong{font-weight:300}
@media(max-width:800px){
 .pb-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;gap:14px}
 .pb-collection-card img{height:auto;aspect-ratio:16/9;object-fit:cover}
 .pb-collection-card strong{font-size:15px}
 .pb-sidebar{margin-top:30px}
}
@media(max-width:480px){
 .pb-collection-grid{gap:12px}
 .pb-collection-card strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.pb-collection-card{transition:none}}

/* Native Link-Kacheln fuer direkte, dauerhafte Projekt-URLs. */
.pb-collection-card { text-decoration:none; }
.pb-collection-card:hover { text-decoration:none; }