.sample-page{--sample-muted:#b4bab2;--sample-line:#40463f;color:#edf0ea;background:#171918}.sample-shell{width:min(88%,1320px);margin-inline:auto}.sample-page section{scroll-margin-top:64px}.sample-note{z-index:50;color:#bdc8d4;background:#0b1015;border-bottom:1px solid #27313b;justify-content:space-between;align-items:center;gap:24px;min-height:44px;padding:6px 6vw;font-size:13px;line-height:1.5;display:flex;position:sticky;top:0}.sample-note p>span{color:#e7ecf2}.sample-note nav{align-items:center;gap:22px;display:flex}.sample-note a{white-space:nowrap;align-items:center;gap:8px;min-height:32px;display:inline-flex}.sample-note .sample-note-action{color:#101820;background:#dbe7f7;padding-inline:13px}.sample-header{border-bottom:1px solid var(--sample-line);justify-content:space-between;align-items:center;gap:30px;min-height:102px;padding-inline:6vw;display:flex}.sample-wordmark{font-family:var(--font-display), sans-serif;letter-spacing:.2em;font-size:23px;line-height:1.2;display:block}.sample-wordmark span{letter-spacing:.075em;color:var(--sample-muted);margin-top:8px;font-family:IBM Plex Sans,sans-serif;font-size:11px;display:block}.sample-header nav{gap:36px;display:flex}.sample-header nav a{align-items:center;gap:10px;min-height:44px;font-size:14px;display:inline-flex}.sample-header a:hover,.sample-note a:hover{color:#d2dcca}.sample-note .sample-note-action:hover{color:#101820;background:#f0f5fb}:is(.sample-page a:focus-visible,.sample-page button:focus-visible){outline-offset:4px;outline:2px solid #dbe7f7}.sample-hero{background:#242b1f;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:720px;display:grid}.sample-hero-copy{flex-direction:column;align-items:flex-start;min-width:0;min-height:720px;padding:clamp(72px,8vw,118px) clamp(34px,6vw,96px) 38px 6vw;display:flex}.sample-hero-image{background:#394334;min-width:0;min-height:720px;overflow:hidden}.sample-hero-image img{object-fit:cover;object-position:53% center;width:100%;height:100%;display:block}.sample-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#c9d1c1;margin-bottom:24px;font-size:12px;line-height:1.65}.sample-hero h1{letter-spacing:-.06em;max-width:8ch;font-size:clamp(57px,6vw,91px);line-height:.99}.sample-hero-copy>p:not(.sample-eyebrow){color:#c9cec6;max-width:38ch;margin:28px 0 29px;font-size:18px;line-height:1.7}.sample-button{color:#171c18;background:#dde4d6;border:1px solid #dde4d6;border-radius:0;justify-content:space-between;align-items:center;gap:26px;min-height:54px;padding:15px 22px;font-size:15px;font-weight:500;display:inline-flex}.sample-button:hover{background:#f0f5e9;border-color:#f0f5e9}.sample-hero-copy>span{color:#b8c0b1;margin-top:18px;font-size:13px;display:block}.sample-hero-bottom{color:#ced4c8;border-top:1px solid #52604b;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:26px;font-size:13px;display:flex}.sample-hero-bottom a{place-items:center;width:44px;height:44px;display:grid}.sample-approach{grid-template-columns:1fr 1fr;gap:12%;padding-block:90px;display:grid}.sample-page h2{font-size:clamp(34px,3.4vw,49px);line-height:1.15}.sample-approach h2 span{color:#b5c1ae}.sample-approach>div>p:last-child{color:var(--sample-muted);max-width:37ch;margin-top:25px;font-size:17px;line-height:1.75}.sample-approach ol{margin:0;padding:0;list-style:none}.sample-approach li{border-top:1px solid var(--sample-line);grid-template-columns:29px 1fr;gap:20px;padding-block:22px;display:grid}.sample-approach li:first-child{border-top:0;padding-top:0}.sample-approach li>span{color:#b8c5ad;padding-top:5px;font-size:12px}.sample-approach h3{font-size:23px;line-height:1.25}.sample-approach li p{color:var(--sample-muted);margin-top:12px;font-size:16px;line-height:1.65}.sample-config-section{border-block:1px solid var(--sample-line);background:#202520;padding-block:82px}.sample-config-intro{grid-template-columns:1fr 1fr;align-items:end;gap:12%;margin-bottom:40px;display:grid}.sample-config-intro>p{color:#bdc6b9;max-width:43ch;font-size:17px;line-height:1.75}.room-finder{background:#181e19;border:1px solid #53604e}.room-demo-label{border-bottom:1px solid #445140;align-items:center;gap:20px;padding:17px 28px;display:flex}.room-demo-label>span{text-transform:uppercase;letter-spacing:.07em;color:#d1dcc8;white-space:nowrap;font-size:12px}.room-demo-label p{color:#b5c1ae;font-size:13px;line-height:1.55}.room-progress{border-bottom:1px solid #445140;grid-template-columns:repeat(3,1fr);display:grid}.room-progress button{text-align:left;color:#b7c3b0;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:12px;padding:17px 26px;font-size:14px;display:flex}.room-progress button+button{border-left:1px solid #445140}.room-progress button>span{min-width:17px;font-size:12px}.room-progress button:hover,.room-progress button[aria-current]{color:#f2f5ed;background:#253022;border-bottom-color:#b9cba8}.room-finder-body{grid-template-columns:1.13fr 1fr;display:grid}.room-question{min-width:0;padding:36px}.room-stage-label{color:#b7c7ac;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:12px}.room-question h3{font-size:31px;line-height:1.18}.room-question h3:focus-visible{outline-offset:7px;outline:2px solid #b9cba8}.room-question-hint{color:#bdc6b7;margin:17px 0 24px;font-size:15px;line-height:1.6}.room-question fieldset{border:0;margin:0;padding:0}.room-choice{cursor:pointer;border:1px solid #4b5847;align-items:flex-start;gap:15px;margin-bottom:11px;padding:17px;display:flex;position:relative}.room-choice:has(input:checked){background:#293427;border-color:#a6bb94}.room-choice:hover{border-color:#d0ddc5}.room-choice:focus-within{outline-offset:3px;outline:2px solid #c1d4ae}.room-choice input{accent-color:#b7cea2;flex-shrink:0;width:17px;height:17px;margin:4px 0 0}.room-choice>span{display:block}.room-choice strong{color:#ecf1e6;font-size:17px;font-weight:500;line-height:1.4;display:block}.room-choice>span>span{color:#bbc6b4;margin-top:5px;font-size:14px;line-height:1.55;display:block}.room-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:27px;display:flex}.room-back{color:#d2dcc9;background:0 0;border:0;align-items:center;gap:9px;min-height:44px;padding:0;font-size:14px;display:inline-flex}.room-no-account{color:#aab8a1;font-size:13px}.room-actions>a{color:#e0ead8;text-underline-offset:5px;align-items:center;gap:12px;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.room-preview{background:#2b332b;border-left:1px solid #445140;padding:36px}.room-preview-heading>span{letter-spacing:.07em;text-transform:uppercase;color:#bdc9b5;font-size:12px;display:block}.room-preview-heading strong{font-family:var(--font-display), sans-serif;margin-top:12px;font-size:24px;font-weight:400;display:block}.room-plan{background:#343d33;border:3px solid #879680;height:280px;margin-top:29px;position:relative}.room-window{border:2px solid #c9d3c2;background:#55674e;border-block:0;width:46%;height:8px;position:absolute;top:-5px;left:28%}.room-storage{color:#edf2e7;background:#5d6e52;border:1px solid #90a581;place-items:center;width:65%;height:36px;font-size:12px;display:grid;position:absolute;top:20px;right:9%}.room-furniture{color:#141e13;z-index:2;background:#898573;border:1px solid #b7b29e;place-items:center;width:40%;height:79px;font-size:12px;display:grid;position:absolute;top:102px;left:12%}.room-rug{background:#424f3e;border:1px solid #788270;width:56%;height:128px;position:absolute;top:78px;left:16%}.room-free-space{color:#c7d4bc;font-size:11px;position:absolute;bottom:18px;right:8%}.room-door{background:#2b332b;border-top:1px solid #95a388;border-right:1px solid #95a388;border-top-right-radius:100%;width:45px;height:48px;position:absolute;bottom:-4px;left:-4px}.room-plan--arbeiten .room-furniture{width:52%;height:52px;top:91px;left:24%}.room-plan--arbeiten .room-rug{background:#6e7c62;width:22%;height:32px;top:153px;left:38%}.room-plan--ankommen .room-furniture{width:29%;height:53px;top:111px;left:62%}.room-plan--ankommen .room-rug{width:34%;height:141px;top:78px;left:17%}.room-plan--freiheit .room-storage{width:36%}.room-plan--freiheit .room-rug{background:0 0;border-color:#708268}.room-plan--ruhe .room-rug{background:#4a5b43;border-color:#b7cba7}.room-plan-note{color:#c0cbb9;margin-top:14px;font-size:12px}.room-materials{border-top:1px solid #5a6852;align-items:center;gap:17px;margin-top:27px;padding-top:25px;display:flex}.room-swatches{flex-shrink:0;display:flex}.room-swatches span{width:27px;height:44px}.room-materials strong{font-size:15px;font-weight:500}.room-materials p{color:#bfccb6;margin-top:5px;font-size:13px;line-height:1.55}.room-selection{color:#c9d7bf;padding-top:24px;font-size:12px;line-height:1.6}.room-result>p{color:#c7d0c0;margin-top:19px;font-size:16px;line-height:1.7}.room-result h4{margin:25px 0 -10px;font-size:16px;font-weight:500}.room-result p.room-result-note{color:#acbba3;border-top:1px solid #45523f;padding-top:21px;font-size:13px}.room-result .room-actions{flex-wrap:wrap}.sample-case-note{border-bottom:1px solid var(--sample-line);grid-template-columns:1fr 1fr;gap:12%;padding-block:78px;display:grid}.sample-case-note>div>p:not(.sample-eyebrow){color:var(--sample-muted);font-size:16px;line-height:1.75}.sample-case-note ul{margin:22px 0;padding:0;list-style:none}.sample-case-note li{color:#d8e2d1;align-items:flex-start;gap:12px;margin-block:12px;font-size:15px;line-height:1.6;display:flex}.sample-case-note li svg{margin-top:3px}.sample-case-note p.sample-case-caption{font-size:13px!important}.sample-real-contact{padding-block:84px}.sample-real-contact .eyebrow{color:#a9c5f4}.sample-real-contact .sample-contact-phone{min-height:28px;color:var(--sample-muted);font-size:14px}.sample-page>.footer{border-top:1px solid var(--sample-line)}@media (max-width:1000px){.sample-hero,.sample-hero-copy,.sample-hero-image{min-height:650px}.sample-hero-copy{padding-right:38px}.sample-approach,.sample-config-intro,.sample-case-note{gap:7%}.room-question,.room-preview{padding:24px}.room-plan{height:265px}.room-actions{gap:12px}.room-actions .sample-button{gap:16px;padding-inline:17px}.room-no-account{display:none}}@media (max-width:760px){.sample-shell{width:calc(100% - 40px)}.sample-note{gap:10px;padding:7px 20px;font-size:11px}.sample-note p{max-width:170px;line-height:1.3}.sample-note nav{gap:12px}.sample-note a{font-size:12px}.sample-note nav a:first-child{font-size:0}.sample-note nav a:first-child:before{content:"KDS";font-size:12px}.sample-header{gap:16px;min-height:89px;padding:19px 20px}.sample-wordmark{letter-spacing:.16em;font-size:18px}.sample-wordmark span{font-size:9px}.sample-header nav{gap:0}.sample-header nav a{gap:7px;font-size:13px}.sample-header nav a:first-child{display:none}.sample-hero{grid-template-columns:1fr;min-height:0}.sample-hero-copy{grid-row:2;min-height:0;padding:32px 5vw 26px}.sample-hero-image{aspect-ratio:auto;grid-row:1;height:230px;min-height:230px}.sample-hero-image img{object-position:center}.sample-hero h1{white-space:nowrap;max-width:none;font-size:clamp(42px,11.5vw,46px)}.sample-eyebrow{margin-bottom:12px;font-size:11px}.sample-hero-copy>p:not(.sample-eyebrow){max-width:35ch;margin-block:16px;font-size:15px;line-height:1.55}.sample-hero .sample-button{min-height:50px;padding-block:12px}.sample-hero-copy>span{font-size:12px}.sample-hero-bottom{margin-top:26px;font-size:12px}.sample-approach,.sample-config-intro,.sample-case-note{grid-template-columns:1fr;gap:32px}.sample-approach,.sample-case-note,.sample-real-contact{padding-block:50px}.sample-page h2{font-size:34px}.sample-approach h3{font-size:21px}.sample-approach>div>p:last-child{font-size:16px}.sample-config-section{padding-block:50px}.sample-config-intro{gap:22px;margin-bottom:27px}.sample-config-intro>p{font-size:16px}.room-demo-label{padding:16px;display:block}.room-demo-label p{margin-top:6px;font-size:12px}.room-progress button{gap:7px;padding:16px 10px;font-size:12px}.room-progress button>span{min-width:14px;font-size:10px}.room-finder-body{grid-template-columns:1fr}.room-question{padding:25px 16px}.room-question h3{font-size:28px}.room-choice{gap:11px;padding:15px 12px}.room-choice strong{font-size:16px}.room-choice>span>span{font-size:14px}.room-actions{flex-wrap:wrap;justify-content:flex-end}.room-back{margin-right:auto}.room-actions .sample-button{gap:12px;padding-inline:14px;font-size:13px}.room-preview{border-top:1px solid #53604e;border-left:0;padding:25px 20px}.room-plan{max-width:420px;margin-inline:auto}.room-preview-heading strong{font-size:22px}.room-result>p{font-size:15px}.sample-case-note li{font-size:14px}}