/* Gemeinsames Video-Bild (Film auf Über uns und Case, Energie-Cases). Maße aus Figma (1440 px):
   Play-Knopf genau in der Mitte, Text unten links bei 5,97 % (Titel 344,5 px über der Unterkante). */
.rx-band--video-bild{height:auto}
.rx-vb{position:relative;height:var(--vb-h,810px);margin-bottom:var(--vb-mb,0px)}
.rx-vb__photo{position:absolute;inset:0;overflow:hidden}
.rx-vb__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-vb:hover .rx-vb__photo img{scale:1.05!important}
.rx-vb__shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(217,217,217,0),rgba(0,0,0,.8));pointer-events:none}

.rx-vb__play{position:absolute;left:50%;top:50%;width:var(--vb-play);height:var(--vb-play);margin:calc(var(--vb-play) / -2) 0 0 calc(var(--vb-play) / -2);padding:0;border:0;background:none;cursor:pointer;transition:scale 600ms ease-out}
.rx-vb__play[disabled]{cursor:default}
.rx-vb__play:not([disabled]):hover{scale:1.1}
.rx-vb__play svg{display:block;width:100%;height:100%;overflow:visible}
/* Label oben links an der Inhaltsspalte (Figma Trennbild: 40 px unter der Oberkante) */
.rx-vb__label{position:absolute;left:13.8889%;top:40px}

.rx-vb__text{position:absolute;left:5.97%;top:calc(var(--vb-h,810px) - 344.48 * var(--rx-media-unit,1px));width:32.84%;display:flex;flex-direction:column;align-items:flex-start}
:where(.rx-vb__text) p{margin:0}
.rx-vb__title{font-weight:700;font-size:28px;line-height:normal}
.rx-vb__lines{margin-top:10.82px;font-size:18px;line-height:26px}
.rx-vb__link{margin-top:8px}

/* Handy: Bild 300 px hoch, Play-Knopf mittig darauf, Text darunter */
@media(max-width:767px){
 .rx-vb{height:auto}
 .rx-vb__photo{position:relative;inset:auto;width:100%;height:300px}
 .rx-vb__shade{display:none}
 .rx-vb__play{top:150px;width:60px;height:60px;margin:-30px 0 0 -30px}
 .rx-vb__label{left:12px;top:12px}
 .rx-vb__text{position:static;width:auto;margin-top:20px}
 .rx-vb__title{font-size:16px;line-height:24px}
 .rx-vb__lines{margin-top:8px;font-size:16px;line-height:24px}
 .rx-vb__link{margin-top:12px}
}