.career{text-align:center}
.stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:0 0 48px}
.stat{background:#fff;border:1px solid var(--line);padding:16px 26px;min-width:170px}
.stat b{display:block;font-size:30px;color:var(--green);line-height:1.1}
.stat span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:-24px 0 40px;font-size:13px;color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--c)}
.timeline{list-style:none;margin:0 auto;padding:0;max-width:960px;position:relative}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;
  background:linear-gradient(180deg,#bcd8c7,var(--green))}
.timeline li{position:relative;width:50%;padding:0 46px 34px 0;text-align:left}
.timeline li:nth-child(even){margin-left:50%;padding:0 0 34px 46px}
.tl-dot{position:absolute;top:14px;right:-22px;width:44px;height:44px;border-radius:50%;background:#fff;
  border:3px solid var(--c);display:flex;align-items:center;justify-content:center;z-index:1}
.timeline li:nth-child(even) .tl-dot{right:auto;left:-22px}
.tl-dot svg{width:20px;height:20px;fill:var(--c)}
.tl-card{position:relative;background:#fff;border:1px solid var(--line);border-top:4px solid var(--c);padding:18px 22px;
  box-shadow:0 6px 20px rgba(21,90,56,.06);transition:transform .25s,box-shadow .25s}
.tl-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(21,90,56,.13)}
.tl-card::after{content:"";position:absolute;top:22px;right:-9px;width:16px;height:16px;background:#fff;
  border-right:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.timeline li:nth-child(even) .tl-card::after{right:auto;left:-9px;transform:rotate(-135deg)}
.tl-yr{font-size:22px;font-weight:800;color:var(--ink);line-height:1.1}
.tl-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c);
  background:color-mix(in srgb,var(--c) 12%,#fff);padding:3px 8px;margin:8px 0 8px}
.tl-card p{margin:0;font-size:14px;color:var(--muted)}
.tl-card p strong{color:var(--ink)}
.t-education{--c:#7fae94}.t-job{--c:var(--green)}.t-training{--c:#c08a1e}
.timeline li.hl .tl-card{background:var(--green);border-color:var(--green);color:#fff}
.timeline li.hl .tl-card::after{background:var(--green);border-color:var(--green)}
.timeline li.hl .tl-yr,.timeline li.hl .tl-card p,.timeline li.hl .tl-card p strong{color:#fff}
.timeline li.hl .tl-tag{background:rgba(255,255,255,.18);color:#fff}

/* Einblenden beim Scrollen – nur wenn reveal.js aktiv ist */
.reveal-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal-ready .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1;transform:none;transition:none}}

@media (max-width:760px){
  .timeline::before{left:22px}
  .timeline li,.timeline li:nth-child(even){width:auto;margin-left:0;padding:0 0 26px 64px}
  .tl-dot,.timeline li:nth-child(even) .tl-dot{left:0;right:auto}
  .tl-card::after,.timeline li:nth-child(even) .tl-card::after{left:-9px;right:auto;transform:rotate(-135deg)}
}