/* ============================================================
   Kurt Mager Solutions — Karriere (Ergänzungen zu style.css)
============================================================ */

/* sub-page hero card */
.kcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--sh-lg)}
.kcard h3{font-size:1.08rem;margin-bottom:16px;display:flex;align-items:center;gap:.5em}
.kcard h3 .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
.kcard ul{display:flex;flex-direction:column;gap:13px}
.kcard li{display:flex;gap:11px;align-items:flex-start;font-size:.95rem;color:var(--ink)}
.kcard li svg{width:20px;height:20px;color:var(--green);flex:0 0 auto;margin-top:1px}

/* intro split */
.intro{padding:84px 0 30px;background:#fff}
.intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.intro__grid h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:16px}
.intro__grid p{color:var(--slate);margin-bottom:14px}
.intro__list{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.intro__list li{position:relative;padding-left:26px;color:var(--ink);font-size:.97rem}
.intro__list li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:3px;background:var(--green)}

/* benefits */
.benefits{padding:30px 0 84px;background:#fff}
.benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bcard{padding:24px 20px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,#fff,var(--soft));transition:transform .18s,box-shadow .2s}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.bcard__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--green-50);color:var(--green-700);margin-bottom:14px}
.bcard__ic svg{width:23px;height:23px}
.bcard h3{font-size:1rem;line-height:1.25;margin:0}

/* jobs accordion */
.jobs-sec{padding:84px 0;background:var(--soft)}
.jobs{display:flex;flex-direction:column;gap:14px;max-width:880px;margin:0 auto}
.job{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh-sm);overflow:hidden;transition:box-shadow .2s}
.job[open]{box-shadow:var(--sh)}
.job>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:22px 24px;font-family:var(--disp);font-weight:600;font-size:1.14rem}
.job>summary::-webkit-details-marker{display:none}
.job__badge{font-family:var(--font);font-size:.72rem;font-weight:600;color:var(--green-700);background:var(--green-50);padding:.32em .7em;border-radius:999px;white-space:nowrap}
.job__plus{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--green-50);color:var(--green-700);display:grid;place-items:center;transition:.25s;flex:0 0 auto;font-size:1.3rem;line-height:1}
.job[open] .job__plus{transform:rotate(45deg);background:var(--green);color:#fff}
.job__body{padding:4px 24px 26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px 32px;animation:fadeUp .35s both}
.job__col h4{font-family:var(--disp);font-size:1rem;margin-bottom:12px;color:var(--navy)}
.job__list li{position:relative;padding-left:24px;margin-bottom:9px;font-size:.93rem;color:var(--slate);line-height:1.5}
.job__list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--green)}
.job__cta{grid-column:1/-1;margin-top:8px}

/* pills (yes/no style selects) */
.pblock{margin-bottom:20px}
.pblock>.lbl{margin-bottom:10px}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pill-opt{position:relative;cursor:pointer;display:inline-flex}
.pill-opt input{position:absolute;opacity:0;width:0;height:0}
.pill-opt span{display:inline-block;padding:.62em 1.15em;border:1.6px solid var(--line);border-radius:999px;font-weight:600;font-size:.92rem;color:var(--slate);transition:.15s;background:#fff}
.pill-opt:hover span{border-color:#c5d2e0}
.pill-opt input:checked+span{border-color:var(--green);background:var(--green-50);color:var(--green-700)}
.pill-opt input:focus-visible+span{box-shadow:var(--ring)}

/* completeness meter (in dark summary) */
.meter{height:8px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:7px 0 3px}
.meter>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1a8245,#7ee2a4);border-radius:999px;transition:width .45s ease}

@media (max-width:980px){
  .intro__grid{grid-template-columns:1fr;gap:28px}
  .benefits__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .job__body{grid-template-columns:1fr;gap:18px}
  .job>summary{font-size:1.02rem;padding:18px 18px;flex-wrap:wrap}
}
@media (max-width:430px){
  .benefits__grid{grid-template-columns:1fr}
}