/* Bilder und Videos */
.sg .vid .heroimg{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.sg .card .im{position:relative;overflow:hidden;background:linear-gradient(130deg,#3c2a20,#191715)}
.sg .card .im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sg .card:hover .im img{transform:scale(1.03)}
.sg .card .play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.sg .card .play i{width:54px;height:54px;border-radius:50%;background:rgba(166,37,10,.92);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.sg .card .play i:after{content:"";border-left:15px solid var(--sg-cream);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.sg .band{position:relative;height:clamp(220px,32vw,420px);overflow:hidden;border-bottom:1px solid var(--sg-line)}
.sg .band img{display:block;width:100%;height:100%;object-fit:cover}
.sg .band .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:var(--sg-cream);font-family:var(--d);font-size:clamp(15px,2vw,22px);letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.sg .band .cap span{display:block;max-width:1124px;margin:0 auto}

/* Bildstrecke */
.sg .gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sg .gal figure{position:relative;margin:0;overflow:hidden;background:var(--sg-ink-2);border:1px solid var(--sg-line)}
.sg .gal figure.big{grid-column:span 2;grid-row:span 2}
.sg .gal img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.sg .gal figure.big img{aspect-ratio:3/2;height:100%}
.sg .gal figure:hover img{transform:scale(1.04)}
.sg .gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:var(--sg-cream);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;opacity:0;transition:opacity .25s}
.sg .gal figure:hover figcaption{opacity:1}
@media(max-width:900px){
  .sg .gal{grid-template-columns:repeat(2,1fr);gap:8px}
  .sg .gal figure.big{grid-column:span 2;grid-row:auto}
  .sg .gal figcaption{opacity:1;font-size:11px;padding:10px 12px}
}