/* Gemeinsamer Kontakt-Teaser „Neugierig geworden?“ (Startseite, Über uns, Energie, Case, Webinare, Jobs, Social Media).
   Maße aus Figma (1440 px), Referenz ist die Startseite: Überschrift bei 129 px, Text bei 247 px, Name bei 370 px, Kontaktdaten bei 476 px. */
.rx-band--kontakt-teaser{height:auto;overflow:clip;background:var(--rx-black)}
.rx-kontakt{position:relative;box-sizing:border-box;min-height:var(--kt-h,734px);padding:calc(129 * var(--rx-media-unit,1px)) 0 0 200px}
.rx-kontakt--versetzt{padding:calc(144 * var(--rx-media-unit,1px)) 0 0 227px}

/* Foto: Figma-Rahmen größer als die Sektion, die Sektion schneidet ab */
.rx-kontakt__photo{position:absolute;left:-97px;top:0;width:1660px;height:calc(934 * var(--rx-media-unit,1px));pointer-events:none}
.rx-kontakt--versetzt .rx-kontakt__photo{left:0;top:calc(-16 * var(--rx-media-unit,1px));width:1614.53px;height:calc(908 * var(--rx-media-unit,1px))}
/* Vertikale Bildposition: entspricht bei breiten Fenstern dem bisherigen Anschnitt (Bild in der Sektion zentriert); bei 1440 px ohne Wirkung */
.rx-kontakt__photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 39.29%}
.rx-kontakt--versetzt .rx-kontakt__photo img{object-position:50% 42.18%}
.rx-kontakt__photo--contain img{object-fit:contain;object-position:right bottom}

/* Textspalte */
.rx-kontakt__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:331px}
.rx-kontakt--breit .rx-kontakt__content{width:420px}
:where(.rx-kontakt) p{margin:0}
.rx-kontakt__title{width:100%}
.rx-kontakt__text{margin-top:23px;font-size:18px;line-height:26px}
.rx-kontakt__button{margin-top:20px}
.rx-kontakt__name{width:300px;height:26px;margin:45px 0 0 2px;font-weight:700;font-size:28px;line-height:normal}
.rx-kontakt__button+.rx-kontakt__name{margin-top:37px}
.rx-kontakt--versetzt .rx-kontakt__name{margin-top:40px}
.rx-kontakt__role{width:300px;min-height:32px;margin:8px 0 0 2px;font-size:18px;line-height:26px}
.rx-kontakt__contact{margin-top:40px;font-size:18px;line-height:26px}
.rx-kontakt__mail{margin-top:26px}
.rx-kontakt__contact a{color:inherit;text-decoration:none;transition:color 150ms}
.rx-kontakt__contact a:hover{color:var(--rx-yellow)}
.rx-kontakt__linkedin a{text-decoration:underline}

/* Breite Fenster: Text an der Inhaltsspalte (13,89 %), Foto wächst in der Breite mit */
@media(min-width:1441px){
 .rx-kontakt{padding-left:13.8889%}
 .rx-kontakt--versetzt{padding-left:calc(13.8889% + 27px)}
 .rx-kontakt__photo{left:-6.7361%;width:115.2778%}
 .rx-kontakt--versetzt .rx-kontakt__photo{left:0;width:112.1201%}
}

/* Handy: Foto oben, darunter Überschrift, Text, Button, Ansprechpartner und Kontaktdaten */
@media(max-width:767px){
 .rx-kontakt,.rx-kontakt--versetzt{display:flex;flex-direction:column;gap:28px;min-height:0;padding:0}
 .rx-kontakt__photo,.rx-kontakt--versetzt .rx-kontakt__photo{position:relative;left:auto;top:auto;width:100%;height:300px;overflow:hidden}
 .rx-kontakt__content,.rx-kontakt--breit .rx-kontakt__content{width:auto}
 .rx-kontakt__text,.rx-kontakt__button{margin-top:20px}
 .rx-kontakt__text,.rx-kontakt__role,.rx-kontakt__contact{font-size:16px;line-height:24px}
 .rx-kontakt__name,.rx-kontakt__button+.rx-kontakt__name,.rx-kontakt--versetzt .rx-kontakt__name{width:auto;height:auto;margin:28px 0 0;font-size:16px;line-height:24px}
 .rx-kontakt__role{width:auto;min-height:0;margin:8px 0 0}
 .rx-kontakt__contact{margin-top:20px}
 .rx-kontakt__mail{margin-top:24px}
}