/* Brandbox frame refinements, shared by demo pages. */
.bd-sidebar .bd-logo{align-self:center;margin-inline:auto!important}
.bd-sidebar .bd-logo{align-self:flex-start;width:190px;max-width:100%;margin-inline:0!important;text-align:left}
.bd-sidebar .bd-logo img{width:190px;height:auto;max-width:100%;display:block}
.bd-sidebar .bd-contact-social{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:8px}
.bd-sidebar .bd-contact-social a{color:#fff!important;text-shadow:none!important;filter:none!important;box-shadow:none!important;background:transparent!important;transition:color .2s}
.bd-sidebar .bd-contact-link{font:500 12px/1.5 Inter,sans-serif;text-decoration:none}
.bd-sidebar .bd-contact-social a:hover,.bd-sidebar .bd-contact-social a:focus-visible{color:#BEF802!important}
.bd-sidebar .bd-contact-link:hover,.bd-sidebar .bd-contact-link:focus-visible{text-decoration:underline;text-underline-offset:4px}
.bd-social-links{display:flex;gap:8px;align-items:center;justify-content:center}
.bd-social-links a{display:grid;place-items:center;width:32px;height:32px}
.bd-social-links svg{width:21px;height:21px;display:block}
.bd-index .bd-index-label{font-size:8px!important}
.bd-index .bd-index-label{writing-mode:vertical-rl;transform:rotate(180deg);top:auto;bottom:calc(74vh + 14px);left:50%;margin-left:-5px;white-space:nowrap}
/* The inner painter identity never inherits the Brandbox glow. */
.mw-site :is(a,button),.mw-site :is(a,button):is(:hover,:focus,:active),.mw-site :is(a,button) *{text-shadow:none!important;filter:none!important;box-shadow:none!important}
#startseite .fw-hero-note{isolation:isolate;padding:20px 12px;text-align:center;text-shadow:none}
#startseite .fw-hero-note:before{content:'';position:absolute;inset:-17% -12%;z-index:-1;background:#99583f;opacity:.93;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 58'%3E%3Cpath fill='black' d='M7 38 33 3 31 12 45 0 42 12 51 7 40 27 49 18 40 37 47 30 29 53 30 44 13 58 18 43 4 52 13 32 1 42Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;transform:rotate(12deg)}
.fw-planner{--room-tone:#e3d8c7;display:grid;grid-template-columns:1.1fr 1fr;margin:38px 5.5% 30px;border:1px solid #d9c9b8;background:#f5efe6;color:#292722;scroll-margin-top:110px;border-radius:6px;overflow:hidden;font:400 14px/1.6 'DM Sans',sans-serif}
.fw-plan-controls{padding:42px clamp(24px,3vw,55px);background:linear-gradient(140deg,#fffdf8,#f6f0e8)}
.fw-plan-eyebrow{display:block;font:600 9px/1.6 'DM Sans';letter-spacing:.16em;color:#99583f}
.fw-planner h2{font:400 clamp(32px,3vw,48px)/1.08 'DM Serif Display';letter-spacing:-.03em;margin:12px 0 16px;color:#292722;max-width:420px}
.fw-plan-intro{font-size:13px;color:#6d675f;margin:0 0 28px;max-width:430px}
.fw-plan-label{display:block;font-size:12px;font-weight:600;margin:20px 0 0}.fw-plan-label output{float:right;color:#99583f;font-weight:600}
.fw-planner input[type=range]{appearance:none;width:100%;height:5px;margin:18px 0 7px;border:0;border-radius:10px;background:linear-gradient(to right,#99583f 0 var(--fill),#ddd3c6 var(--fill) 100%);accent-color:#99583f;cursor:ew-resize}
.fw-planner input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border:3px solid #fffaf2;border-radius:50%;background:#99583f;box-shadow:0 0 0 1px #99583f}
.fw-planner input[type=range]::-moz-range-thumb{width:15px;height:15px;border:3px solid #fffaf2;border-radius:50%;background:#99583f}
.fw-plan-hint{font-size:10px;color:#6d675f;margin:0 0 22px}.fw-planner fieldset{border:0;padding:0;margin:24px 0 0}.fw-planner legend{font-size:12px;font-weight:600;margin-bottom:12px;padding:0}
.fw-plan-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fw-plan-colors label{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;cursor:pointer;border:1px solid #d9c9b8;border-radius:3px;padding:10px 5px;font-size:11px;transition:background .2s,border-color .2s}.fw-plan-colors input{position:absolute;opacity:0;width:1px;height:1px}.fw-plan-colors label:has(:checked){border-color:#99583f;background:#efe2d5}.fw-plan-colors label:has(:focus-visible){outline:2px solid #99583f;outline-offset:3px}.fw-plan-colors i{display:block;width:16px;height:16px;background:var(--tone);border-radius:50%;border:1px solid #0001;flex-shrink:0}
.fw-plan-extra{display:flex;gap:11px;align-items:center;cursor:pointer;padding:11px 0;border-bottom:1px solid #d9c9b855;font-size:12px}.fw-plan-extra input{accent-color:#99583f;width:17px;height:17px;flex-shrink:0}.fw-plan-extra small{display:block;font-size:10px;font-weight:400;color:#6d675f}
.fw-plan-result{padding:0 32px 25px;min-width:0;display:flex;flex-direction:column;background:#efe7da}.fw-plan-scene{position:relative;height:230px;margin:0 -32px 26px;overflow:hidden;background:linear-gradient(160deg,#faf5ec 0 22%,#ddd0bd 22% 100%);isolation:isolate}.fw-plan-wall{position:absolute;inset:0 0 34px;background:var(--room-tone);clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);transition:background .7s}.fw-plan-window{position:absolute;z-index:2;left:28px;top:33px;width:74px;height:103px;border:5px solid #fff8ed;background:linear-gradient(135deg,#dfddd1,#faf9f1);box-shadow:24px 32px 0 5px #fff5;transform:skewY(-4deg)}.fw-plan-window:before{content:'';position:absolute;left:48%;width:3px;height:100%;background:#fff8ed}.fw-plan-window:after{content:'';position:absolute;top:48%;height:3px;width:100%;background:#fff8ed}.fw-ceiling-on .fw-plan-scene{background:#fffaf2}
.fw-plan-scene-note{position:absolute;right:22px;top:33px;z-index:2;color:#fffdf7;font:500 27px/1.05 Caveat;text-align:right;transform:rotate(-6deg);text-shadow:0 1px 2px #29272240}.fw-plan-roller{position:absolute;width:63px;height:82px;left:47%;top:70px;color:#faf8f3;z-index:2;transform:rotate(-14deg);transition:transform .6s}.fw-plan-roller rect{fill:#faf8f3;stroke:#7d6a59;stroke-width:2}.fw-plan-roller rect:first-child{fill:var(--room-tone);stroke:#fffaf3;stroke-width:4}.fw-plan-roller path{stroke:#4e4840;stroke-width:5;fill:none;stroke-linecap:round}.fw-planner:focus-within .fw-plan-roller{transform:translateY(-14px) rotate(-7deg)}
.fw-plan-roomtiles{position:absolute;bottom:12px;left:25px;right:25px;display:flex;gap:5px;z-index:2}.fw-plan-roomtiles i{display:grid;place-items:center;border:1px solid #fff8edb0;background:#fff8ed45;color:#292722;min-width:26px;height:24px;font:500 9px 'DM Sans';font-style:normal;flex:1;max-width:48px}
.fw-plan-price{display:block;font:400 clamp(30px,2.5vw,44px)/1.15 'DM Serif Display';color:#99583f;margin:9px 0;letter-spacing:-.025em}.fw-plan-summary{font-size:11px;margin:0 0 18px;color:#6d675f}.fw-plan-math{border-top:1px solid #cdbdaa88;border-bottom:1px solid #cdbdaa88;font-size:10px;margin-bottom:20px}.fw-plan-math summary{cursor:pointer;padding:12px 0;list-style:none;font-size:11px;display:flex;justify-content:space-between}.fw-plan-math[open] summary span{transform:rotate(45deg)}.fw-plan-math p{font-size:10px;margin:7px 0 12px;color:#6d675f}.fw-plan-breakdown p{display:flex;gap:10px;justify-content:space-between}.fw-plan-breakdown strong{white-space:nowrap;color:#292722}.fw-plan-request{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#99583f;color:#fffaf2!important;font-size:12px;border-radius:3px;transition:background .2s;margin-top:auto}.fw-plan-request:hover{background:#74412f}.fw-plan-disclaimer{font-size:9px;color:#6d675f;line-height:1.65;margin:13px 0 0}
@media(max-width:1100px){.fw-planner{grid-template-columns:1fr 1fr}.fw-plan-controls{padding:30px 22px}.fw-plan-colors{grid-template-columns:1fr}.fw-plan-colors label{justify-content:flex-start;padding-left:15px}}
@media(max-width:767px){.fw-planner{grid-template-columns:1fr;margin:28px 6%;scroll-margin-top:175px}.fw-plan-controls{padding:28px 22px}.fw-planner h2{font-size:36px}.fw-plan-result{padding:0 22px 24px}.fw-plan-scene{margin-inline:-22px;height:210px}.fw-plan-colors{grid-template-columns:repeat(3,1fr);gap:5px}.fw-plan-colors label{font-size:9px;gap:4px;padding:12px 4px;justify-content:center}.fw-plan-colors i{width:13px;height:13px}.fw-plan-label{font-size:11px}.fw-plan-price{font-size:36px}.fw-plan-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.fw-planner *{transition:none!important}}

/* Compact sidebar footer, aligned with the shared navigation rail. */
.bd-sidebar .bd-contact-social{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff1b;margin-top:12px;padding-top:14px;width:100%}
.bd-sidebar .bd-contact-link{text-transform:uppercase;font:500 10px/1.5 "IBM Plex Mono",monospace;letter-spacing:.08em}
.bd-sidebar .bd-social-links{gap:5px;margin-left:auto}
.bd-sidebar .bd-social-links a{width:28px;height:28px}
