/* Gemeinsame Leseflächen: deckend, passend zur weißen/grünen Gestaltung. */
.faq-head,.landing-page .faq-head{background:#f8fbf6!important;backdrop-filter:none!important}
.faq-list{background:#fff;border:1px solid #ccd8c9;border-radius:6px;overflow:hidden;box-shadow:8px 8px 0 rgba(116,164,55,.12)}
.faq-list details{background:#fff;color:#102018;border-bottom:1px solid #ccd8c9}
.faq-list details:last-child{border-bottom:0}
.faq-list details[open]{background:#f3f8ef}
.faq-list summary{color:#102018;background:#fff}
.faq-list details[open] summary{background:#edf5e6}
.faq-list details p,.faq-head p{color:#304035!important}
.faq-list summary span,.faq-list summary i{color:#426f13!important}
.faq-list summary:hover{background:#f3f8ef}
.faq-list summary:focus-visible{outline:3px solid #426f13;outline-offset:-4px}
.inline-contact-action{margin:18px 0!important}
.inline-contact-action .button{max-width:100%;white-space:normal;text-align:center;line-height:1.45;min-height:48px;padding:14px 20px}
.inline-contact-action .button:focus-visible{outline:3px solid #102018;outline-offset:4px}

/* Die Navigation hat eine eigene Zeile unter der Kartenfläche. */
.depth-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;padding-bottom:24px}
.depth-space{height:auto;min-height:0;margin-top:0}
.depth-card{top:50%;height:min(440px,100%);margin-top:0;translate:0 -50%;grid-template-rows:minmax(0,1fr)}
.depth-card-image{min-height:0}
.depth-nav{position:relative;inset:auto;justify-self:center;align-self:end;gap:4px;height:28px;align-items:center}
.depth-nav button{position:relative;height:28px;width:28px;background:transparent!important}
.depth-nav button.active{width:48px}
.depth-nav button::after{content:"";position:absolute;left:2px;right:2px;top:12px;height:4px;background:#739547;border-radius:2px}
.depth-nav button.active::after{background:#102018}
.depth-nav button:focus-visible{outline:2px solid #102018;outline-offset:2px}
@media(max-width:680px){
 .depth-stage{padding:92px 12px 12px;gap:12px}
 .depth-head h2{font-size:clamp(29px,8vw,39px)}
 .depth-card{top:0;translate:none;height:100%;max-height:470px;grid-template-rows:minmax(0,1fr) auto;margin-top:0}
 .depth-card-image{height:100%;min-height:0}
 .depth-card-copy{padding:12px 14px;transform:none}
 .depth-card-copy h3{font-size:clamp(25px,7.5vw,35px)}
 .depth-card-copy p{font-size:13px;line-height:1.4}
 .depth-card-copy i{margin-top:4px;min-height:30px}
 .inline-contact-action .button{width:100%}
}

/* Alle vorhandenen Produktlabore: gleich große Bühne, Bedienelemente im Fluss. */
body .explorer-stage[data-model][data-explorer]{--scene-height:480px;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--scene-height) auto auto auto auto;gap:12px!important;width:100%!important;height:auto!important;min-height:0!important;padding:0 20px 20px!important;overflow:hidden!important;background:linear-gradient(145deg,#fff,#f2ffe0)!important;cursor:default}
body .explorer-stage[data-model][data-explorer]::before{content:"";grid-row:1;height:var(--scene-height);pointer-events:none}
body .explorer-stage[data-model][data-explorer]::after{display:none!important}
body .explorer-stage[data-model][data-explorer] .arch-canvas{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:var(--scene-height)!important}
body .explorer-stage[data-model][data-explorer] :is(.model-hotspots,.model-controls,.window-system-switch,.door-lab-switches,.awning-lab-switches,.terrace-switches,.product-switches,.config-switches,.unified-model-summary,.explorer-readout){position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;transform:none!important;overflow:visible!important;box-sizing:border-box}
body .explorer-stage[data-model][data-explorer] .model-hotspots{grid-row:2;display:flex!important;justify-content:center!important;flex-wrap:wrap;gap:12px!important;z-index:8!important}
body .explorer-stage[data-model][data-explorer] .model-hotspot{position:relative!important;inset:auto!important;transform:none!important}
body .explorer-stage[data-model][data-explorer] .model-hotspot b{display:none!important}
body .explorer-stage[data-model][data-explorer] .model-controls{grid-row:3;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
body .explorer-stage[data-model][data-explorer] .model-controls button{min-width:0!important;min-height:44px!important;font-size:11px!important;text-align:center;padding:9px!important}
body .explorer-stage[data-model][data-explorer] :is(.window-system-switch,.door-lab-switches,.awning-lab-switches,.terrace-switches,.product-switches,.config-switches,.unified-model-summary){grid-row:4;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;min-height:130px!important;background:#f7faf5!important;border:1px solid #d3decd!important;align-content:start}
body .explorer-stage[data-model][data-explorer] :is(.window-system-switch,.door-lab-switches,.awning-lab-switches,.terrace-switches,.product-switches,.config-switches) button{min-height:34px!important;font-size:10px!important;padding:7px 9px!important}
body .explorer-stage[data-model][data-explorer] :is(.window-system-switch,.door-system-switch,.door-design-switch,.awning-model-switch,.awning-fabric-switch,.terrace-switch-group,.product-switch-group,.config-switch-group) :is(small,span:first-child){font-size:10px!important;line-height:1.4!important;color:#426f13!important}
body .explorer-stage[data-model][data-explorer] .explorer-readout{grid-row:5;min-height:155px!important;padding:18px!important;background:#fff!important;border:1px solid #d3decd!important;box-shadow:none!important}
body .explorer-stage[data-model][data-explorer] .explorer-readout strong{font-size:22px!important}
body .explorer-stage[data-model][data-explorer] .explorer-readout p{display:block!important;font-size:14px!important;line-height:1.6!important;color:#304035!important}
body .explorer-stage[data-model][data-explorer] :is(.drag-note,.door-catalog-note,.config-model-status,.terrace-model-status,.lab-selection-label){display:none!important}
body .explorer-stage[data-model][data-explorer] .model-orbit-ring{top:240px!important}
body .explorer-stage[data-model][data-explorer] .door-fallback{top:240px!important;scale:.7}
@media(min-width:769px) and (max-width:980px){body .explorer-stage[data-model][data-explorer]{--scene-height:420px}body .explorer-stage[data-model][data-explorer] .model-orbit-ring,body .explorer-stage[data-model][data-explorer] .door-fallback{top:210px!important}}
.editorial-contact-button{white-space:normal;max-width:100%;line-height:1.45;text-align:center;margin:8px 8px 8px 0;min-height:48px}
@media(max-width:680px){.editorial-contact-button{width:100%;margin-right:0}}
body .explorer-stage[data-model][data-explorer] .catalog-model-note{display:none!important}
body .explorer-stage[data-model][data-explorer] .door-fallback{scale:.58!important;transform-origin:center!important;top:220px!important}
body .explorer-stage[data-model][data-explorer] .door-fallback-label{display:none!important}
body .explorer-stage[data-model][data-explorer] .lab-ready-badge{display:none!important}
@media(max-width:680px){.depth-status{top:0}.depth-head h2{margin-top:30px}.home .contact-drawer{bottom:54px}}
body .explorer-stage[data-model][data-explorer] .model-orbit-ring{display:none!important}
body .explorer-stage[data-model][data-explorer] :is(.window-system-switch,.door-lab-switches,.awning-lab-switches,.terrace-switches,.product-switches,.config-switches,.unified-model-summary){min-height:240px!important}
body .explorer-stage[data-model][data-explorer] .explorer-readout{min-height:205px!important}
body.model-lab-in-view .contact-drawer,body.service-cards-in-view .contact-drawer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* Lange lokale Beschriftungen dürfen die Karten auf Mobilgeräten nicht verbreitern. */
.landing-article article,.landing-article article>div,.landing-article .inline-contact-action{min-width:0}
.inline-contact-action .button,.editorial-contact-button{box-sizing:border-box;overflow-wrap:anywhere}
.inline-contact-action .button.primary,.landing-article .editorial-contact-button.primary{background:#102018;border-color:#102018;color:#fff}
body .explorer-stage[data-model][data-explorer] .model-hotspots{min-height:44px!important;align-items:center!important}