:root{
  --ink:#1f2340; --ink-2:#3a3f66; --night:#232848; --night-2:#2e345c;
  --paper:#faf7f1; --paper-2:#f2ede3; --line:#e2dccf; --text:#2a2a33; --muted:#5f6070;
  --accent:#6b5fb5; --accent-2:#8f84d6; --moon:#f3e3b3; --focus:#c9a227;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:1.0625rem/1.7 var(--sans)}
img,svg{max-width:100%}
a{color:var(--accent)}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--moon);color:var(--ink);padding:.5rem 1rem;z-index:10}
.skip:focus{left:1rem;top:1rem}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}
.narrow{max-width:44rem}
.center{text-align:center}
.muted{color:var(--muted)}
.small{font-size:.92rem}
h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:1.25;font-weight:600}
h1{font-size:clamp(2rem,5vw,2.9rem);margin:.2em 0 .5em;letter-spacing:-.01em}
h2{font-size:clamp(1.35rem,3vw,1.7rem);margin:2.2rem 0 .6rem}
h3{font-size:1.2rem;margin:1.6rem 0 .4rem}
.site-head{background:var(--night);color:#fff}
.head-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;padding-top:1rem;padding-bottom:1rem}
.logo{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;font-family:var(--serif);font-size:1.3rem;letter-spacing:.01em}
.logo-mark{color:var(--moon)}
.site-head nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem}
.site-head nav a{color:#e6e4f5;text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}
.site-head nav a:hover,.site-head nav a[aria-current]{color:#fff;border-bottom-color:var(--moon)}
.hero{position:relative;overflow:hidden;background:radial-gradient(90% 80% at 85% 0%,#5a4f9a 0%,transparent 60%),radial-gradient(120% 90% at 10% 100%,#2b3466 0%,transparent 60%),linear-gradient(160deg,#1b1f3d 0%,var(--night) 50%,#3a2f5c 100%);border-radius:0 0 48px 48px;color:#fff;padding:4.5rem 0 6rem}
.hero h1{color:#fff}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:600;color:var(--accent);margin:0}
.hero .eyebrow{color:var(--moon)}
.eyebrow a{color:inherit;text-decoration:none}
.lead{font-size:1.18rem;line-height:1.65}
.hero .lead{color:#efeefa}
.usp{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.6rem 1.2rem;margin-top:-2.5rem;box-shadow:0 10px 30px -18px rgba(31,35,64,.35);position:relative}
.usp h2{margin-top:0}
.checks{list-style:none;padding:0;margin:0 0 1rem}
.checks li{position:relative;padding-left:2rem;margin:.75rem 0}
.checks li::before{content:"";position:absolute;left:.2rem;top:.55em;width:.95rem;height:.95rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--moon),#e5c97a)}
.note{background:var(--paper-2);border-radius:16px;padding:1.4rem 1.6rem;margin-top:2rem;margin-bottom:3rem}
.note h2{margin-top:0}
.prose{padding-top:2rem;padding-bottom:3rem}
.prose ul,.prose ol{padding-left:1.3rem}
.prose li{margin:.4rem 0}
.offen{background:#fff3cd;padding:0 .3rem;border-radius:4px}
.site-foot{background:var(--ink);color:#d9d8ea;margin-top:2rem;font-size:.95rem}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.6rem;padding-bottom:1.6rem}
.foot-row p{margin:0;max-width:34rem}
.site-foot strong{color:#fff}
.site-foot nav{display:flex;gap:1.2rem;flex-wrap:wrap}
.site-foot a{color:#fff}


/* ---- Hero: Nachthimmel ---- */
.hero-inner{position:relative;z-index:1}
.hero h1{font-size:clamp(2.4rem,7vw,4rem);line-height:1.08;margin:.3em 0 .45em}
.hero-sky{position:absolute;inset:0;pointer-events:none}
.star{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--moon);box-shadow:0 0 12px 3px rgba(243,227,179,.55);opacity:.85}
.s1{top:14%;left:8%}.s2{top:22%;right:12%;width:4px;height:4px}.s3{top:62%;left:4%;width:3px;height:3px}.s4{top:9%;left:58%;width:3px;height:3px}.s5{bottom:18%;right:6%;width:5px;height:5px}
.cloud{position:absolute;border-radius:999px;background:rgba(255,255,255,.07);filter:blur(1px)}
.c1{width:340px;height:90px;right:-60px;bottom:40px}.c2{width:220px;height:60px;left:-40px;top:40px}
.hero-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.pill{display:inline-block;padding:.5rem 1.1rem;border-radius:999px;border:1px solid rgba(243,227,179,.55);color:var(--moon);text-decoration:none;font-weight:600;font-size:.95rem;background:rgba(255,255,255,.04)}
.pill:hover{background:var(--moon);color:var(--ink)}

/* ---- Kapitel ---- */
.group{padding:3.2rem 0 1rem;scroll-margin-top:1rem}
.group:nth-of-type(odd){background:linear-gradient(180deg,transparent,var(--paper-2) 30%,transparent)}
.group-head{max-width:40rem;margin-bottom:1.6rem}
.group-head h2{font-size:clamp(1.9rem,4.5vw,2.6rem);margin:.15rem 0 .35rem}
.group-head p{margin:0}

/* ---- Fundstück-Karten ---- */
.finds{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1.6rem}
.find{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 14px 34px -26px rgba(31,35,64,.55);scroll-margin-top:1rem}
.find-art{position:relative;height:170px;background:var(--t1);overflow:hidden}
.find-no{position:absolute;right:.8rem;bottom:.8rem;z-index:1;font-family:var(--serif);font-size:1.5rem;line-height:1;color:var(--ink);background:rgba(255,255,255,.92);border-radius:999px;padding:.45rem .7rem;box-shadow:0 4px 14px -6px rgba(0,0,0,.4)}
.find-body{display:flex;flex-direction:column;flex:1;padding:1.2rem 1.3rem 1.3rem}
.find-origin{margin:0;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--accent)}
.find h3{font-size:1.35rem;margin:.35rem 0 .15rem}
.find-maker{margin:0 0 .4rem;color:var(--muted);font-style:italic}
.find-sub{font-family:var(--sans);font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:.9rem 0 .3rem}
.facts{margin:0;padding-left:1.1rem;font-size:.96rem}
.facts li{margin:.25rem 0}
.why{margin:0;font-size:.98rem}
.find-src{margin:1rem 0 .9rem;font-size:.84rem;color:var(--muted);flex:1}
.find-src a{color:var(--muted);word-break:break-word}
.find-link{align-self:flex-start;display:inline-block;padding:.6rem 1.05rem;border-radius:999px;background:var(--night);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}
.find-link:hover{background:var(--accent);color:#fff}

/* Farbwelten (eigene Andeutungen, keine Produktfotos) */
.tone-indigo{--t1:#1f3a7a;--t2:#f4f1e8;--t3:#f4f1e8}
.tone-linen{--t1:#e9e1d1;--t2:#cdbf9f;--t3:#8a7a58}
.tone-terracotta{--t1:#c96b4a;--t2:#f0d7b8;--t3:#fff4e4}
.tone-forest{--t1:#2f5a43;--t2:#8fbf8a;--t3:#e8f2df}
.tone-sky{--t1:#9fc7d9;--t2:#e05a4f;--t3:#1f3a5a}
.tone-mono{--t1:#f3f1ec;--t2:#151515;--t3:#151515}
.tone-sun{--t1:#f2b632;--t2:#d9392b;--t3:#1b2a5c}
.tone-poppy{--t1:#fbf6ef;--t2:#e2382f;--t3:#1d2a57}
.tone-moss{--t1:#7d8f5a;--t2:#a9b884;--t3:#f2f2e4}
.tone-sapphire{--t1:#22357a;--t2:#5f7fd6;--t3:#e6ebff}
.tone-bark{--t1:#6b4a33;--t2:#3b4a3a;--t3:#f3e6d4}
.tone-sand{--t1:#e6d6bf;--t2:#cdb593;--t3:#7a6243}

/* Motive als reine CSS-Formen */
.motif-blaudruck{background:radial-gradient(circle at 50% 50%,var(--t2) 0 5px,transparent 6px) 0 0/34px 34px,radial-gradient(circle,transparent 9px,var(--t2) 10px 11px,transparent 12px) 17px 17px/34px 34px,var(--t1)}
.motif-damast{background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,transparent 2px 6px),radial-gradient(ellipse 30px 18px at 50% 50%,var(--t2) 40%,transparent 42%) 0 0/60px 44px,var(--t1)}
.motif-stripes{background:repeating-linear-gradient(90deg,var(--t1) 0 22px,var(--t2) 22px 26px,var(--t1) 26px 40px,var(--t3) 40px 42px)}
.motif-leaves{background:radial-gradient(ellipse 22px 9px at 50% 50%,var(--t2) 95%,transparent) 0 0/48px 36px,radial-gradient(ellipse 9px 22px at 50% 50%,var(--t3) 90%,transparent) 24px 18px/48px 36px,var(--t1)}
.motif-map{background:linear-gradient(90deg,transparent 0 48%,var(--t3) 48% 49%,transparent 49%) 0 0/70px 70px,linear-gradient(0deg,transparent 0 48%,var(--t3) 48% 49%,transparent 49%) 0 0/70px 70px,radial-gradient(ellipse 70% 120% at 55% 60%,#e9e4c8 0 38%,transparent 39%),var(--t1);background-blend-mode:normal}
.motif-map::after{content:"";position:absolute;left:46%;top:18%;width:16px;height:16px;border-radius:50%;background:var(--t2)}
.motif-face{background:radial-gradient(ellipse 46px 60px at 50% 60%,transparent 0 96%,var(--t2) 97% 100%,transparent 101%),radial-gradient(circle 5px at 43% 52%,var(--t2) 98%,transparent),radial-gradient(circle 5px at 57% 52%,var(--t2) 98%,transparent),linear-gradient(0deg,transparent 0 30%,transparent 30%),var(--t1)}
.motif-face::after{content:"";position:absolute;left:calc(50% - 12px);top:76%;width:24px;height:6px;border-radius:0 0 12px 12px;background:var(--t2)}
.motif-girard{background:radial-gradient(circle 28px at 28% 50%,var(--t2) 98%,transparent),radial-gradient(circle 12px at 28% 50%,var(--t3) 98%,transparent),radial-gradient(circle 28px at 66% 50%,var(--t3) 98%,transparent),radial-gradient(circle 12px at 66% 50%,var(--t1) 98%,transparent),var(--t1)}
.motif-poppy{background:radial-gradient(circle 16px at 30% 46%,var(--t3) 98%,transparent),radial-gradient(circle 56px at 30% 46%,var(--t2) 98%,transparent),radial-gradient(circle 10px at 78% 30%,var(--t3) 98%,transparent),radial-gradient(circle 36px at 78% 30%,var(--t2) 98%,transparent),radial-gradient(circle 40px at 72% 110%,var(--t2) 98%,transparent),var(--t1)}
.motif-diagonal{background:repeating-linear-gradient(45deg,var(--t1) 0 10px,var(--t2) 10px 14px,var(--t1) 14px 22px),var(--t1)}
.motif-dots{background:radial-gradient(circle 3px,var(--t3) 95%,transparent) 0 0/12px 12px,radial-gradient(circle 3px,var(--t2) 95%,transparent) 6px 6px/12px 12px,var(--t1)}
.motif-halves{background:linear-gradient(100deg,var(--t2) 0 50%,var(--t1) 50%)}
.motif-halves::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 2px,transparent 2px 5px);clip-path:polygon(0 0,52% 0,48% 100%,0 100%)}
.motif-cable{background:radial-gradient(ellipse 14px 22px at 50% 50%,transparent 60%,var(--t2) 62% 86%,transparent 88%) 0 0/34px 40px,repeating-linear-gradient(90deg,transparent 0 34px,var(--t2) 34px 38px),var(--t1)}

/* 404 */
.lost{padding-top:4rem;padding-bottom:4rem}
.lost-moon{width:84px;height:84px;margin:0 auto 1rem;border-radius:50%;box-shadow:inset -18px -6px 0 0 var(--moon);transform:rotate(-20deg)}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
html{scroll-behavior:smooth}

/* ================= v2: Sofa-Komponist & Co. ================= */
[hidden]{display:none!important}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:center}
.pill-solid{background:var(--moon);color:var(--ink)}
.pill-solid:hover{background:#fff}
.hero-sofa{position:relative;z-index:1}
.mini-sofa{position:relative;height:200px;max-width:340px;margin:0 auto}
.ms-back{position:absolute;left:8%;right:8%;top:20%;height:46%;border-radius:26px 26px 8px 8px;background:#5d5f86}
.ms-seat{position:absolute;left:4%;right:4%;top:58%;height:22%;border-radius:12px;background:#4b4d73}
.ms-arm{position:absolute;top:40%;width:13%;height:42%;border-radius:18px;background:#55577e}
.ms-arm.l{left:0}.ms-arm.r{right:0}
.ms-c{position:absolute;border-radius:16px;box-shadow:0 8px 16px -8px rgba(0,0,0,.6)}
.ms-c.c1{left:16%;top:22%;width:30%;height:38%;transform:rotate(-7deg)}
.ms-c.c2{right:16%;top:22%;width:28%;height:36%;transform:rotate(6deg)}
.ms-c.c3{left:42%;top:42%;width:18%;height:22%;border-radius:50%}

.sec-head{max-width:44rem;margin-bottom:1.4rem}
.sec-head h2{font-size:clamp(1.8rem,4.2vw,2.5rem);margin:.15rem 0 .4rem}
.sec-head p{margin:.2rem 0}
.fund{padding-top:3rem}
.find.featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.find.featured .find-art{height:auto;min-height:260px}
.nojs-note{background:var(--paper-2);border-radius:12px;padding:.8rem 1rem}

.composer-sec{margin-top:3.5rem;padding:3.2rem 0 3rem;background:linear-gradient(180deg,#ece6f6 0%,var(--paper-2) 100%)}
.composer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.6rem;align-items:start}
.stage{position:relative;height:360px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#f6f1e7 0 70%,#d9cdb8 70% 100%);box-shadow:inset 0 0 0 1px var(--line);--sofa:#8e9198;--sofa-d:#777a82}
.bezug-grau{--sofa:#8e9198;--sofa-d:#767981}
.bezug-cognac{--sofa:#a5643b;--sofa-d:#874f2d}
.bezug-salbei{--sofa:#8fa58a;--sofa-d:#768d72}
.bezug-creme{--sofa:#e7dfcf;--sofa-d:#cfc5b1}
.bezug-nacht{--sofa:#26305a;--sofa-d:#1b2346}
.room-lamp{position:absolute;right:7%;top:6%;width:70px;height:46px;border-radius:40px 40px 4px 4px;background:var(--moon);box-shadow:0 30px 60px 10px rgba(243,227,179,.55)}
.room-lamp::after{content:"";position:absolute;left:50%;top:46px;width:3px;height:150px;background:#9b8f78}
.sofa{position:absolute;left:6%;right:6%;bottom:9%;height:62%}
.sofa span{position:absolute;display:block}
.sofa-back{left:9%;right:9%;top:0;height:62%;border-radius:34px 34px 10px 10px;background:var(--sofa);box-shadow:inset 0 -10px 22px -12px rgba(0,0,0,.35)}
.sofa-seat{left:5%;right:5%;top:56%;height:26%;border-radius:16px;background:var(--sofa-d);box-shadow:inset 0 6px 14px -8px rgba(255,255,255,.35)}
.sofa-arm{top:30%;width:12%;height:52%;border-radius:22px;background:var(--sofa)}
.sofa-arm.l{left:0}.sofa-arm.r{right:0}
.sofa-leg{bottom:4%;width:10px;height:14%;background:#5a4532;border-radius:3px}
.sofa-leg.l{left:12%}.sofa-leg.r{right:12%}
.slots{position:absolute;left:6%;right:6%;bottom:9%;height:62%;--u:1px}
.stage-empty{position:absolute;left:12%;right:12%;top:38%;text-align:center;margin:0;color:var(--ink);font-weight:600;background:rgba(255,255,255,.78);border-radius:12px;padding:.5rem .8rem}
.cush{position:absolute;border:0;padding:0;cursor:pointer;background-color:var(--t1);border-radius:18px;box-shadow:0 14px 22px -12px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.06);transition:transform .25s ease}
.cush:hover{transform:translateY(-4px) rotate(var(--rot,0deg))}
.cush::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.28),transparent 55%),radial-gradient(100% 80% at 70% 100%,rgba(0,0,0,.18),transparent 60%);pointer-events:none}
.shape-square.size-l{width:calc(var(--u)*130);height:calc(var(--u)*130)}
.shape-square.size-m{width:calc(var(--u)*110);height:calc(var(--u)*110)}
.shape-square.size-s{width:calc(var(--u)*78);height:calc(var(--u)*78)}
.shape-rect.size-l{width:calc(var(--u)*168);height:calc(var(--u)*104)}
.shape-rect.size-m{width:calc(var(--u)*132);height:calc(var(--u)*82)}
.shape-round,.shape-ball,.shape-knot,.shape-flower{border-radius:50%}
.shape-round.size-m,.shape-round.size-l{width:calc(var(--u)*110);height:calc(var(--u)*110)}
.shape-round.size-s{width:calc(var(--u)*92);height:calc(var(--u)*92)}
.shape-ball{width:calc(var(--u)*66);height:calc(var(--u)*66)}
.shape-knot{width:calc(var(--u)*74);height:calc(var(--u)*74)}
.shape-flower{width:calc(var(--u)*92);height:calc(var(--u)*92)}
.shape-organic{width:calc(var(--u)*140);height:calc(var(--u)*74);border-radius:60% 40% 55% 45%/60% 55% 45% 40%}
.pos-a{left:12%;bottom:34%;--rot:-6deg;transform:rotate(-6deg)}
.pos-b{right:12%;bottom:34%;--rot:5deg;transform:rotate(5deg)}
.pos-c{left:30%;bottom:22%;--rot:-3deg;transform:rotate(-3deg)}
.pos-d{right:30%;bottom:22%;--rot:4deg;transform:rotate(4deg)}
.pos-f{left:50%;bottom:20%;margin-left:calc(var(--u)*-45)}
.pos-m{left:50%;bottom:30%;margin-left:calc(var(--u)*-60)}
.bezug{border:0;padding:0;margin:1rem 0 .4rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center}
.bezug legend{font-weight:600;color:var(--ink);float:left;margin-right:.6rem}
.bezug label{display:inline-flex;gap:.3rem;align-items:center;cursor:pointer}
.ctrl{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.6rem}
.btn{font:inherit;font-weight:600;border:0;border-radius:999px;padding:.6rem 1.15rem;background:var(--night);color:#fff;cursor:pointer}
.btn:hover{background:var(--accent)}
.btn-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink-2)}
.btn-ghost:hover{background:var(--paper-2);color:var(--ink)}
.share-msg{font-size:.92rem;color:var(--ink-2);word-break:break-all}
.side-col{display:flex;flex-direction:column;gap:1rem}
.tips,.on-sofa:not(:empty),.picker{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem 1.2rem}
.tips h3,.on-sofa h3{margin:0 0 .5rem;font-size:1.15rem}
.tip-list{list-style:none;padding:0;margin:0 0 .5rem}
.tip-list li{position:relative;padding-left:1.6rem;margin:.45rem 0;font-size:.97rem}
.tip-list li::before{position:absolute;left:0;top:0;font-weight:700}
.tip-ok::before{content:"✓";color:#2f7a4c}
.tip-hint::before{content:"→";color:var(--accent)}
.tip-warn::before{content:"!";color:#b0452b}
.tip-info::before{content:"·";color:var(--muted);font-size:1.4rem;line-height:1}
.on-sofa ol{margin:0;padding-left:1.2rem;font-size:.95rem}
.picker summary{cursor:pointer;font-weight:600;color:var(--ink)}
.picks{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem;max-height:320px;overflow:auto}
.pick{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.86rem;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.3rem .7rem .3rem .3rem;cursor:pointer;color:var(--text)}
.pick[aria-pressed="true"]{background:var(--night);color:#fff;border-color:var(--night)}
.sw{display:inline-block;width:22px;height:22px;border-radius:50%;flex:none;background-color:var(--t1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);background-size:auto!important}
.tips-toast{position:fixed;left:50%;bottom:1rem;transform:translate(-50%,150%);background:var(--night);color:#fff;text-decoration:none;padding:.6rem 1rem;border-radius:999px;box-shadow:0 10px 30px -10px rgba(0,0,0,.6);transition:transform .3s ease;z-index:20;font-weight:600}
.tips-toast.show{transform:translate(-50%,0)}
.tips-toast:hover{color:var(--moon)}

.quiz-sec{padding-top:3rem}
.quiz{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.2rem 1.4rem}
.quiz fieldset{border:0;padding:0;margin:0 0 1rem}
.quiz legend{font-family:var(--serif);font-size:1.15rem;color:var(--ink);margin-bottom:.4rem;font-weight:600}
.quiz label{display:inline-flex;align-items:center;gap:.35rem;margin:.2rem .5rem .2rem 0;padding:.35rem .8rem;border:1px solid var(--line);border-radius:999px;cursor:pointer;background:var(--paper)}
.quiz label:has(input:checked){background:#ece6f6;border-color:var(--accent)}
.quiz-result h3{margin:1rem 0 .3rem}
.quiz-result .btn{margin-top:.4rem}

.finds-sec{padding:3rem 0 1rem}
.mood-list{padding-left:1.2rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .6rem}
.chip{font:inherit;font-weight:600;font-size:.95rem;border:1.5px solid var(--ink-2);background:#fff;color:var(--ink);border-radius:999px;padding:.45rem 1rem;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.filter-msg{min-height:1.5em;margin:.2rem 0 .8rem}
.tags{margin:.1rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem}
.tag{font-size:.75rem;font-weight:600;letter-spacing:.03em;background:#ece6f6;color:var(--ink-2);border-radius:999px;padding:.12rem .55rem}
.find-kind{position:absolute;left:.8rem;bottom:.8rem;z-index:1;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--ink);border-radius:999px;padding:.25rem .6rem}
.find-actions{display:flex;flex-wrap:wrap;gap:.5rem .7rem;align-items:center}
.ad-label{font-size:.78rem;font-weight:700;color:#7a5a12;background:#fff3cd;border-radius:6px;padding:.1rem .4rem}
.to-sofa{font:inherit;font-weight:600;font-size:.9rem;border:1.5px solid var(--accent);background:#fff;color:var(--accent);border-radius:999px;padding:.5rem .9rem;cursor:pointer}
.to-sofa.on{background:var(--accent);color:#fff}
.ad-note{margin-top:1.4rem;background:#fff;border:1px dashed var(--line);border-radius:12px;padding:.7rem 1rem;color:var(--muted)}

/* --- Motive v2 (eigene CSS-Andeutungen) --- */
.motif-tapestry{background:radial-gradient(circle 7px at 50% 40%,var(--t2) 95%,transparent) 0 0/46px 46px,radial-gradient(ellipse 12px 6px at 50% 50%,var(--t3) 95%,transparent) 23px 23px/46px 46px,radial-gradient(ellipse 4px 10px at 30% 70%,#5f7f5a 95%,transparent) 10px 5px/46px 46px,var(--t1)}
.motif-floral{background:radial-gradient(circle 6px,var(--t2) 95%,transparent) 0 0/40px 40px,radial-gradient(ellipse 10px 4px,var(--t3) 95%,transparent) 20px 20px/40px 40px,radial-gradient(circle 2px,var(--t2) 95%,transparent) 12px 28px/40px 40px,var(--t1)}
.motif-knit{background:repeating-linear-gradient(0deg,transparent 0 34px,var(--t2) 34px 52px,transparent 52px 70px),radial-gradient(ellipse 6px 9px at 50% 50%,rgba(255,255,255,.35) 60%,transparent 64%) 0 0/14px 14px,var(--t1)}
.motif-kilim{background:linear-gradient(135deg,var(--t2) 25%,transparent 25%) 0 0/28px 28px,linear-gradient(225deg,var(--t2) 25%,transparent 25%) 0 0/28px 28px,repeating-linear-gradient(0deg,transparent 0 22px,var(--t3) 22px 28px),var(--t1)}
.motif-tiger{background:repeating-linear-gradient(115deg,transparent 0 16px,var(--t3) 16px 20px,transparent 20px 30px,var(--t3) 30px 32px),radial-gradient(ellipse 60% 50% at 50% 50%,var(--t2) 0 60%,transparent 62%),var(--t1)}
.motif-velvet{background:radial-gradient(110% 80% at 30% 20%,rgba(255,255,255,.35),transparent 55%),linear-gradient(160deg,var(--t2),var(--t1) 55%,var(--t3))}
.motif-knot{background:radial-gradient(circle,transparent 0 18%,var(--t2) 19% 30%,transparent 31% 40%,var(--t3) 41% 52%,transparent 53%),repeating-conic-gradient(from 20deg,var(--t1) 0 30deg,var(--t2) 30deg 45deg),var(--t1)}
.motif-paisley{background:radial-gradient(ellipse 9px 14px at 40% 60%,var(--t2) 70%,transparent 74%) 0 0/36px 40px,radial-gradient(circle 3px at 55% 38%,var(--t2) 95%,transparent) 0 0/36px 40px,linear-gradient(165deg,rgba(255,255,255,.18),transparent 60%),var(--t1)}
.motif-jungle{background:radial-gradient(ellipse 26px 10px at 50% 50%,#2f6b4f 95%,transparent) 0 0/60px 44px,radial-gradient(ellipse 12px 26px at 50% 50%,var(--t2) 80%,transparent 84%) 30px 22px/60px 44px,var(--t1)}
.motif-teddy{background:radial-gradient(circle 2px,var(--t2) 95%,transparent) 0 0/7px 7px,radial-gradient(circle 2px,var(--t3) 95%,transparent) 3px 4px/7px 7px,var(--t1)}
.motif-linen{background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px),var(--t1)}
.motif-tuft{background:radial-gradient(circle 3px,var(--t2) 95%,transparent) 0 0/16px 16px,radial-gradient(circle 3px,var(--t2) 95%,transparent) 8px 8px/16px 16px,var(--t1)}
.motif-jacquard{background:radial-gradient(circle 10px,transparent 6px,var(--t2) 7px 9px,transparent 10px) 0 0/34px 34px,radial-gradient(circle 4px,var(--t2) 95%,transparent) 17px 17px/34px 34px,var(--t1)}
.motif-stag{background:radial-gradient(ellipse 12px 18px at 50% 60%,var(--t2) 95%,transparent) 0 0/56px 60px,linear-gradient(60deg,transparent 46%,var(--t2) 47% 53%,transparent 54%) 0 -18px/56px 60px,linear-gradient(-60deg,transparent 46%,var(--t2) 47% 53%,transparent 54%) 0 -18px/56px 60px,var(--t1)}
.motif-embroidery{background:radial-gradient(circle 5px,var(--t3) 95%,transparent) 50% 50%/30px 30px,radial-gradient(circle 9px,transparent 6px,var(--t2) 7px 8px,transparent 9px) 50% 50%/30px 30px,var(--t1)}
.motif-rose{background:repeating-radial-gradient(circle at 50% 50%,var(--t1) 0 6px,var(--t2) 6px 9px,var(--t3) 9px 11px),var(--t1)}
.cush.motif-tapestry,.cush.motif-floral,.cush.motif-kilim,.cush.motif-jungle,.cush.motif-stag,.cush.motif-jacquard,.cush.motif-paisley{background-size:auto}

@media (max-width:52rem){.hero-grid{grid-template-columns:1fr}.hero-sofa{display:none}.composer{grid-template-columns:1fr}.find.featured{grid-template-columns:1fr}.find.featured .find-art{min-height:170px}}
@media (max-width:40rem){body{font-size:1rem}.hero{padding:3rem 0 4.5rem;border-radius:0 0 32px 32px}.usp{padding:1.2rem}.finds{grid-template-columns:1fr}.find-art{height:120px}.site-head nav{gap:.2rem .9rem;font-size:.95rem}.stage{height:250px}.slots{--u:.64px}.room-lamp{width:46px;height:30px}.room-lamp::after{top:30px;height:90px}.quiz{padding:1rem}}
.usp{margin-top:2.5rem}
.sw{position:relative;overflow:hidden}
.sw::after,.sw::before{display:none}
.ms-c.c1{left:19%}
@media (max-width:52rem){.side-col .picker{order:-1}.picks{max-height:230px}}

/* --- generiert: Farbwelten je Fundstück --- */
.p-strawberry-thief{--t1:#1d3354;--t2:#c4553f;--t3:#e9d9a6}
.p-moon-flower{--t1:#f4d9d8;--t2:#c45d70;--t3:#5f8060}
.p-block-stripe{--t1:#bcd0b2;--t2:#82a68c;--t3:#e6eddb}
.p-kelim-set{--t1:#b5523b;--t2:#d9a441;--t3:#2f4f5f}
.p-tiger-blockprint{--t1:#f1e4c8;--t2:#c9722e;--t3:#2b2b2b}
.p-samt-rund{--t1:#8fb3cf;--t2:#bcd5e7;--t3:#5d86a8}
.p-knotenkissen{--t1:#232323;--t2:#3b3b3b;--t3:#5a5a5a}
.p-oplevine{--t1:#8a7a66;--t2:#e3d2b0;--t3:#5b4c3e}
.p-allonnes{--t1:#6e1f33;--t2:#d9a1a8;--t3:#3f5b45}
.p-tiger-love{--t1:#a6d8cb;--t2:#e08a3c;--t3:#1f3b35}
.p-samtkugel{--t1:#6f7b86;--t2:#9aa5ae;--t3:#4b555e}
.p-verona{--t1:#e3d5c0;--t2:#cdb89a;--t3:#f2e9dc}
.p-teddy-rund{--t1:#5a4235;--t2:#7a5d4c;--t3:#3f2e25}
.p-sintra{--t1:#7d8fa0;--t2:#97a7b5;--t3:#64788a}
.p-marusha{--t1:#efe6d6;--t2:#d8c8ad;--t3:#f8f3ea}
.p-petitmagny{--t1:#dcd2b8;--t2:#5d7a4e;--t3:#9bae7f}
.p-jacquard-blumen{--t1:#e8dcc6;--t2:#c9b898;--t3:#f4ece0}
.p-hirschkopf{--t1:#e6dccb;--t2:#a8916f;--t3:#f3ede2}
.p-fleur{--t1:#f2d4d6;--t2:#ffffff;--t3:#d98c9a}
.p-rose{--t1:#8e1f2e;--t2:#b8374a;--t3:#5c1420}
.p-blaudruck-jever{--t1:#1f3a7a;--t2:#f4f1e8;--t3:#f4f1e8}
.p-hoffmann-wendekissen{--t1:#e9e1d1;--t2:#cdbf9f;--t3:#8a7a58}
.p-svenskt-tenn-manhattan{--t1:#9fc7d9;--t2:#e05a4f;--t3:#1f3a5a}
.p-fornasetti-tema{--t1:#f3f1ec;--t2:#151515;--t3:#151515}
.p-roros-mello{--t1:#7d8f5a;--t2:#a9b884;--t3:#f2f2e4}