/* ── Seite: Karriere ─────────────────────────────────────────────
   Reduced page in the look of the about us page (/en/about-us): text hero with one tilted
   photo card, one large statement, application box on the standard gradient with deco squares. */
.jb-wrap{width:min(90%,1200px);margin:0 auto;}
.jb-hl{color:var(--cyan);}
.jb-hero{padding:clamp(28px,4vw,64px) 0 clamp(64px,8vw,120px);overflow:hidden;}
.jb-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center;}
.jb-hero h1{font-size:clamp(2.8rem,6.4vw,5.6rem);line-height:.98;letter-spacing:-.045em;margin:0;color:var(--ink);}
.jb-hero-sub{margin:clamp(20px,2.4vw,32px) 0 0;font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.6;font-weight:500;color:var(--text);max-width:30em;}
.jb-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,40px);}
.jb-photo{position:relative;max-width:420px;margin-left:auto;}
.jb-ph{margin:0;background:#fff;padding:clamp(6px,.7vw,10px);border-radius:18px;box-shadow:0 30px 60px -28px rgba(20,25,15,.45),0 2px 8px rgba(20,25,15,.08);transform:rotate(2.5deg);}
.jb-ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;}
.jb-ph figcaption{position:absolute;left:clamp(18px,1.8vw,26px);bottom:clamp(18px,1.8vw,26px);background:#fff;border-radius:10px;padding:6px 12px;font-family:var(--head);font-weight:700;font-size:.9rem;color:var(--ink);box-shadow:var(--shadow-s);}
.jb-sq{position:absolute;border-radius:6px;box-shadow:0 8px 20px -8px rgba(20,30,15,.35);z-index:2;transform:rotate(var(--r,0deg));}
.jb-statement{padding:clamp(64px,8vw,130px) 0;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.jb-statement p{margin:0;font-family:var(--head);font-weight:700;font-size:clamp(1.8rem,3.6vw,3.3rem);line-height:1.16;letter-spacing:-.035em;color:var(--ink);text-wrap:pretty;max-width:22em;}
.jb-jobs{padding:clamp(48px,6vw,96px) 0;background:#fff;}
.jb-jobs #join-widget{min-height:120px;}
.jb-apply{position:relative;overflow:hidden;padding:clamp(72px,9vw,140px) 0;background:linear-gradient(135deg,#0e5570 0%,#1c6f64 52%,#8bc220 100%);color:#fff;}
.jb-apply .jb-wrap{position:relative;z-index:2;}
.jb-apply h2{margin:0;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.035em;line-height:1.06;color:#fff;max-width:16em;text-wrap:balance;}
.jb-apply h2 .jb-hl{color:var(--cyan);}
.jb-apply p{margin:22px 0 0;font-size:clamp(1.05rem,1.3vw,1.2rem);font-weight:500;line-height:1.6;color:rgba(255,255,255,.88);max-width:34em;}
.jb-mail{display:inline-block;margin-top:clamp(26px,3vw,40px);font-family:var(--head);font-weight:700;font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.04em;line-height:1.05;color:#fff;text-decoration:none;border-bottom:4px solid var(--green);padding-bottom:6px;overflow-wrap:anywhere;}
.jb-mail:hover{border-color:#fff;}
.jb-apply p.jb-note{margin-top:24px;font-size:1rem;font-weight:600;color:rgba(255,255,255,.8);}
.jb-apply p.jb-note a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:3px;}
.jb-apply .jb-sq{position:absolute;z-index:1;}
@media(max-width:900px){
  .jb-hero-in{grid-template-columns:1fr;}
  .jb-photo{order:-1;max-width:300px;margin:0 auto 0 0;}
}
@media(max-width:560px){
  .jb-sq{display:none;}
  .jb-photo{max-width:240px;}
}