.baby-timeline-card{margin-top:32px;padding:clamp(20px,4vw,38px);border:1px solid #e2e8ef;border-radius:26px;background:linear-gradient(180deg,#fff 0,#fbfcf8 100%);box-shadow:0 18px 55px rgba(12,23,39,.07)}.baby-timeline-card>header{display:flex;justify-content:space-between;gap:24px;align-items:center}.baby-timeline-card>header h2{margin:8px 0;color:#0c1727;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em}.baby-timeline-card>header p{max-width:700px;color:#64748b;line-height:1.7}.baby-progress-ring{--progress:0deg;display:grid;place-items:center;flex:0 0 118px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#a3e635 var(--progress),#e8edf2 0);position:relative}.baby-progress-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.baby-progress-ring strong,.baby-progress-ring span{position:relative;z-index:1}.baby-progress-ring strong{align-self:end;color:#0c1727;font-size:1.35rem}.baby-progress-ring span{align-self:start;color:#64748b;font-size:.68rem}.baby-status{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:28px 0;padding:24px;border-radius:18px;background:#0c1727;color:#fff}.baby-status span{color:#a3e635;font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.baby-status strong{display:block;margin:7px 0;font-size:clamp(1.8rem,4vw,3rem)}.baby-status p{margin:0;color:#c8d4e3}.baby-status dl{display:grid;gap:8px;margin:0}.baby-status dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.07)}.baby-status dt{color:#9fb0c6}.baby-status dd{margin:0;font-weight:800}.baby-progress{position:relative;height:12px;margin:46px 5px 12px;border-radius:99px;background:#e8edf2}.baby-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f7a7a0,#a3e635)}.baby-progress b{position:absolute;top:50%;translate:-50% -50%;display:grid;place-items:center;width:32px;height:32px;border:4px solid #fff;border-radius:50%;background:#0c1727;color:#a3e635;box-shadow:0 4px 14px rgba(12,23,39,.2)}.baby-date-scale{display:flex;justify-content:space-between;color:#7a8798;font-size:.7rem}.baby-now{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center;margin:40px 0;padding:22px;border:1px solid #dfe7ee;border-radius:20px;background:#fff}.baby-now h3{margin:8px 0;color:#0c1727;font-size:1.5rem}.baby-now p{color:#52647b;line-height:1.7}.baby-now small{display:block;padding-top:10px;color:#65758a}.baby-chip{display:inline-block;padding:6px 9px;border-radius:99px;background:#edf7da;color:#4b7200;font-size:.65rem;font-weight:900;letter-spacing:.08em}.baby-sprite{aspect-ratio:1.5;border-radius:14px;background-image:url('../img/baby/entwicklung-timeline.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#f7f2df}.baby-sprite.phase-0{background-position:0 0}.baby-sprite.phase-1{background-position:50% 0}.baby-sprite.phase-2{background-position:100% 0}.baby-sprite.phase-3{background-position:0 100%}.baby-sprite.phase-4{background-position:50% 100%}.baby-sprite.phase-5{background-position:100% 100%}.baby-milestones{position:relative;display:grid;gap:16px;margin-top:34px}.baby-milestones:before{content:"";position:absolute;left:168px;top:40px;bottom:40px;width:2px;background:#dfe6ec}.baby-milestone{display:grid;grid-template-columns:140px 36px 1fr;gap:12px 22px;align-items:center;padding:15px;border:1px solid #e3e9ef;border-radius:16px;background:#fff;opacity:.72}.baby-milestone.done{opacity:1}.baby-milestone.next{opacity:1;border-color:#a3e635;box-shadow:0 8px 28px rgba(124,171,17,.12)}.baby-milestone .milestone-dot{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:4px solid #fff;border-radius:50%;background:#dfe6ec;color:#52647b;font-size:.72rem;font-weight:900;box-shadow:0 0 0 1px #dfe6ec}.baby-milestone.done .milestone-dot{background:#7cab11;color:#fff}.baby-milestone.next .milestone-dot{background:#0c1727;color:#a3e635}.baby-milestone span{color:#7a8b45;font-size:.68rem;font-weight:900;letter-spacing:.06em}.baby-milestone h3{margin:5px 0;color:#0c1727}.baby-milestone p{margin:0;color:#5b6b7e;line-height:1.65;font-size:.9rem}.baby-medical-note{margin-top:28px;padding:18px 20px;border-left:4px solid #e68b84;border-radius:0 12px 12px 0;background:#fff2f0}.baby-medical-note b{color:#8b3730}.baby-medical-note p{margin:6px 0 0;color:#66504e;line-height:1.6}@media(max-width:760px){.baby-timeline-card>header{align-items:flex-start}.baby-progress-ring{flex-basis:88px}.baby-status,.baby-now{grid-template-columns:1fr}.baby-now .baby-sprite{max-width:300px;width:100%}.baby-milestones:before{left:30px}.baby-milestone{grid-template-columns:36px 1fr}.baby-milestone>.baby-sprite{grid-column:1/-1;grid-row:auto;max-width:280px;width:100%;margin-left:58px}.baby-milestone .milestone-dot{grid-column:1;grid-row:2}.baby-milestone>div:last-child{grid-column:2;grid-row:2}}@media(max-width:520px){.baby-progress-ring{display:none}.baby-status dl>div{align-items:flex-start;flex-direction:column;gap:3px}.baby-date-scale span:nth-child(2){display:none}.baby-milestone>.baby-sprite{margin-left:0}}
.baby-sprite{aspect-ratio:1}