/* Career page: the homepage's steel, silver and warm orange language. */
.career-page{--career-ink:#172229;--career-paper:#f4f7f9;color:var(--career-ink);background:var(--career-paper)}
.career-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--career-ink);color:#fff;min-height:clamp(580px,51vw,760px)}
.career-hero__photo{position:absolute;inset:0 0 0 36%;z-index:-1;background:url('../Bilder/ma/production-team.webp') center 36%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(180deg,#000 68%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in;opacity:.84}
.career-hero__inner,.career-intro,.career-jobs,.career-apply__inner{width:min(calc(100% - 2 * var(--page-gutter)),1360px);margin-inline:auto}
.career-hero__inner{padding-block:clamp(34px,4vw,60px) clamp(72px,8vw,120px)}
.career-back{display:inline-flex;align-items:center;gap:12px;color:rgba(255,255,255,.75);font-size:.86rem;text-decoration:none;margin-bottom:clamp(44px,5vw,80px)}
.career-back:hover{color:#fff}
.career-hero__copy{max-width:580px}
.career-hero h1{font-size:clamp(3rem,5.6vw,5.4rem);font-weight:650;line-height:1.06;letter-spacing:-.045em;margin:16px 0 24px;color:#fff}
.career-hero__copy>p:not(.eyebrow){max-width:42ch;font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.7;color:rgba(255,255,255,.82);margin-bottom:28px}
.career-hero .button{background:#fff;color:var(--career-ink);border-color:#fff}
.career-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(30px,8vw,110px);align-items:center;padding-block:clamp(44px,5.2vw,76px);border-bottom:1px solid rgba(23,34,41,.15)}
.career-intro>p{font-size:1.06rem;line-height:1.8;margin:0;max-width:69ch;color:#536069}
.career-intro strong{color:var(--career-ink);font-size:1.18rem;font-weight:600}
.career-intro__facts{display:grid;gap:13px;font-size:.9rem;font-weight:550}
.career-intro__facts span{padding-left:18px;position:relative}
.career-intro__facts span::before{content:'';position:absolute;left:0;top:.5em;width:5px;height:5px;background:var(--hk-orange,#f28c28)}
.career-jobs{padding-block:clamp(58px,7vw,100px);scroll-margin-top:100px}
.career-jobs__heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:40px}
.career-jobs__heading h2,.career-apply h2{font-size:clamp(2.4rem,4.3vw,4.25rem);line-height:1.12;letter-spacing:-.035em;font-weight:600;margin:13px 0 0}
.career-jobs__heading>p{max-width:46ch;line-height:1.7;color:#536069;margin:0 0 3px}
.career-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.career-job{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(28px,3.2vw,44px);background:#fff;border:1px solid rgba(23,34,41,.1);border-radius:4px;transition:border-color .25s ease}
.career-job:hover,.career-job:focus-within{border-color:rgba(242,140,40,.55)}
.career-job__area{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:650;color:#94510d;margin:0 0 22px}
.career-job__area span{color:#78838a;font-weight:500}
.career-job h3{overflow-wrap:break-word;hyphens:auto;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.28;font-weight:600;letter-spacing:-.02em;margin:0;max-width:28ch;text-wrap:balance}
.career-job h3 small{font-size:.56em;font-weight:500;white-space:nowrap;margin-left:.55em;letter-spacing:0}
.career-job__special{font-size:.96rem;color:#46545d;margin:10px 0 0}
.career-job__copy{font-size:1rem;line-height:1.65;max-width:52ch;color:#5b6870;margin:22px 0 28px}
.career-job__link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:28px;width:100%;padding-top:20px;border-top:1px solid #e3e8eb;color:var(--career-ink);font-weight:600;font-size:.93rem;text-decoration:none}
.career-job__link>span:last-child{font-size:1.3rem;color:var(--hk-orange,#f28c28);transition:transform .2s}
.career-job__link:hover>span:last-child{transform:translate(2px,-2px)}
.career-job__link:focus-visible,.career-back:focus-visible,.career-contact a:focus-visible{outline:2px solid var(--hk-orange);outline-offset:5px}
.career-jobs__source{font-size:.78rem;line-height:1.6;color:#6b7780;margin:24px 0 0}
.career-jobs__source a{color:inherit;text-underline-offset:3px}
.career-apply{padding-block:clamp(64px,7vw,105px);background:#e8eef2}
.career-apply__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,9vw,140px);align-items:center}
.career-apply__inner>div>p:not(.eyebrow){max-width:48ch;color:#536069;line-height:1.7;margin:25px 0 27px}
.career-contact{padding:clamp(28px,3.2vw,44px);border-left:2px solid rgba(242,140,40,.55);background:rgba(255,255,255,.5)}
.career-contact h3{font-size:1.5rem;line-height:1.3;font-weight:600;margin:16px 0}
.career-contact p:not(.eyebrow){color:#536069;line-height:1.6;margin-bottom:22px}
.career-contact>a{display:block;color:var(--career-ink);text-decoration:none;line-height:1.8;font-size:1rem;overflow-wrap:anywhere}
.career-contact>a:hover{text-decoration:underline;text-underline-offset:4px}
.career-contact address{font-size:.86rem;line-height:1.7;font-style:normal;color:#6b7780;margin-top:25px}
@media(max-width:900px){.career-hero__photo{left:24%;opacity:.5}.career-intro{grid-template-columns:1fr;gap:24px}.career-intro__facts{display:flex;flex-wrap:wrap;gap:14px 24px}.career-apply__inner{grid-template-columns:1fr;gap:36px}.career-contact{max-width:600px}.career-jobs__heading{gap:25px}}
@media(max-width:640px){.career-hero{min-height:0}.career-hero__photo{inset:0 0 auto 0;height:340px;mask-image:linear-gradient(180deg,#000 5%,transparent 100%);opacity:.5}.career-hero__inner{padding-top:30px;padding-bottom:60px}.career-back{margin-bottom:125px}.career-hero h1{font-size:clamp(2.5rem,10.5vw,4rem)}.career-hero__copy>p:not(.eyebrow){font-size:1rem}.career-jobs__heading{grid-template-columns:1fr;gap:22px}.career-job-grid{grid-template-columns:minmax(0,1fr);gap:16px}.career-job{padding:28px}.career-intro>p{font-size:1rem}.career-intro strong{font-size:1.1rem}.career-job h3{overflow-wrap:break-word;hyphens:auto;font-size:1.65rem}.career-jobs{padding-block:54px}.career-jobs__source{max-width:36ch}.career-apply h2{font-size:2.5rem}.career-contact{padding:26px}.career-hero .button{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.career-job,.career-job__link>span:last-child{transition:none}}