@font-face{font-family:DM;src:url('./assets/body.woff') format('woff');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{color:#20343f;background:#f4f5ef;font-family:DM,Arial,sans-serif;font-size:16px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:disabled{opacity:1;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #627b35;outline-offset:5px}.skip{position:absolute;top:-100px;z-index:10;background:#fff;padding:12px}.skip:focus{top:10px}.masthead{height:90px;max-width:1540px;margin:auto;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5dcd6}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:750;letter-spacing:.12em}.brand small{display:block;font-size:8px;letter-spacing:.18em;font-weight:500;margin-top:4px}.edition{font-size:10px;letter-spacing:.18em;color:#68766f}.edition b{font-weight:500;margin-left:20px;color:#243c46}.owner-link{font-size:12px}.owner-link span{margin-left:25px}main{max-width:1540px;margin:auto;padding:0 4%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:42px 0 32px;gap:24px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;margin:0 0 14px;color:#5f716e}h1{font-size:clamp(2.7rem,4.4vw,4.7rem);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin:0}h2,h3,p{margin-top:0}.intro-note{display:flex;align-items:center;gap:10px;padding-bottom:4px}.intro-note p{font-size:10px;line-height:1.8;color:#6a7670;margin:0}.intro-note strong{font-weight:500;color:#314b50}.status-dot{width:6px;height:6px;border-radius:50%;background:#8ba454;flex-shrink:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 328px;border:1px solid #d9dfd9;border-radius:5px;overflow:hidden;min-height:660px;background:#e9eeE8}.viewport{position:relative;isolation:isolate;min-width:0;min-height:660px;background:radial-gradient(ellipse at 49% 30%,#fafbf7 0%,#edf1eb 46%,#d9e2dc 100%)}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:20px;position:absolute;z-index:2;top:27px;left:28px;right:28px}.stage-top h2{font-size:11px;font-weight:500;letter-spacing:.02em;margin:0}.stage-top>span{font-size:8px;letter-spacing:.12em;color:#6d7d77}.viewport canvas{width:100%;height:100%;display:block}#product-stage{position:absolute;inset:30px 0 55px}.model-caption{position:absolute;bottom:87px;left:28px;font-size:10px;letter-spacing:.025em;color:#566e69;pointer-events:none}.stage-coordinate{position:absolute;left:28px;bottom:130px;width:30px;height:38px;font:8px monospace;color:#627c72}.stage-coordinate:before,.stage-coordinate:after{content:'';position:absolute;background:#97aaa0;bottom:5px;left:4px}.stage-coordinate:before{height:28px;width:1px}.stage-coordinate:after{height:1px;width:28px}.stage-coordinate span:first-child{position:absolute;bottom:1px;left:35px}.stage-coordinate span:nth-child(2){position:absolute;left:-3px;top:-8px}.camera-controls{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px 8px;border:1px solid #d7dfd6;border-radius:40px;background:#f7f9f2;box-shadow:0 4px 20px #2c4a3a0b}.camera-controls button{width:35px;height:33px;background:none;border:0;font-size:19px;font-weight:400}.camera-controls>span{width:1px;height:15px;background:#d7dfd6;margin:0 5px}.render-status{position:absolute;bottom:9px;left:20px;right:20px;text-align:center;font-size:8px;line-height:1.4;color:#60766b;margin:0}.inspector{padding:34px 26px 24px;background:#f9faf5;border-left:1px solid #d9dfd9;display:flex;flex-direction:column}.inspector>.eyebrow{color:#71836c}.inspector h2{font-size:29px;line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0 0 18px}.detail-copy{font-size:12px;line-height:1.6;color:#5b6d6a;max-width:29ch}.mode-controls{display:grid;gap:7px;margin:11px 0 28px}.mode-controls button{padding:13px 12px;border:1px solid #d5dfd3;border-radius:3px;display:flex;justify-content:space-between;align-items:center;background:#edf1e7;font-size:11px}.mode-controls button b{font-size:17px;font-weight:400}.component-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.component-title h3{font-size:11px;font-weight:500;margin:0}.component-title>span{font-size:7px;color:#758175;letter-spacing:.1em}.parts{list-style:none;padding:0;margin:0 0 18px}.parts li{border-top:1px solid #dce3d8}.parts li:last-child{border-bottom:1px solid #dce3d8}.parts button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;border:0;background:none;text-align:left;font-size:12px}.part-number{font:9px monospace;color:#8b9b83}.parts small{display:block;margin-top:5px;font-size:9px;color:#768477}.parts b{margin-left:auto;font-size:13px;font-weight:400}.model-note{font-size:9px;line-height:1.65;color:#6b7b71;max-width:38ch;margin:0 0 20px}.presentation{background:#213b44;color:#f1f4e8;border:0;border-radius:3px;text-align:left;padding:14px;font-size:11px;display:flex;justify-content:space-between;margin-top:auto}.presentation span{color:#c5dd8b}.reset{background:none;border:0;font-size:9px;color:#687e6f;padding:13px 0 0}.story{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:64px 0;border-bottom:1px solid #d5dcd6}.story h2{font-size:32px;line-height:1.08;letter-spacing:-.04em;font-weight:500}.story ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;margin:0}.story li{border-top:1px solid #cbd6ca;padding-top:14px}.story li>span{font:9px monospace;color:#6e8a71}.story h3{font-size:14px;font-weight:500;margin:32px 0 8px}.story li p{font-size:11px;color:#62756c;line-height:1.5}.next{padding:55px 0;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:start;gap:40px}.next h2{font-size:28px;font-weight:500;letter-spacing:-.04em}.next p{font-size:12px;line-height:1.7;color:#5b6e65;max-width:48ch}.next a{font-size:11px;justify-self:end;border-bottom:1px solid #233b3e;padding-bottom:10px}.next a span{margin-left:25px}footer{max-width:1540px;margin:auto;border-top:1px solid #d5dcd6;padding:24px 4%;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#617168}footer p{margin:0}@media(min-width:1650px){.viewport,.workspace{min-height:740px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 290px}.inspector{padding:28px 21px}.inspector h2{font-size:26px}.story{grid-template-columns:1fr}.next{grid-template-columns:1fr 1fr}.next a{justify-self:start}.intro{padding-top:32px}}@media(max-width:700px){.masthead{height:73px;padding:0 6%}.brand{font-size:11px}.brand img{width:20px;height:26px}.brand small{font-size:6px}.edition{display:none}.owner-link{font-size:10px}.owner-link span{margin-left:10px}main{padding:0 5%}.intro{padding:29px 1% 25px;display:block}.intro h1{font-size:clamp(2.5rem,10vw,3.5rem)}.intro-note{margin-top:23px}.intro-note p{font-size:9px;line-height:1.5}.intro-note br{display:none}.intro-note strong{margin-left:6px}.workspace{grid-template-columns:1fr;min-height:0}.viewport{min-height:500px}.stage-top{top:20px;left:18px;right:18px}.stage-top h2{font-size:10px}.stage-top>span{font-size:6px}.model-caption{left:18px;bottom:91px;font-size:9px}.stage-coordinate{left:18px;bottom:128px}.inspector{border-left:0;border-top:1px solid #d9dfd9;padding:27px 25px}.inspector h2{font-size:32px}.inspector h2 br{display:none}.detail-copy{max-width:36ch}.mode-controls{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:25px}.mode-controls button{align-items:flex-start;gap:10px;line-height:1.5;padding:12px;font-size:10px}.parts small{font-size:10px}.model-note{font-size:10px;max-width:50ch}.presentation{padding:16px;font-size:12px}.reset{padding:16px;font-size:10px}.story{padding:42px 6px;gap:10px}.story h2{font-size:32px}.story ol{grid-template-columns:1fr 1fr;gap:25px 20px}.story h3{margin-top:18px}.next{padding:35px 6px;grid-template-columns:1fr;gap:10px}.next h2{margin-bottom:5px}.next a{margin-top:8px}footer{padding:24px 6%;font-size:9px;flex-direction:column;gap:12px}.render-status{font-size:8px}}@media(max-width:350px){.intro-note{gap:7px}.intro-note br{display:block}.intro-note strong{margin-left:0}.viewport{min-height:440px}.inspector{padding:25px 20px}.mode-controls{grid-template-columns:1fr}.stage-top>span{max-width:70px;text-align:right;line-height:1.5}}

/* Static review corrections: readable disclosure and compact product-first entry. */
.intro{padding:27px 0 25px}h1{font-size:clamp(2.7rem,3.7vw,4rem)}.intro-note p{font-size:12px}.render-status{font-size:11px;bottom:8px}.stage-top>span{font-size:10px}.model-note{font-size:11px}.parts small{font-size:11px}.component-title>span{font-size:9px}.reset{font-size:11px}@media(max-width:700px){.intro h1{font-size:clamp(2.3rem,9vw,3.5rem)}.intro-note p{font-size:11px}.stage-top>span{font-size:9px}.render-status{font-size:10px}.model-note{font-size:11px}}

/* Actual 320px static review: no clipped stage metadata; usable touch-sized controls. */
.camera-controls button{width:44px;height:44px}.camera-controls{gap:0;padding:3px 5px}.camera-controls>span{margin:0 3px}.render-status{bottom:7px}.model-caption{bottom:100px}.stage-coordinate{bottom:140px}@media(max-width:350px){.stage-top{align-items:flex-start;gap:10px}.stage-top h2{max-width:125px;line-height:1.5}.stage-top>span{max-width:85px;flex-shrink:0;overflow-wrap:anywhere}.camera-controls button{width:38px;height:44px}.camera-controls>span{margin:0 2px}.render-status{font-size:9px}}

#product-stage{touch-action:none;cursor:grab}#product-stage:active{cursor:grabbing}#product-stage:focus-visible{outline:3px solid #627b35;outline-offset:-5px}.parts button[aria-pressed="true"]{color:#355820;background:#e9efdf}.mode-controls button[aria-pressed="true"]{border-color:#6e8b4a;background:#e1ead3}.tour-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.tour-navigation[hidden]{display:none}.tour-navigation button{width:44px;height:44px;border:1px solid #cbd6c3;border-radius:3px;background:#f0f3e9}.tour-navigation button:disabled{opacity:.4}.tour-navigation span{font-size:12px}.workspace:fullscreen{width:100%;height:100%;min-height:100%;border-radius:0}.workspace:fullscreen .viewport{min-height:0;height:100%}.workspace:fullscreen .inspector{overflow:auto}#product-stage[data-fallback="true"]:after{content:'3D-Ansicht nicht verfügbar. Wählen Sie unten oder rechts ein Bauteil für die Erläuterung.';position:absolute;inset:30%;font-size:16px;line-height:1.6}#product-stage[data-fallback="true"] canvas{visibility:hidden}@media(max-width:700px){.workspace:fullscreen{display:block;overflow:auto}.workspace:fullscreen .viewport{height:65vh;min-height:400px}.workspace:fullscreen .inspector{height:auto}}

/* Integrated accessibility review: stable opaque text surfaces and stronger muted contrast. */
.edition,.intro-note p,.inspector>.eyebrow,.component-title>span,.part-number,.parts small,.model-note,.reset,.story li>span,.story li p{color:#4b6054}.stage-top h2,.stage-top>span,.render-status,.model-caption{color:#324f43;background:#edf1eb}.stage-top h2,.stage-top>span,.model-caption{padding:3px 5px;border-radius:2px}.render-status{padding:2px 4px}.stage-coordinate{color:#324f43}.camera-controls button{color:#20343f}button:disabled{cursor:default}.tour-navigation button:disabled{opacity:1;color:#677064;background:#e7ebe2}.inspector .detail-copy{min-height:3.2em}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Complete single-pointer orbit and non-colour selection indication. */
.parts button[aria-pressed="true"]{font-weight:700}.parts button[aria-pressed="true"] .part-number:after{content:' ✓'}.mode-controls button,.tour-navigation button{border-color:#6b7e6b}.owner-link{display:inline-block;padding:6px 0}footer a{display:inline-flex;align-items:center;min-height:24px}@media(max-width:700px){.camera-controls button{width:38px}}@media(max-width:350px){.camera-controls button{width:32px}}

@media(max-width:350px){.stage-top>span{max-width:none;white-space:nowrap;overflow-wrap:normal}.stage-top h2{min-width:0;flex:1}}

/* Keep guided navigation spatially stable while explanatory copy changes. */
.inspector h2{min-height:2.2em;overflow-wrap:anywhere}.inspector .detail-copy{min-height:8em}.tour-navigation[hidden]{display:flex;visibility:hidden;pointer-events:none}@media(max-width:700px){.inspector h2{min-height:3.24em}}

.part-number{position:relative;display:inline-block;flex:0 0 26px;min-width:26px}.parts button[aria-pressed="true"] .part-number:after{position:absolute;right:0;top:0}

footer{flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.technical-note{flex-basis:100%;max-width:86ch;font-size:11px;line-height:1.6}

/* One stable explanation field keeps text together without separated empty bands. */
.detail-body{min-height:170px}.inspector h2,.inspector .detail-copy{min-height:0}@media(max-width:700px){.detail-body{min-height:205px}.inspector h2{min-height:0}}