/* Karriere – Werte aus relaunch-paket/referenz/Karriere.dc.html */
.kar-hero{padding-top:clamp(16px,5vh,100px);padding-bottom:210px;color:var(--bg)}
.kar-hero h1{max-width:14ch}
.kar-hero .lead{margin:28px 0 0;color:rgba(247,248,250,.8);max-width:36em}
.flips{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}

.flip{perspective:1000px;min-height:170px;border:0;padding:0;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:22px}
.fi{display:block;position:relative;width:100%;height:100%;min-height:170px;transition:transform .7s cubic-bezier(.3,1.3,.5,1);transform-style:preserve-3d}
.flip:hover .fi,.flip:focus-visible .fi,.flip[aria-pressed="true"] .fi{transform:rotateY(180deg)}
.face{position:absolute;inset:0;border-radius:22px;padding:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}
.face small{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.front{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.front small{color:var(--sky)}
.back{background:#fff;color:var(--ink);transform:rotateY(180deg);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.back small{color:var(--royal)}
.back span{font-size:17px;line-height:1.5}
.strike{font-family:var(--font-d);font-weight:700;font-size:24px;letter-spacing:-0.02em;text-decoration:line-through;
  text-decoration-color:rgba(127,152,214,.8);text-decoration-thickness:2px}

.kar-sec{padding-bottom:110px}
.kar-sec.first{padding-top:40px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.perk{padding:30px}
.perk .kick{margin-bottom:12px}
.perk h3{margin:0 0 10px;font-size:24px;font-weight:700}
.perk p{margin:0;line-height:1.6}

.role{padding:32px;border-radius:24px;background:#fff;border:1px solid rgba(14,26,51,.07);transition:all .3s}
.role:hover{border-color:var(--royal);box-shadow:0 30px 60px -36px rgba(31,58,147,.55)}
.role .kick{margin-bottom:12px}
.role h3{margin:0 0 8px;font-size:28px;font-weight:700}
.role p{margin:0 0 16px;line-height:1.55}
.role ul{list-style:none;margin:0;padding:0}
.role li{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--hair)}
.role li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--royal);margin-top:8px;flex:0 0 auto}

.together{padding-top:110px;padding-bottom:110px;display:flex;flex-wrap:wrap;gap:48px}
.together-text{flex:1 1 340px;min-width:0}
.together-text p{margin:20px 0 0;font-size:18px;line-height:1.6;color:rgba(247,248,250,.75);max-width:28em}
.lines{flex:1 1 480px;min-width:0}
.line{font-family:var(--font-d);font-weight:700;font-size:clamp(24px,3vw,38px);letter-spacing:-0.02em;line-height:1.2;padding:22px 0;
  border-top:1px solid rgba(255,255,255,.12);color:rgba(247,248,250,.6);transition:color .3s,padding-left .3s;margin:0}
.line:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.line:hover{color:#fff;padding-left:12px}
.line em{font-style:normal;color:var(--sky)}

.apply{max-width:1040px;padding-top:110px;padding-bottom:120px;scroll-margin-top:80px}
.apply-frame{border-radius:30px;padding:2px;background:linear-gradient(120deg,var(--sky),var(--royal),var(--ice))}
.apply-in{border-radius:28px;background:#fff;padding:clamp(28px,5vw,56px)}
.apply-in>p.mut{margin:18px 0 0;font-size:18px;line-height:1.55;max-width:34em}
.apply-form{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.apply-actions{display:flex;flex-wrap:wrap;gap:12px}
.apply .form-error{margin:24px 0 0}

@media (prefers-reduced-motion:reduce){.fi{transition:none}}