/* Vorteile-Slider (Jobs „Wir bieten“). Maße aus Figma (1440 px): Überschrift oben an der Inhaltsspalte, Karte ab 106 px (685 × 376 px,
   breite Fenster 47,57 %): Titel 24 px und Text 40 px eingerückt, Bild in der rechten Hälfte. Gelber Kreis 200 px bei 196 px,
   51 px vor dem rechten Spaltenrand; Fortschrittssegmente ab 223 px, 291 px vor dem rechten Spaltenrand. */
.rx-band--vorteile-slider{height:auto}
:where(.rx-vs) p{margin:0}
.rx-vs{position:relative;min-height:calc(166px + 376 * var(--rx-media-unit,1px))}
.rx-vs__title{position:absolute;left:13.8889%;top:0;margin:0}
.rx-vs__window{position:absolute;left:13.8889%;top:106px;width:47.5694%;height:calc(376 * var(--rx-media-unit,1px));overflow:hidden}
.rx-vs__slide{position:absolute;inset:0;transform:translateY(calc(var(--vs-i,0) * 100%))}
.rx-vs__photo{position:absolute;top:0;right:0;bottom:0;left:49.86%;overflow:hidden}
.rx-vs__photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.rx-vs__name{position:absolute;left:40px;top:40px;width:328px;font-weight:700;font-size:24px;line-height:normal;text-transform:uppercase}
.rx-vs__text{position:absolute;left:40px;top:88px;width:279px;font-size:18px;line-height:26px}

/* Gelber Kreis mit Zähler und Pfeil; der ganze Kreis schaltet weiter */
.rx-vs__next{position:absolute;top:calc(8px + 188 * var(--rx-media-unit,1px));right:calc(13.8889% + 51px);width:200px;height:200px;padding:0;border:0;border-radius:50%;background:var(--rx-yellow);color:#12171a;font-family:inherit;cursor:pointer}
.rx-vs__next[disabled]{cursor:default}
.rx-vs__next:focus-visible{outline:3px solid #fff;outline-offset:4px}
.rx-vs__count{position:absolute;left:23px;top:64px;text-align:left}
.rx-vs__number{display:block;font-weight:700;font-size:40px;line-height:20px;text-transform:uppercase}
.rx-vs__total{display:block;font-size:18px;line-height:26px}
.rx-vs__arrow{position:absolute;left:129px;top:76px;width:48px;height:48px}
.rx-vs__segs{position:absolute;top:calc(35px + 188 * var(--rx-media-unit,1px));right:calc(13.8889% + 291px);width:4px}
.rx-vs__seg{position:relative;display:block;width:4px;height:10px;margin-bottom:8px;border-radius:4px;background:#ce1620;overflow:hidden}
.rx-vs__seg.is-active{height:20px}
.rx-vs__seg b{position:absolute;inset:0;border-radius:inherit;background:var(--rx-yellow);transform-origin:top center;transform:scaleY(0)}
.rx-vs__seg.is-active b{transform:scaleY(1)}

/* Handy: alle Vorteile untereinander (Bild, Titel, Text), kein Kreis */
@media(max-width:767px){
 .rx-vs{min-height:0;display:flex;flex-direction:column;gap:28px}
 .rx-vs__title,.rx-vs__window,.rx-vs__slide,.rx-vs__photo,.rx-vs__name,.rx-vs__text{position:relative;inset:auto;left:auto;top:auto;width:auto;height:auto}
 .rx-vs__window{display:flex;flex-direction:column;gap:40px;overflow:visible}
 .rx-vs__slide{display:flex;flex-direction:column;gap:12px;transform:none!important}
 .rx-vs__photo{height:300px}
 .rx-vs__name{margin-top:8px;font-size:20px}
 .rx-vs__text{font-size:16px;line-height:24px}
 .rx-vs__next,.rx-vs__segs{display:none}
}