/* Personen (Webinare „Unsere Speaker“). Maße aus Figma (1440 px): Überschrift bei 64 px, Liste ab 145 px an der Inhaltsspalte
   (1040 px, breite Fenster 72,22 %), Personen 629 px hoch mit 120 px Abstand. Foto 48,75 % breit, Text 508 px breit und
   114 px unter der Fotooberkante, außen bündig. Überschrift und Absätze: Baustein .rx-copy (components.css). */
.rx-band--personen{height:auto}
.rx-ps{position:relative;padding-top:64px}
/* Dunklere Fläche hinter Überschrift und erster Person (Figma: 788 px hoch) */
.rx-ps--dunkel::before{content:"";position:absolute;left:0;top:0;width:100%;height:calc(159px + 629 * var(--rx-media-unit,1px));background:#171717}
.rx-ps__title{position:relative;margin-left:calc(13.8889% + 1px)}
.rx-ps__list{position:relative;display:flex;flex-direction:column;gap:120px;width:72.2222%;margin:33.5px 0 0 13.8889%}
.rx-ps__person{display:flex;align-items:flex-start}
.rx-ps__person--rechts{flex-direction:row-reverse}
.rx-ps__photo{position:relative;flex:none;width:48.75%;height:calc(629 * var(--rx-media-unit,1px));overflow:hidden}
.rx-ps__photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
/* Foto rechts wie in Figma 2 px vor dem Spaltenrand */
.rx-ps__person--rechts .rx-ps__photo{margin-right:.1923%}
.rx-ps__copy{width:508px;margin:calc(114 * var(--rx-media-unit,1px)) 0 0 auto}
.rx-ps__person--rechts .rx-ps__copy{margin:calc(114 * var(--rx-media-unit,1px)) auto 0 0}

/* Handy: Foto im Hochformat über dem Text, keine dunklere Fläche */
@media(max-width:767px){
 .rx-ps{padding:0}
 .rx-ps--dunkel::before{display:none}
 .rx-ps__title{margin:0}
 .rx-ps__list{width:auto;margin:28px 0 0;gap:48px}
 .rx-ps__person,.rx-ps__person--rechts{flex-direction:column}
 .rx-ps__photo,.rx-ps__person--rechts .rx-ps__photo{width:100%;height:auto;margin:0;aspect-ratio:507/629}
 .rx-ps__copy,.rx-ps__person--rechts .rx-ps__copy{width:auto;margin:20px 0 0}
}
