:root{--green:#273d33;--paper:#f4f1e9;--ink:#29382f;--muted:#657065;--line:#d8d9ce;--wood:#b18959}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b48a4c;outline-offset:6px}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}header{padding:22px 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);gap:25px}.logo{font-size:34px;font-weight:700;letter-spacing:-2px;line-height:1}.logo span{font-weight:400}.logo i{font-size:10px;font-style:normal;vertical-align:top;margin-left:5px;letter-spacing:0}nav{display:flex;align-items:center;gap:30px;font-size:12px}.nav-contact{border-bottom:1px solid;padding:8px 0}.nav-contact span{margin-left:22px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:var(--green);color:var(--paper)}.hero-copy{padding:80px 9% 30px 10%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 26px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.1}h1{font-size:clamp(46px,4.6vw,76px);margin:0 0 28px}h2{font-size:clamp(38px,3.8vw,60px);margin:0 0 26px}em{font-weight:400;color:#a5ae91}p{margin:0 0 20px}.lead{max-width:370px;color:#d5d9cf;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:0;padding:16px 22px;font-size:12px}.light{background:#e8e9db;color:var(--green)}.button:hover{background:#d1d8bf}.hero-note{margin-top:auto;padding-top:70px;font-size:10px;color:#b9c3b3}.hero-note span{margin-right:25px}.room{position:relative;overflow:hidden;background:linear-gradient(110deg,#ddd7c9,#aaa48f);min-height:580px;isolation:isolate}.room:after{content:'';position:absolute;bottom:0;height:23%;width:100%;background:linear-gradient(155deg,#bfb7a4,#d8d2c0);z-index:-1}.slat-wall{position:absolute;inset:0 0 23% 14%;background:repeating-linear-gradient(90deg,#332d24 0 5px,#8a663e 6px,#b58b5a 10px,#a17c4e 19px,#4f3f2b 21px);box-shadow:-15px 0 35px #665b4866}.light-strip{position:absolute;width:4px;top:0;bottom:23%;left:65%;background:#ffedb8;box-shadow:0 0 13px 5px #ffd7859c,0 0 80px 25px #ffc36150}.cabinet{position:absolute;left:8%;right:8%;bottom:16%;height:29%;display:flex;background:repeating-linear-gradient(2deg,#926b45 0,#a77d50 2px,#b88e60 5px,#b0895b 8px);box-shadow:15px 24px 30px #332b2360;transform:skewY(-2deg);border-top:9px solid #bd976d}.cabinet i{flex:1;border-right:2px solid #654b33;position:relative}.cabinet i:after{content:'';position:absolute;right:14px;top:38%;width:3px;height:25px;background:#4e3f30}.cabinet:after{content:'';position:absolute;bottom:-18px;left:15px;right:15px;height:18px;border-left:6px solid #4b4236;border-right:6px solid #4b4236}.vase{position:absolute;bottom:46%;left:23%;height:70px;width:44px;border-radius:35% 35% 40% 40%;background:linear-gradient(90deg,#615b4e,#8c8673);z-index:2}.room-caption{position:absolute;bottom:25px;left:35px;right:35px;font-size:9px;color:#3f493d;letter-spacing:1.5px;display:flex;justify-content:space-between;gap:15px}.room-caption span{letter-spacing:0}.material-line{display:flex;justify-content:space-between;padding:21px 8%;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);letter-spacing:.5px}.section{padding:90px 8%}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.small{font-size:11px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin:20px 0 48px}.intro-grid p,.textile-grid p{color:var(--muted);font-size:14px}.text-link{display:inline-block;border-bottom:1px solid #8b957e;padding:8px 0;font-size:12px;margin-top:10px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.wood-art{height:320px;position:relative;overflow:hidden;background:#e3ddcf}.table-art{background:linear-gradient(160deg,#e1ddd1,#c4c2b2)}.tabletop{position:absolute;top:35%;left:11%;width:78%;height:25%;background:repeating-linear-gradient(2deg,#bc966a 0,#c5a176 4px,#b68e62 6px);transform:skewY(-8deg);border-bottom:10px solid #9b744b;box-shadow:10px 30px 25px #60513c30;z-index:2}.leg{position:absolute;width:18px;height:36%;top:52%;background:#665541;transform:skewY(-8deg)}.leg.one{left:18%}.leg.two{right:18%}.art-label{position:absolute;bottom:18px;left:22px;font-size:8px;letter-spacing:1.5px;color:#5e6558}.storage-art{background:#d3d5c7}.mini-cabinet{position:absolute;left:12%;width:76%;height:40%;top:28%;display:flex;background:repeating-linear-gradient(0deg,#ad8557 0,#bb986a 3px,#b28b5f 5px);border-top:8px solid #c6a477;box-shadow:10px 25px 25px #555b4440;transform:skewY(3deg)}.mini-cabinet i{flex:1;border-right:2px solid #83633e}.mini-cabinet:after{content:'';position:absolute;left:12px;right:12px;bottom:-27px;height:27px;border-left:7px solid #66543f;border-right:7px solid #66543f}.card-line{display:flex;justify-content:space-between;align-items:center;margin-top:18px}h3{font-size:18px;font-weight:400;margin:0 0 8px}.card-line span{font-size:10px;color:var(--muted)}.work-grid p{font-size:12px;color:var(--muted)}.concept-note{font-size:10px!important;line-height:1.7;opacity:.8;margin-top:20px}.acoustic{background:#e6e7dc;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.acoustic-copy>p:not(.eyebrow){font-size:14px;color:#566353}.acoustic em,.textile em,.process em{color:#77886b}.panel-demo{height:580px;position:relative;background:#242a24;overflow:hidden;box-shadow:15px 20px 35px #28372720}.panel-slats{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#282822 0 8px,#735436 9px,#b08b59 13px,#bb9769 24px,#8b6944 28px,#443a2b 30px);transform:perspective(900px) rotateY(-9deg) scale(1.1)}.panel-demo[data-wood=nussbaum] .panel-slats{filter:brightness(.65) saturate(.8)}.panel-demo[data-wood=esche] .panel-slats{filter:brightness(1.35) saturate(.5)}.panel-led{position:absolute;top:0;bottom:0;width:4px;background:#fff1c3;box-shadow:0 0 12px 5px #ffcc7780,0 0 65px 18px #ffd17a80;transition:opacity .3s}.l1{left:25%}.l2{left:76%}.panel-demo.off .panel-led{opacity:0}.panel-tag{position:absolute;bottom:35px;left:30px;color:#fff4d8}.panel-tag span{display:block;font-size:8px;letter-spacing:2px}.panel-tag strong{font:28px Georgia;display:block;margin-top:8px}.demo-label{position:absolute;top:22px;right:22px;font-size:8px;letter-spacing:1px;color:#fff0d3;background:#26352b99;padding:7px}fieldset{padding:0;border:0;margin:25px 0 20px}legend{font-size:11px;margin-bottom:12px}.swatches{display:flex;gap:12px}.swatches button{background:none;border:1px solid transparent;padding:8px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:var(--ink)}.swatches button[aria-pressed=true]{border-color:#718168}.swatches i{width:34px;height:34px;border-radius:50%;background:repeating-linear-gradient(90deg,#ad885b 0,#c6a376 3px,#b38d60 5px)}.swatches .walnut{filter:brightness(.65)}.swatches .ash{filter:brightness(1.3) saturate(.5)}.led-toggle{border:0;background:transparent;padding:5px 0;font-size:12px;color:var(--ink);display:flex;align-items:center;gap:10px}.led-toggle>span{width:32px;height:18px;background:#657859;border-radius:20px;position:relative}.led-toggle>span:after{content:'';width:12px;height:12px;position:absolute;top:3px;right:3px;border-radius:50%;background:white}.led-toggle[aria-pressed=false]>span{background:#9d9f91}.led-toggle[aria-pressed=false]>span:after{left:3px;right:auto}.textile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:25px}.fabric-art{position:relative;height:500px;overflow:hidden;background:#d6cdbb}.fabric-art i{position:absolute;top:-20%;height:150%;width:55%;transform:rotate(-16deg);box-shadow:15px 5px 25px #3d392e44;background:repeating-linear-gradient(90deg,#d6c8b5 0 1px,#c6b7a1 1px 3px);border-radius:45% 15% 20% 10%}.fabric-art i:nth-child(1){left:-25%;background:repeating-linear-gradient(90deg,#747f6c 0 1px,#89937d 1px 3px)}.fabric-art i:nth-child(2){left:22%}.fabric-art i:nth-child(3){left:70%;background:repeating-linear-gradient(90deg,#b08d70 0 1px,#c4a085 1px 3px)}.fabric-art>span{position:absolute;bottom:24px;left:24px;font-size:9px;letter-spacing:1.5px;color:#354236}.service-row{border-top:1px solid var(--line);padding:18px 0 8px;position:relative;padding-left:35px}.service-row>span{position:absolute;left:0;top:20px;font-size:10px;color:var(--muted)}.service-row h3{font-size:16px}.service-row p{font-size:12px}.process{background:#ebece2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps span{font-size:9px;letter-spacing:1px;color:var(--muted)}.steps h3{margin:20px 0 12px;font-size:20px}.steps p{font-size:13px;color:var(--muted)}.contact{background:var(--green);color:#eff0e6;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact>div>p:not(.eyebrow){font-size:14px;color:#cbd2c2;max-width:350px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:11px}label:nth-child(n+3),.form-note,form .button,#form-status{grid-column:1/-1}input,select,textarea{width:100%;display:block;margin-top:7px;background:#ffffff08;border:1px solid #899582;color:#fff;padding:12px;border-radius:0;font-size:14px}select option{background:var(--green)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #c6d1ac;outline-offset:2px}textarea::placeholder{color:#a6b19e}.form-note{font-size:10px;color:#c7d0bd;margin:0}#form-status{font-size:12px;margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5%;gap:30px}footer p{font-size:12px;margin:0;color:var(--muted)}footer>div{display:flex;gap:20px;font-size:10px;align-items:center}footer button{background:none;border:0;padding:5px 0;font-size:10px;color:var(--ink)}dialog{max-width:620px;width:90%;border:0;padding:45px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#18271dcc}dialog h2{font-size:34px}dialog p{font-size:14px;white-space:pre-line}.close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:28px;color:var(--green)}@media(min-width:1600px){body{max-width:1920px;margin:auto}.hero-copy{padding-top:110px}}@media(max-width:900px){nav{gap:16px}.hero{grid-template-columns:1fr 1fr;min-height:550px}.hero-copy{padding-top:55px}.room{min-height:550px}h1{font-size:48px}.hero-note{padding-top:35px}.section{padding:65px 6%}.intro-grid,.acoustic,.textile-grid,.contact{gap:6%}.panel-demo{height:520px}.swatches{gap:4px}.fabric-art{height:440px}}@media(max-width:650px){html{scroll-padding-top:15px}header{flex-wrap:wrap;padding:20px 6%;gap:18px}nav{width:100%;justify-content:space-between;gap:8px;font-size:10px}.nav-contact{border:0}.nav-contact span{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7% 30px}h1{font-size:49px}.hero-note{padding-top:38px}.room{min-height:400px}.material-line{font-size:9px;padding:16px 6%;gap:15px}.material-line span{max-width:90px}.section{padding:55px 6%}.section-top .small{display:none}.intro-grid,.work-grid,.acoustic,.textile-grid,.contact{grid-template-columns:1fr;gap:30px}.intro-grid{margin-bottom:25px}.wood-art{height:290px}.panel-demo{height:470px}.acoustic-copy{order:1}.panel-demo{order:2}.fabric-art{height:350px}.steps{grid-template-columns:1fr;gap:22px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps h3{margin:8px 0}.steps p{margin:0}h2{font-size:43px}.textile-grid>div:nth-child(2){margin-top:5px}form{gap:15px}footer{flex-wrap:wrap;padding:30px 6%}footer>div{width:100%;justify-content:space-between}.room-caption{left:20px;right:20px;font-size:8px}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* seFORM — Gestaltung nach der geteilten Bildvorlage */
:root{--green:#161713;--paper:#171714;--ink:#e7e0d5;--muted:#b0a797;--line:#3b3830;--wood:#a56848}
body{background:#171714;color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{background:#11120fee;position:relative;z-index:3;padding:12px 6%;min-height:98px;border-bottom:1px solid #ffffff0d}.logo{display:block;line-height:0;letter-spacing:normal;flex-shrink:0}.logo img{width:174px;height:74px;object-fit:contain;display:block}nav{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;gap:32px;color:#d0c7b9}.nav-contact{border:1px solid #8d7053;padding:11px 16px}.nav-contact:hover{background:#a5684820}h1,h2{font-family:Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:-2.8px}h1{font-size:clamp(64px,6.8vw,108px);line-height:.98;margin-bottom:25px}h2{font-size:clamp(38px,4vw,62px);line-height:1.06}em{font-style:normal;color:#b48a65}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#c5b7a2;font-weight:400}.hero{position:relative;display:block;isolation:isolate;min-height:690px;background:#211b15}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/atelier-hero.webp') center 57%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0b09eb 0%,#0d0d0abf 24%,#100e0a57 48%,#100e0a00 77%),linear-gradient(0deg,#11120f85,transparent 40%)}.hero-copy{padding:70px 6% 32px;width:60%;min-height:690px}.hero .eyebrow{margin-bottom:23px}.lead{font-size:13px;max-width:345px;color:#c5beb1;line-height:1.8}.button{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;background:transparent;color:#ece2d3;border:1px solid #8b745a;padding:14px 20px;gap:30px}.button:hover{background:#a5684833}.hero-note{font-size:9px;color:#b1a18b;padding-top:42px}.hero-note span{color:#bf9166}.room{position:absolute;inset:0;pointer-events:none;background:none;min-height:0;z-index:-1}.room:after,.slat-wall,.light-strip,.vase,.cabinet{display:none}.room-caption{left:auto;bottom:20px;right:25px;color:#e2d4bf;font-size:8px;display:block;text-align:right}.room-caption span{display:block;margin-top:4px;opacity:.6}.material-line{background:#11120f;color:#b9ab96;border-color:#40372c;letter-spacing:1.2px;font-size:10px;padding:20px 6%}.section{padding:80px 6%}.section-top{border-top-color:#514333}.small{color:#a79880}.intro-grid{gap:10%;margin-top:16px;margin-bottom:40px}.intro-grid p,.textile-grid p{color:#b6ae9f;font-size:13px}.text-link{border-color:#755e44;color:#c6a47e;font-size:11px;letter-spacing:.5px}.work-grid{gap:24px}.work-grid article{background:#12130f;padding:0 0 16px;border:1px solid #292920}.card-line,.work-grid article>p{margin-left:18px;margin-right:18px}.card-line h3{font-size:15px;color:#ded3c2}.work-grid p{font-size:11px;color:#a99c87}.wood-art{height:330px}.table-art{background:linear-gradient(90deg,#100e0a55,transparent),url('assets/atelier-hero.webp') center 90%/160% auto}.storage-art{background:linear-gradient(90deg,#100e0a33,transparent),url('assets/atelier-hero.webp') right 63%/170% auto}.tabletop,.leg,.mini-cabinet{display:none}.art-label{color:#e5d3b7;background:#17130c99;padding:6px 9px;bottom:14px;left:14px}.concept-note{color:#a69a86;opacity:1}.acoustic{background:#10110f;gap:9%;border-block:1px solid #40382c}.acoustic-copy>p:not(.eyebrow){color:#b6ae9f}.acoustic em,.textile em,.process em{color:#b28a64}.panel-demo{box-shadow:0 25px 50px #0006;border:1px solid #4c3a2a}.panel-slats{background:repeating-linear-gradient(90deg,#13120f 0 8px,#543b25 9px,#9b7149 13px,#aa8357 24px,#68492e 28px,#2d251b 30px)}.panel-led.l2{background:#a8a0ff;box-shadow:0 0 12px 5px #7161ff80,0 0 65px 18px #6b4aff80}.panel-tag{color:#ecdbc2}.demo-label{background:#0d0d0bb3;color:#d3bea0}.swatches button{color:#cfc1ac}.swatches button[aria-pressed=true]{border-color:#a98058;background:#a5684814}.led-toggle{color:#ddd1be}.led-toggle>span{background:#97714c}.led-toggle[aria-pressed=false]>span{background:#585347}.textile{background:#201f19}.fabric-art{filter:brightness(.7) saturate(.7)}.fabric-art>span{color:#eee4d1;background:#15150db3;padding:5px 8px}.service-row{border-color:#4c4436}.service-row h3{color:#d9c8af}.process{background:#151610}.steps article{border-color:#413c30}.steps span{color:#aa9375}.steps p{color:#b2a795}.contact{background:#0d0f0c;border-top:1px solid #463e30}.contact>div>p:not(.eyebrow){color:#b7ab98}input,select,textarea{border-color:#554a38;background:#191a14;color:#e7dece}select option{background:#191a14}input:focus,select:focus,textarea:focus{outline-color:#b78e62}.form-note{color:#ad9c83}footer{background:#10110e;border-top:1px solid #383429;padding:25px 6%}footer p{color:#a19178}footer button{color:#c0af94}footer .logo img{width:150px;height:64px}dialog{background:#202019;color:#e6dbca;border:1px solid #63503b}.close{color:#c9ad87}dialog h2{letter-spacing:-1px}.skip{color:#171714}.button:focus-visible,a:focus-visible,button:focus-visible{outline-color:#d9a36d}
@media(min-width:1600px){.hero-copy{padding-top:90px;min-height:780px}.hero{min-height:780px}}
@media(max-width:900px){nav{gap:17px;font-size:9px;letter-spacing:.9px}.logo img{width:145px;height:62px}.hero,.hero-copy{min-height:650px}.hero-copy{width:70%;padding-top:65px}h1{font-size:76px}.hero:before{background-position:62% center}.hero:after{background:linear-gradient(90deg,#0a0b09ee,#0a0b09a6 45%,#100e0a10)}.wood-art{height:280px}}
@media(max-width:650px){header{padding:12px 6% 17px;gap:8px;min-height:110px}.logo img{width:138px;height:58px}nav{font-size:8px;gap:9px;letter-spacing:.65px;flex-wrap:wrap}.nav-contact{padding:7px 9px}.hero,.hero-copy{min-height:620px}.hero-copy{width:100%;padding:55px 7% 55px}.hero:before{background-position:65% center}.hero:after{background:linear-gradient(90deg,#0b0c09e8,#0c0d0ab5 55%,#0b0c096b),linear-gradient(0deg,#0b0c0980,transparent)}h1{font-size:76px;letter-spacing:-3px}h2{font-size:41px;letter-spacing:-1.7px}.hero .lead{max-width:290px;font-size:12px}.hero-note{padding-top:28px}.room{min-height:0}.room-caption{bottom:10px;right:15px;font-size:7px}.room-caption>span{display:inline;margin-left:7px}.section{padding:55px 6%}.wood-art{height:310px}.material-line{font-size:8px;letter-spacing:.6px}.panel-demo{height:470px}.contact .button{width:100%}footer .logo img{width:130px;height:55px}.work-grid{gap:25px}}
.logo{background:#eee7db;padding:8px 12px;border:1px solid #bfa78944}.logo img{width:160px;height:58px}footer .logo img{width:138px;height:50px}@media(max-width:650px){.logo{padding:7px 10px}.logo img{width:130px;height:47px}}
.hero{color:#e7e0d5}@media(max-width:650px){h1{font-size:clamp(38px,10.8vw,68px);letter-spacing:-1.8px)}}
/* Materialkonfigurator nach den bereitgestellten Originalmustern */
.hero:before{background-image:url('assets/wohnraum-licht.webp');background-position:center 43%}.hero:after{background:linear-gradient(90deg,#0a0b09f5,#0d0d0ac9 29%,#100e0a55 55%,#100e0a0a),linear-gradient(0deg,#11120f99,transparent 50%)}
.configurator-section{background:#131510}.config-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center;margin:20px 0 35px}.config-intro>p{color:#b5ad9c;font-size:14px;max-width:420px}.config-intro h2{font-size:clamp(35px,3.5vw,58px)}.config-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:0;border:1px solid #494132;background:#1c1e17;align-items:start}.config-visual{position:sticky;top:20px;min-width:0}.view-tabs{display:flex;gap:6px;padding:18px;border-bottom:1px solid #494132;background:#181a14}.view-tabs button{background:transparent;border:1px solid transparent;color:#b6aa96;padding:10px 15px;font-size:11px}.view-tabs button[aria-pressed=true]{background:#a8865d22;border-color:#8a6d49;color:#eddfc8}#panel-stage{width:100%;background:#20211c;aspect-ratio:700/780;display:flex;align-items:center;justify-content:center}#panel-stage svg{display:block;width:100%;height:100%;max-height:790px}.visual-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;border-top:1px solid #494132;font-size:8px;letter-spacing:1px;color:#b7a68b}.visual-footer button{border:0;background:none;color:#d7c4a8;font-size:10px;letter-spacing:0}.config-controls{padding:30px;border-left:1px solid #494132}.config-controls .eyebrow{margin-bottom:27px}.config-controls fieldset{border-bottom:1px solid #423b2e;padding-bottom:21px;margin:0 0 22px;min-width:0}.config-controls legend{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:15px;color:#d4c3aa}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.option-grid button{background:transparent;border:1px solid transparent;color:#b9ac96;font-size:9px;padding:9px 3px;display:flex;flex-direction:column;align-items:center;gap:8px}.option-grid button[aria-pressed=true]{border-color:#ac885d;background:#b4834620;color:#f0e1c8}.chip{display:block;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff25}.wood-oak{background:repeating-linear-gradient(92deg,#b38854 0,#c19b66 3px,#a87c4b 5px,#b68d5a 9px)}.wood-walnut{background:repeating-linear-gradient(92deg,#62402d 0,#8b6142 3px,#69432f 5px,#7d573c 9px)}.wood-ash{background:repeating-linear-gradient(92deg,#cbb99a 0,#dfceb0 3px,#b7a17e 5px,#dac5a2 9px)}.wood-dark{background:repeating-linear-gradient(92deg,#30332d 0,#45483f 3px,#282b24 5px,#363a31 9px)}.fabric-black{background:#252527}.fabric-linen{background:#bbb09c}.fabric-sage{background:#818c77}.fabric-rust{background:#a06148}.custom-colour{display:flex;align-items:center;justify-content:space-between;color:#b5a68e;font-size:10px;margin-top:12px}.custom-colour input[type=color]{width:42px;height:29px;padding:2px;margin:0;border:1px solid #7c6b51;cursor:pointer}.light-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px}.switch-label{display:flex;align-items:center;gap:9px;font-size:10px;color:#cfc3ad}.switch-label input{display:inline-block;width:16px;height:16px;margin:0;accent-color:#a77d4e}.light-heading output{color:#d1b58e}.led-colours{display:flex;justify-content:space-between;gap:9px;margin:20px 0}.led-colours button{width:28px;height:28px;border-radius:50%;border:3px solid #1c1e17;outline:1px solid #ffffff30}.led-colours button[aria-pressed=true]{outline:2px solid #ead8b9;outline-offset:3px}.range-label{color:#b5a68e;font-size:10px;margin-top:18px}.config-controls input[type=range]{padding:0;border:0;accent-color:#b38c61;height:22px;background:none;cursor:pointer}.config-controls select{font-size:11px;background:#24251d;border-color:#5a4e3b;padding:12px;margin:0}.config-controls select option{background:#24251d}.design-summary{font-size:11px;line-height:1.8;color:#dfc6a1;min-height:38px}.config-controls .button{width:100%;padding:14px;font-size:9px;letter-spacing:.8px}.config-controls .concept-note{font-size:9px!important;line-height:1.8}.real-panels{display:grid;grid-template-columns:1fr .8fr .8fr;gap:30px;align-items:center;margin:65px 0 80px}.real-panels>div>p:not(.eyebrow){font-size:13px;color:#b1a592}.real-panels h3{font-size:28px;line-height:1.2;color:#ddc9ac}.real-panels figure,.inspiration-grid figure{margin:0}.real-panels img{display:block;width:100%;height:340px;object-fit:cover;border:1px solid #4b4030}.real-panels figcaption{font-size:9px;line-height:1.6;color:#a99a83;padding-top:12px}.room-inspiration h2{margin-top:15px}.inspiration-copy{font-size:13px;max-width:620px;color:#b4a891}.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.inspiration-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid #4b4030}.inspiration-grid figcaption{display:flex;flex-direction:column;gap:6px;padding-top:16px}.inspiration-grid strong{font-size:18px;font-weight:400;color:#dbc5a5}.inspiration-grid span{font-size:11px;color:#ad9d83}@media(min-width:1600px){.config-controls{padding:40px}.config-visual{top:25px}}@media(max-width:950px){.config-layout{grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr)}.config-controls{padding:22px}.real-panels{gap:20px;grid-template-columns:1fr 1fr}.real-panels>div{grid-column:1/-1}.real-panels img{height:400px}.view-tabs{padding:12px}.view-tabs button{padding:8px;font-size:10px}.visual-footer{padding:12px;font-size:7px}.config-intro{gap:5%}}@media(max-width:700px){.config-intro,.config-layout{grid-template-columns:1fr}.config-intro{gap:8px}.config-intro h2{font-size:38px}.config-visual{position:relative;top:0}#panel-stage{aspect-ratio:700/660}#panel-stage svg{max-height:520px}.config-controls{border-left:0;border-top:1px solid #494132;padding:25px}.chip{width:40px;height:40px}.option-grid button{font-size:10px}.visual-footer{font-size:7px}.real-panels{margin:45px 0 55px;gap:16px}.real-panels img{height:280px}.real-panels>div{margin-bottom:10px}.inspiration-grid{grid-template-columns:1fr;gap:30px}.room-inspiration h2{font-size:38px}.hero:before{background-position:60% center}.hero:after{background:linear-gradient(90deg,#0b0c09ed,#0c0d0aa6),linear-gradient(0deg,#0b0c0980,transparent)}}
#panel-stage[data-view=room]{aspect-ratio:1100/780}#panel-stage[data-view=room] svg{max-height:none}
#panel-stage,#panel-stage[data-view=room]{display:block;aspect-ratio:auto}#panel-stage svg{width:100%;height:auto;max-height:none}
/* Schwerpunkt: Massivholzmöbel mit Glas, Stoff und LED */
.hero:before{background-image:url('assets/schubladenmoebel-stoff-ausgerichtet.webp');background-position:center 52%}.hero:after{background:linear-gradient(90deg,#080a08e8,#0a0b09a6 35%,#10100c25 70%),linear-gradient(0deg,#090b0980,transparent 55%)}.hero h1{font-size:clamp(58px,5.8vw,91px);line-height:1.02}.hero-copy{width:66%}.hero .lead{max-width:365px}.furniture-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:7%;align-items:center;margin:45px 0 85px}.furniture-feature figure{margin:0}.furniture-feature img{width:100%;height:480px;object-fit:cover;display:block;border:1px solid #514332}.furniture-feature figcaption{color:#a89980;font-size:10px;margin-top:12px}.furniture-feature h2{font-size:clamp(36px,3.5vw,56px)}.furniture-feature p:not(.eyebrow){font-size:14px;color:#beb09b}.furniture-materials{padding:40px 0 55px;border-top:1px solid #514332;scroll-margin-top:30px}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:35px}.material-grid article>span{font-size:8px;letter-spacing:1.4px;color:#ab9575}.material-sample{height:160px;margin:14px 0 20px;position:relative;overflow:hidden;border:1px solid #4e4332}.solid-wood{background:url('assets/schubladenmoebel-stoff-ausgerichtet.webp') 10% 40%/220% auto}.fabric-study{background:repeating-linear-gradient(0deg,#41413b50 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#33352f 0 1px,#242620 1px 3px)}.glass-study{background:linear-gradient(120deg,#33392e,#827c65)}.glass-study i{position:absolute;inset:20px 25%;transform:skewY(-13deg);border:1px solid #d8e4d6aa;background:linear-gradient(130deg,#dceee033,transparent 40%,#fff6 41%,#fff1 43%,#c9dcc522);box-shadow:8px 8px 10px #0004}.light-study{background:linear-gradient(120deg,#372a1d,#161913)}.light-study i{position:absolute;left:48%;top:0;bottom:0;width:3px;background:#fff3ce;box-shadow:0 0 14px 6px #ffca7399,0 0 60px 24px #ffb64e44;transform:rotate(20deg)}.material-grid h3{font-size:20px}.material-grid p{color:#b5a68e;font-size:12px}.room-inspiration{margin-top:65px}.acoustic-compact{background:#191b15;border-top:1px solid #40382a}.acoustic-teaser{display:grid;grid-template-columns:180px 1fr;gap:45px;max-width:900px;align-items:center}.acoustic-teaser>img{width:180px;height:220px;object-fit:cover;display:block;border:1px solid #5d4a32}.acoustic-teaser h2{font-size:36px;letter-spacing:-1.2px;margin-bottom:16px}.acoustic-teaser p:not(.eyebrow){color:#b6a891;font-size:13px;max-width:600px}.acoustic-teaser .eyebrow{margin-bottom:15px}.acoustic-compact details{margin-top:30px;border:1px solid #56452f}.acoustic-compact summary{padding:18px 22px;cursor:pointer;font-size:12px;letter-spacing:.5px;color:#d6be9b;list-style:none;display:flex;justify-content:space-between;align-items:center}.acoustic-compact summary::-webkit-details-marker{display:none}.acoustic-compact summary span{font-size:23px;line-height:1}.acoustic-compact details[open]>summary{border-bottom:1px solid #56452f}.acoustic-compact details[open]>summary span{transform:rotate(45deg)}.acoustic-compact .config-layout{border:0}.acoustic-compact .real-panels{padding:35px;margin:0;border-top:1px solid #56452f}.acoustic-compact .real-panels img{height:300px}.acoustic-compact summary:focus-visible{outline:3px solid #d5b181;outline-offset:4px}
@media(max-width:900px){.furniture-feature{gap:5%}.furniture-feature img{height:420px}.material-grid{gap:15px}.material-sample{height:130px}.hero-copy{width:80%}}@media(max-width:650px){.hero-copy{width:100%}.hero h1{font-size:clamp(45px,11vw,70px);letter-spacing:-2px}.hero:before{background-position:60% center}.furniture-feature{grid-template-columns:1fr;gap:25px;margin:25px 0 50px}.furniture-feature img{height:350px}.furniture-feature h2{font-size:40px}.material-grid{grid-template-columns:1fr 1fr;gap:22px 18px}.material-sample{height:135px}.material-grid article>span{font-size:7px;letter-spacing:1px}.material-grid h3{font-size:19px}.acoustic-teaser{grid-template-columns:95px 1fr;gap:20px;align-items:start}.acoustic-teaser>img{width:95px;height:180px}.acoustic-teaser h2{font-size:29px}.acoustic-teaser p:not(.eyebrow){font-size:12px}.acoustic-teaser .eyebrow{font-size:8px;letter-spacing:1.3px}.acoustic-compact .real-panels{padding:20px;gap:14px}.acoustic-compact .real-panels img{height:240px}.acoustic-compact summary{font-size:11px;padding:16px}}
#panel-stage[data-view=showroom]{aspect-ratio:auto}.showroom-project{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:center;padding-top:40px;margin-top:40px;border-top:1px solid #4a3e2d}.showroom-project figure{margin:0}.showroom-project img{display:block;width:100%;height:300px;object-fit:cover;border:1px solid #554631}.showroom-project figcaption{font-size:9px;color:#ac9b83;padding-top:10px}.showroom-project h3{font-size:32px;line-height:1.15;color:#d9c0a0}.showroom-project p:not(.eyebrow){font-size:12px;color:#b5a58b}.showroom-project .eyebrow{margin-bottom:15px}.showroom-visit{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px;background:#24261c;border:1px solid #53472f;margin-top:35px}.showroom-visit>div{max-width:620px}.showroom-visit .eyebrow{margin-bottom:14px}.showroom-visit h3{font-size:24px;line-height:1.2;color:#e4ceb0}.showroom-visit p:not(.eyebrow){font-size:12px;color:#bdb092;margin-bottom:0}.showroom-visit button{flex-shrink:0;font-size:9px;padding:15px}@media(max-width:700px){.showroom-project{grid-template-columns:1fr;gap:25px;margin-top:30px;padding-top:30px}.showroom-project img{height:auto}.showroom-visit{flex-direction:column;align-items:start;padding:23px;gap:23px}.showroom-visit button{width:100%}}
.fabric-blue{background:#1756a1}#fabric-options{grid-template-columns:repeat(5,1fr)}#fabric-options button{font-size:8px}.geometry-label{display:block;font-size:10px;color:#c5b596;margin:17px 0 7px}.geometry-hint{font-size:10px;line-height:1.7;color:#ad9e85;margin:10px 0}.config-controls #slat-count{max-width:95px;font-size:15px}.individual-slats{border:1px solid #51432e!important;margin:18px 0 12px!important}.acoustic-compact .individual-slats>summary{font-size:10px;padding:12px;letter-spacing:0;line-height:1.6}.slat-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px;border-top:1px solid #4d412d}.slat-row>strong{grid-column:1/-1;font-size:11px;color:#dec7a5;font-weight:400}.slat-row label{font-size:9px;color:#b7a98f}.slat-row input[type=number]{font-size:12px;padding:8px;margin-top:5px}.slat-row .slat-led{display:flex;align-items:center;gap:9px;grid-column:1/-1;font-size:10px}.slat-led input{width:15px;height:15px;margin:0;accent-color:#b38c61}#geometry-error{font-size:11px;color:#ffd09c;line-height:1.6;margin:10px 0}.config-controls{min-width:0}.config-visual{align-self:start}@media(max-width:700px){#fabric-options{grid-template-columns:repeat(3,1fr)}#fabric-options button{font-size:10px}.slat-row{padding:12px}}
.slat-row label{grid-column:auto}.slat-row .slat-led{grid-column:1/-1}
.config-controls #slat-count{width:100%;max-width:none;height:25px;padding:0;border:0;accent-color:#b38c61;background:none}.count-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.count-heading .geometry-label{margin:0}.count-heading output{font-size:11px;color:#d6bd96}.config-controls #panel-layout{margin-bottom:10px}
.hanging-fabrics{margin:0}.hanging-fabrics img{display:block;width:100%;height:510px;object-fit:cover;border:1px solid #594a35}.hanging-fabrics figcaption,.tailoring-atelier figcaption{font-size:9px;color:#a99a82;padding-top:10px}.tailoring-atelier{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;border-top:1px solid #4e4535;padding-top:45px;margin-top:55px}.tailoring-atelier figure{margin:0}.tailoring-atelier img{width:100%;height:365px;object-fit:cover;display:block;border:1px solid #594a35}.tailoring-atelier h3{font-size:32px;line-height:1.17;letter-spacing:-1px;color:#e3cfb1}.tailoring-atelier p:not(.eyebrow){font-size:13px;color:#b8a98f;line-height:1.8}.tailoring-atelier .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.tailoring-tags,.acoustic-uses{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tailoring-tags span,.acoustic-uses span{padding:6px 10px;border:1px solid #665139;color:#ccb28d;font-size:9px}.acoustic-teaser{max-width:1050px;grid-template-columns:180px 1fr}.acoustic-teaser .acoustic-note{font-size:10px!important;color:#a99a82!important;line-height:1.7}.acoustic-teaser>img{height:290px}.acoustic-teaser h2{font-size:40px}@media(max-width:700px){.hanging-fabrics img{height:380px}.tailoring-atelier{grid-template-columns:1fr;gap:28px;padding-top:30px;margin-top:35px}.tailoring-atelier img{height:auto}.tailoring-atelier h3{font-size:30px}.acoustic-teaser{grid-template-columns:95px 1fr}.acoustic-teaser>img{height:210px}.acoustic-teaser h2{font-size:30px}.acoustic-uses span{padding:5px 7px;font-size:8px}}
.panel-wiring{border-top:1px solid #534631;margin-top:22px;padding-top:18px}.panel-wiring h4{font-size:16px;font-weight:400;color:#ddc5a3;margin:0 0 12px}.panel-wiring p{font-size:12px;color:#b6a68d;line-height:1.75}.panel-wiring p:last-child{font-size:10px;color:#a99a82;margin-bottom:0}
.build-together{background:#23261c;border-block:1px solid #4b4934;scroll-margin-top:20px}.build-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:10%;align-items:start;margin:25px 0 45px}.build-intro>div>p{font-size:14px;color:#c0b49e;max-width:620px}.workshop-info{background:#161a12;border:1px solid #655337;padding:30px;position:static;width:auto}.workshop-info dl{margin:0 0 25px}.workshop-info dl>div{display:flex;gap:20px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #484431;font-size:13px}.workshop-info dt{color:#9f997f}.workshop-info dd{margin:0;color:#e2cfad;text-align:right}.workshop-info>p:not(.eyebrow){font-size:11px;color:#b2a78c}.workshop-info .button{width:100%;font-size:9px;padding:14px;gap:12px}.build-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.build-steps article{border-top:1px solid #61553c;padding-top:23px}.build-steps span{font-size:9px;letter-spacing:1.3px;color:#b69c73}.build-steps h3{margin:15px 0 12px;font-size:22px}.build-steps p{font-size:13px;color:#b9ae96;line-height:1.8}.gift-project{display:flex;align-items:center;gap:50px;justify-content:space-between;border-top:1px solid #61553c;padding-top:30px;margin-top:28px}.gift-project>div{max-width:700px}.gift-project .eyebrow{margin-bottom:12px}.gift-project h3{font-size:28px}.gift-project p:not(.eyebrow){font-size:13px;color:#b9ae96;margin-bottom:0}.gift-project button{background:none;border:0;border-bottom:1px solid #8b714f;flex-shrink:0;white-space:nowrap;padding:10px 0;color:#d5bb93}.build-together h2{font-size:clamp(40px,4.3vw,65px)}@media(max-width:700px){.build-intro{grid-template-columns:1fr;gap:25px}.build-steps{grid-template-columns:1fr;gap:18px}.workshop-info{padding:24px}.gift-project{flex-direction:column;align-items:start;gap:20px}.build-together h2{font-size:43px}nav{letter-spacing:.3px}}

#contact-details{font-style:normal}#contact-details a{color:inherit}

/* Frontal ausgerichtete Paneelmuster vollstaendig zeigen. */
.acoustic-compact .real-panels img{height:auto;aspect-ratio:3/4;object-fit:contain}.acoustic-teaser>img{height:auto;aspect-ratio:3/4;object-fit:cover}

.work-grid .furniture-design{height:auto;aspect-ratio:3/2}.furniture-design>img{display:block;width:100%;height:100%;object-fit:cover}

.work-grid .tabletop-design{background:#ddd7cb}.tabletop-design>img{object-fit:contain;padding:18px}