:root{--navy:#14232B;--lime:#B7D63D;--slate:#637078;--off:#F4F3EF;--white:#FFF;--line:#D9E0E1}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--off);color:var(--navy);font:18px/1.72 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif} a{color:#345367;text-decoration-color:#93A8AE;text-underline-offset:3px} a:hover{text-decoration-color:var(--lime)} a:focus-visible{outline:3px solid var(--lime);outline-offset:4px} .skip{position:absolute;left:-10000px;top:6px;background:white;padding:7px}.skip:focus{left:9px;z-index:99}.masthead{background:var(--navy);color:white;border-bottom:3px solid var(--lime)}.masthead-inner{max-width:1220px;margin:auto;min-height:79px;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:19px;letter-spacing:.035em;color:white;font-weight:800;text-decoration:none}.nav-links{display:flex;gap:22px;flex-wrap:wrap}.nav-links a{font-size:14px;letter-spacing:.045em;color:#DBE3E4;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current]{color:var(--lime)}
.hero{background:linear-gradient(133deg,#14232B,#263F47);color:white}.hero-inner{max-width:1220px;margin:auto;padding:67px 26px 55px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:36px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--lime);font-size:13px;font-weight:800}.hero h1{font-size:clamp(2.15rem,4.45vw,4.1rem);line-height:1.12;letter-spacing:-.04em;margin:16px 0 20px;max-width:850px}.deck{font-size:clamp(18px,2vw,23px);line-height:1.4;color:#D9E4E4;margin:0 0 28px}.byline{color:#C6D0D1;font-size:14px}.hero-figure{border-left:2px solid rgba(183,214,61,.4);padding:20px 26px}.hero-figure svg{max-width:100%}.hero-points{margin:0;padding:0;list-style:none}.hero-points li{font-size:21px;color:white;margin:20px 0;padding-left:28px;position:relative}.hero-points li:before{content:'';position:absolute;left:0;top:14px;width:10px;height:10px;background:var(--lime);border-radius:50%}
.page{max-width:1250px;padding:50px 26px 75px;margin:0 auto;display:grid;grid-template-columns:minmax(0,790px) minmax(220px,280px);gap:75px;align-items:start}.reading{min-width:0}.reading p{margin:0 0 1.35em}.reading h2{font-size:clamp(24px,2.4vw,34px);line-height:1.24;letter-spacing:-.025em;margin:64px 0 22px;scroll-margin-top:25px}.reading strong{font-weight:760}.reading>p:first-child{font-size:21px;line-height:1.7}.reading ol li{margin-bottom:17px}.reading hr{border:0;border-top:1px solid var(--line);margin:48px 0}.article-figure{margin:42px 0 50px;padding:12px;background:white;border:1px solid #DFE5E3;border-radius:12px;box-shadow:0 10px 20px rgba(20,35,43,.05)}.article-figure img{max-width:100%;height:auto;display:block;border-radius:8px}.article-figure figcaption{padding:15px 14px 6px;font-size:14px;line-height:1.5;color:#455D64}.sources{margin-top:54px;border-top:5px solid var(--lime);padding-top:20px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.sources h2{font-size:25px!important;margin:10px 0 22px!important}.sources ol{padding-left:20px}.sources li{margin-bottom:12px}.source-ref{font-size:.8em;white-space:nowrap;font-weight:700;text-decoration:none;color:#496B2C}.toc{position:sticky;top:24px;background:#fff;padding:26px 24px;border:1px solid #E3E8E8;border-radius:12px}.toc h2{font-size:16px;margin:0 0 10px}.toc ul{list-style:none;margin:0;padding:0}.toc li{border-top:1px solid #E7EBE9;padding:10px 0;line-height:1.45}.toc a{font-size:13px;text-decoration:none;color:#445C66}.toc a:hover{color:#58762C}.related{border-left:4px solid var(--lime);background:white;border-radius:0 9px 9px 0;padding:18px 22px;font-size:16px;margin-top:40px}.related a{font-weight:700}.footer{background:var(--navy);color:#D5DEDE;padding:40px 26px;text-align:center;font-size:14px}.footer a{color:white}.footer p{margin:7px 0}
@media(max-width:1050px){.page{gap:30px;grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:840px){.page{display:block;padding-top:34px}.toc{position:static;margin-top:40px}.hero-inner{grid-template-columns:1fr;padding-top:46px;padding-bottom:44px}.hero-figure{display:none}.masthead-inner{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{gap:16px}.reading h2{margin-top:43px}.reading>p:first-child{font-size:19px}}@media(max-width:500px){.nav-links{gap:10px}.nav-links a{font-size:12px}.hero h1{font-size:2.15rem}.page{padding:22px 19px 44px}.article-figure{margin:24px -8px 35px}.toc{padding:20px}}

/* V11: Navigation und Footer entsprechen der bestehenden Website. */
.site-header{position:sticky;top:0;z-index:20;background:rgba(244,243,239,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,35,43,.08)}
.wrap{width:min(calc(100% - 40px),1120px);margin-inline:auto}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}
.site-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.02em;color:#14232B}
.brandmark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#14232B;color:#B7D63D;font-weight:900}
.navlinks{display:flex;gap:20px;flex-wrap:wrap;font-size:.95rem}
.navlinks a{text-decoration:none;color:#637078;font-size:.95rem}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:#14232B}
.site-footer{padding:42px 0;background:#0e191f;color:#dce4e6}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}
.site-footer .footer-links{display:flex;gap:16px;flex-wrap:wrap}
.site-footer .footer-links a{color:#dce4e6}
.site-footer .small{font-size:.9rem;color:#aeb9bd;line-height:1.6}
.site-footer p{margin:.5em 0}.site-footer strong{font-size:1.05rem}
.internal-link{border-left:3px solid #B7D63D;padding:10px 18px;background:white;font-size:16px}
.related ul{margin:10px 0 0;padding-left:20px}.related li{margin:7px 0}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr}.nav{align-items:flex-start;padding:14px 0}.navlinks{justify-content:flex-end;font-size:.83rem;gap:10px}}
@media(max-width:540px){.nav{display:block}.navlinks{margin-top:12px;justify-content:flex-start}.navlinks a{font-size:.82rem}.site-header .brand{font-size:16px}}

/* V11: klinisch-editoriale neue Artikelgrafiken statt Strichmännchen. */
.article-figure{overflow:hidden}
.depth-visual{display:grid;grid-template-columns:45% 55%;background:#14232B;color:#f4f3ef;min-height:430px;align-items:stretch;border-radius:8px;overflow:hidden}
.depth-photo{min-height:420px;position:relative}.depth-photo img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:52% center;border-radius:0}
.depth-content{padding:26px 29px 18px}.diagram-kicker{text-transform:uppercase;font-weight:750;letter-spacing:.09em;font-size:12px!important;color:#B7D63D;margin-bottom:8px!important}.depth-content h3{font-size:clamp(22px,2.1vw,28px);line-height:1.2;margin:0 0 18px}
.depth-tier{display:flex;gap:13px;border-top:1px solid #38525c;padding:13px 0 8px;line-height:1.4}.depth-tier strong{font-size:17px;color:#fff}.depth-tier p{margin:3px 0 0;font-size:13px;color:#dee6e8;line-height:1.6}.depth-label{color:#B7D63D;font-size:20px;font-weight:850;line-height:1.2}.depth-caveat{margin:6px 0 0!important;color:#abbec4;font-size:12px!important;line-height:1.5!important}
.figure-image-link{display:block}.figure-image-link img{width:100%;height:auto}.article-figure figcaption a{font-weight:750;white-space:normal}
.knee-visual{display:grid;grid-template-columns:45% 55%;background:#14232B;border-radius:8px;overflow:hidden;color:#fff}.knee-visual img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center}
.knee-copy{padding:26px 25px}.knee-copy h3{font-size:clamp(20px,2.4vw,27px);line-height:1.24;margin:0 0 14px}.knee-copy p{font-size:14px;line-height:1.7;margin-bottom:13px}.knee-copy small{display:block;margin-top:22px;color:#cbd6d7;font-size:11px;line-height:1.5}
@media(max-width:700px){.depth-visual,.knee-visual{display:block}.depth-photo{height:310px;min-height:0}.depth-content{padding:22px 21px}.knee-visual img{height:300px;min-height:0;object-fit:contain;background:#F4F3EF}.knee-copy{padding:22px 21px}}