/* Karriere – Ergänzung zu style.css · nur eigene Assets, keine externen Ressourcen */
.k-hero .hcopy .k-pills{display:flex;flex-wrap:wrap;gap:10px;margin:var(--s4) 0 0;padding:0;list-style:none}
.k-pills li{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--sans);letter-spacing:.04em;color:#fff;border:1px solid rgba(255,255,255,.32);background:rgba(20,22,24,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:9px 14px;border-radius:99px}
.k-pills li .ic{width:15px;height:15px;color:#fff}
.k-dot{width:7px;height:7px;border-radius:50%;background:#3bb36b;box-shadow:0 0 0 4px rgba(59,179,107,.22);flex:none}
/* Eckdaten-Leiste */
.k-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.k-facts li{display:flex;gap:14px;align-items:flex-start;padding:26px 22px;border-left:1px solid var(--line)}
.k-facts li:first-child{border-left:0;padding-left:0}
.k-facts .ic{width:26px;height:26px;color:var(--red);margin-top:2px}
.k-facts span{display:flex;flex-direction:column;gap:4px}
.k-facts small{font:600 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.k-facts b{font:500 21px/1.2 var(--serif);color:var(--ink)}
/* Stellenkarten */
.k-jobs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.k-job{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:4px;padding:var(--s5) var(--s5) var(--s4);scroll-margin-top:calc(var(--hh) + 24px);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .3s}
.k-job::before{content:"";position:absolute;left:0;top:0;height:3px;width:64px;background:var(--red);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.k-job:hover{transform:translateY(-4px);box-shadow:0 22px 48px -28px rgba(23,25,28,.35);border-color:var(--line2)}
.k-job:hover::before{width:100%}
.k-jtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s4)}
.k-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--alt);color:var(--ink);transition:background .3s,color .3s}
.k-icon .ic{width:28px;height:28px}
.k-job:hover .k-icon{background:var(--red);color:#fff}
.k-badge{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);border:1px solid var(--line2);border-radius:99px;padding:8px 12px;display:inline-flex;gap:8px;align-items:center}
.k-job h3{font:500 clamp(32px,3vw,42px)/1.05 var(--serif);letter-spacing:-.01em;margin:0 0 6px}
.k-job h3 a{text-decoration:none;color:inherit}
.k-job h3 a::after{content:"";position:absolute;inset:0;z-index:0}
.k-mwd{display:block;font:500 13px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:var(--s3)}
.k-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 var(--s3)}
.k-tags li{font:500 13px/1 var(--sans);color:var(--ink2);background:var(--alt);border-radius:99px;padding:8px 12px}
.k-job>p{color:var(--mut);font-size:16px;line-height:1.7}
.k-hl{list-style:none;padding:0;margin:0 0 var(--s4);display:grid;gap:10px}
.k-hl li{display:flex;gap:12px;align-items:center;font-size:15.5px;color:var(--ink2)}
.k-hl .ic{width:20px;height:20px;color:var(--red)}
.k-jfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line);position:relative;z-index:1}
.k-more{font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.k-more .ic{width:18px;height:18px;transition:transform .3s}
.k-job:hover .k-more .ic{transform:translateX(4px)}
/* Benefits-Raster */
.k-bens{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);list-style:none;padding:0;margin:0}
.k-bens li{background:var(--bg);padding:var(--s4);display:flex;flex-direction:column;gap:14px;transition:background .3s}
.k-bens li:hover{background:#fff}
.k-bens .ic{width:34px;height:34px;color:var(--red)}
.k-bens li>span{display:flex;flex-direction:column;gap:6px}
.k-bens b{font:500 23px/1.2 var(--serif);color:var(--ink)}
.k-bens small{font-size:14.5px;color:var(--mut);line-height:1.55}
.sec.dark .k-bens{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1)}
.sec.dark .k-bens li{background:var(--dark)}
.sec.dark .k-bens li:hover{background:var(--dark2)}
.sec.dark .k-bens b{color:#fff}
.alt .k-bens li{background:var(--alt)}.alt .k-bens li:hover{background:#fff}
.k-bens.four{grid-template-columns:repeat(4,1fr)}
/* Bewerben */
.k-apply{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s5)}
.k-ch{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:4px;padding:var(--s4);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .3s}
.k-ch:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(23,25,28,.4);border-color:var(--ink)}
.k-ch .ic{width:30px;height:30px;color:var(--red);margin-bottom:var(--s2)}
.k-ch small{font:600 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.k-ch b{font:500 26px/1.2 var(--serif)}
.k-ch span{font-size:14.5px;color:var(--mut)}
.k-ch.pri{background:var(--red);border-color:var(--red);color:#fff}
.k-ch.pri .ic,.k-ch.pri small,.k-ch.pri span,.k-ch.pri b{color:#fff}
.k-ch.pri small,.k-ch.pri span{opacity:.82}
.k-ch.pri:hover{background:var(--redD);border-color:var(--redD)}
.k-short{font:italic 400 clamp(24px,2.4vw,32px)/1.35 var(--serif);color:var(--ink);margin:0}
.k-dsgvo{display:flex;gap:14px;align-items:flex-start;margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line);font-size:14.5px;color:var(--mut);line-height:1.65;max-width:62em}
.k-dsgvo .ic{width:22px;height:22px;color:var(--ink);margin-top:2px}
.k-dsgvo p{margin:0}
.sec.dark .k-dsgvo{border-color:rgba(255,255,255,.12);color:var(--onDarkMut)}.sec.dark .k-dsgvo .ic{color:#fff}
/* Detailseite */
.k-phead{padding:var(--s5) 0 var(--s6);border-bottom:1px solid var(--line)}
.k-phead .crumbs{padding:0 0 var(--s5)}
.k-pgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--s6);align-items:end}
.k-phead h1{font-size:clamp(46px,5.4vw,80px);line-height:1;margin:0 0 10px;max-width:12ch}
.k-phead .k-mwd{font-size:14px;margin-bottom:var(--s4)}
.k-phead .lead{margin:0 0 var(--s4)}
.k-phead .btns{margin-top:var(--s4)}
.k-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:var(--s4)}
.k-card h2,.k-aside h2{font:600 12px/1 var(--sans)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--red)!important;margin:0 0 var(--s3);max-width:none}
.k-dl{display:grid;grid-template-columns:auto 1fr;margin:0;column-gap:0}
.k-dl dd{padding-left:var(--s3)!important}
.k-dl dt,.k-dl dd{margin:0;padding:13px 0;border-top:1px solid var(--line)}
.k-dl dt{display:flex;gap:10px;align-items:center;font:600 11.5px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.k-dl dt .ic{width:18px;height:18px;color:var(--ink)}
.k-dl dd{font:500 19px/1.4 var(--serif);color:var(--ink);text-align:right}
.k-body{display:grid;grid-template-columns:1fr 360px;gap:var(--s6);align-items:start}
.k-body>*{min-width:0}
.k-intro{font:400 clamp(22px,2vw,27px)/1.5 var(--serif);color:var(--ink);margin:0 0 var(--s5)}
.k-block+.k-block{margin-top:var(--s6)}
.k-block h2{font-size:clamp(32px,3vw,44px);margin-bottom:var(--s3)}
.k-tasks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s4);counter-reset:t;border-top:1px solid var(--line2)}
.k-tasks li{counter-increment:t;display:flex;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);font-size:16.5px;line-height:1.5;color:var(--ink)}
.k-tasks li::before{content:counter(t,decimal-leading-zero);font:500 20px/1 var(--serif);color:var(--red);min-width:26px}
.k-req{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.k-req li{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:4px;padding:16px 18px;font-size:16px;line-height:1.45;color:var(--ink)}
.k-req .ic{width:20px;height:20px;color:#fff;background:var(--ink);border-radius:50%;padding:3px;stroke-width:2}
.k-aside{position:sticky;top:calc(var(--hh) + 28px);background:var(--dark);color:var(--onDark);border-radius:4px;padding:var(--s4)}
.k-aside h2{color:#e2a0aa!important}
.k-aside .k-brand{display:flex;gap:14px;align-items:center;margin-bottom:var(--s3)}
.k-aside .k-brand img{width:48px;height:48px;border-radius:50%;background:#fff}
.k-aside .k-brand b{display:block;font:500 22px/1.15 var(--serif);color:#fff}
.k-aside .k-brand small{font-size:13px;color:var(--onDarkMut)}
.k-aside p{font-size:14.5px;line-height:1.6;color:var(--onDarkMut);margin:0 0 var(--s3)}
.k-aside .btns{margin:0;flex-direction:column}
.k-aside .btn{width:100%;justify-content:flex-start}
.k-aside .btn:not(.pri){border-color:rgba(255,255,255,.3);color:#fff}
.k-aside .btn:not(.pri):hover{background:#fff;color:var(--ink);border-color:#fff}
.k-aside .k-addr{display:flex;gap:10px;font-size:14px;color:var(--onDarkMut);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.12);line-height:1.6}
.k-aside .k-addr .ic{color:#fff;margin-top:3px}
.k-aside a{color:#fff}
.btn.wa .ic,.btn .ic{width:18px;height:18px}
.k-other{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);text-decoration:none;color:inherit;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:var(--s4) 0;margin-top:var(--s5)}
.k-other small{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--soft);margin-bottom:8px}
.k-other b{font:500 clamp(26px,2.6vw,36px)/1.1 var(--serif)}
.k-other .ic{width:32px;height:32px;color:var(--red);transition:transform .3s}
.k-other:hover .ic{transform:translateX(6px)}
.cta .k-short{color:#fff}
.cta .btns .btn .ic{width:18px;height:18px}
/* Animation (nur wenn erwünscht) */
@keyframes kUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes kPulse{0%,100%{box-shadow:0 0 0 4px rgba(59,179,107,.22)}50%{box-shadow:0 0 0 7px rgba(59,179,107,.08)}}
@media (prefers-reduced-motion:no-preference){
.hcopy>*,.k-phead .k-pgrid>div>*{animation:kUp .9s cubic-bezier(.2,.7,.2,1) both}
.hcopy>*:nth-child(2),.k-phead .k-pgrid>div>*:nth-child(2){animation-delay:.08s}
.hcopy>*:nth-child(3),.k-phead .k-pgrid>div>*:nth-child(3){animation-delay:.16s}
.hcopy>*:nth-child(4),.k-phead .k-pgrid>div>*:nth-child(4){animation-delay:.24s}
.hcopy>*:nth-child(5),.k-phead .k-pgrid>div>*:nth-child(5){animation-delay:.32s}
.k-dot{animation:kPulse 2.4s ease-in-out infinite}
@supports (animation-timeline:view()){
.rv{animation:kUp linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}}
@media (prefers-reduced-motion:reduce){.k-job:hover,.k-ch:hover{transform:none}}
/* Tablet */
@media (max-width:1080px){
.k-facts{grid-template-columns:repeat(3,1fr)}
.k-facts li:nth-child(4){border-left:0;padding-left:0}
.k-facts li:nth-child(n+4){border-top:1px solid var(--line)}
.k-bens.four{grid-template-columns:repeat(2,1fr)}
.k-body{grid-template-columns:1fr 320px;gap:var(--s5)}
.k-tasks,.k-req{grid-template-columns:1fr}}
@media (max-width:900px){
.k-jobs,.k-apply,.k-pgrid,.k-body{grid-template-columns:1fr}
.k-aside{position:static}
.k-bens{grid-template-columns:1fr 1fr}}
/* Handy */
@media (max-width:640px){
.k-pills li{font-size:12px;padding:8px 12px}
.k-facts{grid-template-columns:1fr 1fr;border-bottom:0}
.k-facts li,.k-facts li:nth-child(4){padding:18px 0;border-left:0;border-top:0;border-bottom:1px solid var(--line)}
.k-facts li:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.k-facts li:last-child{grid-column:1/-1;padding-left:0;border-left:0}
.k-facts .ic{width:22px;height:22px}
.k-facts b{font-size:19px}
.k-job{padding:var(--s4) 22px var(--s3)}
.k-job h3{font-size:34px}
.k-jfoot{flex-direction:column;align-items:stretch}
.k-jfoot .btn{width:100%}
.k-jfoot .k-more{justify-content:center;padding:6px 0}
.k-bens,.k-bens.four{grid-template-columns:1fr}
.k-bens li{flex-direction:row;align-items:center;gap:16px;padding:18px 20px}
.k-bens li>span{display:flex;flex-direction:column;gap:2px}
.k-bens .ic{width:28px;height:28px}
.k-bens b{font-size:20px}
.k-ch{padding:var(--s3)}
.k-ch b{font-size:23px}
.k-phead{padding:var(--s3) 0 var(--s5)}
.k-phead .crumbs{padding-bottom:var(--s4)}
.k-phead h1{font-size:46px}
.k-dl dd{font-size:17px}
.k-intro{font-size:21px}
.k-tasks li{font-size:16px;padding:15px 0}
.k-req li{padding:14px 16px;font-size:15.5px}
.k-aside{padding:var(--s3) 22px}
.k-other b{font-size:26px}}
.dark .shead>p,.dark .shead p{color:rgba(255,255,255,.74)}

.k-bens li.k-bcta{background:var(--red)!important;padding:0}
.k-bens li.k-bcta a{display:flex;flex-direction:column;gap:14px;padding:var(--s4);height:100%;color:#fff;text-decoration:none}
.k-bens li.k-bcta .ic,.k-bens li.k-bcta b,.k-bens li.k-bcta small{color:#fff}
.k-bens li.k-bcta small{display:inline-flex;align-items:center;gap:6px;opacity:.9}
.k-bens li.k-bcta:hover{filter:brightness(1.06)}
.cta .btns{display:grid;grid-template-columns:1fr;justify-self:end;width:min(100%,340px)}
.cta .btns .btn{justify-content:center}
@media (max-width:640px){.k-bens li.k-bcta a{flex-direction:row;align-items:center;gap:16px;padding:18px 20px}.cta .btns{justify-self:stretch;width:100%}}