.learning-hero{padding:64px 0 52px;background:linear-gradient(125deg,#eaf9f6 0,#fff 70%)}.learning-intro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:70px;align-items:center}.learning-hero h1{font:700 clamp(38px,5vw,62px)/1.08 var(--head);letter-spacing:-3px;color:var(--navy);max-width:760px;margin:14px 0 18px}.learning-hero p{font-size:19px;line-height:1.65;color:var(--muted);max-width:720px}.progress-panel{background:var(--navy);color:#fff;border-radius:18px;padding:26px}.progress-panel>span{display:block;color:#9fb1c7;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.progress-panel strong{display:block;font:600 22px var(--head);margin:8px 0 16px}.progress-track{height:9px;background:#21395c;border-radius:20px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--teal);transition:width .35s}.progress-panel small{display:block;color:#9fb1c7;line-height:1.5;margin-top:13px}.learning-shell{max-width:1080px}.path-note{display:grid;grid-template-columns:190px 1fr auto;gap:24px;align-items:center;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:54px}.path-note b{color:var(--navy)}.path-note span{color:var(--muted);font-size:14px;line-height:1.5}.path-note a{color:var(--deep);font-weight:700}.learning-stage{margin:0 0 74px;scroll-margin-top:24px}.stage-head{display:grid;grid-template-columns:66px 1fr;gap:22px;margin-bottom:24px}.stage-head>span{display:grid;place-items:center;width:60px;height:60px;background:var(--navy);color:var(--teal);border-radius:14px;font:700 20px var(--head)}.stage-head p{margin:0 0 3px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:1.2px}.stage-head h2{margin:0;color:var(--navy);font:600 28px var(--head)}.stage-head b{display:block;margin-top:5px;color:var(--muted);font-size:14px;font-weight:500}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lesson{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:start;padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px;transition:.2s}.lesson:hover{transform:translateY(-2px);border-color:#9dd9d0;box-shadow:0 10px 30px rgba(0,27,68,.07)}.lesson>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--mint);color:var(--deep);font-style:normal;font-weight:800}.lesson span{color:var(--teal-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.lesson h3{margin:3px 0 6px;color:var(--navy);font:600 18px var(--head)}.lesson p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.lesson em{color:#7a8798;font-size:12px;font-style:normal;white-space:nowrap}.lesson.done{border-color:var(--teal);background:#f3fbf9}.lesson.done:after{content:'✓ erledigt';position:absolute;right:18px;bottom:14px;color:var(--teal-dark);font-size:11px;font-weight:800}.editorial-link{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:34px;background:var(--navy);border-radius:18px;color:#fff}.editorial-link span{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:1px}.editorial-link h2{font:600 25px var(--head);margin:5px 0 8px}.editorial-link p{margin:0;color:#b9c6d8;max-width:650px}.editorial-link a{flex:none;color:var(--teal);font-weight:700}@media(max-width:850px){.learning-intro{grid-template-columns:1fr;gap:28px}.path-note{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr}.editorial-link{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.learning-hero{padding:45px 0 38px}.learning-hero h1{letter-spacing:-2px}.stage-head{grid-template-columns:52px 1fr}.stage-head>span{width:48px;height:48px}.stage-head h2{font-size:23px}.lesson{grid-template-columns:38px 1fr}.lesson em{display:none}.editorial-link{padding:25px}}