/* Karriere / VS Group Facility. Sämtliche Regeln gelten ausschließlich auf dieser neuen Seite. */
.vs-jobs-page{--career-ink:#0c263e;--career-blue:#1876e4;--career-muted:#587286;background:#f7fafd;color:var(--career-ink);overflow:clip}
.vs-jobs-page *{box-sizing:border-box}
.vs-jobs-page h1,.vs-jobs-page h2,.vs-jobs-page h3{margin:0;color:inherit;font-family:inherit}
.vs-jobs-page p{margin:0}
.vs-jobs-page a{text-decoration:none}
.vs-jobs-hero{position:relative;isolation:isolate;background:#061b2e;color:#fff;min-height:490px;overflow:hidden}
.vs-jobs-hero__background{position:absolute;inset:0;z-index:-2;background:#10344b}
.vs-jobs-hero__background img{width:100%;height:100%;object-fit:cover;object-position:70% center;display:block;opacity:.74;max-width:none}
.vs-jobs-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,#051729 0%,rgba(5,26,45,.98) 33%,rgba(5,27,47,.76) 57%,rgba(4,25,43,.26) 100%);pointer-events:none}
.vs-jobs-hero__inner{padding-top:37px;padding-bottom:73px;position:relative;z-index:1}
.vs-jobs-crumbs{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.02em;font-weight:750;color:#bcd2e4;margin-bottom:62px}
.vs-jobs-crumbs a{color:#bcd2e4}
.vs-jobs-crumbs a:hover{color:#fff;text-decoration:underline}
.vs-jobs-crumbs span:nth-child(2){opacity:.45}
.vs-jobs-hero__overline{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;color:#a9d9ff;font-weight:900;margin-bottom:18px}
.vs-jobs-hero__signal{display:inline-block;width:9px;height:9px;border-radius:50%;background:#29d347;box-shadow:0 0 0 4px rgba(43,211,71,.14)}
.vs-jobs-hero h1{font-size:clamp(37px,4.8vw,64px);font-weight:1000;line-height:1.08;letter-spacing:-.055em;max-width:800px;text-wrap:balance}
.vs-jobs-hero h1 span{color:#8fc9fd}
.vs-jobs-hero__inner>p{font-size:17px;line-height:1.7;color:#d4e5f1;max-width:640px;margin-top:24px}
.vs-jobs-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.vs-jobs-hero .vs-jobs-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:#1977e7;color:#fff;font-size:12px;font-weight:900;border-radius:7px;padding:14px 18px;transition:background .17s,transform .17s}
.vs-jobs-hero .vs-jobs-hero__button:hover{background:#368df3;color:white;transform:translateY(-2px)}
.vs-jobs-hero .vs-jobs-hero__button--outline{border:1px solid rgba(228,244,255,.48);background:rgba(5,20,36,.2)}
.vs-jobs-hero .vs-jobs-hero__button--outline:hover{background:rgba(255,255,255,.12)}
.vs-jobs-hero__bottom{position:relative;z-index:1;background:rgba(3,14,27,.56);border-top:1px solid rgba(215,236,255,.1)}
.vs-jobs-hero__bottom>.vs-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;padding-bottom:12px}
.vs-jobs-hero__bottom span{display:flex;align-items:center;gap:9px;color:#d7e9f5;font-size:10px;letter-spacing:.08em;font-weight:850}
.vs-jobs-hero__bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#37d55d}
.vs-jobs-content{padding-top:18px;padding-bottom:72px}
.vs-jobs-page .vs-jobs-section{scroll-margin-top:95px;padding:66px 0;border-bottom:1px solid #e1eaf1}
.vs-jobs-page .vs-jobs-section:last-child{border-bottom:0}
.vs-jobs-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:950;color:#1672df;display:block;margin-bottom:12px;text-transform:uppercase}
.vs-jobs-page .vs-jobs-section h2{font-size:clamp(27px,3.3vw,40px);letter-spacing:-.045em;line-height:1.14;font-weight:1000;color:#082945}
.vs-jobs-page .vs-jobs-section h3{font-size:16px;font-weight:950;letter-spacing:-.02em;line-height:1.3}
.vs-jobs-page .vs-jobs-section p{font-size:14px;line-height:1.78;color:#5a7184}
.vs-jobs-page .vs-jobs-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:70px;align-items:center}
.vs-jobs-intro__text p{margin-top:17px;max-width:580px}
.vs-jobs-page .vs-jobs-textlink{display:inline-flex;gap:13px;align-items:center;margin-top:21px;color:#156fda;font-weight:900;font-size:12px;padding-bottom:5px;border-bottom:1px solid rgba(22,111,218,.45)}
.vs-jobs-page .vs-jobs-textlink:hover{color:#084e9e}
.vs-jobs-values{background:#0b2a47;border-radius:15px;box-shadow:0 15px 35px rgba(8,39,66,.13);padding:26px 29px}
.vs-jobs-value{display:grid;grid-template-columns:43px 1fr;align-items:start;gap:13px;padding:18px 0;border-bottom:1px solid rgba(234,245,255,.12)}
.vs-jobs-value:last-child{border-bottom:0}
.vs-jobs-value__no{color:#7dc2ff;font-size:12px;font-weight:900;letter-spacing:.08em;margin-top:3px}
.vs-jobs-page .vs-jobs-value h3{color:#fff;font-size:16px;margin-bottom:7px}
.vs-jobs-page .vs-jobs-value p{color:#bfcede;font-size:12px;line-height:1.6}
.vs-jobs-section__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr);gap:35px;align-items:end;margin-bottom:28px}
.vs-jobs-section__head>p{padding-bottom:4px}
.vs-jobs-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vs-jobs-role{display:flex;flex-direction:column;min-width:0;min-height:252px;background:#fff;border:1px solid #e0eaf3;border-radius:12px;padding:25px 26px;box-shadow:0 8px 26px rgba(6,46,80,.045);transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}
.vs-jobs-role::before{content:"";position:absolute;height:3px;top:0;left:0;right:0;background:#1878e9;transform:scaleX(0);transform-origin:left;transition:transform .18s}
.vs-jobs-role:hover,.vs-jobs-role:focus-within{transform:translateY(-3px);box-shadow:0 14px 28px rgba(6,46,80,.09);border-color:#bddcf6}
.vs-jobs-role:hover::before,.vs-jobs-role:focus-within::before{transform:scaleX(1)}
.vs-jobs-role__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.vs-jobs-role__number{font-size:10px;letter-spacing:.13em;font-weight:900;color:#1672df}
.vs-jobs-role__mark{font-size:19px;color:#b0cae2}
.vs-jobs-page .vs-jobs-role h3{color:#0a2c4a;font-size:21px;font-weight:1000;line-height:1.2;letter-spacing:-.025em}
.vs-jobs-role h3 small{font-size:12px;letter-spacing:0;color:#6f8597;font-weight:750}
.vs-jobs-page .vs-jobs-role p{margin:11px 0 17px;font-size:13px;line-height:1.65;max-width:600px}
.vs-jobs-role__tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 21px}
.vs-jobs-role__tags span{border-radius:5px;padding:6px 9px;background:#eaf3fd;color:#216da8;font-size:10px;letter-spacing:.01em;font-weight:800}
.vs-jobs-page .vs-jobs-role>a{display:inline-flex;gap:12px;align-items:center;color:#146fdb;font-size:12px;font-weight:900;align-self:flex-start;margin-top:auto}
.vs-jobs-page .vs-jobs-role>a:hover{color:#0751a2;text-decoration:underline}
.vs-jobs-role--wide{grid-column:1/-1;min-height:235px}
.vs-jobs-page .vs-jobs-profile{background:#0a2a48;color:#fff;border:0;border-radius:15px;padding:44px 46px;margin-top:40px;margin-bottom:12px}
.vs-jobs-profile__head{max-width:730px}
.vs-jobs-profile__head .vs-jobs-eyebrow{color:#81c7ff}
.vs-jobs-page .vs-jobs-profile h2,.vs-jobs-page .vs-jobs-profile h3{color:#fff}
.vs-jobs-page .vs-jobs-profile__head p{color:#cddfec;max-width:640px;margin-top:14px}
.vs-jobs-profile__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;margin-top:32px}
.vs-jobs-profile__item{display:flex;gap:13px;align-items:start;padding-top:18px;border-top:1px solid rgba(234,247,255,.18)}
.vs-jobs-profile__item>span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#1c6db4;color:white;font-size:13px;font-weight:900}
.vs-jobs-page .vs-jobs-profile__item h3{font-size:15px}
.vs-jobs-page .vs-jobs-profile__item p{font-size:12px;line-height:1.65;color:#c6dbec;margin-top:7px}
.vs-jobs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vs-jobs-step{background:#fff;border:1px solid #e4edf5;border-radius:11px;padding:23px 22px}
.vs-jobs-step>span{font-size:25px;font-weight:1000;color:#1577ea;letter-spacing:-.04em;display:block;margin-bottom:18px}
.vs-jobs-page .vs-jobs-step h3{font-size:17px;color:#123852;margin-bottom:9px}
.vs-jobs-page .vs-jobs-step p{font-size:12px;line-height:1.7}
.vs-jobs-page .vs-jobs-apply{background:#fff;border:1px solid #dbe9f6;border-radius:15px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.78fr);padding:0;overflow:hidden;margin-top:32px;margin-bottom:0;box-shadow:0 15px 35px rgba(6,46,80,.07)}
.vs-jobs-apply__content{padding:40px 42px}
.vs-jobs-page .vs-jobs-apply__content p{margin-top:16px}
.vs-jobs-page .vs-jobs-apply__button{display:inline-flex;align-items:center;gap:26px;padding:14px 18px;margin-top:22px;background:#1775e4;border-radius:7px;color:#fff;font-size:12px;font-weight:900;transition:background .15s,transform .15s}
.vs-jobs-page .vs-jobs-apply__button:hover{background:#0b5ebd;transform:translateY(-2px);color:#fff}
.vs-jobs-page .vs-jobs-apply__email{font-size:12px;margin-top:18px;color:#506b82}
.vs-jobs-apply__email a{color:#1269d4;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.vs-jobs-apply__aside{padding:38px 33px;background:#eaf4ff}
.vs-jobs-apply__label{font-size:10px;letter-spacing:.14em;font-weight:900;color:#126cd8;display:block;margin-bottom:11px}
.vs-jobs-page .vs-jobs-apply__aside h3{color:#0b2c4c;font-size:19px;margin-bottom:16px}
.vs-jobs-apply__aside ul{padding-left:19px;margin:0}
.vs-jobs-apply__aside li{font-size:12px;line-height:1.68;color:#3c5971;padding-bottom:8px}
.vs-jobs-page .vs-jobs-apply__aside p{font-size:11px;line-height:1.65;margin-top:15px;color:#547186}
.vs-jobs-apply__aside p a{color:#0b63cb;text-decoration:underline}
.vs-jobs-page .vs-jobs-faq{padding-bottom:12px}
.vs-jobs-faq__list{background:#fff;border-radius:12px;border:1px solid #e3ecf4;overflow:hidden}
.vs-jobs-faq__list details{border-bottom:1px solid #e5edf4}
.vs-jobs-faq__list details:last-child{border-bottom:0}
.vs-jobs-faq__list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:13px;color:#183752;font-size:14px;font-weight:900;padding:19px 24px;list-style:none}
.vs-jobs-faq__list summary::-webkit-details-marker{display:none}
.vs-jobs-faq__list summary>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaf4ff;color:#1474e1;font-size:19px;line-height:1;flex:none;transition:transform .2s}
.vs-jobs-faq__list details[open] summary>span{transform:rotate(45deg)}
.vs-jobs-faq__list details>div{padding:0 24px 20px;font-size:13px;line-height:1.75;color:#536b80}
@media(max-width:950px){
 .vs-jobs-hero__inner{padding-bottom:60px}
 .vs-jobs-crumbs{margin-bottom:45px}
 .vs-jobs-page .vs-jobs-intro{gap:30px}
 .vs-jobs-content{padding-bottom:45px}
 .vs-jobs-page .vs-jobs-section{padding-top:48px;padding-bottom:48px}
 .vs-jobs-page .vs-jobs-profile{margin-top:25px}
}
@media(max-width:750px){
 .vs-jobs-hero__background img{object-position:60% center;opacity:.55}
 .vs-jobs-hero::after{background:linear-gradient(100deg,rgba(5,25,44,.99),rgba(5,25,44,.86) 65%,rgba(5,25,44,.67))}
 .vs-jobs-hero__inner{padding-top:27px;padding-bottom:55px}
 .vs-jobs-hero h1{font-size:clamp(34px,6vw,49px)}
 .vs-jobs-page .vs-jobs-intro{grid-template-columns:1fr}
 .vs-jobs-section__head{grid-template-columns:1fr;gap:12px}
 .vs-jobs-steps{grid-template-columns:1fr}
 .vs-jobs-page .vs-jobs-apply{grid-template-columns:1fr}
 .vs-jobs-apply__aside{border-top:1px solid #d7e8f7}
}
@media(max-width:560px){
 .vs-jobs-hero{min-height:0}
 .vs-jobs-hero__inner{padding-top:24px;padding-bottom:44px}
 .vs-jobs-crumbs{margin-bottom:38px}
 .vs-jobs-hero h1{font-size:clamp(33px,8.9vw,45px)}
 .vs-jobs-hero__inner>p{font-size:14px;margin-top:18px}
 .vs-jobs-hero__actions{align-items:stretch;gap:9px}
 .vs-jobs-hero .vs-jobs-hero__button{padding:12px 14px;font-size:11px}
 .vs-jobs-hero__bottom span{font-size:9px}
 .vs-jobs-page .vs-jobs-section{padding-top:40px;padding-bottom:40px}
 .vs-jobs-page .vs-jobs-section h2{font-size:clamp(26px,8vw,33px)}
 .vs-jobs-page .vs-jobs-section p{font-size:13px}
 .vs-jobs-values{padding:13px 20px}
 .vs-jobs-role-grid{grid-template-columns:1fr}
 .vs-jobs-role{padding:22px;min-height:230px}
 .vs-jobs-role--wide{grid-column:auto}
 .vs-jobs-page .vs-jobs-profile{border-radius:10px;padding:31px 22px;margin-top:12px}
 .vs-jobs-profile__grid{grid-template-columns:1fr;gap:14px}
 .vs-jobs-apply__content{padding:28px 22px}
 .vs-jobs-apply__aside{padding:27px 22px}
 .vs-jobs-faq__list summary{font-size:12px;padding:16px 15px}
 .vs-jobs-faq__list details>div{padding:0 15px 15px;font-size:12px}
 .vs-jobs-section__head{margin-bottom:21px}
}
@media(prefers-reduced-motion:reduce){
 .vs-jobs-role,.vs-jobs-role::before,.vs-jobs-hero .vs-jobs-hero__button,.vs-jobs-faq__list summary>span{transition:none}
}
