.slx-measure-open { overflow:hidden !important; }
.slx-measure-trigger { display:flex;align-items:center;gap:20px;width:calc(100% - 20px);margin:10px 10px 0;padding:4px 20px 4px 16px;box-sizing:border-box;border:1px solid #dcd4e6;border-radius:14px;background:#fff;color:#57466f;text-align:left;font:inherit;cursor:pointer;box-shadow:0 3px 9px #57466f09;transition:transform .18s,box-shadow .18s,background .18s; }
.slx-measure-trigger * { box-sizing:border-box; }
.slx-measure-trigger:hover { border-color:#a08ab6;box-shadow:0 4px 13px #57466f15; }
.slx-measure-trigger:active { transform:translateY(1px); }
.slx-measure-trigger:focus-visible,.slx-measure button:focus-visible,.slx-measure a:focus-visible { outline:3px solid #d4a600;outline-offset:3px; }
.slx-measure-trigger__copy { display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;gap:2px; }
.slx-measure-trigger strong { font-size:18px;font-weight:800;line-height:1.3; }
.slx-measure-trigger small { color:#81728e;font-size:13px;line-height:1.4; }
.slx-measure-trigger__preview { position:relative;flex:0 0 80px;width:80px;height:90px;display:flex;align-items:center;justify-content:center;background:#f2f0f7;border-radius:9px; }
.slx-measure-trigger__window { position:relative;width:67px;height:87px;border:5px solid #fff;outline:1px solid #ccd2ce;background:#e0eef4;box-shadow:inset 0 0 0 2px #667275,2px 3px 0 #dce1db; }
.slx-measure-trigger__window::before { content:'';position:absolute;left:4px;right:4px;top:4px;height:27px;background:repeating-linear-gradient(to bottom,#f8f1df 0px,#f8f1df 3px,#c9bda5 4px,#f3ead6 6px);border-top:3px solid #d1c5ae;border-bottom:3px solid #d1c5ae; }
.slx-measure-trigger__window::after { content:'';position:absolute;width:3px;height:14px;background:#b8c2c5;left:-3px;top:33px;border-radius:2px; }
.slx-measure-trigger__tape { position:absolute;left:3px;right:3px;bottom:17px;height:6px;background:repeating-linear-gradient(90deg,transparent 0,transparent 5px,#655137 5px,#655137 6px),#ffcf00; }
.slx-measure-trigger__play { position:absolute;left:50%;top:50%;margin:-18px 0 0 -18px;transform:scale(1);transform-origin:50% 50%;width:36px;height:36px;border-radius:50%;color:#57466f;display:block;box-shadow:0 2px 6px #57466f30; }
.slx-measure-trigger__play svg { display:block;width:36px;height:36px;fill:none;transform:none;transition:none;pointer-events:none; }
.slx-measure-trigger.is-static .slx-measure-trigger__play { background:#ffcf00; }
.slx-measure-trigger.is-static .slx-measure-trigger__play svg { position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px; }
.slx-measure-trigger__eyebrow { font-size:11px;font-weight:800;letter-spacing:.9px;line-height:1.5;color:#8b789b;margin-bottom:0; }
.slx-measure-trigger__link { display:flex;align-items:center;gap:7px;margin-top:3px;font-size:14px;font-weight:800;line-height:1.5; }
.slx-measure-trigger__link svg { width:17px;height:17px;flex-shrink:0; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .slx-measure-trigger__play { transition:transform .22s ease; }
 .slx-measure-trigger:not(.is-static):hover .slx-measure-trigger__tape { animation:slx-measure-tape-reel 1.3s ease-in-out; }
 .slx-measure-trigger:not(.is-static):hover .slx-measure-trigger__play { transform:scale(1.1); }
}
@keyframes slx-measure-tape-reel {
 0%,100% { clip-path:inset(0 0 0 0); }
 45%,55% { clip-path:inset(0 50% 0 0); }
}
.slx-measure-enhanced>.accordion-collapse>.accordion-body>.bogx--config-caption { display:none; }
#bogx_configurator_wrap .slx-measure-enhanced>.accordion-collapse>.accordion-body>.bogx--parametrix-axb-free-wrap { padding-bottom:7px; }
.slx-measure-enhanced .bogx--parametrix-axb-free-wrap .bogx--td.ttip { width:auto; }
.slx-measure { --slx-ink:#33273e;--slx-purple:#57466f;--slx-gold:#ffcf00;--slx-step-progress:0%;padding:0;border:0;border-radius:18px;width:min(1120px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 36px);margin:auto;color:var(--slx-ink);background:#fff;font-family:inherit;box-shadow:0 28px 120px #1c102b55;overflow:auto;overscroll-behavior:contain; }
.slx-measure:not([open]) { display:none; }
.slx-measure::backdrop { background:#24182fa6; }
.slx-measure[open] { animation:slx-measure-enter .24s ease-out; }
.slx-measure__shell { position:relative; }
.slx-measure svg { width:20px;height:20px;flex-shrink:0; }
.slx-measure button,.slx-measure a { -webkit-tap-highlight-color:transparent; }
.slx-measure__header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 26px 12px; }
.slx-measure__eyebrow { margin:0 0 8px;color:#81728f;font-size:9px;font-weight:700;letter-spacing:1.8px; }
.slx-measure__eyebrow span { color:#c3a00b;margin:0 4px; }
.slx-measure h2 { color:var(--slx-ink);font-size:27px;line-height:1.16;letter-spacing:-.8px;margin:0;font-weight:700; }
.slx-measure h2 br { display:none; }
.slx-measure h2 em { position:relative;z-index:0;white-space:nowrap;color:var(--slx-purple);font-style:normal; }
.slx-measure h2 em::after { position:absolute;bottom:1px;left:0;right:0;z-index:-1;height:6px;background:var(--slx-gold);content:""; }
.slx-measure__close { display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;flex-shrink:0;border:1px solid #e5e0e9;border-radius:50%;background:#fff;color:var(--slx-purple);cursor:pointer; }
.slx-measure__close:hover { background:#f3f0f7; }
.slx-measure__mount { display:flex;align-items:center;gap:12px;margin:0 26px 16px;padding:12px 14px;border:1px solid #e6dfee;border-radius:10px;background:#f7f4fa; }
.slx-measure__mount>span:last-child { min-width:0; }
.slx-measure__mount-icon { display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#e9e2f1;color:#57466f; }
.slx-measure__mount-icon svg { width:20px;height:20px; }
.slx-measure__mount small { display:block;font-size:12px;letter-spacing:.5px;color:#71617e;line-height:1.5; }
.slx-measure__mount strong { display:block;margin-top:2px;font-size:18px;font-weight:650;line-height:1.45;color:#433153;overflow-wrap:anywhere; }
.slx-measure__mount-note { display:block;margin-top:7px;padding-left:10px;border-left:3px solid #ffcf00;color:#57466f;font-size:16px;font-weight:650;line-height:1.45; }
.slx-measure__steps { display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 26px; }
.slx-measure__steps button { position:relative;display:flex;align-items:center;gap:10px;overflow:hidden;border:0;border-bottom:3px solid #eeeaf2;background:transparent;color:#82738f;padding:10px 0 11px;text-align:left;font:inherit;font-size:15px;line-height:1.35;cursor:pointer; }
.slx-measure__steps button>span { min-width:0; }
.slx-measure__steps .slx-measure__step-label-short { display:none; }
.slx-measure__steps button[hidden] { display:none; }
.slx-measure[data-order-width="true"] .slx-measure__steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
.slx-measure__steps b { display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#f3f0f6;font-size:12px;font-weight:650; }
.slx-measure__steps .is-active { color:var(--slx-purple);font-weight:700; }
.slx-measure__steps .is-active b { background:#ffcf00;color:#49375a; }
.slx-measure__steps .is-complete { border-bottom-color:#b4a7c1;color:var(--slx-purple); }
.slx-measure__steps .is-complete b { background:#ece7f2;color:#57466f; }
.slx-measure__steps .is-active::after { position:absolute;bottom:0;left:0;height:3px;width:max(5%,var(--slx-step-progress));background:var(--slx-gold);content:""; }
.slx-measure__steps button:disabled { cursor:default; }
.slx-measure[data-phase="ready"] .slx-measure__steps .is-active::after { width:0; }
.slx-measure__body { display:block; }
.slx-measure__visual { position:relative;min-width:0;margin:13px 16px 0;border:1px solid #ede8f2;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#fbfafc,#f4f1f7); }
.slx-measure__scene { width:100%; }
.slx-measure__static { display:grid;justify-items:center;gap:14px;padding:48px 30px;color:#57466f;text-align:center; }
.slx-measure__static>svg { width:48px;height:48px;padding:10px;box-sizing:content-box;border-radius:16px;background:#fff3b3;color:#57466f; }
.slx-measure__static h3 { margin:0;font-size:22px;line-height:1.3;color:#57466f; }
.slx-measure__static p { max-width:480px;margin:0;font-size:18px;line-height:1.6;color:#78658b; }
.slx-measure__pdf[hidden] { display:none; }
.slx-measure__pdf-unavailable { flex-basis:240px;margin:0;color:#78658b;font-size:14px;line-height:1.5; }
.slx-measure__pdf-unavailable[hidden] { display:none; }

.slx-measure .slx-measure__scene>svg { display:block;width:100%;height:auto;max-height:545px; }
.slx-measure__scene-status { position:absolute;left:15px;top:13px;z-index:1;display:flex;align-items:center;gap:7px;margin:0;padding:7px 10px;border:1px solid #e8e1ed;border-radius:20px;background:#ffffffed;box-shadow:0 2px 10px #38234808;color:#655370;font-size:10px;line-height:1.4;pointer-events:none; }
.slx-measure__scene-status::before { width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#e9b900;content:""; }
.slx-measure__scene-status:empty,.slx-measure__scene-status[hidden] { display:none; }
.slx-measure__instruction-band { position:relative;min-height:148px;padding:17px 22px 16px;border-top:1px solid #e5d080;background:#fff2bb;color:#4c385c; }
.slx-measure__instruction-band[hidden] { display:none; }
.slx-measure__instruction-band::before { position:absolute;left:0;top:0;bottom:0;width:5px;background:#ffcf00;content:""; }
.slx-measure__instruction-title { margin:0 0 6px;color:#57466f;font-size:11px;font-weight:750;letter-spacing:.4px; }
.slx-measure__instruction-main { margin:0;font-size:17px;line-height:1.45;font-weight:650;color:#413049; }
.slx-measure__instruction-rule { margin-top:10px;font-size:13px;line-height:1.6;color:#5e496c;font-weight:550; }
.slx-measure__instruction-rule .slx-measure__rule-line { display:block; }
.slx-measure__instruction-rule .slx-measure__rule-line+.slx-measure__rule-line { margin-top:4px; }
.slx-measure__instruction-rule strong { font-weight:650; }
.slx-measure__instruction-rule small { display:block;font-size:12px;font-weight:400; }
.slx-measure__instruction-tip { margin:8px 0 0;color:#806c82;font-size:10px;line-height:1.6; }
.slx-measure__footer { display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 26px;padding:18px 0 20px; }
.slx-measure__playback { display:flex;align-items:stretch;gap:10px; }
.slx-measure__playback button { display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 13px;border:1px solid #dbd1e6;border-radius:8px;background:#f6f2fa;color:#57466f;font:inherit;font-size:16px;font-weight:600;line-height:1.35;cursor:pointer; }
.slx-measure__playback button:hover { color:#33223f;border-color:#aa97bd;background:#efe8f6; }
.slx-measure__playback [data-play] { min-width:116px; }
.slx-measure__playback svg { width:20px;height:20px; }
.slx-measure__pdf { display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 14px;border:1px solid #dbd1e6;border-radius:8px;background:#fff;color:#57466f;font-size:16px;font-weight:600;line-height:1.35;text-decoration:none; }
.slx-measure__pdf:hover { color:#33223f;border-color:#aa97bd;background:#faf7fd; }
.slx-measure__pdf svg { width:20px;height:20px; }
.slx-measure__done { display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;margin-left:auto;padding:12px 17px;border:0;border-radius:8px;background:#57466f;color:#fff;font:inherit;font-weight:600;font-size:16px;line-height:1.35;cursor:pointer; }
.slx-measure__done:hover { background:#433358; }
.slx-measure__done svg { width:20px;height:20px; }
.slx-measure__motion { padding:0 26px 16px;margin:0;color:#8b7b96;font-size:10px;line-height:1.6; }
.slx-measure__status { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.slx-measure__variant { margin:0 26px 12px;padding:11px 14px;border:1px solid #e8dfc1;border-radius:9px;background:#faf8f0; }
.slx-measure__variant legend { float:none;width:auto;margin:0 0 8px;font-size:11px;font-weight:600; }
.slx-measure__variant button { margin:0 6px 4px 0;padding:8px 11px;border:1px solid #d8d0df;border-radius:6px;background:#fff;color:#57466f;font:inherit;font-size:11px;cursor:pointer; }
.slx-measure__variant button[aria-pressed="true"] { border-color:#57466f;background:#57466f;color:#fff; }
.slx-measure[data-awaiting="true"] .slx-measure__playback { visibility:hidden; }
.slx-measure[data-static="true"] .slx-measure__steps { display:none; }
.slx-measure[data-static="true"] .slx-measure__playback { display:none; }
@keyframes slx-measure-enter { from { opacity:0;transform:translateY(9px); } to { opacity:1;transform:translateY(0); } }
@media(min-height:1000px) and (min-width:900px) { .slx-measure .slx-measure__scene>svg { max-height:590px; } }
@media(max-width:700px) {
 .slx-measure { width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px; }
 .slx-measure__header { gap:10px;padding:19px 18px 14px; }
 .slx-measure h2 { font-size:24px;letter-spacing:-.7px; }
 .slx-measure h2 br { display:block; }
 .slx-measure__eyebrow { font-size:8px;letter-spacing:1.4px;margin-bottom:8px; }
 .slx-measure__close { width:33px;height:33px;padding:7px; }
 .slx-measure__mount { margin:0 18px 12px;padding:12px; }
 .slx-measure__mount strong { font-size:17px; }
 .slx-measure__steps { grid-template-columns:repeat(3,minmax(0,1fr));margin:0 18px;gap:6px; }
 .slx-measure[data-order-width="true"] .slx-measure__steps { grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
 .slx-measure__steps button { flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:74px;box-sizing:border-box;font-size:13px;line-height:1.2;padding:7px 2px 8px;text-align:center; }
 .slx-measure__steps .slx-measure__step-label-full { display:none; }
 .slx-measure__steps .slx-measure__step-label-short { display:block;max-width:100%;min-height:2.4em;overflow-wrap:normal;word-break:normal;hyphens:none; }
 .slx-measure__steps b { width:24px;height:24px;font-size:12px;line-height:1; }
 .slx-measure__visual { margin:12px 10px 0;border-radius:10px; }
 .slx-measure__static { padding:30px 20px;gap:12px; }
 .slx-measure__static h3 { font-size:20px; }
 .slx-measure__static p { font-size:17px; }
 .slx-measure .slx-measure__scene>svg { max-height:440px; }
 .slx-measure__scene-status { top:8px;left:8px;font-size:9px;padding:5px 8px; }
 .slx-measure__instruction-band { min-height:195px;padding:15px 15px 13px; }
 .slx-measure__instruction-title { font-size:10px;margin-bottom:6px; }
 .slx-measure__instruction-main { font-size:15px;line-height:1.5; }
 .slx-measure__instruction-rule { font-size:12px;line-height:1.6;margin-top:9px; }
 .slx-measure__instruction-rule small { display:block;font-size:11px; }
 .slx-measure__instruction-rule small::before { content:""; }
 .slx-measure__instruction-tip { font-size:9px;line-height:1.6; }
 .slx-measure__footer { display:grid;grid-template-columns:minmax(0,1fr);margin:0 18px;gap:12px;padding:16px 0 20px; }
 .slx-measure__playback { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px; }
 .slx-measure__playback button { min-width:0;padding:10px 8px;gap:6px; }
 .slx-measure__playback button span { min-width:0; }
 .slx-measure__pdf { width:100%;margin-left:0; }
 .slx-measure__done { width:100%;margin-left:0; }
 .slx-measure__motion { padding:0 18px 14px; }
 .slx-measure__variant { margin-left:18px;margin-right:18px; }
}
@media(max-width:480px) {
 .slx-measure-trigger { gap:13px;padding:4px 12px; }
 .slx-measure-trigger__preview { flex-basis:76px;width:76px;height:90px; }
 .slx-measure-trigger__copy { gap:1px; }
 .slx-measure-trigger strong { font-size:16px; }
 .slx-measure-trigger small { font-size:12px; }
 .slx-measure-trigger__eyebrow { font-size:11px;letter-spacing:.5px; }
 .slx-measure-trigger__link { font-size:13px;gap:5px; }
}
@media(prefers-reduced-motion:reduce) { .slx-measure[open] { animation:none; } .slx-measure-trigger { transition:none; } }

/* The entire illustration follows SunluxMeasureRender(time); no step-driven animation. */
.slx-measure .slx-scene--continuous {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-family: inherit;
  isolation: isolate;
}
.slx-measure .slx-scene--continuous text { font-family: inherit; }
.slx-measure .slx-scene--continuous .slx-scene-ruler { stroke: #493c50; stroke-width: .9; }
.slx-measure .slx-scene--continuous .slx-scene-ruler text {
  fill: #493c50;
  stroke: none;
  font-size: 14px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}
.slx-measure .slx-scene--continuous .slx-scene-dimension-line {
  stroke: #57466f;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.slx-measure .slx-scene--continuous [data-measure-tool],
.slx-measure .slx-scene--continuous [data-measure-assembly],
.slx-measure .slx-scene--continuous [data-active-readout],
.slx-measure .slx-scene--continuous [data-scene-notebook] {
  transform-box: view-box;
}
.slx-measure .slx-scene--continuous [data-width-readout],
.slx-measure .slx-scene--continuous [data-height-readout],
.slx-measure .slx-scene--continuous [data-note-width],
.slx-measure .slx-scene--continuous [data-note-height] {
  font-variant-numeric: tabular-nums;
}

/* Translations may wrap naturally; the approved German layout is unchanged. */
.slx-measure[lang]:not([lang^="de"]) h2 em { white-space:normal; }
.slx-measure-trigger[lang]:not([lang^="de"]) .slx-measure-trigger__eyebrow { letter-spacing:.55px; }
@media(max-width:620px) {
 .slx-measure[lang]:not([lang^="de"]) h2 br { display:block; }
 .slx-measure[lang]:not([lang^="de"]) .slx-measure__step-label-short { white-space:normal; }
}