.career-new {
  --career-gutter: clamp(48px, 11.2vw, 220px);
  --career-photo-height: clamp(410px, 29.3vw, 560px);
  position: relative; overflow: hidden; padding-block: 36px 42px; color: #fff;
  background-color: #19242c;
  background-image:
    url('/assets/backgrounds/palletizing-tech.svg'),
    radial-gradient(ellipse at 100% 0%, rgba(var(--color-red-rgb), 0.22), transparent 38%),
    radial-gradient(ellipse at 100% 100%, rgba(var(--color-red-rgb), 0.18), transparent 30%),
    radial-gradient(ellipse at 0% 100%, rgba(var(--color-red-rgb), 0.12), transparent 24%),
    linear-gradient(125deg, #19242c 0%, #121c22 48%, #222c35 100%);
  background-size: cover, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  scroll-margin-top: -24px;
}
#karriere.career-new { scroll-margin-top: -24px; }
.career-new > .container { width: calc(100% - 2 * var(--career-gutter)); max-width: none; }
.career-new-topline { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; height: 34px; }
.career-new-kicker, .career-new-location { margin: 0; font-size: .76rem; font-weight: 800; line-height: 1.4; letter-spacing: .09em; text-transform: uppercase; }
.career-new-kicker { display: inline-flex; align-items: center; gap: 12px; }
.career-new-kicker::before { content: ''; width: 11px; height: 11px; background: var(--color-red); }
.career-new-location { color: #c8ced2; }
.career-new-layout { position: relative; height: var(--career-photo-height); }
.career-new-intro { position: relative; z-index: 2; padding-top: clamp(42px,3.83vw,64px); width: 43%; }
.career-new-eyebrow, .career-new-application-label { margin: 0; color: var(--color-red); font-size: clamp(.84rem,1.03vw,1.08rem); font-weight: 800; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; }
.career-new-intro h2 { margin: 20px 0 0; color: #fff; font-size: clamp(2.6rem,3.7vw,4.5rem); font-weight: 800; line-height: .99; letter-spacing: -.035em; }
.career-new-intro h2 > span { display: block; white-space: nowrap; }
.career-new-intro h2 i { color: var(--color-red); font-style: normal; }
.career-new-lead { max-width: 460px; margin: 38px 0 0; color: #c9d0d3; font-size: clamp(.9rem,1vw,1.04rem); line-height: 1.6; }
.career-new-visual { position: absolute; z-index: 1; top: 0; bottom: 0; right: calc(-1 * var(--career-gutter)); width: 63.3vw; margin: 0; overflow: hidden; border-radius: 6px; clip-path: polygon(23% 0,100% 0,100% 100%,0 100%); background: #151f24 url('/assets/optimized/karriere-965f920849be-1254.webp') center 28% / cover no-repeat; }
.career-new-visual img { display: block; width: 83%; height: 100%; margin-left: auto; object-fit: cover; object-position: center 31%; mask-image: linear-gradient(to right, transparent, #000 14%); }
.career-new-visual::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,transparent 46%,rgba(14,22,27,.52)); box-shadow: inset 0 -1px rgba(219,229,232,.2); }
.career-new-visual figcaption { position: absolute; z-index: 1; left: 11.5%; bottom: 42px; right: 24px; color: #fff; }
.career-new-visual figcaption::before { content: ''; position: absolute; left: -59px; top: 27px; width: 36px; height: 2px; background: var(--color-red); }
.career-new-visual figcaption span { display: block; margin-bottom: 8px; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: #d9dfe2; }
.career-new-visual figcaption strong { display: block; font-size: clamp(1.2rem,1.5vw,1.6rem); line-height: 1.25; }
.career-new-image-accent { position: absolute; z-index: 2; top: 11px; right: calc(-1 * var(--career-gutter)); width: calc(63.3vw + 14px); height: calc(var(--career-photo-height) - 22px); background: linear-gradient(180deg,var(--color-red),rgba(var(--color-red-rgb),.12) 58%,transparent 75%); clip-path: polygon(22.5% 0,22.8% 0,.3% 100%,0 100%); pointer-events: none; }
.career-new-fields { margin-top: 46px; }
.career-new-disciplines { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0; margin: 0; list-style: none; }
.career-new-disciplines li { display: grid; grid-template-columns: 22px 58px minmax(0,1fr); align-items: center; gap: 18px; min-height: 72px; padding-inline: 30px; border-left: 1px solid rgba(204,216,222,.23); }
.career-new-disciplines li:first-child { padding-left: 0; border-left: 0; }
.career-new-disciplines li:last-child { padding-right: 0; }
.career-new-index { align-self: start; margin-top: 5px; color: #c8d0d4; font-size: .86rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.career-new-field-icon { display: block; width: 58px; height: 58px; }
.career-new-disciplines strong, .career-new-disciplines div > span { display: block; }
.career-new-disciplines strong { font-size: clamp(.92rem,1.1vw,1.17rem); font-weight: 750; line-height: 1.3; }
.career-new-disciplines div > span { margin-top: 9px; color: #c8d0d4; font-size: .88rem; line-height: 1.5; }
.career-new-application { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 28px 0 0; min-height: 130px; padding: 22px 30px; color: var(--color-ink); border: 1px solid #e0e5e8; border-left: 4px solid var(--color-red); border-radius: 5px; background: #fff; }
.career-new-application { background: #fff url('/assets/backgrounds/career-banner.svg') center / 100% 100% no-repeat; }
.career-new-application-label { font-size: .9rem; }
.career-new-application h3 { margin: 8px 0 0; font-size: clamp(1.45rem,1.8vw,1.85rem); font-weight: 800; line-height: 1.15; letter-spacing: -.025em; }
.career-new-application h3 + p { margin: 8px 0 0; color: var(--color-muted); font-size: .9rem; line-height: 1.5; }
.career-new-cta { flex: 0 0 auto; min-height: 50px; padding-inline: 24px; box-shadow: 0 10px 30px rgba(var(--color-red-rgb),.16); }
@media (min-width:901px) and (max-width:1530px) {
  .career-new { --career-gutter: 8vw; }
  .career-new-intro { width: 47%; }
  .career-new-lead { max-width: 360px; }
  .career-new-disciplines li { grid-template-columns: 18px 44px minmax(0,1fr); gap: 12px; padding-inline: 18px; }
  .career-new-field-icon { width: 44px; height: 44px; }
  .career-new-disciplines div > span { font-size: .8rem; }
}
@media (max-width:900px) {
  .career-new { --career-gutter: 28px; padding-block: 36px; }
  .career-new-topline { height: 42px; }
  .career-new-topline::after { width: 100%; }
  .career-new-layout { display: flex; flex-direction: column; height: auto; }
  .career-new-intro { width: 100%; padding-top: 36px; }
  .career-new-intro h2 { font-size: clamp(2.2rem,6.5vw,3.5rem); line-height: 1.05; }
  .career-new-intro h2 > span { white-space: normal; }
  .career-new-lead { max-width: 560px; margin-top: 24px; font-size: 1rem; }
  .career-new-visual { position: relative; top: auto; bottom: auto; right: auto; width: 100%; height: auto; aspect-ratio: 1.2; margin-top: 32px; clip-path: polygon(12% 0,100% 0,100% 100%,0 100%,0 18%); }
  .career-new-visual img { width: 100%; object-position: center 24%; mask-image: none; }
  .career-new-visual figcaption { left: 24px; right: 20px; bottom: 24px; }
  .career-new-visual figcaption::before, .career-new-image-accent { display: none; }
  .career-new-fields { margin-top: 32px; }
  .career-new-disciplines { grid-template-columns: 1fr; }
  .career-new-disciplines li, .career-new-disciplines li:first-child { grid-template-columns: 22px 52px minmax(0,1fr); gap: 16px; padding: 22px 0; border-left: 0; border-bottom: 1px solid rgba(204,216,222,.2); }
  .career-new-field-icon { width: 52px; height: 52px; }
  .career-new-index { align-self: center; margin: 0; }
  .career-new-disciplines strong { font-size: 1rem; }
  .career-new-application { align-items: flex-start; flex-direction: column; margin: 32px 0 0; padding: 28px; gap: 24px; }
  .career-new-application-label { font-size: .9rem; }
}
@media (max-width:520px) {
  .career-new { --career-gutter: 20px; }
  .career-new-kicker, .career-new-location { font-size: .63rem; letter-spacing: .04em; }
  .career-new-topline { gap: 12px; }
  .career-new-kicker { gap: 8px; }
  .career-new-eyebrow { font-size: .76rem; letter-spacing: .1em; }
  .career-new-intro h2 { font-size: clamp(1.9rem,7.8vw,2.5rem); }
  .career-new-visual figcaption strong { font-size: 1.1rem; }
  .career-new-visual figcaption span { font-size: .57rem; }
  .career-new-disciplines li, .career-new-disciplines li:first-child { grid-template-columns: 18px 42px minmax(0,1fr); gap: 12px; }
  .career-new-field-icon { width: 42px; height: 42px; }
  .career-new-disciplines div > span { font-size: .8rem; }
  .career-new-application { padding: 24px 20px; }
  .career-new-cta { width: 100%; padding-inline: 16px; }
}

@media (min-width: 1041px) and (min-height: 650px) {
  .career-new { height: calc(100svh - var(--header-height)); padding-block: clamp(18px, 2.5vh, 28px); }
  .career-new > .container { height: 100%; display: grid; grid-template-rows: 28px minmax(0, 1fr) 72px auto; row-gap: clamp(14px, 2vh, 24px); }
  .career-new-topline { height: 100%; }
  .career-new-layout { height: 100%; min-height: 0; }
  .career-new-intro {
    position: absolute;
    top: calc((100svh - var(--header-height)) * .4 - clamp(18px, 2.5vh, 28px) - 28px - clamp(14px, 2vh, 24px));
    padding-top: 0;
    translate: 0 -50%;
  }
  .career-new-intro h2 { font-size: clamp(2rem, min(3.7vw, 6.2vh), 4rem); }
  .career-new-lead { margin-top: clamp(18px, 3vh, 30px); max-width: min(460px, 29vw); }
  .career-new-image-accent { height: calc(100% - 22px); }
  .career-new-visual figcaption { bottom: 28px; }
  .career-new-fields, .career-new-application { margin-top: 0; }
  .career-new-application { min-height: 0; padding-block: 18px; }
}
@media (min-width: 1041px) and (min-height: 650px) and (max-height: 780px) {
  .career-new { padding-block: 14px; }
  .career-new > .container { grid-template-rows: 24px minmax(0, 1fr) 60px auto; row-gap: 12px; }
  .career-new-intro { top: calc((100svh - var(--header-height)) * .4 - 50px); bottom: auto; }
  .career-new-eyebrow { font-size: .76rem; }
  .career-new-intro h2 { margin-top: 14px; font-size: clamp(2rem, min(3.7vw, 4.9vh), 2.5rem); }
  .career-new-lead { margin-top: 18px; font-size: .88rem; line-height: 1.5; }
  .career-new-disciplines li { min-height: 60px; }
  .career-new-visual figcaption { bottom: 20px; }
  .career-new-application { padding: 14px 24px; }
  .career-new-application h3 { font-size: 1.45rem; }
  .career-new-application-label { font-size: .78rem; }
  .career-new-application h3 + p { font-size: .82rem; }
}