/* Case-Karten (z. B. „Weitere Cases“). Maße aus Figma (1440 px): je Karte 50 % breit und 413 px hoch, das Foto füllt die Karte.
   Titel 28 px fett und Pfeil-Link 60 px vom linken Rand, Link-Unterkante 40 px über der Kartenunterkante, 11 px Abstand dazwischen. */
.rx-band--case-karten{height:auto}
.rx-ck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.rx-ck__card{position:relative;display:block;height:calc(413 * var(--rx-media-unit,1px));overflow:hidden;color:#fff;text-decoration:none}
.rx-ck__photo{position:absolute;inset:0;overflow:hidden}
.rx-ck__photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:scale 600ms ease-out}
/* Hover-Zoom (Figma A13); !important, weil GSAP nach dem Einblenden inline „scale:none“ setzt */
.rx-ck__card:hover .rx-ck__photo img{scale:1.05!important}
.rx-ck__info{position:absolute;left:60px;right:60px;bottom:40px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.rx-ck__title{margin:0;font-weight:700;font-size:28px;line-height:normal}

/* Handy: Karten untereinander, Foto 300 px hoch, Text darunter */
@media(max-width:767px){
 .rx-ck{grid-template-columns:1fr;gap:28px}
 .rx-ck__card{height:auto;overflow:visible}
 .rx-ck__photo{position:relative;inset:auto;height:300px}
 .rx-ck__info{position:static;margin-top:20px;gap:12px}
 .rx-ck__title{font-size:16px;line-height:24px}
}