/* Case mit Ergebnissen (Social Media). Maße aus Figma (1440 px): Kopf ab 120 px (Überschrift bis 900 px breit), Video-Karte ab 308 px
   links (50 % breit, 502 px hoch), Kennzahlen 117 px tiefer rechts an der Inhaltsspalte (2 × 200 px, Abstand 40/36 px), Aufruf 56 px unter der Karte. */
.rx-band--case-highlight{height:auto}
.rx-ch{box-sizing:border-box;min-height:1026px;padding:120px 0}
.rx-ch__head{margin-left:13.8889%}
.rx-ch__head .rx-h2{max-width:900px}
.rx-ch__body{display:flex;align-items:flex-start;margin-top:47px}
.rx-ch__card{position:relative;flex:0 0 50%;height:calc(502 * var(--rx-media-unit,1px));overflow:hidden}
.rx-ch__photo{position:absolute;inset:0;overflow:hidden}
.rx-ch__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-ch__card:hover .rx-ch__photo img{scale:1.05!important}
.rx-ch__shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(217,217,217,0) -12px,rgba(0,0,0,.8));pointer-events:none}
.rx-ch__play{position:absolute;left:50%;top:50%;width:64.238px;height:64.238px;margin:-32.119px 0 0 -32.119px;padding:0;border:0;background:none;cursor:pointer;transition:scale 600ms ease-out}
.rx-ch__play[disabled]{cursor:default}
.rx-ch__play:not([disabled]):hover{scale:1.1}
.rx-ch__play svg{display:block;width:100%;height:100%;overflow:visible}
/* Text unten links, 5,97 % vom Kartenrand wie beim Video-Bild */
.rx-ch__info{position:absolute;left:5.97%;top:calc(358 * var(--rx-media-unit,1px));width:530px}
:where(.rx-ch) p{margin:0}
.rx-ch__card-title{font-weight:700;font-size:28px;line-height:normal}
.rx-ch__card-text{width:205px;margin-top:11px;font-size:18px;line-height:26px}
.rx-ch__results{display:flex;flex-direction:column;align-items:flex-start;gap:40px;margin:calc(117 * var(--rx-media-unit,1px)) 13.8889% 0 auto}
.rx-ch__stats{display:grid;grid-template-columns:repeat(2,200px);column-gap:40px;row-gap:36px}
.rx-ch__stat{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.rx-ch__value{font-weight:700;font-size:48px;line-height:normal;color:var(--rx-yellow);white-space:nowrap}
.rx-ch__label{width:200px;font-size:18px;line-height:26px}
.rx-ch__line{width:200px}
.rx-ch__cta{display:flex;align-items:center;gap:32px;margin:56px 0 0 13.8889%}
.rx-ch__cta-text{font-weight:700;font-size:28px;line-height:normal;white-space:nowrap}

/* Handy: Kopf, Karte (Foto 300 px, Text darunter), Kennzahlen zweispaltig, Aufruf */
@media(max-width:767px){
 .rx-ch{min-height:0;padding:0}
 .rx-ch__head{margin:0}
 .rx-ch__body{flex-direction:column;align-items:stretch;gap:32px;margin-top:28px}
 .rx-ch__card{flex:none;height:auto;overflow:visible}
 .rx-ch__photo{position:relative;inset:auto;height:300px}
 .rx-ch__shade{display:none}
 .rx-ch__play{top:150px;width:60px;height:60px;margin:-30px 0 0 -30px}
 .rx-ch__info{position:static;width:auto;margin-top:20px}
 .rx-ch__card-title{font-size:16px;line-height:24px}
 .rx-ch__card-text{width:auto;margin-top:8px;font-size:16px;line-height:24px}
 .rx-ch__results{margin:0;gap:24px}
 .rx-ch__stats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:24px;width:100%}
 .rx-ch__value{font-size:32px}
 .rx-ch__label,.rx-ch__line{width:100%}
 .rx-ch__label{font-size:16px;line-height:24px}
 .rx-ch__cta{flex-direction:column;align-items:flex-start;gap:16px;margin:32px 0 0}
 .rx-ch__cta-text{font-size:20px;line-height:26px;white-space:normal}
}