/* Foto-Collage (Case-Seite). Maße aus Figma (1440 px), linke Kante und Breite in % der Seitenbreite, Höhen und Versatz skalieren bis 2560 px:
   1: 0 / 263 px, 618 × 825 px; 2: 644 / 0 px, 507 × 676 px; 3: 732 / 701 px, 708 × 943 px; 4: 200 / 1154 px, 508 × 677 px. */
.rx-band--foto-collage{height:auto}
.rx-collage{position:relative;height:calc(1831 * var(--rx-media-unit,1px))}
.rx-collage__photo{position:absolute;overflow:hidden}
.rx-collage__photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
/* Spiegeln auf der Bildhülle, weil motion.js beim Einblenden das Bild selbst skaliert */
.rx-collage__mirror{position:absolute;inset:0;transform:scaleX(-1)}
.rx-collage__photo--1{left:0;top:calc(263 * var(--rx-media-unit,1px));width:42.9167%;height:calc(825 * var(--rx-media-unit,1px))}
.rx-collage__photo--2{left:44.7222%;top:0;width:35.2083%;height:calc(676 * var(--rx-media-unit,1px))}
.rx-collage__photo--3{left:50.8333%;top:calc(701 * var(--rx-media-unit,1px));width:49.1667%;height:calc(943 * var(--rx-media-unit,1px))}
.rx-collage__photo--4{left:13.8889%;top:calc(1154 * var(--rx-media-unit,1px));width:35.2778%;height:calc(677 * var(--rx-media-unit,1px))}

/* Handy: zwei Spalten im Hochformat */
@media(max-width:767px){
 .rx-collage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .rx-collage__photo{position:relative;inset:auto;width:auto;height:auto;aspect-ratio:3/4}
}
