:root{--green:#14372f;--deep:#09221d;--gold:#c9a359;--cream:#f6f3ec;--ink:#17231f;--muted:#6a746f;--line:#e1e5e2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a{font:inherit}button{cursor:pointer}.site-header{height:76px;display:flex;align-items:center;padding:0 clamp(18px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;color:var(--green);text-decoration:none;font-weight:800;letter-spacing:.14em}.brand small{display:block;font-size:.52rem;letter-spacing:.33em;margin-top:2px}.mark{width:38px;height:38px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;font:1.4rem Georgia,serif}.header-note{margin:auto;color:var(--muted);font-size:.9rem}.summary-trigger{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 10px 9px 17px;color:var(--green);font-weight:750}.summary-trigger b{display:inline-grid;place-items:center;background:var(--green);color:#fff;width:31px;height:31px;border-radius:50%;margin-left:8px}.product-head{display:grid;grid-template-columns:1.05fr .95fr;min-height:690px;border-bottom:1px solid var(--line)}.gallery{background:#f7f7f5;padding:54px clamp(24px,5vw,80px) 34px}.main-image{height:500px;display:grid;place-items:center;position:relative;background:#fff}.main-image img{width:100%;height:100%;object-fit:contain}.main-image>button{position:absolute;right:18px;top:18px;border:1px solid var(--line);background:#fff;width:42px;height:42px;border-radius:50%;color:var(--green);font-size:1.2rem}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.thumbs button{height:82px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--muted)}.thumbs button.active{border:2px solid var(--gold)}.thumbs img{width:100%;height:100%;object-fit:contain}.product-intro{padding:90px clamp(28px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.kicker{text-transform:uppercase;letter-spacing:.2em;color:#94733a;font-size:.73rem;font-weight:800}.product-intro h1{font:400 clamp(3rem,5vw,5.5rem)/.98 Georgia,serif;color:var(--deep);letter-spacing:-.04em;margin:8px 0 24px}.product-intro>p:not(.kicker){color:var(--muted);font-size:1.08rem;line-height:1.7;max-width:600px}.trust{display:grid;gap:10px;margin:25px 0}.trust span:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e5efe9;color:var(--green);margin-right:10px;font-weight:900}.jump,.primary{border:0;border-radius:999px;background:var(--green);color:#fff;font-weight:800;padding:15px 24px}.jump{align-self:flex-start;margin-top:18px}.config-wrap{max-width:1480px;margin:0 auto;padding:70px clamp(18px,4vw,64px) 110px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:46px;align-items:start}.sticky-card{position:sticky;top:104px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 20px 50px rgba(15,45,37,.08)}.sticky-card>p{text-transform:uppercase;letter-spacing:.16em;color:#94733a;font-size:.7rem;font-weight:800;margin:0}.sticky-card h2{font:400 1.8rem Georgia,serif;margin:8px 0}.sticky-card img{width:100%;height:190px;object-fit:contain;background:#f8f8f6;border-radius:12px}.sticky-card #side-list{margin:16px 0}.sticky-card #side-list div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf0ee;font-size:.82rem}.sticky-card #side-list span{color:var(--muted)}.sticky-card #side-list b{text-align:right}.sticky-card .primary{width:100%}.sections{display:grid;gap:18px}.config-section{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.section-title{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:#fff;padding:24px 26px;text-align:left}.section-title span{display:flex;align-items:center;gap:14px}.section-title i{font-style:normal;width:31px;height:31px;border-radius:50%;background:var(--cream);display:grid;place-items:center;color:#8c6b34;font-weight:800;font-size:.78rem}.section-title b{font:400 1.45rem Georgia,serif;color:var(--deep)}.section-title small{display:block;color:var(--muted);margin-top:3px}.section-title:after{content:"−";font-size:1.5rem;color:var(--muted)}.config-section.collapsed .section-title:after{content:"+"}.config-section.collapsed .option-grid{display:none}.option-grid{border-top:1px solid var(--line);padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{position:relative;min-height:150px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;text-align:center;transition:.18s}.tile:hover,.tile.selected{border-color:var(--gold);box-shadow:0 8px 25px rgba(38,45,42,.1)}.tile.selected:after{content:"✓";position:absolute;right:10px;top:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:.75rem}.tile .pic{height:77px;border-radius:9px;background:#f4f5f3;display:grid;place-items:center;margin-bottom:12px;overflow:hidden}.tile .pic img{width:100%;height:100%;object-fit:contain}.tile b,.tile small{display:block}.tile small{color:var(--muted);margin-top:5px;line-height:1.35}.shape{width:64px;height:64px;border:8px solid #b9854b;background:#f3f7f6;box-shadow:inset 0 0 0 4px #fff}.shape.round{border-radius:50%}.shape.quadro{border-radius:15px}.shape.lounge{border-radius:42% 42% 14px 14px}.shape.ofuro{width:76px;height:50px;border-radius:50%}.color{width:100%;height:100%}.pearl{background:linear-gradient(135deg,#fff,#e8e7e4,#faf8f4)}.metal-gold{background:linear-gradient(135deg,#d6b088,#8c684d,#c79870)}.metal-gray{background:linear-gradient(135deg,#a1a6a4,#555c59,#878c89)}.marble-white{background:radial-gradient(circle at 20% 30%,#d7d7d5 0 2px,transparent 3px),linear-gradient(135deg,#fff,#e9e9e5)}.marble-green{background:linear-gradient(135deg,#133d36,#4e766b,#162d28)}.marble-blue{background:linear-gradient(135deg,#13364c,#51819a,#172d3e)}.marble-coffee{background:linear-gradient(135deg,#4b2f24,#9a7561,#302018)}.marble-black{background:linear-gradient(135deg,#101412,#484d49,#090b0a)}.wood-fir{background:linear-gradient(90deg,#e0bd83,#f2d49e,#c79456)}.wood-thermo{background:linear-gradient(90deg,#744326,#af6d3c,#60351f)}.wood-larch{background:linear-gradient(90deg,#c88342,#e3ae69,#a76334)}.wood-wpc{background:linear-gradient(90deg,#1f2523,#505753,#171b1a)}.wood-cedar{background:linear-gradient(90deg,#8b4930,#c5744b,#6f3927)}.icon-art{font-size:2rem;color:var(--green)}.tile.checkbox .pic{height:54px}.tile.checkbox{min-height:125px}.summary{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:1fr minmax(380px,540px)}.summary[hidden]{display:none}.summary-bg{border:0;background:rgba(4,19,15,.68)}.summary-panel{background:#fff;padding:34px;overflow:auto}.summary-head{display:flex;justify-content:space-between}.summary-head small{text-transform:uppercase;letter-spacing:.16em;color:#94733a}.summary-head h2{font:400 2.1rem Georgia,serif;margin:8px 0 25px}.close{border:0;background:none;font-size:2rem;align-self:start}.summary-panel #summary-list div{display:grid;grid-template-columns:40% 60%;gap:15px;padding:13px 0;border-bottom:1px solid #edf0ee}.summary-panel #summary-list span{color:var(--muted)}.summary-panel #summary-list b{text-align:right}.wide{width:100%;margin-top:28px}.fine{text-align:center;color:var(--muted);font-size:.78rem;line-height:1.5}.modal{position:fixed;inset:0;background:rgba(4,19,15,.94);z-index:80;display:grid;place-items:center;padding:25px}.modal[hidden]{display:none}.modal button{position:absolute;right:28px;top:22px;border:0;background:none;color:#fff;font-size:2.5rem}.modal img{max-width:90vw;max-height:88vh;object-fit:contain}
.is-embedded .site-header{display:none}.is-embedded body{overflow-x:hidden}
@media(max-width:1050px){.product-head{grid-template-columns:1fr}.gallery{padding:30px}.main-image{height:470px}.product-intro{padding:55px 30px}.config-wrap{grid-template-columns:1fr}.sticky-card{position:relative;top:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.sticky-card>p,.sticky-card h2{grid-column:1/-1}.sticky-card img{height:160px}.sticky-card .primary{grid-column:1/-1}.option-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.site-header{height:68px;padding:0 14px}.header-note{display:none}.summary-trigger{margin-left:auto;font-size:0;padding:6px}.summary-trigger:before{content:"Auswahl";font-size:.78rem}.summary-trigger b{font-size:.75rem}.product-head{min-height:0}.gallery{padding:18px}.main-image{height:330px}.thumbs button{height:65px}.product-intro{padding:42px 20px}.product-intro h1{font-size:3rem}.config-wrap{padding:35px 14px 80px}.sticky-card{display:none}.section-title{padding:20px 16px}.section-title b{font-size:1.25rem}.option-grid{padding:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile{padding:10px;min-height:140px}.tile .pic{height:68px}.summary{grid-template-columns:1fr}.summary-bg{display:none}.summary-panel{padding:24px}.summary-panel #summary-list div{grid-template-columns:1fr}.summary-panel #summary-list b{text-align:left}}

/* Accordion headings: reserve a fixed column for the open/close symbol. */
.section-title{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;justify-content:initial;gap:18px}
.section-title>span{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:14px;min-width:0}
.section-title>span>span{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);align-items:center;gap:20px;min-width:0}
.section-title b,.section-title small{min-width:0;overflow-wrap:anywhere}
.section-title small{line-height:1.35}
.section-title:after{width:32px;text-align:center}
@media(max-width:680px){
 .section-title{padding:18px 14px;gap:8px}
 .section-title>span{grid-template-columns:31px minmax(0,1fr);gap:10px}
 .section-title>span>span{grid-template-columns:minmax(110px,.85fr) minmax(0,1fr);gap:10px}
 .section-title b{font-size:1.18rem}
 .section-title small{font-size:.88rem}
}

.mobile-price-bar{display:none}
@media(max-width:680px) and (orientation:portrait){
 .site-header{height:auto;min-height:108px;flex-wrap:wrap;align-content:center;gap:0}
 .brand,.summary-trigger{height:58px}
 .mobile-price-bar{order:3;display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 4px;border:0;border-top:1px solid var(--line);background:#fff;color:var(--green)}
 .mobile-price-bar span{font-size:.86rem;font-weight:700}
 .mobile-price-bar strong{font:700 1.05rem Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
}