/* Alva Home · V2 (Entwurf, 30.09.2026)
   Marke bleibt: Original-Logo, Cormorant Garamond + Urbanist, Papier/Sand/Waldgrün, Schrift nie unter 16 px.
   Neu: volle Breite mit fließenden Rändern, flache Navigation, Megamenü ohne Scrollen, Serienbühnen. */

@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-garamond.5d618c462b.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Urbanist";src:url("fonts/urbanist.ce6e0dd89c.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --paper:#fffefa;--bg:#f8f6f1;--tile:#f4f3ee;--sand:#e8ddcf;--sand-2:#f0e9df;--sage:#cdd5c8;--line:#dedbd2;--line-2:#ebe8e0;
  --green:#203930;--green-2:#172c24;--ink:#25372e;--soft:#425248;--meta:#66716a;--clay:#a86d52;--clay-2:#875540;--sale:#a64431;--ok:#2c7549;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Urbanist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gut:clamp(16px,3.2vw,64px);--max:1840px;--ease:cubic-bezier(.2,.7,.2,1);
  /* Radien wie Brand Book und V1: Bedienelemente eckig (2 px), Karten und Bilder 4 px, Filterchips 6 px, nur Farbpunkte rund */
  --rb:2px;--r:4px;--rc:6px;
  /* Abstände zwischen Kennzeile, Überschrift, Text und Aktionen (überall gleich) */
  --s-eyebrow:14px;--s-text:clamp(16px,1.3vw,22px);--s-act:clamp(22px,2vw,30px);
  --edge:max(var(--gut),calc((100vw - var(--max))/2));
  --hd-h:168px;--sticky:132px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--sticky) + 24px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}
.sec--dark :focus-visible,.ft :focus-visible,.topbar :focus-visible,.club :focus-visible{outline-color:#fffefa}
::selection{background:var(--green);color:#fffefa}

.wrap{width:min(100% - 2*var(--gut),var(--max));margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:12px 18px;background:var(--green);color:#fffefa;border-radius:var(--r);font-weight:600;transition:top .15s}
.skip:focus{top:12px}
.ic{flex:none}

/* ------------------------------------------------------------ Typografie */
.h1{font:500 clamp(38px,4.2vw,74px)/1.02 var(--serif);letter-spacing:-.02em;color:var(--green)}
.h2{font:500 clamp(30px,2.8vw,50px)/1.08 var(--serif);letter-spacing:-.014em;color:var(--green)}
.h3{font:600 clamp(23px,1.55vw,28px)/1.18 var(--serif);color:var(--green)}
.eyebrow{margin-bottom:var(--s-eyebrow);font:600 16px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.lead{font-size:clamp(17px,1.12vw,20px);line-height:1.62;color:var(--soft);max-width:62ch}
.arr{display:inline-block;transition:transform .25s var(--ease)}
a:hover>.arr,button:hover>.arr,a:hover .arr{transform:translateX(4px)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;background:var(--green);color:#fffefa;border:1px solid var(--green);border-radius:var(--rb);font:600 16px/1 var(--sans);letter-spacing:.01em;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--green-2);border-color:var(--green-2)}
.btn--ghost{background:transparent;color:var(--green)}
.btn--ghost:hover{background:rgba(32,57,48,.07);border-color:var(--green)}
.btn--light{background:#fffefa;color:var(--green);border-color:#fffefa}
.btn--light:hover{background:var(--sand);border-color:var(--sand)}
.btn--wide{flex:1}
.btn--icon{padding:0;width:52px}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.lnk{display:inline-flex;align-items:center;gap:8px;padding-bottom:3px;border-bottom:1px solid currentColor;font:600 16px/1.3 var(--sans);color:var(--green);white-space:nowrap}
.lnk:hover{color:var(--clay-2)}
.lnk,.mm-all,.mm-pane-all,.crumbs a,.ft-col a,.ft-legal a,.ft-contact a,.inline-links a,.subcat-leaves a,.search-links a,.mm-rooms a,.news-note a{position:relative}
.lnk::after,.mm-all::after,.mm-pane-all::after,.crumbs a::after,.ft-col a::after,.ft-legal a::after,.ft-contact a::after,.inline-links a::after,.subcat-leaves a::after,.search-links a::after,.mm-rooms a::after,.news-note a::after{content:"";position:absolute;inset:-12px -4px}

.dot{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(37,55,46,.22);flex:none}
.dot--lg{width:28px;height:28px}
button.dot{position:relative}
button.dot::after{content:"";position:absolute;inset:-9px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--rc);background:var(--paper);font:500 16px/1 var(--sans);color:var(--ink);white-space:nowrap;transition:border-color .2s,background .2s,color .2s}
.chip:hover{border-color:var(--green)}
.chip.is-on,.chip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fffefa}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;background:var(--paper);border-radius:var(--rb);font:600 16px/1 var(--sans);color:var(--green)}
.badge--sale{background:var(--sale);color:#fffefa}
.badge--new{background:#e4eadf}
.badge--soon{height:44px;background:var(--sand)}
.ki{position:absolute;top:10px;left:10px;z-index:2;padding:4px 9px;background:rgba(255,254,250,.92);border-radius:2px;font:500 16px/1.25 var(--sans);color:var(--soft)}
.notice{max-width:86ch;padding:16px 20px;background:var(--sand-2);border-radius:var(--r);color:var(--soft)}
.notice--small{margin-top:28px}
.ticks{display:grid;gap:8px}
.ticks li{position:relative;padding-left:30px}
.ticks li::before{content:"";position:absolute;left:4px;top:.42em;width:12px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.inline-links{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:22px;color:var(--soft)}
.inline-links a{border-bottom:1px solid var(--line)}
.inline-links a:hover{color:var(--green);border-color:var(--green)}

/* ------------------------------------------------------------ Dienstleiste */
.topbar{background:var(--green);color:#eef0e9;font:500 16px/1 var(--sans)}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:38px}
.usp{display:flex;gap:clamp(18px,2.6vw,48px);white-space:nowrap;overflow:hidden}
.usp li{display:flex;align-items:center;gap:9px}
.usp .ic{opacity:.8}
.topnav{display:flex;gap:26px;white-space:nowrap}
.topnav a{padding:6px 0;border-bottom:1px solid transparent}
.topnav a:hover{border-color:currentColor}

/* ------------------------------------------------------------ Kopfzeile */
.hd{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.hd-main{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,780px) minmax(max-content,1fr);align-items:center;gap:clamp(20px,3.2vw,64px);height:80px}
.hd-logo{justify-self:start;display:flex;align-items:center;min-height:44px}
.hd-logo img{width:clamp(176px,13vw,232px)}
.hd-burger{display:none}
.hd-actions{display:flex;justify-self:end;gap:clamp(4px,.8vw,14px)}
.hd-act{position:relative;display:grid;justify-items:center;gap:5px;min-width:72px;padding:6px 8px;border-radius:var(--r);font:500 16px/1.1 var(--sans);color:var(--soft);transition:color .2s}
.hd-act:hover{color:var(--green)}
.hd-count{position:absolute;top:0;right:18px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--clay-2);color:#fffefa;font:700 16px/20px var(--sans);text-align:center}

.search{position:relative;justify-self:center;width:min(100%,780px)}
.search-bar{display:flex;align-items:center;gap:12px}
.search-field{position:relative;flex:1;min-width:0}
.hd-act--search,.search-clear{display:none}
.hd-act--search .ic-shut{display:none}
.hd-act--search[aria-expanded="true"] .ic-open{display:none}
.hd-act--search[aria-expanded="true"] .ic-shut{display:block}
.search input{width:100%;height:54px;padding:0 126px 0 54px;border:1px solid var(--line);border-radius:var(--rb);background:var(--bg);font:500 17px/1 var(--sans);color:var(--ink);transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.search input::placeholder{color:var(--meta)}
.search input::-webkit-search-cancel-button{-webkit-appearance:none}
.search input:hover{border-color:#c9c5b9}
.search input:focus{outline:0;border-color:var(--green);background:var(--paper);box-shadow:0 0 0 4px rgba(32,57,48,.1)}
.search-ic{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--soft);pointer-events:none}
.search-kbd{position:absolute;right:108px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:var(--rb);font:600 16px/1 var(--sans);color:var(--meta);background:var(--paper);pointer-events:none}
.search input:focus~.search-kbd{opacity:0}
.search-go{position:absolute;right:6px;top:6px;height:42px;padding:0 20px;border-radius:var(--rb);background:var(--green);color:#fffefa;font:600 16px/1 var(--sans);transition:background .2s}
.search-go:hover{background:var(--green-2)}
.search-panel{position:absolute;left:50%;top:calc(100% + 12px);z-index:5;width:min(940px,calc(100vw - 2*var(--gut)));transform:translateX(-50%);padding:28px 30px 30px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 34px 70px -30px rgba(23,44,36,.4)}
.search-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:36px}
.search-panel .chips{margin-bottom:26px}
.search-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px}
.search-links a{display:block;padding:7px 0;color:var(--soft)}
.search-links a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.search-results{display:grid;gap:4px;margin-bottom:16px}
.sres{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:6px 8px 6px 6px;border-radius:var(--r)}
.sres:hover,.sres:focus-visible{background:var(--bg)}
.sres-img{width:56px;height:70px;border-radius:2px;background:var(--tile);object-fit:contain;mix-blend-mode:multiply;padding:4px}
.sres-thumb{display:block;background:var(--tile);border-radius:2px}
.sres-t{font-weight:600;line-height:1.3}
.sres-b{display:block;color:var(--meta);font-weight:400}
.sres-p{font-weight:700;white-space:nowrap}
.sres--link{grid-template-columns:minmax(0,1fr) auto;padding:10px 8px}

/* ------------------------------------------------------------ Navigation */
.nav{border-top:1px solid var(--line-2)}
.nav-head,.nav-more,.mm-mobile-head{display:none}
.nav-list{display:flex;align-items:stretch;gap:clamp(14px,2vw,40px);height:52px}
.nav-item{display:flex;align-items:stretch}
.nav-link{position:relative;display:flex;align-items:center;font:600 17px/1 var(--sans);color:var(--ink);white-space:nowrap}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.nav-item:hover>.nav-link::after,.nav-item.is-open>.nav-link::after,.nav-item.is-current>.nav-link::after{transform:scaleX(1)}
.nav-item--sale>.nav-link{color:var(--sale)}
.nav-item--sale>.nav-link::after{background:var(--sale)}
/* Weihnachten: saisonaler Menüpunkt in Tannengrün mit Stern */
.nav-item--season>.nav-link{color:var(--green)}
.nav-item--season>.nav-link::before{content:"✦";margin-right:6px;font-size:13px;color:var(--clay)}
.nav-short{display:none}
.nav-sep{width:1px;margin:15px 0;background:var(--line)}
.nav-toggle{display:grid;place-items:center;width:0;overflow:hidden;color:var(--soft);transition:transform .2s}
.nav-toggle:focus-visible{width:30px;margin-left:4px}
.nav-item.is-open>.nav-toggle{transform:rotate(180deg)}
.nav-scrim{position:fixed;inset:0;z-index:45;background:rgba(16,28,23,.34)}

.mega{position:absolute;left:0;right:0;top:100%;display:none;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 40px 70px -40px rgba(23,44,36,.45);opacity:0;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease)}
.nav-item.is-open>.mega{display:block}
.nav-item.is-shown>.mega{opacity:1;transform:none}
.mega-in{--rail:clamp(264px,20.5vw,310px);--pane:clamp(290px,25vw,460px);--mgap:clamp(22px,3vw,64px);position:relative;display:grid;grid-template-columns:var(--rail) var(--pane) minmax(0,1fr);column-gap:var(--mgap);align-items:start;padding:28px 0 32px}
.mm-rail{grid-column:1;grid-row:1}
.mm-group{display:flex;align-items:stretch;border-bottom:1px solid var(--line-2)}
.mm-group-link{flex:1;display:flex;align-items:center;min-height:44px;padding:0 4px 0 0;font:600 18px/1.2 var(--sans);color:var(--ink);text-align:left;transition:color .15s,padding .2s var(--ease)}
.mm-group-toggle{display:grid;place-items:center;width:34px;color:var(--meta);transition:transform .2s var(--ease),color .15s}
.mm-group.is-active>.mm-group-link{color:var(--green);padding-left:10px}
.mm-group.is-active>.mm-group-toggle{color:var(--green);transform:translateX(3px)}
.mm-group.is-active{box-shadow:inset 2px 0 0 var(--green)}
.mm-pane{position:absolute;left:calc(var(--rail) + var(--mgap));top:28px;width:var(--pane);visibility:hidden;opacity:0;transition:opacity .16s var(--ease)}
.mm-group.is-active>.mm-pane{visibility:visible;opacity:1}
/* Überschriften in allen Megamenüs gleich: einzeilig, ruhig, mit feiner Linie; Listen beginnen dadurch überall auf gleicher Höhe */
.mm-pane-title,.mm-col-title{margin:0 0 6px;padding-bottom:10px;border-bottom:1px solid var(--line-2);font:600 16px/1.3 var(--sans);color:var(--meta);overflow-wrap:anywhere}
.mm-leaves{display:grid}
.mm-leaves a{display:block;padding:11px 0;font:500 17px/22px var(--sans);color:var(--soft)}
.mm-leaves a:hover{color:var(--green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.mm-leaves--two{grid-template-rows:repeat(var(--rows),auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:28px}
.mm-pane-all{display:inline-flex;gap:8px;margin-top:14px;padding-bottom:3px;border-bottom:1px solid currentColor;font:600 16px/1.3 var(--sans);color:var(--green)}
.mm-all{grid-column:1;grid-row:2;display:inline-flex;gap:8px;justify-self:start;margin-top:18px;padding-bottom:3px;border-bottom:1px solid currentColor;font:600 16px/1.3 var(--sans);color:var(--green)}
.mm-side{grid-column:3;grid-row:1 / span 2;min-width:0}
.mm-teasers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mm-teasers--one{grid-template-columns:minmax(0,1fr)}
.mm-teaser{position:relative;display:block;height:clamp(300px,20vw,380px);border-radius:var(--r);overflow:hidden;background:var(--sand)}
.mm-teasers--one .mm-teaser{height:clamp(240px,18vw,300px)}
.mm-teaser img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mm-teaser:hover img{transform:scale(1.04)}
.mm-teaser-txt{position:absolute;left:0;right:0;bottom:0;display:grid;gap:3px;padding:72px 18px 16px;background:linear-gradient(rgba(16,28,23,0),rgba(16,28,23,.6) 40%,rgba(16,28,23,.88));color:#fffefa;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.mm-teaser-kind{font:600 16px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.mm-teaser-title{font:500 clamp(24px,1.8vw,30px)/1.1 var(--serif)}
.mm-teaser-line{font:500 16px/1.3 var(--sans)}
.mm-rooms{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin-top:16px;color:var(--soft)}
.mm-rooms-label{font:600 16px/1.3 var(--sans);color:var(--meta)}
.mm-rooms a{border-bottom:1px solid var(--line)}
.mm-rooms a:hover{color:var(--green);border-color:var(--green)}
.mega--cols .mega-in,.mega--brands .mega-in{grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(40px,4.6vw,96px)}
.mm-cols{grid-column:1;grid-row:1;display:flex;align-items:flex-start;gap:clamp(32px,3.4vw,64px)}
.mm-col{display:grid;align-content:start;gap:26px;width:clamp(210px,15vw,260px)}
.mega--cols .mm-side,.mega--brands .mm-side{grid-column:2;grid-row:1 / span 2}
.mm-brandgrid{grid-column:1;grid-row:1;width:clamp(500px,34vw,640px)}
.mm-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.mm-logo{display:grid;align-content:center;justify-items:center;gap:8px;height:92px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-align:center;transition:border-color .2s,background .2s}
.mm-logo:hover{border-color:var(--green)}
.mm-logo .logo{width:auto;max-width:100%;height:auto;max-height:30px}
/* „Alle Marken →“ in einer Zeile (Martin, 30.09.2026): Text und Pfeil nebeneinander statt als zwei Rasterzeilen */
.mm-logo--all{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg);font:600 16px/1.3 var(--sans);color:var(--green);white-space:nowrap}
/* Logos: im Strip und Menü einheitlich grau, bei Überfahren in ihrer Farbe; auf Bildern auf einem hellen Schild */
.logo{display:block;filter:grayscale(1);opacity:.86;mix-blend-mode:multiply;transition:filter .25s,opacity .25s}
a:hover .logo,a:focus-visible .logo{filter:none;opacity:1}
.logo-plate{display:inline-grid;place-items:center;justify-self:start;height:48px;padding:0 14px;border-radius:var(--rb);background:#fffefa}
.logo-plate .logo{width:auto;height:auto;max-height:26px;max-width:180px;filter:none;opacity:1}
.logo--light,a:hover .logo--light,a:focus-visible .logo--light,.logo-plate .logo--light{filter:brightness(0)}
.logo.logo--light{opacity:.8}
a:hover .logo.logo--light{opacity:1}
.brand-logo{width:auto;max-width:100%;height:34px;filter:brightness(0);opacity:.8;transition:opacity .2s}
a:hover>.brand-logo{opacity:1}
.brand-logo--white{filter:brightness(0) invert(1);opacity:1;height:30px;justify-self:start}
.brand-logo--xl{height:clamp(40px,3.4vw,58px);opacity:1;margin:18px 0 22px}
.brand-mark{display:block;width:auto;height:auto;max-height:clamp(40px,3.2vw,52px);max-width:min(300px,72%);margin:4px 0 22px}

/* ------------------------------------------------------------ Hero */
.hero{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);grid-template-rows:minmax(0,1fr);height:clamp(520px,calc(100svh - var(--hd-h)),780px);overflow:hidden;background:var(--sand)}
.hero{position:relative}
.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:clamp(2px,1svh,10px);min-width:0;padding:clamp(18px,4svh,56px) clamp(24px,3.4vw,68px) clamp(18px,4svh,56px) var(--edge)}
.hero-kicker{margin:0 0 clamp(10px,2.2svh,24px);font:600 16px/1.35 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.hero-display{margin:0 0 clamp(12px,2.6svh,28px);font:400 clamp(44px,min(4.7vw,11.4svh),96px)/.95 var(--serif);letter-spacing:-.032em;color:var(--green)}
.hero-text{max-width:46ch;margin:0 0 clamp(12px,2.4svh,24px);font-size:clamp(17px,1.12vw,20px);line-height:1.58;color:var(--soft)}
.hero-dots{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:clamp(14px,3svh,30px)}
.hero-dots .dot.is-on{box-shadow:0 0 0 3px var(--sand),0 0 0 5px var(--green)}
.hero-pause{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(37,55,46,.25);border-radius:var(--rb);color:var(--green);background:rgba(255,254,250,.55);transition:background .2s}
.hero-pause{margin-left:6px}
.hero-pause:hover{background:#fffefa}
.ic-play{display:none}
[data-motion-toggle][aria-pressed="true"] .ic-play{display:block}
[data-motion-toggle][aria-pressed="true"] .ic-pause{display:none}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-width:0;background:var(--paper)}
.hero-panel{position:relative;overflow:hidden;background:var(--sand-2)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease)}
.hero-slide.is-on{opacity:1;z-index:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 8s linear}
.hero-slide.is-on img{transform:scale(1.045)}
/* Leichtes Zoomen hinein und wieder heraus (Handy, Tablet und Variante B) */
@keyframes kenburns{from{transform:scale(1.015)}to{transform:scale(1.11)}}
.hero.is-paused .hero-slide img{animation-play-state:paused!important}
/* Variante B: ein Bild über die volle Breite, Text links auf einem Verlauf */
.hero--b{display:block}
.hero--b .hero-stage{position:absolute;inset:0;display:block}
.hero--b .hero-panel{position:absolute;inset:0}
.hero--b .hero-slide img{object-position:50% 46%;animation:kenburns 20s ease-in-out infinite alternate;transition:none}
.hero--b .hero-copy{position:relative;z-index:2;height:100%;width:min(100%,calc(var(--edge) + 720px));padding-right:clamp(40px,6vw,120px);background:linear-gradient(90deg,rgba(18,31,26,.82) 0,rgba(18,31,26,.66) 55%,rgba(18,31,26,0) 100%);pointer-events:none}
.hero--b .hero-copy>*{pointer-events:auto}
.hero--b .hero-kicker{color:#e8ece5}
.hero--b .hero-display{color:#fffefa}
.hero--b .hero-text{color:#e3e7e0}
.hero--b .hero-cta .btn{background:#fffefa;border-color:#fffefa;color:var(--green)}
.hero--b .hero-cta .btn:hover{background:var(--sand);border-color:var(--sand)}
.hero--b .hero-cta .btn--ghost{background:transparent;border-color:rgba(255,254,250,.72);color:#fffefa}
.hero--b .hero-cta .btn--ghost:hover{background:rgba(255,254,250,.12)}
.hero--b .hero-pause{align-self:center;border-color:rgba(255,254,250,.6);color:#fffefa;background:rgba(18,31,26,.35)}
.hero--b .hero-cap{left:auto;right:calc(var(--edge) + 56px);bottom:22px}
.cta-short{display:none}
.hero-now{display:none}
.hero--b .hero-cap{display:none}
.hero-cap{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 14px 0 10px;border-radius:var(--rb);background:rgba(255,254,250,.94);font:500 16px/1 var(--sans);color:var(--ink);transition:background .2s}
.hero-slide:hover .hero-cap{background:#fffefa}
.hero-slide:focus-visible{outline-offset:-5px}

/* ------------------------------------------------------------ Markenleiste, Abschnitte */
.brands-strip{border-bottom:1px solid var(--line)}
.brands-strip-in{display:flex;align-items:center;gap:clamp(20px,2.6vw,48px);min-height:124px;padding:20px 0}
.brands-strip-label{flex:none;font:500 clamp(21px,1.5vw,26px)/1.15 var(--serif);color:var(--green);white-space:nowrap}
.brands-rail{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.brands-marquee{display:flex;width:max-content}
.brands-track{display:flex;gap:10px;padding-right:10px}
.brands-track li{flex:none}
/* läuft, sobald das Skript die Kopie angehängt hat; hält bei Überfahren, Fokus und Pause */
.brands-strip.is-running .brands-marquee{animation:marquee var(--marquee-time,42s) linear infinite}
.brands-strip.is-running:hover .brands-marquee,.brands-strip.is-running:focus-within .brands-marquee,.brands-strip.is-paused .brands-marquee{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.brand-tile{display:grid;place-items:center;width:clamp(150px,9vw,164px);height:84px;padding:0 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);transition:border-color .2s}
.brand-tile:hover{border-color:var(--green)}
.brand-tile .logo{width:auto;height:auto;max-width:100%;max-height:30px}
.brands-strip-side{flex:none;display:flex;align-items:center;gap:clamp(14px,1.6vw,28px)}
[data-rail-scope].is-static .rail-arrows{display:none}
.sec{padding:clamp(56px,6.2vw,112px) 0}
.sec--tight{padding:clamp(30px,3.4vw,56px) 0}
/* Produktliste ohne eigene Fläche; Abstand Kopf → Unterkategorien = Unterkategorien → Filterleiste (Martin, 01.10.2026:
   „bg in der kategorie in der produktansicht entfernen oder abstände EINHEITLICH anpassen“) */
.sec--grid{padding:clamp(24px,2.6vw,44px) 0 clamp(56px,6.2vw,112px)}
.sec--sand{background:var(--sand-2)}
.sec--dark{background:var(--green-2);color:#ecece4}
.sec--dark .h1,.sec--dark .h2,.sec--dark .eyebrow,.sec--dark .lead{color:#fffefa}
.sec--dark .lead,.sec--dark .eyebrow{opacity:.86}
.sec--flush{padding-bottom:clamp(40px,4vw,72px)}
.sec--intro{padding-bottom:clamp(28px,3vw,48px)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(22px,2.4vw,42px)}
.sec-head-side{display:flex;align-items:center;gap:clamp(14px,1.6vw,28px)}
.rail-arrows{display:flex;gap:8px}
.rail-btn{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);color:var(--green);transition:background .2s,border-color .2s,opacity .2s}
.rail-btn:hover{background:var(--bg);border-color:var(--green)}
.rail-btn[disabled]{opacity:.35;cursor:default}
.rail-btn[disabled]:hover{background:var(--paper);border-color:var(--line)}
.tabs{display:flex;gap:clamp(18px,2.4vw,44px);margin:-6px 0 clamp(20px,2.2vw,36px);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{position:relative;flex:none;min-width:44px;min-height:52px;padding:0 2px 4px;font:500 18px/1 var(--sans);color:var(--soft);white-space:nowrap;transition:color .2s}
.tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.tab:hover{color:var(--green)}
.tab[aria-selected="true"]{font-weight:600;color:var(--green)}
.tab[aria-selected="true"]::after{transform:scaleX(1)}

/* Kategoriekacheln */
.ctiles{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(8px,.9vw,14px)}
.ctile{display:block}
.ctile-img{display:grid;place-items:center;aspect-ratio:4/5;padding:14%;border-radius:var(--r);background:var(--sand-2);overflow:hidden}
.ctile--paper .ctile-img{background:var(--tile)}
.ctile--sage .ctile-img{background:#dfe4da}
.ctile-img img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ease)}
.ctile:hover .ctile-img img{transform:scale(1.07)}
.ctile-name{display:block;margin-top:12px;font:600 17px/1.25 var(--sans)}
.ctile:hover .ctile-name{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

/* Serienmosaik */
.series{display:grid;grid-template-columns:minmax(0,min(55%,calc(100svh - var(--sticky) - 64px) * 1.2)) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,110px)}
.mosaic{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.mosaic-tile{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:var(--sand)}
.mosaic-tile--forest{background:var(--green)}
.mosaic-tile--paper{background:#efece4}
.mosaic-tile--clay{background:#b07a60}
.mosaic-tile--sage{background:var(--sage)}
.mosaic-tile--title{display:grid;place-items:center;background:var(--green-2);color:#fffefa;text-align:center}
.mosaic-tile--title p{display:grid;gap:6px}
.mosaic-tile--title span,.mosaic-tile--title em{font:600 16px/1.2 var(--sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.mosaic-tile--title strong{font:400 clamp(40px,4.4vw,84px)/.95 var(--serif);letter-spacing:-.02em}
.mosaic-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.965);transition:opacity .7s var(--ease),transform 1s var(--ease)}
.mosaic-slide.is-on{opacity:1;transform:none;z-index:1}
.mosaic-slide img{width:76%;height:auto;max-height:82%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(16,28,23,.16))}
.mosaic-cap{position:absolute;left:12px;right:12px;bottom:10px;font:500 16px/1.25 var(--sans);color:var(--ink);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.mosaic-tile--forest .mosaic-cap,.mosaic-tile--clay .mosaic-cap{color:#fffefa}
.mosaic-tile:hover .mosaic-cap,.mosaic-slide:focus-visible .mosaic-cap{opacity:1;transform:none}
.series-copy .lead,.look-copy .lead,.duo-copy .lead,.collection-copy .lead{margin:var(--s-text) 0 var(--s-act)}
.series-dots{display:flex;flex-wrap:wrap;gap:7px;max-width:420px;margin-bottom:22px}
.series-price{margin-bottom:26px;font:700 clamp(24px,1.9vw,32px)/1.2 var(--sans);color:var(--green)}
.series-price span{font-weight:500;font-size:17px;color:var(--soft)}
.series-price small{display:block;font:500 16px/1.4 var(--sans);color:var(--meta)}

/* Wohnidee mit Markierungen */
.look{display:grid;grid-template-columns:minmax(0,min(49%,calc(100svh - var(--sticky) - 64px) * .8)) minmax(0,1fr);align-items:center;gap:clamp(28px,5.4vw,120px)}
.look-fig{position:relative;width:100%;border-radius:var(--r);overflow:hidden}
.look-fig img{width:100%;aspect-ratio:4/5;object-fit:cover}
.look-fig figcaption,.duo-fig figcaption{position:absolute;right:10px;bottom:10px;padding:4px 9px;border-radius:2px;background:rgba(255,254,250,.9);font:500 16px/1.25 var(--sans);color:var(--soft)}
.pin{position:absolute;z-index:2;width:44px;height:44px;margin:-22px 0 0 -22px}
.pin-dot{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fffefa;color:var(--green);font:700 17px/1 var(--sans);box-shadow:0 0 0 7px rgba(255,254,250,.36),0 8px 20px rgba(16,28,23,.25);transition:transform .2s var(--ease),background .2s,color .2s}
.pin-dot::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,254,250,.8);animation:pin 2.6s var(--ease) infinite}
.pin:hover,.pin:focus-visible,.pin.is-open{z-index:4}
.pin:hover .pin-dot,.pin:focus-visible .pin-dot,.pin.is-open .pin-dot{transform:scale(1.08);background:var(--green);color:#fffefa}
.pin-card{position:absolute;left:50%;bottom:calc(100% + 16px);display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;width:min(300px,72vw);padding:10px 16px 10px 10px;border-radius:var(--r);background:var(--paper);box-shadow:0 18px 40px -14px rgba(16,28,23,.45);transform:translate(-50%,6px);opacity:0;visibility:hidden;transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s .18s}
.pin-card::after{content:"";position:absolute;left:50%;top:100%;width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--paper);transform:rotate(45deg)}
.pin--left .pin-card{left:-8px;transform:translate(0,6px)}
.pin--left .pin-card::after{left:30px}
.pin--right .pin-card{left:auto;right:-8px;transform:translate(0,6px)}
.pin--right .pin-card::after{left:auto;right:23px}
.pin:hover .pin-card,.pin:focus-visible .pin-card,.pin.is-open .pin-card{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.pin--left:hover .pin-card,.pin--left:focus-visible .pin-card,.pin--left.is-open .pin-card,.pin--right:hover .pin-card,.pin--right:focus-visible .pin-card,.pin--right.is-open .pin-card{transform:none}
.pin-thumb{display:block;border-radius:2px;background:var(--tile)}
.pin-thumb img{aspect-ratio:4/5;object-fit:contain;mix-blend-mode:multiply;padding:4px}
.pin-txt{display:grid;gap:1px;min-width:0;text-align:left}
.pin-brand{font:400 16px/1.3 var(--sans);color:var(--meta)}
.pin-title{font:600 16px/1.3 var(--sans);color:var(--ink)}
.pin-price{font:700 17px/1.3 var(--sans);color:var(--ink)}
@keyframes pin{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.look-list{display:grid;gap:10px}
.look-item{display:grid;grid-template-columns:34px 68px minmax(0,1fr);align-items:center;gap:16px;padding:10px 18px 10px 14px;border-radius:var(--r);background:var(--paper);transition:box-shadow .2s}
.look-item:hover{box-shadow:0 0 0 1px var(--green)}
.look-num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fffefa;font:700 16px/1 var(--sans)}
.look-thumb{display:block;background:var(--tile);border-radius:2px}
.look-thumb img{aspect-ratio:4/5;object-fit:contain;mix-blend-mode:multiply;padding:5px}
.look-txt{display:grid;gap:1px;min-width:0}
.look-brand{color:var(--meta);font-size:16px}
.look-title{font-weight:600;line-height:1.3}
.look-price{font-weight:700}
.look-set{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(37,55,46,.18)}
.look-set p{color:var(--soft)}
.look-set strong{display:block;font:600 24px/1.2 var(--serif);color:var(--green)}

/* Zweispalter: Marke, Geschichte */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(55%,calc(100svh - var(--sticky) - 64px)));align-items:center;gap:clamp(28px,5.4vw,120px)}
.duo-copy>p+p{max-width:64ch;color:var(--soft)}
.duo-fig{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--sand-2)}
.duo-fig img{width:100%;height:100%;object-fit:cover}
.swap-img{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease)}
.swap-img.is-on{opacity:1}
.swap{margin-bottom:26px;padding-top:22px;border-top:1px solid var(--line)}
.swap-label{margin-bottom:12px;color:var(--soft)}
.swap-label strong{color:var(--ink)}
.swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.swatch{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px 0 8px;border:1px solid var(--line);border-radius:var(--rc);background:var(--paper);font:500 16px/1 var(--sans);transition:border-color .2s,box-shadow .2s}
.swatch:hover{border-color:var(--green)}
.swatch.is-on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.swap .series-price{margin:0}
.themes{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.themes li{display:inline-flex;align-items:center;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--rc);font:500 16px/1 var(--sans);color:var(--soft)}
.maker{font-size:16px;color:var(--meta)}

/* Räume */
.rooms{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;height:clamp(520px,min(46vw,calc(100svh - var(--sticky) - 64px)),880px);padding-inline:5px}
.room{position:relative;display:block;overflow:hidden;border-radius:var(--r);background:var(--sand-2)}
.room>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.room:hover>img{transform:scale(1.035)}
.room--a{grid-row:1 / 3}
.room--b{grid-column:2 / 4}
.room--b>img{object-position:50% 62%}
.room-txt{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:72px clamp(16px,1.6vw,28px) clamp(16px,1.5vw,26px);background:linear-gradient(rgba(16,28,23,0),rgba(16,28,23,.55) 40%,rgba(16,28,23,.84));color:#fffefa;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.room-name{font:500 clamp(28px,2.5vw,46px)/1 var(--serif);letter-spacing:-.01em}
.room-go{font:600 16px/1.3 var(--sans);white-space:nowrap}
.rooms--grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;height:auto;padding:0;gap:12px}
.rooms--grid .room{aspect-ratio:1}
.room-blank{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--sage),var(--sand))}

/* Kollektion auf Dunkel */
.collection{display:grid;grid-template-columns:minmax(0,min(46%,(100svh - var(--sticky) - 64px) * .8)) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,110px)}
.collection-fig{border-radius:var(--r);overflow:hidden}
.collection-fig img{width:100%;aspect-ratio:4/5;max-height:calc(100svh - var(--sticky) - 64px);object-fit:cover;object-position:50% 45%}
.collection-cards{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px);margin-top:clamp(12px,2vw,36px)}
.sec--dark .card{border-color:transparent}

/* Werkzeuge und Club */
.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.tool{display:grid;align-content:start;gap:12px;padding:clamp(24px,2.4vw,40px);border-radius:var(--r);background:var(--bg)}
.tool-ic{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:50%;background:var(--paper);color:var(--green)}
.tool p{color:var(--soft)}
.tool .lnk{justify-self:start;margin-top:8px}
.club{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:clamp(12px,1.4vw,24px);padding:clamp(28px,3.4vw,60px);border-radius:var(--r);background:var(--green);color:#ecece4}
.club .eyebrow,.club .h2{color:#fffefa}
.club .eyebrow{opacity:.85}
.club .ticks{grid-auto-flow:column;gap:8px 32px;margin-top:20px}
.club-note{margin-top:12px;opacity:.8}
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,5vw,110px);align-items:start}
.about{background:var(--bg)}
/* Erst der Text, dann der Film (Martin, 30.09.2026): am Desktop Text links und Film rechts, darunter gestapelt.
   Das Standbild liegt als Hintergrund am Video, damit Desktop und Tablet (16:9) und das Handy (9:16) je ihr eigenes laden */
.about-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(28px,5vw,110px)}
.about-film{margin:0}
.about-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--r);background:var(--green-2) url("img/alva-home-30s-poster-16x9.b98e77268d.webp") center/cover no-repeat}
.about-film figcaption{padding:10px 2px 0;font:500 16px/1.4 var(--sans);color:var(--meta)}
/* Eigener Startknopf statt der Bedienleiste des Browsers auf dem Standbild; nach dem Start übernimmt die Bedienleiste */
.about-frame{position:relative}
.about-play{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);box-shadow:0 12px 32px rgba(15,28,22,.28)}
.about-play .ic{margin-left:-4px}
.about-time{font-weight:500;color:var(--soft)}
.about-copy .lead{margin:var(--s-text) 0 18px}
.about-facts{margin-bottom:var(--s-act);color:var(--soft)}

/* ------------------------------------------------------------ Produktkarte, Raster, Schienen */
/* Rahmen wie die Karte im Shop auf Staging (article.product-card): 1 px Linie, 4 px Radius, Papierweiß, Bild quadratisch
   auf der Kachelfarbe, Text mit 20 px (am Handy 16 px) Innenabstand; alle Karten einer Reihe gleich hoch */
.card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid #e3e3da;border-radius:var(--r);background:var(--paper);overflow:hidden;container-type:inline-size}
.card-a{display:flex;flex:1 1 auto;flex-direction:column;border-radius:var(--r)}
.card-a:focus-visible{outline-offset:5px}
.card-media{position:relative;flex:none;aspect-ratio:1;overflow:hidden;background:var(--tile)}
/* Bildgalerie: am Handy wischen, am Desktop Pfeile oder Wischgeste am Trackpad; jedes Bild rastet ein */
.card-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.card-track::-webkit-scrollbar{display:none}
.card-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:20px;mix-blend-mode:multiply;transition:transform .7s var(--ease)}
.card-img--life{padding:0;object-fit:cover;mix-blend-mode:normal}
.card:hover .card-slide:first-child .card-img:not(.card-img--life){transform:scale(1.03)}
.card-nav{position:absolute;top:calc(50cqw - 22px);z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--rb);background:rgba(255,254,250,.94);color:var(--green);opacity:0;transition:opacity .2s,background .2s}
.card-nav:hover{background:#fffefa;border-color:var(--green)}
.card-nav--prev{left:10px}
.card-nav--next{right:10px}
.card:hover .card-nav,.card:focus-within .card-nav{opacity:1}
.card-nav[disabled]{opacity:0!important;pointer-events:none}
.card-dots{position:absolute;left:50%;bottom:10px;z-index:2;display:flex;gap:4px;padding:6px 7px;border-radius:var(--rb);background:rgba(255,254,250,.78);transform:translateX(-50%);pointer-events:none}
.card-dots i{width:12px;height:3px;border-radius:1px;background:rgba(37,55,46,.28);transition:width .25s var(--ease),background .25s}
.card-dots i.is-on{width:22px;background:var(--green)}
@media (hover:none){.card-nav{display:none}}
/* In Produktreihen bewegt eine Wischgeste am Handy die Reihe, nicht das Kartenbild; die Pfeile bleiben am Desktop */
@media (hover:none){.rail .card-track{overflow-x:hidden}.rail .card-dots{display:none}}
.badges{position:absolute;left:10px;top:10px;z-index:2;display:flex;gap:6px}
/* Kartentext wie die Karte auf Staging (product-cards.css, gemessen 30.09.2026): Marke 16 px, Titel 20 px/650,
   Farbzeile direkt darunter (Farbpunkte 26 px), Preis 24 px/750 und Lieferinfo als Block am unteren Rand. So liegen
   Titel, Preis und Lieferinfo in jeder Reihe auf einer Linie, ohne Leerzeile unter kurzen Titeln (Martin, 30.09.2026) */
.card-body{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;padding:20px}
.card-brand{margin:0 0 6px;font:500 16px/1.4 var(--sans);color:var(--meta)}
.card-brand a{border-bottom:1px solid var(--line)}
.card-title{margin:0 0 10px;font:650 20px/1.35 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.card:hover .card-title,.card-a:focus-visible .card-title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.card-colours{display:flex;flex:none;align-items:center;align-self:flex-start;gap:12px;min-height:44px;margin:0 0 16px;font:400 16px/1.4 var(--sans);color:var(--meta)}
.card-colour-name{min-width:0;overflow-wrap:anywhere}
.dot-stack{display:inline-flex;flex:none;align-items:center;padding:0 2px;isolation:isolate}
.dot-stack .dot{width:26px;height:26px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d6d8da}
.dot-stack .dot+.dot{margin-left:-8px}
.card-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto}
.card-pricing{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.card-price{font:750 24px/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.card-price.is-sale{color:var(--sale)}
.card-price .from{margin-right:2px;font-weight:500;font-size:16px;letter-spacing:0}
.uvp{font:400 16px/1.55 var(--sans);color:#74776f}
.card-unit,.card-lowest{display:block;flex-basis:100%;font:400 16px/1.4 var(--sans);color:#74786f}
.card-note{font:400 16px/1.35 var(--sans);color:var(--meta)}
.card-stock{display:flex;align-items:center;gap:8px;font:400 16px/1.4 var(--sans);color:var(--ok)}
.card-stock::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:currentColor}
.card-stock--low{color:#916023}
.card-stock--preorder{color:#2f5a74}
.card-stock--out{color:var(--sale)}
.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px 12px}
@media (min-width:600px){.grid{gap:32px 24px}}
.grid-item{min-width:0}
/* Promotion-Kachel nur nach vollen Reihen (Martin, 30.09.2026): Handy nach vier Produkten, Tablet nach 2 × 2,
   ab drei Spalten in der zweiten Reihe neben den Karten. Die Reihe steht fest, die Karten füllen die übrigen Plätze */
.grid-item--wide{grid-row:5;grid-column:1 / -1}
@media (min-width:600px){.grid-item--wide{grid-row:3;grid-column:1 / -1}}
@media (min-width:900px){.grid-item--wide{grid-row:2;grid-column:2 / span 2}}
.grid-empty{padding:40px 0;color:var(--soft)}
.grid-more{margin-top:clamp(28px,3vw,48px);color:var(--meta)}
.insert{position:relative;display:block;height:100%;min-height:380px;border-radius:var(--r);overflow:hidden;background:var(--sand-2)}
.insert img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.insert:hover img{transform:scale(1.03)}
.insert-txt{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:84px 22px 20px;background:linear-gradient(rgba(16,28,23,0),rgba(16,28,23,.58) 40%,rgba(16,28,23,.86));color:#fffefa;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.insert-txt .eyebrow{margin:0;color:#fffefa}
.insert-title{font:500 clamp(24px,1.9vw,32px)/1.1 var(--serif)}
.insert-go{font:600 16px/1.3 var(--sans)}
.rail{position:relative;--cols:1.3;--g:clamp(12px,1.3vw,24px)}
.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cols) - 1)*var(--g))/var(--cols));gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}
.rail-track::-webkit-scrollbar{display:none}
.rail-item{scroll-snap-align:start;min-width:0}

/* ------------------------------------------------------------ Seitenkopf (Kategorie, Raum, Marke, Inspiration, Hilfe) */
/* Gleiche Sprache wie der Hero der Startseite: Sandfläche, Serifentitel, Bild randlos rechts; Brotkrumen direkt über der H1 */
.pg-hero{display:grid;grid-template-columns:minmax(0,1fr);background:var(--sand)}
.pg-hero--img{grid-template-columns:minmax(0,44fr) minmax(0,56fr);min-height:clamp(400px,calc(58svh - 60px),600px)}
.pg-hero--short.pg-hero--img{min-height:clamp(300px,calc(40svh - 20px),440px)}
.pg-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(28px,4.4svh,60px) clamp(24px,3.4vw,68px) clamp(30px,4.8svh,64px) var(--edge)}
.pg-hero:not(.pg-hero--img) .pg-hero-copy{padding-right:var(--edge)}
.pg-hero .crumbs ol{padding:0 0 clamp(12px,1.8svh,18px);font-size:16px;color:var(--soft)}
.pg-hero .crumbs [aria-current]{color:var(--green)}
.pg-hero-title{max-width:20ch;margin:0;font:400 clamp(38px,min(3.7vw,7.6svh),74px)/1.02 var(--serif);letter-spacing:-.024em;color:var(--green)}
.pg-hero--short .pg-hero-copy{padding-top:clamp(20px,3svh,40px);padding-bottom:clamp(22px,3.2svh,42px)}
.pg-hero--short .pg-hero-title{font-size:clamp(30px,min(2.6vw,5.4svh),50px)}
.pg-hero--short .cat-intro{-webkit-line-clamp:2;line-clamp:2}
.pg-hero:not(.pg-hero--img) .pg-hero-title{max-width:26ch}
.pg-hero-meta{margin-top:clamp(10px,1.4svh,16px);font:500 16px/1.3 var(--sans);color:var(--soft)}
.pg-hero-brand{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:clamp(12px,1.6svh,18px);font:500 16px/1.3 var(--sans);color:var(--soft)}
.pg-hero-brand .brand-mark{max-height:34px;margin:0}
.pg-hero .cat-intro{max-width:62ch;margin-top:clamp(12px,1.8svh,20px);color:var(--ink)}
.pg-hero .cat-more{align-self:flex-start}
.pg-hero-actions{margin-top:clamp(16px,2.4svh,28px)}
.pg-hero-fig{position:relative;min-height:100%;overflow:hidden;background:var(--sand-2)}
.pg-hero-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Kopf ohne Wohnbild: Freisteller der Kategorie nebeneinander auf der Kachelfarbe */
.pg-hero-fig--cut{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2vw,40px);padding:clamp(24px,4vw,64px) clamp(20px,4vw,72px);background:var(--tile)}
.pg-hero-cut{position:relative;flex:1 1 0;max-width:360px;height:100%;min-height:200px}
.pg-hero-fig--cut .pg-hero-cut img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}
.pg-hero-fig--cut3 .pg-hero-cut:nth-child(2){flex-grow:1.35}
@media (min-width:1700px){.pg-hero--img{grid-template-columns:minmax(0,38fr) minmax(0,62fr)}}
/* Räume (Martin, 30.09.2026: „etwas anders gestalten aber ebenfalls einheitlich“): Raumbild randlos über die ganze
   Breite, Text links auf dunklem Verlauf wie die Raumkacheln der Startseite */
.pg-hero--room{position:relative;display:block;min-height:clamp(440px,calc(64svh - 40px),660px);background:var(--green-2);color:#fffefa}
.pg-hero--room .pg-hero-fig{position:absolute;inset:0;min-height:0}
.pg-hero--room .pg-hero-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,28,23,.82) 0,rgba(16,28,23,.62) 38%,rgba(16,28,23,.08) 72%,rgba(16,28,23,0))}
.pg-hero--room .pg-hero-copy{position:relative;z-index:1;max-width:min(760px,62%);min-height:inherit;justify-content:flex-end;padding-bottom:clamp(34px,5svh,64px)}
.pg-hero--room .pg-hero-title{color:#fffefa}
.pg-hero--room .crumbs ol,.pg-hero--room .pg-hero-meta{color:rgba(255,254,250,.86)}
.pg-hero--room .crumbs [aria-current],.pg-hero--room .crumbs a{color:#fffefa}
.pg-hero--room .cat-intro{color:rgba(255,254,250,.92)}
.pg-hero--room .cat-more{color:#fffefa}
.pg-hero--room .ki{z-index:2}
/* Kacheln der Unterkategorien wie „Wonach suchst du?“ */
.sec--tiles{padding:clamp(24px,2.6vw,44px) 0 0}
/* Abschnitt direkt vor der Produktliste (Serien der Marke): kein Abstand unten, die Liste bringt ihren eigenen mit */
.sec--to-list{padding-bottom:0}
.ctiles--fit{grid-template-columns:repeat(auto-fill,minmax(clamp(140px,10.6vw,188px),1fr))}
.ctile-blank{display:block;width:60%;aspect-ratio:1;border-radius:50%;background:rgba(37,55,46,.06)}
.ctile-word{display:grid;place-items:center;width:100%;height:100%;padding:8%;font:400 clamp(22px,1.7vw,30px)/1.1 var(--serif);color:rgba(32,57,48,.55);text-align:center;overflow-wrap:anywhere}
/* Unterkategorien als Slider auf allen Kategorieseiten (Martin, 30.09.2026): Kacheln wie „Wonach suchst du?“,
   feste Breite, wischbar, am Desktop Pfeile; die aktuelle Kategorie ist markiert */
.tiles-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin-bottom:clamp(12px,1.2vw,18px)}
.tiles-title{font:600 16px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--meta)}
.ctiles.ctiles--rail{display:grid;grid-auto-flow:column;grid-template-columns:none;row-gap:0;grid-auto-columns:clamp(150px,10.4vw,196px);gap:clamp(10px,.9vw,14px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:2px}
.ctiles--rail::-webkit-scrollbar{display:none}
.ctiles--rail li{scroll-snap-align:start}
.ctile.is-on .ctile-img{box-shadow:inset 0 0 0 2px var(--green)}
.ctile.is-on .ctile-name{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}

/* ------------------------------------------------------------ Kategorie- und Markenseiten */
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;padding:16px 0;font:400 16px/1.4 var(--sans);color:var(--meta)}
.crumbs li+li::before{content:"›";margin-right:10px;color:#a9aca3}
.crumbs a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.crumbs [aria-current]{color:var(--ink)}
.cat-head{border-bottom:1px solid var(--line);background:var(--bg)}
.cat-head-in{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,110px);padding:clamp(26px,3vw,52px) 0 clamp(28px,3.2vw,56px)}
.cat-head--img .cat-head-in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.cat-title{max-width:24ch;font-size:clamp(34px,3.4vw,62px)}
.cat-head--compact .cat-head-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;padding:clamp(18px,1.9vw,32px) 0 clamp(20px,2.1vw,36px)}
.cat-head--compact .cat-title{max-width:none;font-size:clamp(30px,2.7vw,48px)}
.cat-head--compact .cat-intro{margin-top:0}
.cat-head--compact .cat-count{margin-top:10px}
.cat-count{display:inline-block;margin-top:14px;color:var(--meta)}
.cat-intro{max-width:70ch;margin-top:16px;font-size:clamp(17px,1.1vw,19px);line-height:1.62;color:var(--soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.cat-intro.is-open{display:block}
.cat-more{margin-top:12px}
.cat-copy .btn-row{margin-top:24px}
.cat-fig{position:relative;aspect-ratio:16/9;max-height:360px;border-radius:var(--r);overflow:hidden;justify-self:end;width:100%}
.cat-fig img{width:100%;height:100%;object-fit:cover}
.subcats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:0 clamp(20px,2.4vw,44px);margin-top:18px}
.subcat{padding:16px 0 18px;border-top:1px solid var(--line)}
.subcat-main{display:flex;align-items:center;gap:14px;min-height:68px;font:500 clamp(24px,1.8vw,30px)/1.15 var(--serif);color:var(--green)}
.subcat-thumb{flex:none;width:54px;border-radius:2px;background:var(--tile)}
.subcat-thumb img{aspect-ratio:4/5;object-fit:contain;padding:5px}
.subcat-name{flex:1;min-width:0}
.subcat-soon{display:block;margin-top:4px;font:500 16px/1.2 var(--sans);color:var(--meta)}
.subcat--soon .subcat-main{color:var(--soft)}
.subcat-arrow{color:var(--meta)}
.subcat-leaves{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px;color:var(--soft)}
.subcat-leaves a{border-bottom:1px solid transparent}
.subcat-leaves a:hover{color:var(--green);border-color:var(--green)}
.siblings{display:flex;align-items:center;gap:18px;padding:18px 0 0;overflow-x:auto;scrollbar-width:none}
.siblings::-webkit-scrollbar{display:none}
.siblings-label{font:600 16px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--meta);white-space:nowrap}
.siblings .chips{flex-wrap:nowrap}
.chips--lg{margin-top:16px}
/* Filter wie auf Staging (filter-ui.css, gemessen 30.09.2026): Knopf „Filter“ und Kurzwahl, Panel rechts */
.filter-bar{padding:0}
.filter-toolbar{display:flex;flex-wrap:nowrap;gap:8px;padding:0 0 24px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b5c0b3 transparent}
.filter-trigger,.filter-shortcut{display:inline-flex;flex:none;align-items:center;gap:8px;min-height:48px;padding:10px 16px;border:1px solid #c9d3c6;border-radius:6px;background:var(--paper);color:var(--green);font:600 16px/1.35 var(--sans);white-space:nowrap;transition:background .18s,border-color .18s,box-shadow .18s}
.filter-trigger{border-color:var(--green);font-weight:700}
.filter-trigger svg{width:20px;height:20px}
.filter-trigger:hover,.filter-shortcut:hover,.filter-trigger:focus-visible,.filter-shortcut:focus-visible{border-color:var(--green);background:#eef2ec}
.filter-trigger.is-active,.filter-shortcut.is-active,.filter-trigger[aria-expanded="true"],.filter-shortcut[aria-expanded="true"]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#e9efe7}
.filter-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 24px}
.filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #c4d0c1;border-radius:999px;background:#edf2eb;font:400 16px/1.3 var(--sans);color:var(--ink)}
.filter-chip button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:20px;line-height:1;color:var(--green)}
.filter-chip button:hover{background:rgba(32,57,48,.1)}
.filter-backdrop{position:fixed;inset:0;z-index:95;border:0;background:rgba(23,44,36,.46);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.filter-backdrop.is-open{opacity:1;visibility:visible}
.filter-drawer{position:fixed;top:0;right:0;z-index:96;display:flex;flex-direction:column;width:min(100%,496px);height:100vh;height:100dvh;background:var(--paper);box-shadow:-16px 0 52px rgba(16,39,29,.18);transform:translateX(102%);visibility:hidden;transition:transform .24s ease,visibility .24s}
.filter-drawer.is-open{transform:none;visibility:visible}
html.filter-open,html.filter-open body{overflow:hidden}
.filter-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;padding:16px 24px;border-bottom:1px solid var(--line)}
.filter-head h2{font:600 clamp(32px,3vw,40px)/1.05 var(--serif);color:var(--green)}
.filter-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:26px;line-height:1;color:var(--green)}
.filter-close:hover{background:#eef2ec}
.filter-body{flex:1;padding:8px 24px 32px;overflow-y:auto;scrollbar-gutter:stable}
.filter-section{border-bottom:1px solid var(--line)}
.filter-section summary{display:flex;align-items:center;gap:12px;min-height:64px;padding:16px 0;font:700 18px/1.3 var(--sans);color:var(--ink);cursor:pointer;list-style:none}
.filter-section summary::-webkit-details-marker{display:none}
.filter-section summary::after{content:"";flex:none;width:9px;height:9px;margin:0 4px 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.filter-section[open] summary::after{transform:rotate(225deg)}
.filter-current{margin-left:auto;font:600 16px/1.3 var(--sans);color:#7e5a44}
.filter-current:empty{display:none}
.filter-current+*{margin-left:0}
.filter-options{display:grid;gap:4px;padding:0 0 24px}
.check-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;font:400 16px/1.4 var(--sans);color:var(--ink);cursor:pointer}
.check-row input{flex:none;width:21px;height:21px;margin:0;accent-color:var(--green)}
.filter-dot{flex:none;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;background:var(--swatch-color)}
.filter-range{position:relative;height:40px;margin:4px 12px 28px}
.filter-range-track,.filter-range-fill{position:absolute;top:18px;height:4px;border-radius:2px}
.filter-range-track{left:0;right:0;background:var(--line)}
.filter-range-fill{background:var(--green)}
.filter-range input[type=range]{position:absolute;top:0;left:-12px;width:calc(100% + 24px);height:40px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.filter-range input[type=range].is-top{z-index:1}
.filter-range input[type=range]::-webkit-slider-runnable-track{background:none;border:0}
.filter-range input[type=range]::-webkit-slider-thumb{width:26px;height:26px;border:2px solid var(--green);border-radius:50%;background:var(--paper);cursor:grab;pointer-events:auto;-webkit-appearance:none;appearance:none}
.filter-range input[type=range]::-moz-range-thumb{width:22px;height:22px;border:2px solid var(--green);border-radius:50%;background:var(--paper);cursor:grab;pointer-events:auto}
.filter-range input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--clay);outline-offset:2px}
.filter-range-scale{position:absolute;top:34px;left:0;right:0;display:flex;justify-content:space-between;font:400 16px/1.3 var(--sans);color:#74786f}
.filter-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 0 24px}
.filter-number span{display:block;margin-bottom:8px;font:400 16px/1.3 var(--sans);color:var(--ink)}
.filter-number input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #b9c7b8;border-radius:4px;background:#fff;font:400 16px/1.3 var(--sans);color:var(--ink)}
.filter-number input:focus{border-color:var(--green);outline:0}
.filter-error{padding:12px 24px;border-top:1px solid #d5ada1;background:#fff4ef;font:400 16px/1.4 var(--sans);color:#8f3729}
.filter-foot{display:flex;align-items:center;gap:16px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -8px 22px rgba(23,44,36,.04)}
.filter-reset{min-height:44px;font:600 16px/1.3 var(--sans);color:var(--green);text-decoration:underline;text-underline-offset:4px}
.filter-reset:disabled{color:#8a9388;cursor:default}
.filter-apply{flex:1;min-height:52px;padding:12px 24px;border:1px solid var(--green);border-radius:4px;background:var(--green);font:700 16px/1.3 var(--sans);color:#fffefa}
.filter-apply:hover{background:#335347}
.grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:300px;padding:45px 20px;background:#eae4db;text-align:center}
.grid-empty h3{font:600 34px/1.1 var(--serif);color:var(--green)}
.grid-empty p{max-width:440px;color:#74786f}
.grid-load{display:flex;justify-content:center;margin-top:40px}
.brand-hero{background:var(--bg);border-bottom:1px solid var(--line)}
.brand-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);width:100%;max-width:none;min-height:clamp(400px,31vw,580px)}
.brand-hero .h1{font-size:clamp(34px,3.2vw,58px)}
.brand-hero .cat-intro{-webkit-line-clamp:4;line-clamp:4}
.brand-hero .cat-more{margin-bottom:26px}
.brand-hero-copy{align-self:center;padding:clamp(28px,4vw,72px) clamp(24px,4vw,88px) clamp(28px,4vw,72px) var(--edge)}
.brand-hero-copy .btn-row{margin-top:4px}
.brand-hero-fig{position:relative;min-height:320px}
.brand-hero-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
@media (min-width:1100px){.stiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Serien der Markenseite als Slider (Martin, 30.09.2026): Desktop vier sichtbar, Tablet gut zwei, Handy wie bisher */
.stiles.stiles--rail{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 3*clamp(8px,1vw,14px))/4);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.stiles--rail::-webkit-scrollbar{display:none}
.stiles--rail li{scroll-snap-align:start}
/* Breite Fenster: fünf Serien je Ansicht, damit Kachel und Name in 2000 × 800 ganz unter den Kopf passen */
@media (min-width:1700px){.stiles.stiles--rail{grid-auto-columns:calc((100% - 4*clamp(8px,1vw,14px))/5)}}
@media (max-width:1099px){.stiles.stiles--rail{grid-auto-columns:calc((100% - 2*clamp(8px,1vw,14px))/2.3)}}
.stile.stile--sage{background:#dfe4da}
.stile.stile--paper{background:var(--tile)}
.stile.stile--clay{background:#ecdcd0}
.stile{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--sand-2)}
.stile>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.stile:hover>img{transform:scale(1.04)}
.stile-cut{display:grid;place-items:center;height:100%;padding:16% 14% 30%}
.stile-cut img{width:100%;height:100%;object-fit:contain}
.stile-txt{position:absolute;left:0;right:0;bottom:0;display:grid;gap:2px;padding:0 18px 16px;color:var(--green)}
.stile-name{font:500 clamp(26px,2vw,34px)/1 var(--serif)}
.stile-meta{font:500 16px/1.3 var(--sans);color:var(--soft)}
.btiles{--cols:1;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(8px,1vw,14px)}
@media (min-width:700px){.btiles{--cols:2}.btiles>:first-child{grid-column:span var(--span2,1)}}
@media (min-width:1100px){.btiles{--cols:3}.btiles>:first-child{grid-column:span var(--span3,1)}}
@media (min-width:1600px){.btiles{--cols:4}.btiles>:first-child{grid-column:span var(--span4,1)}}
.btile{position:relative;display:block;min-height:clamp(360px,26vw,460px);border-radius:var(--r);overflow:hidden;background:var(--sand-2)}
.btile>img{position:absolute;inset:0}
.btile>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.btile:hover>img{transform:scale(1.035)}
.btile-txt{position:absolute;left:0;right:0;bottom:0;display:grid;gap:8px;padding:96px clamp(18px,2vw,32px) clamp(18px,1.8vw,28px);background:linear-gradient(rgba(16,28,23,0),rgba(16,28,23,.6) 40%,rgba(16,28,23,.88));color:#fffefa;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.btile-txt .logo-plate{margin-bottom:6px}
.btile-line{font:500 16px/1.3 var(--sans);opacity:.9}
.btile-head{font:500 clamp(26px,2.1vw,36px)/1.08 var(--serif)}

/* ------------------------------------------------------------ Ratgeber, FAQ */
.guide{padding:clamp(56px,6.2vw,112px) 0;border-top:1px solid var(--line);background:var(--bg)}
.guide-head{margin-bottom:clamp(26px,3vw,52px)}
.guide-grid,.faq{display:grid;grid-template-columns:minmax(260px,400px) minmax(0,1fr);gap:clamp(28px,5.4vw,120px);align-items:start}
.guide-side{position:sticky;top:calc(var(--sticky) + 24px)}
.short{max-width:76ch;margin-bottom:clamp(28px,3vw,52px);padding:24px 28px 26px;border-left:3px solid var(--clay);border-radius:0 var(--r) var(--r) 0;background:var(--paper);font-size:clamp(17px,1.1vw,19px);line-height:1.65}
.short-label{margin-bottom:10px;font:700 16px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--clay-2)}
.toc summary{list-style:none;cursor:default}
.toc summary::-webkit-details-marker{display:none}
.toc-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:8px;font:700 16px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--clay-2)}
.toc-label span{font-weight:500;letter-spacing:0;text-transform:none;color:var(--meta)}
.toc ol{display:grid}
.toc a{display:block;padding:11px 0;border-top:1px solid var(--line-2);color:var(--soft);line-height:1.35}
.toc a:hover,.toc a.is-on{color:var(--green)}
.toc a.is-on{font-weight:600}
.advice{margin-bottom:clamp(28px,3vw,52px)}
.advice ol{counter-reset:advice;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,3vw,56px);margin-top:16px}
.advice li{counter-increment:advice;display:grid;grid-template-columns:40px minmax(0,1fr);padding:16px 0;border-top:1px solid var(--line);color:var(--soft)}
.advice li::before{content:counter(advice,decimal-leading-zero);font:700 16px/1.6 var(--sans);letter-spacing:.06em;color:var(--clay-2)}
.prose{max-width:76ch;font-size:clamp(17px,1.1vw,19px);line-height:1.72;color:var(--soft)}
.prose>*+*{margin-top:1.05em}
.prose h2{margin-top:1.7em;font:500 clamp(28px,2.3vw,40px)/1.12 var(--serif);letter-spacing:-.012em;color:var(--green)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.5em;font:600 clamp(21px,1.4vw,24px)/1.25 var(--sans);color:var(--ink)}
.prose ul,.prose ol{padding-left:1.25em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li+li{margin-top:.4em}
.prose a{color:var(--green);text-decoration:underline;text-decoration-color:var(--clay);text-underline-offset:4px}
.prose strong{color:var(--ink)}
.prose table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.table-wrap:focus-visible{outline-offset:2px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose.is-clamped{max-height:460px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.more{margin-top:8px}
.more[aria-expanded="true"] .ic{transform:rotate(180deg)}
.prose--notes{max-width:86ch}
.faq{margin-top:clamp(52px,5.4vw,100px);padding-top:clamp(40px,4vw,72px);border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:12px 0;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item h3{font:600 clamp(18px,1.2vw,21px)/1.35 var(--sans);color:var(--ink)}
.faq-item summary .ic{color:var(--green);transition:transform .25s var(--ease)}
.faq-item[open] summary .ic{transform:rotate(45deg)}
.faq-a{max-width:74ch;padding:0 0 22px;color:var(--soft);line-height:1.65}
/* ============================================================ Produktseite, oberer Teil 1:1 wie Staging
   Werte aus der Analyse von pdp-conversion.css, pdp-gallery.css, pdp.css, variants.css, delivery.css, product-safety.css
   und alva-additions.css (origin/dev, 30.09.2026); siehe scratchpad/stage/PDP-SPEC.md */
.pdp-page{--pdp-muted:#74786f;--pdp-gallery-top:calc(var(--sticky) + 16px);background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--sans)}
.pdp-page p,.pdp-page li,.pdp-page dd,.pdp-page dt{line-height:1.6}
.pdp-page h1,.pdp-page h2,.pdp-page h3{font-family:var(--serif);font-weight:600;letter-spacing:-.018em;line-height:1.15;color:var(--green)}
.pdp-page .icon{width:21px;height:21px;flex:none}
.pdp-page section[id]{scroll-margin-top:200px}
.pdp-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:32px 0;font:400 16px/1.5 var(--sans);color:var(--pdp-muted)}
.pdp-breadcrumbs a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.pdp-breadcrumbs span:last-child{color:var(--ink)}
.pdp-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:48px;align-items:start}
/* Galerie (Martin, 01.10.2026): am Desktop ein großes Bild, darunter zwei Spalten. Jedes Bild steht ganz im Rahmen;
   Wohnfotos füllen ihn nur, wenn ihr Format passt (Skript setzt is-fill). Tablet und Handy: Wischstreifen. */
.pdp-gallery-shell{min-width:0}
.pdp-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pdp-shot{position:relative;display:block;width:100%;aspect-ratio:4/5;margin:0;padding:0;border:0;border-radius:var(--r);overflow:hidden;background:#f4f3ed;cursor:zoom-in}
.pdp-shot[hidden]{display:none}
.pdp-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5%;mix-blend-mode:multiply;transition:transform .6s var(--ease)}
.pdp-shot.is-room img{padding:0;mix-blend-mode:normal}
.pdp-shot.is-room.is-fill img{object-fit:cover}
.pdp-shot:hover img{transform:scale(1.025)}
.pdp-shot--lead{grid-column:1/-1;aspect-ratio:auto;height:clamp(420px,calc(100svh - var(--sticky) - 150px),860px)}
.pdp-shot--wide{grid-column:1/-1;aspect-ratio:16/10}
.pdp-gallery-more{width:100%;margin-top:12px}
.pdp-gallery-more[hidden]{display:none}
.gallery-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9dcd2;border-radius:50%;background:#fffefbea;font:400 30px/1 var(--sans);color:var(--green);transform:translateY(-50%);transition:background .2s,color .2s}
.gallery-arrow:hover{background:var(--green);color:#fff}
.gallery-prev{left:12px}
.gallery-next{right:12px}
.pdp-gallery-zoom-hint{position:absolute;left:12px;bottom:12px;display:flex;gap:10px;padding:6px 10px;border-radius:3px;background:#fffefbdc;font:600 16px/1.3 var(--sans);color:var(--ink);pointer-events:none}
.pdp-gallery-phone{display:none}
/* Kaufspalte klebt am Desktop: kurze Spalten unter dem Kopf, lange mit ihrem Ende am Fensterrand (Höhe setzt das Skript) */
@media (min-width:1001px){.pdp-info{position:sticky;top:min(calc(var(--sticky) + 16px),calc(100svh - var(--pdp-info-h,4000px) - 24px))}}
/* Kopf */
.pdp-identity-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.pdp-brand-identity{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 16px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.pdp-brand-identity:hover .pdp-brand-name{text-decoration:underline;text-underline-offset:4px}
.brand-link-arrow{font-size:16px;opacity:.7}
.pdp-intro h1{margin:0 0 14px;font-size:clamp(30px,2.6vw,40px);line-height:1.13}
.pdp-short-description{max-width:60ch;margin:0;font-size:17px;line-height:1.65;color:#586454}
.pdp-dimensions{display:grid;gap:12px;margin:22px 0 20px}
.pdp-dimension-component{display:block;margin-bottom:6px;font-weight:600;color:var(--pdp-muted)}
.pdp-dimensions dl{display:flex;flex-wrap:wrap;gap:12px 20px;margin:0}
.pdp-dimensions dl>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}
.pdp-dimension-icon{grid-row:1 / span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0f1eb;color:var(--green)}
.pdp-dimensions dt{color:var(--pdp-muted);line-height:1.3}
.pdp-dimensions dd{margin:2px 0 0;font-weight:700;line-height:1.3}
/* Kauf */
.pdp-purchase{padding-top:20px;border-top:1px solid var(--line)}
.pdp-price-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}
.pdp-price{margin:0;font:750 34px/1.2 var(--sans);color:var(--ink)}
.pdp-price-line>span{color:var(--pdp-muted)}
.pdp-shipping-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pdp-shipping-link.is-free{color:#2c7549;font-weight:600}
.pdp-delivery-summary [data-delivery-cost].is-free{color:#2c7549;font-weight:600}
.pdp-offer-note{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:6px 0 0;color:var(--pdp-muted);line-height:1.5}
.pdp-sale-badge{display:inline-block;padding:2px 8px;background:#a64431;color:#fff;font-weight:600;letter-spacing:.02em}
.pdp-unit-note{margin:6px 0 0;color:var(--pdp-muted)}
.pdp-variants{margin:16px 0}
.pdp-variants:empty{margin:0}
.pdp-select-label{display:block;margin-bottom:10px;font:800 16px/1.5 var(--sans)}
.pdp-select-label [data-axis-value]{font-weight:500}
.variant-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.variant{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:var(--paper);font:400 16px/1.4 var(--sans);color:var(--ink)}
.variant:hover{border-color:var(--green)}
.variant.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.variant-color-dot{flex:none;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;background:var(--swatch-color)}
.variant.active .variant-color-dot{outline:1px solid var(--green);outline-offset:2px}
/* Farben als Farbfelder (Name in der Zeile darüber und als Tooltip), gestrichelt: nur mit anderer Wahl der übrigen Achsen */
.variant-row--swatch{gap:4px;margin-bottom:14px}
.variant.variant--swatch{position:relative;justify-content:center;width:48px;height:48px;min-height:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent}
/* Fokus eckig wie .btn, auch um runde Farbfelder (Martins Regel; Koordinator 07.10.2026): Rahmen 1 bis 3 px außen, damit er in der
   4-px-Lücke zum Nachbarfeld bleibt (nichts überlappt) */
.variant.variant--swatch:focus-visible{outline:none}
.variant.variant--swatch:focus-visible::after{content:"";position:absolute;inset:-4px;border:2px solid var(--green);border-radius:var(--rb);pointer-events:none}
.variant--swatch .variant-color-dot{width:34px;height:34px;border-color:rgb(37 55 46/.22)}
.variant--swatch:hover{border-color:#b9bcb3}
.variant--swatch.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.variant--swatch.active .variant-color-dot{outline:0}
.variant.is-other{border-style:dashed;color:var(--pdp-muted)}
.variant--swatch.is-other{border-color:#b9bcb3}
.variant--swatch.is-other .variant-color-dot{opacity:.5}
.variant-hint{margin:-6px 0 20px;color:var(--pdp-muted)}
.pdp-select{position:relative;margin-bottom:22px}
.pdp-select select{width:100%;min-height:52px;padding:12px 48px 12px 16px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);font:400 16px/1.4 var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none;cursor:pointer}
.pdp-select select:hover{border-color:var(--green)}
.pdp-select::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.pdp-availability{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.alva-stock{position:relative;display:flex;align-items:center;gap:10px;min-height:32px;margin-bottom:8px;font:600 16px/1.5 var(--sans);color:var(--green)}
.alva-stock-label{font-weight:650}
.alva-stock-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#2e8050;animation:stock-pulse 2.4s infinite}
.alva-stock[data-stock-status="low"] .alva-stock-dot{background:#b06917}
.alva-stock[data-stock-status="low"] .alva-stock-label{color:#8a4e0d}
.alva-stock[data-stock-status="out"] .alva-stock-dot{background:#ad3f37;animation:none}
.alva-stock[data-stock-status="out"] .alva-stock-label{color:#a03932}
.alva-stock[data-stock-status="preorder"] .alva-stock-dot{background:#2f5a74}
.alva-stock[data-stock-status="preorder"] .alva-stock-label{color:#2f5a74}
@keyframes stock-pulse{0%{box-shadow:0 0 0 0 rgba(46,128,80,.35)}70%{box-shadow:0 0 0 8px rgba(46,128,80,0)}100%{box-shadow:0 0 0 0 rgba(46,128,80,0)}}
.alva-stock-note{position:relative;display:inline-flex}
.alva-stock-note button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--green)}
.alva-stock-note [role=tooltip]{position:absolute;top:calc(100% + 6px);left:50%;z-index:5;display:none;width:max-content;max-width:300px;padding:10px 12px;border-radius:6px;background:var(--ink);font:400 16px/1.4 var(--sans);color:#fff;transform:translateX(-50%)}
.alva-stock-note button[aria-expanded="true"]+[role=tooltip],.alva-stock-note button:hover+[role=tooltip]{display:block}
.pdp-delivery-summary{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pdp-delivery-summary>div{display:flex;align-items:flex-start;gap:12px}
.pdp-delivery-summary>div>div{display:grid;gap:2px;line-height:1.45}
.pdp-delivery-summary strong{font-weight:550}
.pdp-delivery-summary span{color:var(--pdp-muted)}
.pdp-delivery-summary>button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--green)}
.pdp-delivery-summary>button:hover{background:#edf0e8}
.pdp-delivery-summary>button .icon{width:24px;height:24px}
.pdp-journey{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.pdp-journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.pdp-journey li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.pdp-journey li>span{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eff0e8;color:var(--green)}
.pdp-journey li>span .icon{width:16px;height:16px}
.pdp-journey li:not(:last-child)::after{content:"";position:absolute;top:14px;left:calc(50% + 20px);width:calc(100% - 32px);height:1px;background:var(--line)}
.pdp-journey b,.pdp-journey p{font-size:14px;line-height:1.4}
.pdp-journey b{font-weight:700}
.pdp-journey p{margin:2px 0 0;color:var(--pdp-muted)}
.pdp-delivery-notice{margin:10px 0 0;color:var(--pdp-muted);line-height:1.5}
.pdp-qty-row{display:grid;grid-template-columns:92px minmax(0,1fr) 44px;gap:8px;margin-top:20px}
.pdp-qty-row:has(.qty-control.has-unit){grid-template-columns:auto minmax(0,1fr) 44px}
.qty-control{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;height:52px;border:1px solid var(--line);border-radius:3px;background:var(--paper)}
.qty-control button{height:100%;font-size:18px;color:var(--green)}
.qty-control button:disabled{opacity:.35;cursor:default}
.qty-control span{text-align:center;font-weight:600}
.qty-control.has-unit span{min-width:5.5em;padding:0 4px;white-space:nowrap}
.pdp-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px;border:1px solid var(--green);border-radius:var(--rb);background:var(--green);font:800 16px/1.25 var(--sans);letter-spacing:0;color:#fffdf8;transition:background .2s,transform .2s}
.pdp-add:hover{background:var(--green-2);transform:translateY(-1px)}
.pdp-add .icon{width:20px;height:20px}
.pdp-add:disabled{border-color:#d4dad1;background:#d4dad1;color:#48594d;transform:none;cursor:default}
.pdp-heart{display:grid;place-items:center;width:44px;height:52px;border:1px solid var(--line);color:var(--green)}
.pdp-heart .icon{width:24px;height:24px}
.pdp-heart[aria-pressed="true"]{background:#e7ebdf}
.pdp-heart[aria-pressed="true"] path{fill:currentColor}
.pdp-trust{display:grid;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fbfaf6}
.pdp-benefits{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}
.pdp-benefits li{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--green)}
.pdp-benefits .icon{width:18px;height:18px;color:#2c7549}
.pdp-pay{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pdp-pay-label{color:var(--pdp-muted)}
.pdp-pay-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
/* Offizielle Logos von Mollie (Frage 12, Martin: „echte logos“) */
.pdp-pay-list li{display:grid;place-items:center;width:52px;height:36px;border:1px solid #d9dcd2;border-radius:var(--rb);background:#fff}
.pdp-pay-list img{width:38px;height:28px;object-fit:contain}
/* Set */
.pdp-set-compact{display:grid;gap:12px;margin-top:16px;padding:16px;border:1px solid var(--line);background:var(--paper)}
.pdp-set-compact-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0}
.pdp-set-compact-title strong{color:var(--green)}
.pdp-set-compact-title span{color:var(--pdp-muted)}
.pdp-set-compact-item{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:12px}
.pdp-set-compact-item>a{display:block;width:56px;height:64px;background:#f1f1eb}
.pdp-set-compact-item img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdp-set-compact-item>div{display:grid;gap:2px;line-height:1.35}
.pdp-set-compact-item>div a{font-weight:600}
.pdp-set-compact-item>div span{color:var(--pdp-muted)}
.pdp-set-compact-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.pdp-set-compact-footer p{display:flex;align-items:baseline;gap:8px;margin:0}
.pdp-set-compact-footer s{color:var(--pdp-muted)}
.pdp-set-compact-footer strong{font-size:20px;color:var(--green)}
.pdp-page .btn.secondary,.alva-side-dialog .btn.secondary{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--green);background:transparent;color:var(--green);text-transform:none}
.pdp-page .btn .icon{width:20px;height:20px}
/* Sprungleiste */
.pdp-section-nav{display:flex;gap:24px;margin-top:40px;padding:8px 0;border-block:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.pdp-section-nav::-webkit-scrollbar{display:none}
.pdp-section-nav button{flex:none;min-height:48px;padding:16px 0;font:650 16px/1.3 var(--sans);color:var(--green);white-space:nowrap}
.pdp-section-nav button:hover{text-decoration:underline;text-underline-offset:5px}
/* Passt dazu */
.pdp-combination{display:block;padding:28px 0;border-bottom:1px solid var(--line)}
.pdp-combination-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:20px}
.pdp-combination-heading h2{margin:0;font-size:28px}
.pdp-combination-heading span{color:var(--pdp-muted)}
.pdp-combination-expand{margin-top:20px}
.pdp-combination-expand summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-weight:650;cursor:pointer;list-style:none}
.pdp-combination-expand summary::-webkit-details-marker{display:none}
.pdp-combination-expand summary [data-combination-sign]{font-size:20px}
@media (min-width:601px){.pdp-combination-expand[open] summary{display:none}}
.pdp-combination-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px}
.pdp-combination-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pdp-combination-options article{display:grid;grid-template-columns:24px 64px minmax(0,1fr);align-items:center;gap:12px}
.pdp-combination-options input{width:22px;height:22px;accent-color:var(--green)}
.pdp-combination-options article>a{display:block;width:64px;height:72px;background:#f1f1eb}
.pdp-combination-options article>a img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdp-combination-options article>div{display:grid;gap:4px;line-height:1.35}
.pdp-combination-options article>div>a{font-weight:600}
.pdp-combination-options article>div>span{color:var(--pdp-muted)}
.pdp-combination-brand{font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--pdp-muted)}
.pdp-combination-options label{font-weight:700;cursor:pointer}
.pdp-combination-stock{display:flex;align-items:center;gap:8px;color:#2c7549!important}
.pdp-combination-stock[data-stock-status="low"]{color:#916023!important}
.pdp-combination-stock[data-stock-status="preorder"]{color:#2f5a74!important}
.pdp-combination-stock .card-stock-dot{flex:none;width:8px;height:8px;border-radius:50%;background:currentColor}
.pdp-combination-footer{display:grid;gap:12px;min-width:250px;padding-left:28px;border-left:1px solid var(--line)}
.pdp-combination-footer>div{display:grid;gap:4px;line-height:1.35}
.pdp-combination-footer strong{font-size:24px}
.pdp-combination-footer span{color:var(--pdp-muted)}
.pdp-combination-footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 16px;text-transform:none}
.pdp-combination-footer .btn:disabled{border-color:#e4e7df;background:#e4e7df;color:#586359;cursor:default}
/* Details */
.pdp-detail-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;padding:56px 0}
.pdp-section-intro .eyebrow{display:block;margin:0;font:750 16px/1.45 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--green)}
.pdp-section-intro h2{margin:16px 0 24px;font-size:40px;line-height:1.12}
.pdp-section-intro>p{max-width:530px;margin:0;line-height:1.7;color:var(--pdp-muted)}
.pdp-section-intro[data-sticky="true"]{position:sticky;top:var(--pdp-intro-top,160px)}
.pdp-detail-highlights{display:grid;gap:14px;margin:24px 0 32px;padding:0;list-style:none}
.pdp-detail-highlights li{display:flex;align-items:baseline;gap:12px}
.pdp-detail-highlights li span{font-weight:700;color:var(--clay)}
.pdp-description{padding-bottom:28px}
.pdp-description h3{margin:0 0 12px;font-size:23px;line-height:1.25}
.pdp-description p{margin:0 0 16px}
.pdp-editorial-description section+section{margin-top:24px}
.pdp-description-rest{padding-top:8px}
.pdp-description-toggle{display:inline-flex;align-items:center;gap:16px;min-height:48px;margin-top:8px;padding:12px 20px;border:1px solid var(--green);border-radius:2px;font-weight:650;color:var(--green)}
.pdp-description-toggle:hover{background:#eef0e8}
.pdp-description-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.detail-accordions{margin:0;border-top:1px solid var(--line)}
.detail-accordions details{padding:0;border-bottom:1px solid var(--line)}
.detail-accordions summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:20px 0;font-weight:650;cursor:pointer;list-style:none}
.detail-accordions summary::-webkit-details-marker{display:none}
.detail-accordions summary::after{content:"+";font-size:24px;font-weight:400;line-height:1}
.detail-accordions details[open] summary::after{content:"−"}
.detail-accordions details>p,.detail-accordions details>div>p,.detail-accordions details>.pdp-text-button{margin:0 0 24px;color:#425248}
.pdp-property-group{padding-bottom:12px}
.pdp-property-group h3{margin:0 0 4px;font:650 16px/1.5 var(--sans);letter-spacing:0;color:var(--green)}
.pdp-specs{margin:0 0 24px}
.pdp-specs>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:12px 0;border-bottom:1px solid #e8e9e1}
.pdp-specs dt{color:var(--pdp-muted)}
.pdp-specs dd{margin:0}
.pdp-identity-facts{padding-top:12px;border-top:1px solid var(--line)}
.pdp-downloads{margin:0 0 24px;padding:0;list-style:none}
.pdp-text-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 0;line-height:1.5;color:var(--green);text-decoration:underline;text-underline-offset:4px}
.pdp-download{flex-wrap:wrap;gap:10px;text-decoration:none}
.pdp-download-label{text-decoration:underline;text-underline-offset:4px}
.pdp-download-meta{color:var(--pdp-muted)}
.pdp-safety-links{display:grid;margin-top:24px;padding-top:8px;border-top:1px solid var(--line);font:400 16px/1.5 var(--sans);color:var(--ink)}
.pdp-safety-links button{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 0;text-align:left;font:500 16px/1.5 var(--sans)}
.pdp-safety-links button span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
/* Seitliche Panels: Lieferung und Produktsicherheit */
.alva-side-dialog{position:fixed;inset:0 0 0 auto;width:min(100%,620px);max-width:100%;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--paper);box-shadow:-16px 0 60px #17221b24;color:var(--ink)}
.alva-delivery-dialog{width:min(100%,550px)}
.alva-side-dialog::backdrop{background:#14201966;backdrop-filter:blur(2px)}
.alva-safety-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid var(--line);background:var(--paper)}
.alva-safety-header h2{font:600 24px/1.2 var(--sans);color:var(--green)}
.alva-delivery-dialog .alva-safety-header h2{font:600 34px/1.1 var(--serif)}
.alva-safety-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:26px;color:var(--green)}
.alva-safety-close:hover{background:#eef2ec}
.alva-safety-body{display:grid;gap:22px;padding:24px 28px 40px}
.alva-safety-body h3{margin:0 0 8px;font:650 18px/1.3 var(--sans);color:var(--green)}
.alva-safety-body p{color:#425248}
.alva-safety-product{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:14px}
.alva-safety-product img{width:72px;height:72px;object-fit:contain;background:#f4f3ed;mix-blend-mode:multiply}
.alva-safety-product>div{display:grid;gap:2px}
.alva-safety-product span{color:var(--pdp-muted)}
.alva-safety-company{border:1px solid var(--line);border-radius:4px;overflow:hidden}
.alva-safety-company h3{margin:0;padding:12px 16px;background:var(--bg)}
.alva-safety-company dl{margin:0;padding:4px 16px 12px}
.alva-safety-company dl>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #e8e9e1}
.alva-safety-company dl>div:last-child{border-bottom:0}
.alva-safety-company dt{color:var(--pdp-muted)}
.alva-safety-company dd{margin:0}
.alva-safety-company a{color:var(--green);text-decoration:underline}
.alva-safety-form{display:grid;gap:14px}
.alva-safety-form label{display:grid;gap:6px}
.alva-safety-form input,.alva-safety-form textarea,[data-safety-summary]{width:100%;min-height:48px;padding:10px 12px;border:1px solid #b9c7b8;border-radius:4px;background:#fff;font:400 16px/1.5 var(--sans)}
.alva-tariffs{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.alva-tariffs li{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:4px}
.alva-tariffs li.is-current{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.alva-tariffs small{color:var(--pdp-muted);font-size:16px}
.alva-tariffs em{font-style:normal;font-weight:650;color:var(--green)}
/* Vergrößerte Bilder */
.alva-lightbox{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:auto 1fr;background:rgba(255,254,250,.98)}
.alva-lightbox[hidden]{display:none}
.alva-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.alva-lightbox-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.alva-lightbox-strip::-webkit-scrollbar{display:none}
.alva-lightbox-slide{flex:0 0 100%;display:grid;place-items:center;margin:0;padding:12px 64px 24px;scroll-snap-align:center}
.alva-lightbox-slide img{max-width:100%;max-height:calc(100dvh - 120px);object-fit:contain}
.alva-lightbox .gallery-arrow{top:55%}
/* Mobile Kaufleiste */
.pdp-sticky-purchase{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,254,250,.98);box-shadow:0 -8px 22px rgba(23,44,36,.08)}
.pdp-sticky-purchase>div{display:grid;min-width:0}
.pdp-sticky-purchase strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pdp-sticky-purchase .btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 16px;text-transform:none}
.pdp-toast{position:fixed;left:50%;bottom:24px;z-index:130;padding:12px 18px;border-radius:4px;background:var(--green);color:#fffefa;font:600 16px/1.4 var(--sans);transform:translateX(-50%);box-shadow:0 12px 30px rgba(23,44,36,.25)}
@media (max-width:1100px){
  .pdp-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px}
  .pdp-detail-section{gap:40px}
  .pdp-combination-body{grid-template-columns:minmax(0,1fr);gap:20px}
  .pdp-combination-footer{grid-template-columns:1fr auto;align-items:center;padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:1000px){
  .pdp-layout{grid-template-columns:minmax(0,1fr)}
  .pdp-gallery-grid,.pdp-gallery-more{display:none}
  .pdp-gallery-phone{position:relative;display:block}
  .pdp-gallery-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .pdp-gallery-strip::-webkit-scrollbar{display:none}
  .pdp-gallery-slide{flex:0 0 min(72%,560px);aspect-ratio:4/5;margin:0;padding:0;border:0;border-radius:var(--r);background:#f4f3ed;scroll-snap-align:start;overflow:hidden}
  .pdp-gallery-slide img{width:100%;height:100%;object-fit:contain;padding:4%;mix-blend-mode:multiply}
  .pdp-gallery-slide.is-room img{padding:0;mix-blend-mode:normal}
  .pdp-gallery-slide.is-room.is-fill img{object-fit:cover}
  .pdp-gallery-dots{position:absolute;left:16px;bottom:16px;display:flex;gap:6px}
  .pdp-gallery-dots span{width:8px;height:8px;border-radius:50%;background:rgb(255 253 248/.75);box-shadow:0 0 0 1px rgb(37 55 46/.12)}
  .pdp-gallery-dots span.is-active{background:var(--ink)}
  .pdp-gallery-dots span.is-small{transform:scale(.6)}
}
@media (max-width:850px){
  .pdp-page section[id]{scroll-margin-top:176px}
  .pdp-intro h1{font-size:34px}
  .pdp-section-nav{gap:20px;margin-top:28px}
  .pdp-section-nav button{padding:12px 0}
  .pdp-detail-section{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 0}
  .pdp-sticky-purchase:not([hidden]){display:flex}
  .pdp-page{padding-bottom:90px}
}
@media (max-width:600px){
  .pdp-breadcrumbs{padding:20px 0}
  /* Produktname bleibt auch am Handy stehen (Martin, 01.10.2026: „breadcrumbs nicht vollständig auf der pdp“) */
  .pdp-layout{gap:24px}
  .pdp-gallery-phone{width:100vw;margin-left:calc(50% - 50vw);background:#f4f3ed}
  .pdp-gallery-strip{gap:0}
  .pdp-gallery-slide{flex:0 0 100%;border-radius:0}
  .pdp-identity-row{gap:16px;margin-bottom:20px;padding-bottom:16px}
  .pdp-intro h1{font-size:32px}
  .pdp-short-description{font-size:16px;line-height:1.6}
  .pdp-dimensions dl{gap:12px 16px}
  .pdp-dimensions dl>div{grid-template-columns:30px 1fr;column-gap:6px}
  .pdp-dimension-icon{width:30px;height:30px}
  .pdp-qty-row{grid-template-columns:80px 1fr 44px;gap:6px}
  .qty-control{grid-template-columns:26px 1fr 26px}
  .pdp-add{padding:10px 8px}
  .pdp-add .icon{display:none}
  .pdp-combination{padding:24px 0}
  .pdp-combination-heading span{display:none}
  .pdp-combination-expand{margin-top:8px}
  .pdp-combination-options{grid-template-columns:minmax(0,1fr);gap:16px}
  .pdp-combination-footer{grid-template-columns:minmax(0,1fr);gap:16px}
  .pdp-combination-footer .btn{width:100%}
  .pdp-section-intro h2{font-size:32px}
  .pdp-specs>div{grid-template-columns:.9fr 1.1fr;gap:16px;overflow-wrap:anywhere}
  .pdp-safety-links button{gap:10px}
  .alva-safety-header{padding:18px 16px}
  .alva-safety-body{padding:18px 16px 32px}
  .alva-safety-company dl>div{grid-template-columns:minmax(0,1fr)}
}
/* Produktseite, unterer Teil (V2): Raum-Inspiration, Markenporträt, Bewertungen, Fragen */
.faq.faq--pdp{margin-top:0;padding-top:0;border-top:0}
.duo--room{grid-template-columns:minmax(0,min(55%,calc(100svh - var(--sticky) - 64px))) minmax(0,1fr)}
.duo-fig .photo-tag{position:absolute;left:12px;bottom:12px;right:auto;top:auto;width:auto;padding:6px 10px;border-radius:2px;background:var(--green);font:600 16px/1.3 var(--sans);color:#fffefa}
.pdp-room-more{margin-top:18px}
.pdp-brand-logo{margin:0 0 var(--s-act)}
.pdp-brand-logo img{width:auto;height:44px}
/* Markenteil auf Dunkelgrün: Kennzeile → Überschrift → Text → Themen → Knopf im Raster der Startseite */
.pdp-brand-sec .lead{margin:var(--s-text) 0 var(--s-text);max-width:62ch}
.pdp-brand-sec .themes{margin:0 0 var(--s-act)}
.pdp-brand-sec .themes li{border-color:rgb(255 254 250/.32);color:#ecece4}
/* Marke auf Dunkelgrün, Bewertungen auf Salbei: eigene Flächen statt Weiß in Weiß (Martin, 01.10.2026) */
.sec--sage{background:#dfe4da}
.pdp-brand-sec .brand-logo,.pdp-brand-sec .brand-logo.logo--light{filter:brightness(0) invert(1);opacity:1}
.pdp-brand-sec .duo-fig{background:rgb(255 255 255/.06)}
.pdp-reviews{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5.4vw,120px)}
.pdp-review-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:var(--s-text) 0 var(--s-act);padding:18px 22px;border-radius:var(--r);background:rgb(255 254 250/.7)}
.pdp-review-count{display:grid;gap:2px;margin:0}
.pdp-review-count strong{font-size:18px;color:var(--green)}
.pdp-review-count span{color:var(--soft)}
.pdp-review-card{padding:clamp(24px,2.6vw,44px);border-radius:var(--r);background:var(--paper);box-shadow:0 18px 40px rgb(23 44 36/.08)}
.pdp-review-card .h3{margin:16px 0 8px}
.pdp-review-card p{color:var(--soft)}
.pdp-review-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#dfe4da;color:#8a7440}
.pdp-review-icon svg{width:26px;height:26px}
.pdp-review-stars{display:flex;gap:6px;margin:0;color:#b99b5b}
.pdp-review-stars svg{width:24px;height:24px}


/* ============================================================ Inspiration (Martin, 01.10.2026: „design für inspirationsseiten“)
   Übersicht mit Themen-Slider, Look der Startseite und allen Wohnideen; Themenseiten mit Looks im Wechsel, Produkten,
   Tipps und weiteren Themen. Bildquelle immer gekennzeichnet (Brand Book, Kapitel 04). */
.stile.stile--photo{background:#2a3a31}
.stile--photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stile--photo .stile-txt{padding:48px 18px 16px;background:linear-gradient(180deg,rgb(16 28 23/0),rgb(16 28 23/.72));color:#fffefa}
.stile--photo .stile-meta{color:#e8ece4}
.idea-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.idea-chip{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--rc);background:var(--paper);font:600 16px/1.2 var(--sans);color:var(--green)}
.idea-chip:hover{border-color:var(--green)}
.idea-chip[aria-pressed="true"]{border-color:var(--green);background:var(--green);color:#fffefa}
/* Immer volle Reihen: 36, 16, 12 und 8 Wohnideen gehen in 4 und 2 Spalten auf (keine 3 Spalten) */
.idea-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.idea-card[hidden]{display:none}
.idea-card a{display:grid;gap:14px}
.idea-card-fig{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--tile)}
.idea-card-fig img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.idea-card a:hover .idea-card-fig img{transform:scale(1.04)}
.idea-card-tag{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:2px;background:rgba(255,254,250,.92);font:500 16px/1.25 var(--sans);color:var(--soft)}
.idea-card-txt{display:grid;gap:4px}
.idea-card-theme{font:600 16px/1.3 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--clay-2)}
.idea-card-title{font:600 18px/1.35 var(--sans);color:var(--ink)}
.idea-card a:hover .idea-card-title{text-decoration:underline;text-underline-offset:4px}
.idea-card-meta{color:var(--meta)}
.idea-sec{padding:clamp(24px,2.6vw,44px) 0}
.idea-sec:first-of-type{padding-top:clamp(40px,4.4vw,80px)}
.idea-look--flip{grid-template-columns:minmax(0,1fr) minmax(0,min(49%,calc(100svh - var(--sticky) - 64px) * .8))}
.idea-look--flip .look-fig{order:2}
.idea-look--wide{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.idea-look--wide.idea-look--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.idea-look--wide .look-fig img{aspect-ratio:3/2}
.idea-label{margin:0 0 10px;font:600 16px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.look-list+.idea-label{margin-top:22px}
.look-item--plain{grid-template-columns:68px minmax(0,1fr)}
.idea-look .look-item{background:var(--bg)}
.idea-actions{margin-top:var(--s-act)}
.idea-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.idea-tip{display:grid;align-content:start;gap:12px;padding:clamp(24px,2.4vw,40px);border-radius:var(--r);background:var(--paper)}
.idea-tip-num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fffefa;font:700 17px/1 var(--sans)}
.idea-tip p{color:var(--soft)}
.idea-plan{margin-top:var(--s-act)}
@media (max-width:1099px){
  .idea-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .idea-look--flip .look-fig{order:0}
  .idea-tips{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .idea-grid{grid-template-columns:minmax(0,1fr)}
}

/* ------------------------------------------------------------ Produktseite (nur Rahmen) */
.ticks--dark{margin-top:14px;color:var(--soft)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:10px}
.facts div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.facts dt{color:var(--meta)}
.facts dd{font-weight:600;text-align:right}

/* ------------------------------------------------------------ Newsletter, Fuß */
.news{background:var(--sand-2);border-top:1px solid var(--line);padding:clamp(44px,4.6vw,84px) 0}
.news-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,110px)}
.news .lead{margin-top:var(--s-text)}
.news-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.news-form input{height:52px;padding:0 18px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font-size:17px}
.news-form input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(32,57,48,.12)}
.news-note{grid-column:1 / -1;font-size:16px;color:var(--soft)}
.news-note a{text-decoration:underline;text-underline-offset:4px}
.ft{background:var(--green-2);color:#d5dbd1;font-size:16px}
.ft a:hover{color:#fffefa;text-decoration:underline;text-underline-offset:4px}
.ft-top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,56px);padding:clamp(48px,5vw,88px) 0 clamp(36px,4vw,64px)}
.ft-brand p{max-width:34ch;margin-top:18px}
.ft-contact{line-height:1.7}
.ft-contact a{color:#fffefa}
.ft-col summary{display:flex;align-items:center;justify-content:space-between;list-style:none;margin-bottom:14px;pointer-events:none}
.ft-col summary::-webkit-details-marker{display:none}
.ft-col summary .ic{display:none;color:#fffefa;transition:transform .25s var(--ease)}
.ft-col h2{font:600 16px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#fffefa}
.ft-cookie{padding:5px 0;color:inherit;text-align:left}
.ft-cookie:hover{color:#fffefa;text-decoration:underline;text-underline-offset:4px}
.ft-col ul{display:grid;gap:2px}
.ft-col a{display:inline-block;padding:5px 0}
.ft-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:22px 0 84px;border-top:1px solid rgba(255,254,250,.16)}
/* Räume als Linkzeile (wie Standorte/Städte im clickpuls-Fuß) */
.ft-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding:22px 0;border-top:1px solid rgba(255,254,250,.16)}
.ft-links-label{font:600 16px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#aeb8ad}
.ft-links ul{display:flex;flex-wrap:wrap;gap:6px 22px}
.ft-links a{display:inline-block;padding:4px 0}
/* Zahlarten rechtsbündig auf Höhe des Copyrights; am Handy zuerst (Martin, 01.10.2026) */
.ft-pay{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.ft-pay li{display:grid;place-items:center;width:52px;height:36px;border-radius:var(--rb);background:#fff}
.ft-pay img{width:38px;height:28px;object-fit:contain}
/* „Vertrag widerrufen“ steht unter der E-Mail-Adresse (Martin, 30.09.2026), immer sichtbar und nie im Akkordeon */
.ft-withdraw{display:inline-flex;align-items:center;height:44px;margin-top:18px;padding:0 16px;border:1px solid rgba(255,254,250,.5);border-radius:var(--rb);color:#fffefa}
.ft-withdraw:hover{border-color:#fffefa;background:rgba(255,254,250,.08)}
.ft-cookie{color:inherit;text-decoration:underline;text-underline-offset:4px}
.proto-flag{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);box-shadow:0 12px 30px -14px rgba(16,28,23,.5);font:600 16px/1 var(--sans);overflow:hidden}
.proto-flag a{display:flex;align-items:center;height:44px;padding:0 14px}
.proto-flag a+a{border-left:1px solid var(--line);color:var(--soft);font-weight:500}
.proto-flag a:hover{background:var(--bg)}

/* ------------------------------------------------------------ Breiten */
@media (min-width:600px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail{--cols:2.3}
}
@media (min-width:900px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rail{--cols:3.2}
}
@media (min-width:1100px){
  .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rail{--cols:4}
  .rail-track{scroll-snap-type:x proximity}
}
@media (min-width:1600px){
  .grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .rail{--cols:5}
  .collection-cards{grid-column:2;margin-top:0}
  .collection{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"fig copy" "fig cards"}
  .collection-fig{grid-area:fig;align-self:center;max-height:calc(100svh - var(--sticky) - 64px)}
  .collection-fig img{height:100%;aspect-ratio:auto}
  .collection-copy{grid-area:copy}
  .collection-cards{grid-area:cards}
}
@media (min-width:2300px){
  .grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .rail{--cols:6}
}
@media (max-width:1699px){
  .hero{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}
  .hero-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-panel--3{display:none}
  .ctiles{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:22px}
}
/* Mit „Weihnachten“ hat die Hauptzeile einen Eintrag mehr: Kurzbezeichnungen schon unter 1.600 px (statt 1.420 px) */
@media (max-width:1599px){
  .nav-link .nav-long{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nav-link .nav-short{display:inline}
  .nav-link{font-size:16px}
  .mm-group-link{font-size:17px}
  .nav-list{gap:clamp(10px,1.6vw,24px)}
}
/* Dienstleiste am Desktop: alle vier Vorteile ab 1.700 px, darunter ohne „Persönliche Beratung“. Die Regel gilt nur
   ab 1.100 px, damit die Rotation am Handy keine leere Folie zeigt (Martin, 30.09.2026) */
@media (min-width:1100px) and (max-width:1699px){
  .usp li:nth-child(4){display:none}
}
@media (max-width:1250px){
  .mega--dept .mm-teaser:nth-child(2){display:none}
  .mega--dept .mm-teasers{grid-template-columns:minmax(0,1fr)}
  .hd-act .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hd-act{min-width:48px}
  .nav-list{gap:10px}
  .nav-item--season>.nav-link::before{display:none}
}
@media (min-width:1100px){
  .hd.is-compact .nav{display:none}
  /* Titel 38 px, je Eintrag 44 px, „Alle …“ 39 px, Innenabstand 60 px */
  .mega--dept .mega-in{min-height:calc(var(--pane-items,0) * 44px + 137px)}
}
@media (hover:none) and (min-width:1100px){
  .nav-toggle{width:26px;margin-left:2px}
}

/* ------------------------------------------------------------ Tablet und Handy */
@media (max-width:1099px){
  :root{--hd-h:104px;--sticky:64px}
  .topnav{display:none}
  .topbar-in{justify-content:center}
  .usp{position:relative;display:block;flex:1;height:38px}
  .usp li{position:absolute;inset:0;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  .usp li.is-on{opacity:1;transform:none}
  .usp li.is-out{opacity:0;transform:translateY(-10px)}
  .hd-main{grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;row-gap:0;height:auto;padding:8px 0 12px}
  .hd-logo{justify-self:start}
  .hd-burger{display:grid;place-items:center;width:48px;height:48px;margin-left:-15px;color:var(--green)}
  .hd-burger .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hd-logo img{width:clamp(150px,36vw,190px)}
  .hd-actions{gap:0;margin-right:-16px}
  .hd-act{min-width:46px;height:48px;align-content:center}
  .hd-act .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hd-main{padding:8px 0}
  .hd-act--search{display:grid}
  .hd-act--wish{display:none}
  .search{display:none}
  html.search-open{overflow:hidden}
  html.search-open .search{position:fixed;top:var(--search-top,64px);right:0;bottom:0;left:0;z-index:90;display:block;width:auto;margin:0;padding:14px var(--gut) 32px;border-top:1px solid var(--line);background:var(--paper);overflow-y:auto;overscroll-behavior:contain}
  .search-clear:not([hidden]){position:absolute;right:4px;top:4px;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--rb);color:var(--soft)}
  .search input{height:52px;padding-right:52px;font-size:16px}
  .search-kbd,.search-go{display:none}
  .search-panel{position:static;left:auto;transform:none;width:auto;margin-top:18px;padding:4px 0 0;border:0;box-shadow:none}
  .search-cols{grid-template-columns:minmax(0,1fr);gap:22px}

  .nav{position:fixed;inset:0 auto 0 0;z-index:70;display:flex;flex-direction:column;width:min(440px,100vw);border:0;background:var(--paper);transform:translateX(-103%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s;overflow-y:auto;overscroll-behavior:contain}
  .nav.is-open{transform:none;visibility:visible;transition:transform .3s var(--ease)}
  .nav-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;border-bottom:1px solid var(--line)}
  .nav-close{display:grid;place-items:center;width:48px;height:48px}
  .nav-list{flex-direction:column;gap:0;width:auto;height:auto;margin:0;padding:6px 20px 0}
  .nav-item{border-bottom:1px solid var(--line-2)}
  .nav-link{flex:1;min-height:58px;font:600 20px/1.2 var(--sans)}
  .nav-link::after{display:none}
  .nav-link .nav-long{position:static;width:auto;height:auto;overflow:visible;clip:auto}
  .nav-link .nav-short{display:none}
  .nav-sep{display:none}
  .nav-toggle{width:58px;min-height:58px;margin:0 -12px 0 0;transform:rotate(-90deg);color:var(--green)}
  .nav-item.is-open>.nav-toggle{transform:rotate(-90deg)}
  .nav-more{display:grid;gap:0;margin-top:auto;padding:18px 20px 28px;background:var(--bg)}
  .nav-more a{display:flex;align-items:center;gap:12px;min-height:50px;font-weight:500}
  .mega{position:fixed;inset:0 auto 0 0;z-index:3;display:block;width:min(440px,100vw);border:0;box-shadow:none;opacity:1;transform:translateX(103%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s;overflow-y:auto;overscroll-behavior:contain}
  .nav-item.is-open>.mega{transform:none;visibility:visible;transition:transform .3s var(--ease)}
  .mega-in,.mega--cols .mega-in,.mega--brands .mega-in{display:block;width:auto;margin:0;padding:0 20px 32px}
  .mm-mobile-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;min-height:66px;margin:0 -20px 6px;padding:0 20px 0 8px;border-bottom:1px solid var(--line);background:var(--paper)}
  .mm-back{display:inline-flex;align-items:center;gap:4px;min-height:48px;padding:0 12px 0 8px;font:500 16px/1 var(--sans);color:var(--soft)}
  .mm-mobile-title{font:500 26px/1 var(--serif);color:var(--green)}
  .mm-group{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .mm-group.is-active{box-shadow:none}
  .mm-group.is-active>.mm-group-link{padding-left:0}
  .mm-group-link{min-height:56px;font-size:19px}
  .mm-group-link--plain{grid-column:1 / -1}
  .mm-group-toggle{width:56px;margin-right:-14px;transform:rotate(90deg)}
  .mm-group.is-active>.mm-group-toggle{transform:rotate(-90deg)}
  .mm-pane{position:static;grid-column:1 / -1;display:none;width:auto;visibility:inherit;opacity:1;padding:0 0 16px 14px}
  .mm-group.is-active>.mm-pane{display:block;visibility:inherit}
  .nav-item:not(.is-open)>.mega .mm-side{display:none}
  .mm-pane-title{display:none}
  .mm-leaves--two{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mm-leaves a{padding:11px 0}
  .mm-all{display:inline-flex;margin:22px 0 26px}
  .mm-side{width:auto}
  .mm-teaser,.mm-teasers--one .mm-teaser{height:210px}
  .mm-teaser-title{font-size:24px}
  .mm-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-top:12px}
  .mm-col{width:auto;gap:22px}
  .mm-brandgrid{width:auto;padding-top:12px}
  .mm-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mm-logo{height:92px}
  .mm-side{margin-top:22px}
  html.nav-open{overflow:hidden}

  /* Hero am Handy und Tablet: Bild füllt den ersten Bildschirm, Titel oben, beide Aktionen unten sichtbar (Brand Book: Text und CTA im Bild) */
  .hero,.hero--b{display:block;height:clamp(460px,calc(100svh - var(--hd-h)),720px);overflow:hidden;background:var(--green-2)}
  .hero-stage{position:absolute;inset:0;height:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-copy,.hero--b .hero-copy{position:absolute;inset:0;z-index:2;width:auto;height:auto;justify-content:flex-start;gap:0;padding:clamp(18px,3svh,28px) var(--gut) 18px;background:linear-gradient(180deg,rgba(16,28,23,.74) 0,rgba(16,28,23,.4) 28%,rgba(16,28,23,0) 48%,rgba(16,28,23,0) 64%,rgba(16,28,23,.66) 100%);pointer-events:none}
  .hero-copy>*{pointer-events:auto}
  .hero-top{padding-right:56px}
  .hero-kicker{margin-bottom:10px;letter-spacing:.08em;color:#e9ede6}
  .hero-display{margin-bottom:16px;color:#fffefa;font-size:clamp(40px,11.2vw,60px)}
  .hero-text{display:none}
  .hero-dots{gap:20px;margin:0}
  .hero-dots .dot--lg{width:24px;height:24px;border-color:rgba(255,254,250,.75)}
  .hero-dots button.dot::after{inset:-10px}
  .hero-dots .dot.is-on{box-shadow:0 0 0 3px rgba(16,28,23,.55),0 0 0 5px #fffefa}
  .hero-pause,.hero--b .hero-pause{position:absolute;top:clamp(18px,3svh,28px);right:var(--gut);margin:0;border-color:rgba(255,254,250,.6);color:#fffefa;background:rgba(16,28,23,.32)}
  .hero .hero-cta{flex-wrap:nowrap;gap:10px}
  .hero .hero-cta .btn{flex:1 1 0;min-width:0;padding:0 14px;background:#fffefa;border-color:#fffefa;color:var(--green)}
  .hero .hero-cta .btn--ghost{background:rgba(16,28,23,.5);border-color:rgba(255,254,250,.85);color:#fffefa}
  .hero-slide img,.hero-slide.is-on img{transform:none;transition:none}
  .hero-slide.is-on img{animation:kenburns 16s ease-in-out infinite alternate}
  .hero-slide:nth-child(even).is-on img{animation-direction:alternate-reverse}
  .hero--b .hero-slide img{object-position:60% 50%}
  .hero-cap{display:none}
  .hero-now{display:flex;align-items:center;gap:10px;margin:auto 0 12px;font:500 16px/1.3 var(--sans);color:#fffefa;text-shadow:0 1px 8px rgba(16,28,23,.55)}
  .hero-now .dot{border-color:rgba(255,254,250,.8)}
  .series,.look,.duo,.collection,.news-in,.intro,.guide-grid,.faq,.brand-hero-in{grid-template-columns:minmax(0,1fr)}
  .cat-head--img .cat-head-in,.cat-head--compact .cat-head-in{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px}
  .pg-hero--img,.pg-hero--short.pg-hero--img{grid-template-columns:minmax(0,1fr);min-height:0}
  .pg-hero-fig{order:-1;height:clamp(200px,48vw,360px);min-height:0}
  .pg-hero--room{display:grid;min-height:0}
  .pg-hero--room .pg-hero-fig{position:relative;inset:auto;height:clamp(220px,56vw,420px)}
  .pg-hero--room .pg-hero-fig::after{background:linear-gradient(rgba(16,28,23,0) 55%,rgba(16,28,23,.45))}
  .pg-hero--room .pg-hero-copy{max-width:none;min-height:0}
  .pg-hero--short .pg-hero-fig{display:none}
  .pg-hero-copy,.pg-hero:not(.pg-hero--img) .pg-hero-copy{padding:20px var(--gut) 26px}
  .pg-hero-title,.pg-hero--short .pg-hero-title{font-size:clamp(32px,8.6vw,46px)}
  /* Tablet: Die Überschrift darf die Breite nutzen (Martin, 30.09.2026) */
  .pg-hero-title,.pg-hero:not(.pg-hero--img) .pg-hero-title{max-width:34ch}
  .about-in{grid-template-columns:minmax(0,1fr)}
  .cat-fig{max-height:300px}
  .duo-fig{order:-1}
  .pdp-reviews{grid-template-columns:minmax(0,1fr)}
  .brand-hero-copy{padding:28px var(--gut) 36px}
  .brand-hero-fig{order:-1;min-height:min(62vw,420px)}
  .rooms{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto}
  .room{aspect-ratio:1}
  .room--a,.room--b{grid-row:auto;grid-column:auto}
  .rooms--grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tools{grid-template-columns:minmax(0,1fr)}
  .club .ticks{grid-auto-flow:row}
  .guide-side{position:static}
  .toc{padding:4px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
  .toc summary{cursor:pointer;min-height:52px;align-items:center;margin:0}
  .toc ol{padding-bottom:10px}
  .ft-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-brand{grid-column:1 / -1}
  .brands-strip-in{flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px 0 24px}
  .brands-rail{flex:1 1 100%;order:3;margin-inline:calc(-1*var(--gut))}
  .brand-tile{width:clamp(160px,44vw,230px);height:88px}
  .sec-head-side .rail-arrows,.tiles-head .rail-arrows{display:none}
  .tiles-head{min-height:0}
  /* Brotkrumen brechen am Handy und Tablet um, statt abgeschnitten zu werden (Martin, 30.09.2026) */
  .crumbs ol{flex-wrap:wrap;row-gap:2px}
}
@media (max-width:699px){
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mosaic-tile--title{order:-1;grid-column:1 / -1;aspect-ratio:auto;padding:26px 12px}
  .mosaic-tile--sage{display:none}
  .stiles,.stiles.stiles--rail{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:62vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1*var(--gut));padding-right:var(--gut)}
  .stiles::-webkit-scrollbar{display:none}
  .stiles li{scroll-snap-align:start}
  .ctiles,.ctiles.ctiles--rail{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:40vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1*var(--gut));padding-right:var(--gut)}
  .ctiles::-webkit-scrollbar{display:none}
  .ctiles li{scroll-snap-align:start}
  .advice ol,.facts{grid-template-columns:minmax(0,1fr)}
  .rooms{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78vw;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none;padding-inline:var(--gut)}
  .rooms::-webkit-scrollbar{display:none}
  .rooms .room{aspect-ratio:4/5;scroll-snap-align:start}
  .rooms--grid{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;overflow:visible;padding-inline:0}
  .rooms--grid .room{aspect-ratio:4/3}
  .sec-head{flex-wrap:wrap}
  .news-form{grid-template-columns:minmax(0,1fr)}
  .collection-cards{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100vw - 2*var(--gut) - .3*12px)/1.3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1*var(--gut));padding-right:var(--gut)}
  .collection-cards::-webkit-scrollbar{display:none}
  .collection-cards li{scroll-snap-align:start}
  .inline-links{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin-right:calc(-1*var(--gut));padding-right:var(--gut)}
  .inline-links::-webkit-scrollbar{display:none}
  .ft-top{grid-template-columns:minmax(0,1fr);gap:0}
  .ft-brand{margin-bottom:22px}
  .ft-col{border-top:1px solid rgba(255,254,250,.16)}
  .ft-col:last-of-type{border-bottom:1px solid rgba(255,254,250,.16)}
  .ft-col summary{min-height:56px;margin:0;pointer-events:auto;cursor:pointer}
  .ft-col summary .ic{display:block}
  .ft-col[open] summary .ic{transform:rotate(180deg)}
  .ft-col ul{padding-bottom:14px}
  .ft-bottom{flex-direction:column;align-items:stretch;padding-bottom:28px}
  .ft-pay{order:-1}
  .ft-links{padding:18px 0}
  .ft-withdraw{display:flex;justify-content:center;height:52px;font-weight:600}
  .card-body{padding:16px}
  /* Handy: Hochformat 9:16; auf niedrigen Bildschirmen so schmal, dass der Film unter dem Kopf ganz sichtbar bleibt */
  .about-film{width:min(100%,calc((100vh - 120px)*9/16));width:min(100%,calc((100svh - 120px)*9/16));margin-inline:auto}
  .about-film video{aspect-ratio:9/16;background-image:url("img/alva-home-30s-poster-9x16.eaa61085a5.webp")}
  .btn-row .btn{flex:1 1 100%}
  .hero-stage{grid-template-columns:minmax(0,1fr)}
  .hero-panel--2{display:none}
  .cta-long{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cta-short{display:inline}
  .insert{min-height:0;aspect-ratio:4/3}
  .proto-flag{position:static;justify-content:center;margin:0;border-width:1px 0 0;border-radius:0;box-shadow:none}
}
/* Schalter „Bewegung anhalten“ im Fuß (Martin, 30.09.2026): hält alle Wechsel, das Laufband und den Zoom an */
.motion-off .brands-marquee,.motion-off .hero-slide img{animation-play-state:paused!important}
.motion-off .pin-dot::before{animation:none}
@media (max-width:600px){
  .filter-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:visible}
  .filter-trigger{justify-content:center}
  .filter-shortcut{display:none;min-width:112px;justify-content:center}
  .filter-shortcut[data-filter-open="sort"]{display:inline-flex}
  .filter-drawer{width:100%}
  .filter-head{min-height:80px;padding:12px 16px}
  .filter-body{padding:8px 16px 28px}
  .filter-error{padding:12px 16px}
  .filter-foot{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}
}
@media (max-width:390px){
  .filter-foot{flex-direction:column;align-items:stretch;gap:4px}
  .filter-apply{width:100%}
  .filter-reset{order:2}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .brands-rail{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .hero-slide.is-on img{transform:none}
}

/* ------------------------------------------------------------ Service: Hilfe, Kontakt, Zahlungsarten, Rücksendung
   Martin (01.10.2026): Fragen & Hilfe umfangreich, Kontakt nur über das Formular, eigene Seiten für Zahlungsarten
   und Rücksendung mit grafischem Ablauf. Sprache der übrigen Seiten: Sandkopf, eckige Bedienelemente, Schrift ab 16 px. */
.svc-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,64px);align-items:center;padding:clamp(28px,4.4svh,60px) var(--edge) clamp(30px,4.8svh,64px);background:var(--sand)}
.svc-hero--side{grid-template-columns:minmax(0,1fr) minmax(0,min(520px,40%))}
.svc-hero .crumbs ol{padding:0 0 clamp(12px,1.8svh,18px);font-size:16px;color:var(--soft)}
.svc-hero .crumbs [aria-current]{color:var(--green)}
.svc-hero .pg-hero-title{max-width:20ch}
.svc-lead{max-width:58ch;margin-top:clamp(12px,1.8svh,20px);font-size:clamp(17px,1.12vw,20px);line-height:1.6;color:var(--ink)}
:is(.svc-lead,.svc-note,.faq-a,.cf-box,.cf-privacy,.svc-fine) a:not(.btn):not(.lnk){color:var(--green);text-decoration:underline;text-decoration-color:var(--clay);text-underline-offset:4px}
.svc-quick,.svc-choice,.svc-logos{padding:clamp(18px,1.8vw,30px);border-radius:var(--r);background:var(--paper)}
.svc-quick-title{margin-bottom:6px;font:600 16px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.svc-quick a{display:flex;align-items:center;gap:14px;min-height:62px;padding:8px 0;border-bottom:1px solid var(--line-2);color:var(--ink)}
.svc-quick li:last-child a{border-bottom:0}
.svc-quick-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--sand-2);color:var(--green)}
.svc-quick-txt{display:grid;min-width:0}
.svc-quick-label{font-weight:600}
.svc-quick-sub{color:var(--soft)}
.svc-quick .arr,.svc-choice .arr{margin-left:auto;color:var(--green)}
.svc-quick a:hover .svc-quick-label{color:var(--green)}
/* Suche in den Fragen */
.svc-search{position:relative;max-width:640px;margin-top:clamp(18px,2.4svh,28px)}
.svc-search input{width:100%;height:60px;padding:0 20px 0 56px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font-size:17px}
.svc-search input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(32,57,48,.12)}
.svc-search-ic{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--green);pointer-events:none}
.svc-search-note{margin-top:10px;color:var(--soft)}
/* Unternavigation der Servicebereiche */
.svc-nav{border-bottom:1px solid var(--line);background:var(--paper)}
.svc-nav ul{display:flex;gap:4px clamp(18px,2.4vw,40px);overflow-x:auto;scrollbar-width:none}
.svc-nav ul::-webkit-scrollbar{display:none}
.svc-nav a{display:flex;align-items:center;min-height:60px;border-bottom:2px solid transparent;font-weight:600;color:var(--soft);white-space:nowrap}
.svc-nav a:hover{color:var(--green)}
.svc-nav a[aria-current]{border-bottom-color:var(--green);color:var(--green)}
/* Themen als Kacheln */
.svc-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,20px)}
.svc-topic a{display:grid;align-content:start;gap:10px;height:100%;padding:clamp(18px,1.8vw,30px);border:1px solid var(--line);border-radius:var(--r);background:var(--paper);transition:border-color .2s,background .2s}
.svc-topic a:hover{border-color:var(--green);background:var(--bg)}
.svc-topic-ic{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--sand-2);color:var(--green)}
.svc-topic-title{font:600 clamp(21px,1.35vw,25px)/1.2 var(--serif);color:var(--green)}
.svc-topic-meta{color:var(--soft)}
/* Fragen mit Themenleiste */
.svc-faq{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:start}
.svc-faq-nav{position:sticky;top:calc(var(--sticky) + 24px)}
.svc-faq-nav ol{display:grid;gap:2px}
.svc-faq-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 14px;border-left:2px solid var(--line);font-weight:600;color:var(--soft)}
.svc-faq-nav a:hover{color:var(--green)}
.svc-faq-nav a.is-on{border-left-color:var(--green);background:var(--bg);color:var(--green)}
.svc-faq-main{display:grid;gap:clamp(44px,4.4vw,80px);max-width:980px;min-width:0}
.faq-sec{scroll-margin-top:calc(var(--sticky) + 24px)}
.faq-sec-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.faq-sec-head .svc-topic-ic{width:48px;height:48px}
.faq-sec-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;color:var(--soft)}
.faq-item.is-hidden,.faq-sec.is-empty,.svc-faq-nav li.is-empty{display:none}
.faq-empty{display:grid;justify-items:start;gap:18px;padding:clamp(24px,2.6vw,40px);border-radius:var(--r);background:var(--bg)}
.svc-narrow{max-width:1080px}
/* Montageanleitung finden */
.svc-manual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,5vw,96px);align-items:center}
.svc-steps{display:grid;gap:18px;margin-top:clamp(20px,2vw,30px)}
.svc-steps>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start}
.svc-step-num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fffefa;font:700 17px/1 var(--sans)}
.svc-step-title{margin:8px 0 4px;font:600 clamp(19px,1.2vw,22px)/1.3 var(--sans);color:var(--ink)}
.svc-steps p{color:var(--soft)}
.svc-steps--plain{margin-top:0}
.svc-steps--plain>li{align-items:center}
.svc-steps--plain p{color:var(--ink)}
.svc-actions{margin-top:var(--s-act)}
.svc-mock{display:grid;gap:12px}
.svc-mock-card{display:grid;gap:14px;padding:clamp(18px,2vw,30px);border-radius:var(--r);background:var(--paper);box-shadow:0 18px 50px rgba(37,55,46,.12)}
.svc-mock-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:center}
.svc-mock-head img{width:80px;height:100px;object-fit:contain;border-radius:var(--rb);background:var(--tile)}
.svc-mock-head div{display:grid}
.svc-mock-brand{color:var(--soft)}
.svc-mock-title{font-weight:600;color:var(--ink)}
.svc-mock-tabs{display:flex;flex-wrap:wrap;gap:8px}
.svc-mock-tabs span{padding:8px 14px;border:1px solid var(--line);border-radius:var(--rb);color:var(--soft)}
.svc-mock-tabs .is-on{border-color:var(--green);background:var(--green);color:#fffefa}
.svc-mock-acc li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 0;border-top:1px solid var(--line);color:var(--ink)}
.svc-mock-acc li:first-child{border-top:0}
.svc-mock-acc .is-open{font-weight:600}
.svc-mock-file{display:flex;align-items:center;gap:10px;flex:1 1 100%;padding:12px 14px;border:2px solid var(--clay);border-radius:var(--rb);background:var(--bg);color:var(--green)}
.svc-mock-file em{margin-left:auto;font-style:normal;color:var(--soft)}
.svc-mock figcaption{color:var(--soft)}
/* Dunkles Band zum Kontaktformular */
.svc-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;padding:clamp(28px,3.4vw,60px);border-radius:var(--r);background:var(--green);color:#ecece4}
.svc-cta .eyebrow,.svc-cta .h2{color:#fffefa}
.svc-cta .eyebrow{opacity:.85}
.svc-cta-text{max-width:60ch;margin-top:var(--s-text);line-height:1.6}
.svc-cta-side{display:grid;justify-items:start;gap:14px}
.svc-cta-hours{display:flex;align-items:center;gap:10px;opacity:.9}
.svc-cta :focus-visible{outline-color:#fffefa}
/* Ablauf in Schritten */
.flow{--gap:clamp(12px,1.4vw,24px);display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--gap)}
.flow-step{position:relative;display:grid;align-content:start;gap:8px}
.flow-step::before{content:"";position:absolute;top:31px;left:72px;right:calc(-1*var(--gap) + 8px);height:2px;background:repeating-linear-gradient(90deg,var(--green) 0 8px,transparent 8px 14px);opacity:.45}
.flow-step:last-child::before{display:none}
.flow-ic{display:grid;place-items:center;width:64px;height:64px;margin-bottom:8px;border-radius:50%;background:var(--green);color:#fffefa}
.flow--clay .flow-ic{background:var(--clay-2)}
.flow--clay .flow-step::before{background:repeating-linear-gradient(90deg,var(--clay-2) 0 8px,transparent 8px 14px)}
.flow-num{font:600 16px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.flow-title{font:600 clamp(19px,1.2vw,22px)/1.3 var(--sans);color:var(--ink)}
.flow-text{color:var(--soft)}
/* Hinweise */
.svc-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;margin-top:clamp(20px,2vw,32px);padding:clamp(18px,2vw,30px);border-left:4px solid var(--green);border-radius:0 var(--r) var(--r) 0;background:var(--bg)}
.svc-note>.ic{color:var(--green)}
.svc-note h3{margin-bottom:6px;font:600 clamp(19px,1.2vw,22px)/1.3 var(--sans);color:var(--ink)}
.svc-note p{max-width:86ch;color:var(--soft)}
.svc-note p+p,.svc-note p+.btn-row{margin-top:12px}
.svc-note--cost{border-left-color:var(--clay)}
.svc-note--cost>.ic{color:var(--clay-2)}
.svc-note--ok{border-left-color:var(--ok)}
.svc-note--ok>.ic{color:var(--ok)}
.svc-note--paper{background:var(--paper)}
.svc-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(16px,2vw,40px);align-items:start;margin-top:clamp(32px,3.4vw,56px)}
.svc-split .svc-note{margin-top:0}
.svc-good{padding:clamp(18px,2vw,30px);border-radius:var(--r);background:var(--bg)}
.svc-good h3{margin-bottom:12px;font:600 clamp(19px,1.2vw,22px)/1.3 var(--sans);color:var(--ink)}
.svc-good .ticks li::before{color:var(--green)}
.svc-fine{margin-top:16px;color:var(--soft)}
.svc-intro{margin-top:calc(-1*clamp(8px,1vw,18px));margin-bottom:clamp(22px,2.4vw,40px)}
.svc-sub{margin:clamp(36px,3.6vw,60px) 0 clamp(14px,1.4vw,22px);font:600 clamp(23px,1.55vw,28px)/1.18 var(--serif);color:var(--green)}
/* Widerruf oder Reklamation: Vergleich und Auswahl */
.svc-choice{display:grid;gap:10px}
.svc-choice-a{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);transition:border-color .2s,background .2s}
.svc-choice-a:hover{border-color:var(--green);background:var(--bg)}
.svc-choice-ic{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--green);color:#fffefa}
.svc-choice-a--claim .svc-choice-ic{background:var(--clay-2)}
.svc-choice-txt{display:grid;gap:2px;min-width:0}
.svc-choice-txt span{color:var(--soft)}
.svc-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.svc-case{display:grid;align-content:start;gap:16px;padding:clamp(22px,2.6vw,44px);border-radius:var(--r);background:var(--bg)}
.svc-case--claim{background:#dfe4da}
.svc-case-tag{display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:8px 14px;border-radius:var(--rb);background:var(--green);color:#fffefa;font-weight:600}
.svc-case--claim .svc-case-tag{background:var(--clay-2)}
.svc-case dl div{display:grid;grid-template-columns:minmax(96px,.36fr) minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid rgba(37,55,46,.14)}
.svc-case dt{font-weight:600;color:var(--ink)}
.svc-case dd{color:var(--soft)}
.svc-case-cost dd strong{color:var(--ink)}
.svc-case .lnk{justify-self:start}
.svc-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.svc-option{display:grid;align-content:start;gap:10px;padding:clamp(20px,2vw,32px);border-radius:var(--r);background:var(--paper)}
.svc-option-title{margin:0;font:600 clamp(19px,1.2vw,22px)/1.3 var(--sans);color:var(--ink)}
.svc-option p{color:var(--soft)}
#reklamation .svc-note{background:var(--paper)}
/* Fotos für die Meldung */
.photo-sets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,56px);align-items:start}
.photo-set>.h3{margin-bottom:16px}
.photo-list{display:grid;gap:10px;counter-reset:photo}
.photo-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:12px 16px 12px 12px;border-radius:var(--r);background:var(--bg)}
.photo-pic{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:var(--r);background:var(--sand-2);color:var(--green)}
.photo-pic::after{counter-increment:photo;content:counter(photo);position:absolute;top:-6px;left:-6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green);color:#fffefa;font:700 16px/1 var(--sans)}
.photo-txt strong{display:block;color:var(--ink)}
.photo-txt span{color:var(--soft)}
.photo-list--compact .photo-item{grid-template-columns:52px minmax(0,1fr);padding:8px 12px 8px 8px;background:var(--paper)}
.photo-list--compact .photo-pic{width:52px;height:52px}
.photo-list--compact .photo-pic::after{width:24px;height:24px;top:-5px;left:-5px}
.photo-tips{margin-top:clamp(20px,2vw,32px);padding:clamp(18px,2vw,30px);border-radius:var(--r);background:var(--sand-2)}
.photo-tips h4{margin:0 0 12px;font:600 clamp(19px,1.2vw,22px)/1.3 var(--sans);color:var(--ink)}
.nobr{white-space:nowrap}
.svc-check{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,80px);align-items:start}
/* Zahlungsarten */
.svc-logos ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px}
.svc-logos li{display:grid;place-items:center;height:74px;border:1px solid var(--line-2);border-radius:var(--rb);background:#fff}
.svc-logos img{width:64px;height:48px;object-fit:contain}
.svc-logos-note{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--soft)}
.svc-logos-note .ic{color:var(--green)}
.pay-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.pay-card{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.2vw,36px);border:1px solid var(--line);border-radius:var(--r);background:var(--paper);scroll-margin-top:calc(var(--sticky) + 24px)}
.pay-card-logo{display:grid;place-items:center;width:88px;height:62px;margin-bottom:4px;border:1px solid var(--line-2);border-radius:var(--rb);background:#fff}
.pay-card-logo img{width:64px;height:48px;object-fit:contain}
.pay-card p{color:var(--soft)}
.pay-card .pay-card-when{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2);font-weight:600;color:var(--ink)}
.pay-card-when .ic{color:var(--green)}
#ueberweisung .flow{--n:4}
/* Kontaktformular */
.cf-layout{display:grid;grid-template-columns:minmax(0,940px) minmax(300px,420px);gap:clamp(32px,5vw,96px);align-items:start}
.cf-main{min-width:0}
.cf-title{margin-bottom:clamp(18px,2vw,28px)}
.cf{display:grid;gap:clamp(16px,1.6vw,24px)}
.cf-proto{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:14px 18px;border:1px dashed var(--clay);border-radius:var(--r);background:var(--bg)}
.cf-proto p{color:var(--soft)}
.cf-switch{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:600;cursor:pointer}
.cf-switch input{position:relative;flex:none;width:48px;height:28px;margin:0;border-radius:14px;background:#c9c5bb;appearance:none;-webkit-appearance:none;cursor:pointer;transition:background .2s}
.cf-switch input::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.cf-switch input:checked{background:var(--green)}
.cf-switch input:checked::after{transform:translateX(20px)}
/* Fokus eckig wie .btn, auch am Schalter (Martins Regel; Koordinator 07.10.2026): Rahmen 3 bis 5 px außen wie bei den Knöpfen */
.cf-switch input:focus-visible{outline:none}
.cf-switch input:focus-visible::before{content:"";position:absolute;inset:-5px;border:2px solid var(--green);border-radius:var(--rb);pointer-events:none}
.cf-step{display:grid;gap:18px;min-width:0;margin:0;padding:clamp(20px,2.2vw,36px);border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.cf-legend{float:left;display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:0;font:600 clamp(20px,1.3vw,23px)/1.25 var(--sans);color:var(--ink)}
.cf-legend+*{clear:both}
.cf-num{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fffefa;font:700 16px/1 var(--sans)}
.cf-field{display:grid;align-content:start;gap:8px;min-width:0;margin:0;padding:0;border:0}
.cf-field>label,.cf-label{font-weight:600;color:var(--ink)}
.cf-sub>legend{float:left;width:100%;margin-bottom:8px;padding:0}
.cf-sub>legend+*{clear:both}
.cf-opt{font-weight:400;color:var(--meta)}
.cf input[type=text],.cf input[type=email],.cf input[type=tel],.cf select,.cf textarea{width:100%;min-height:54px;padding:12px 16px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:400 17px/1.4 var(--sans);color:var(--ink)}
.cf textarea{min-height:170px;resize:vertical;line-height:1.55}
.cf select{padding-right:52px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23203930' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9 6.5 6.5L18.5 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.cf :is(input[type=text],input[type=email],input[type=tel],select,textarea):focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(32,57,48,.12)}
.cf [aria-invalid="true"]{border-color:var(--sale)!important}
.cf input[readonly]{background:var(--bg);color:var(--soft)}
.cf-hint{font-size:16px;color:var(--soft)}
.cf-err{font-weight:600;font-size:16px;color:var(--sale)}
.cf-account{color:var(--soft)}
.cf-account a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.cf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cf .svc-note{margin-top:0}
.cf-orders,.cf-items{display:grid;gap:10px}
.cf-order,.cf-item{position:relative;display:grid;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);cursor:pointer;transition:border-color .2s,background .2s}
.cf-order{grid-template-columns:auto minmax(0,1fr) auto}
.cf-item{grid-template-columns:auto 64px minmax(0,1fr)}
.cf-order:hover,.cf-item:hover{border-color:var(--green)}
.cf-order:has(input:checked),.cf-item:has(input:checked){border-color:var(--green);background:var(--bg);box-shadow:inset 0 0 0 1px var(--green)}
.cf-order:has(input:focus-visible),.cf-item:has(input:focus-visible){outline:2px solid var(--green);outline-offset:3px}
.cf-order input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cf-order-pics{display:flex;width:98px}
.cf-order-pics img{width:56px;height:56px;object-fit:contain;border:2px solid var(--paper);border-radius:var(--rb);background:var(--tile)}
.cf-order-pics img+img{margin-left:-14px}
.cf-order-txt,.cf-item-txt{display:grid;min-width:0}
.cf-order-num{font-weight:700;color:var(--ink)}
.cf-order-items,.cf-item-meta{color:var(--soft)}
.cf-order-status{font-weight:600;color:var(--ok)}
.cf-item input{width:22px;height:22px;margin:0;accent-color:var(--green)}
.cf-item img{width:64px;height:64px;object-fit:contain;border-radius:var(--rb);background:var(--tile)}
.cf-item-brand{color:var(--soft)}
.cf-item-title{font-weight:600;color:var(--ink)}
.cf-radios{display:flex;flex-wrap:wrap;gap:8px}
.cf-radio{position:relative;display:inline-flex}
.cf-radio input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.cf-radio span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--rc);background:var(--paper);color:var(--ink);transition:border-color .2s,background .2s,color .2s}
.cf-radio:hover span{border-color:var(--green)}
.cf-radio input:checked+span{border-color:var(--green);background:var(--green);color:#fffefa}
.cf-radio input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}
.cf-photo-need{display:grid;gap:10px}
@media (min-width:900px){.cf .photo-list--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cf-drop{position:relative;display:grid;justify-items:center;gap:8px;padding:clamp(22px,2.6vw,40px) 16px;border:2px dashed rgba(37,55,46,.32);border-radius:var(--r);background:var(--bg);text-align:center;transition:border-color .2s,background .2s}
.cf-drop.is-over{border-color:var(--green);background:#eef1ea}
.cf-drop.is-invalid{border-color:var(--sale)}
.cf-drop-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--paper);color:var(--green)}
.cf-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.cf-drop-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px}
.cf-drop-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid var(--green);border-radius:var(--rb);background:var(--green);color:#fffefa;font-weight:600;cursor:pointer}
.cf-drop-btn:hover{background:var(--green-2)}
.cf-drop:focus-within .cf-drop-btn{outline:2px solid var(--green);outline-offset:3px}
.cf-drop-or{color:var(--soft)}
.cf-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.cf-thumbs:empty{display:none}
.cf-thumb{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--r);background:var(--tile)}
.cf-thumb img{width:100%;height:100%;object-fit:cover}
.cf-thumb-file{display:grid;place-items:center;align-content:center;gap:6px;height:100%;padding:10px;color:var(--soft);font-size:16px;line-height:1.3;text-align:center;overflow-wrap:anywhere}
.cf-thumb-file .ic{color:var(--green)}
.cf-thumb-name{max-width:100%;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}
.cf-thumb-ext{font-weight:600;letter-spacing:.06em}
.cf-thumb button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,254,250,.95);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.cf-thumb button:hover{color:var(--sale)}
.cf-count{color:var(--soft)}
.cf-count:empty{display:none}
.cf-extras{display:grid;gap:18px;padding-top:18px;border-top:1px solid var(--line-2)}
.cf-privacy{color:var(--soft)}
.cf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.cf-req-note{color:var(--soft)}
.cf-errors{padding:16px 18px;border-left:4px solid var(--sale);border-radius:0 var(--r) var(--r) 0;background:#fbefec;color:var(--ink)}
.cf-errors p{font-weight:600}
.cf-errors ul{margin-top:6px;padding-left:1.2em;list-style:disc}
.cf-errors a{color:var(--sale);text-decoration:underline;text-underline-offset:4px}
.cf-done{display:grid;justify-items:start;gap:14px;padding:clamp(24px,3vw,48px);border-radius:var(--r);background:#e6eee5;scroll-margin-top:calc(var(--sticky) + 80px)}
.cf-done-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--ok);color:#fffefa}
.cf-done p{color:var(--soft)}
.cf-summary{display:grid;width:100%}
.cf-summary div{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:14px;padding:10px 0;border-top:1px solid rgba(37,55,46,.14)}
.cf-summary dt{font-weight:600;color:var(--ink)}
.cf-summary dd{color:var(--soft);overflow-wrap:anywhere}
.cf-proto-note{padding:8px 14px;border:1px dashed var(--clay);border-radius:var(--rb);font-weight:600;color:var(--clay-2)!important}
.cf-aside{position:sticky;top:calc(var(--sticky) + 24px);display:grid;gap:clamp(14px,1.4vw,20px)}
.cf-box{padding:clamp(20px,2vw,30px);border-radius:var(--r);background:var(--bg)}
.cf-box--sage{background:#dfe4da}
.cf-box--line{border:1px solid var(--line);background:var(--paper)}
.cf-box h2{margin-bottom:12px;font:600 clamp(19px,1.2vw,22px)/1.3 var(--sans);color:var(--ink)}
.cf-box p{color:var(--soft)}
.cf-next{display:grid;gap:12px}
.cf-next li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;color:var(--soft)}
.cf-next span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--paper);color:var(--green);font-weight:700}
@media (max-width:1399px){
  .flow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(28px,3vw,44px)}
  .flow-step:nth-child(3n)::before{display:none}
  #ueberweisung .flow{grid-template-columns:repeat(4,minmax(0,1fr))}
  #ueberweisung .flow-step:nth-child(3n)::before{display:block}
  #ueberweisung .flow-step:last-child::before{display:none}
}
@media (max-width:1099px){
  .svc-hero--side{grid-template-columns:minmax(0,1fr)}
  .svc-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-faq{grid-template-columns:minmax(0,1fr)}
  .svc-faq-nav{display:none}
  .svc-manual,.svc-check{grid-template-columns:minmax(0,1fr)}
  .pay-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cf-layout{grid-template-columns:minmax(0,1fr)}
  .cf-aside{position:static}
}
@media (max-width:899px){
  .flow,#ueberweisung .flow{grid-template-columns:minmax(0,1fr);row-gap:0}
  .flow-step{grid-template-columns:56px minmax(0,1fr);column-gap:16px;row-gap:2px;padding-bottom:26px}
  .flow-step>*{grid-column:2}
  .flow-ic{grid-column:1;grid-row:1 / span 3;width:56px;height:56px;margin:0}
  .flow-step::before,.flow-step:nth-child(3n)::before,#ueberweisung .flow-step:nth-child(3n)::before{display:block;top:62px;bottom:4px;left:27px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--green) 0 8px,transparent 8px 14px)}
  .flow--clay .flow-step::before{background:repeating-linear-gradient(180deg,var(--clay-2) 0 8px,transparent 8px 14px)}
  .flow-step:last-child::before,#ueberweisung .flow-step:last-child::before{display:none}
  .flow-step:last-child{padding-bottom:0}
  .svc-compare,.svc-split,.photo-sets,.svc-options{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:699px){
  .pay-cards{grid-template-columns:minmax(0,1fr)}
  .cf-two{grid-template-columns:minmax(0,1fr)}
  .cf-step{padding:18px 16px}
  .cf-order{grid-template-columns:minmax(0,1fr) auto}
  .cf-order-pics{grid-column:1 / -1}
  .cf-item{grid-template-columns:auto 52px minmax(0,1fr)}
  .cf-item img{width:52px;height:52px}
  .svc-cta .btn{width:100%}
  .svc-cta-side{width:100%;justify-items:stretch}
  .svc-quick a{min-height:54px}
  .svc-quick-sub{display:none}
  .svc-note{grid-template-columns:minmax(0,1fr);gap:0;padding:16px 16px 18px 18px}
  .svc-note>.ic{display:none}
  .svc-nav a{min-height:54px}
  .svc-search input{height:56px}
  /* Handy: Themen als Zeilen in einer Spalte (in zwei Spalten liefen lange Wörter wie „Beschädigung“ über den Rand),
     Lösungen mit Symbol links, damit die Fragen und das Formular schneller kommen */
  .svc-topics{grid-template-columns:minmax(0,1fr);gap:8px}
  .svc-topic a{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:0 14px;padding:12px 14px}
  .svc-topic-ic{width:40px;height:40px}
  .svc-topic-ic .ic{width:22px;height:22px}
  .svc-topic-title{font-size:20px;line-height:1.2}
  .svc-topic-meta{white-space:nowrap}
  .svc-option{grid-template-columns:48px minmax(0,1fr);align-items:start;column-gap:14px}
  .svc-option .svc-topic-ic{grid-row:span 2;width:48px;height:48px}
}
@media (max-width:420px){
  .svc-case dl div,.cf-summary div{grid-template-columns:minmax(0,1fr);gap:2px}
  .photo-item{grid-template-columns:56px minmax(0,1fr);gap:12px}
  .photo-pic{width:56px;height:56px}
}

/* ------------------------------------------------------------ Werkzeuge: Passt-bei-mir-Check, Raumstudio, Wohnplan
   Martin (01.10.2026): „vor allem eine sinnvolle funktionalität erstellen“. Gleiche Bausteine wie das Kontaktformular
   (cf-step, cf-field, cf-radio), Produktauswahl mit Freistellern, Schrift ab 16 px. */
.tool-sec .cf-step{gap:16px}
.tool-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.tool-num-in{position:relative}
.tool-num-in input{width:100%;min-height:52px;padding:10px 44px 10px 14px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:500 17px/1.3 var(--sans);color:var(--ink)}
.tool-num-in input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(32,57,48,.12)}
.tool-num-in span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--meta);pointer-events:none}
.cf-check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.cf-check input{width:22px;height:22px;margin:0;accent-color:var(--green)}
.tool-sec select{min-height:52px;padding:10px 44px 10px 14px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23203930' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9 6.5 6.5L18.5 9'/%3E%3C/svg%3E") no-repeat right 12px center;font:400 17px/1.3 var(--sans);color:var(--ink);appearance:none;-webkit-appearance:none;max-width:100%}
.tool-sec input[type=range]{width:100%;accent-color:var(--green);min-height:44px}
.tool-buttons .btn{min-height:46px;padding:0 18px}
.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.tool-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
/* Produktauswahl */
.tool-picker{display:grid;gap:12px;min-width:0}
.tool-search{position:relative}
.tool-search input{width:100%;height:54px;padding:0 16px 0 50px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font-size:17px}
.tool-search input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(32,57,48,.12)}
.tool-search-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--green);pointer-events:none}
.tool-chips{display:flex;flex-wrap:wrap;gap:8px}
.tool-chips .chip{min-height:42px}
.tool-count{color:var(--soft)}
.tool-count:empty{display:none}
.tool-results{display:grid;gap:8px;max-height:420px;overflow:auto;padding-right:4px;overscroll-behavior:contain}
.tool-results:empty{display:none}
.tool-result{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-align:left;transition:border-color .2s,background .2s}
.tool-result:hover,.tool-result.is-on{border-color:var(--green);background:var(--bg)}
.tool-result-img{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--rb);background:var(--tile)}
.tool-result-img img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}
.tool-result-txt{display:grid;min-width:0}
.tool-result-brand{color:var(--soft)}
.tool-result-title{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.tool-result-meta{color:var(--soft)}
.tool-result-add{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--green);color:#fffefa;font:600 22px/1 var(--sans)}
.tool-results--grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:none;overflow:visible;padding:0}
.tool-results--grid .tool-result{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;height:100%;padding:10px}
.tool-results--grid .tool-result-img{width:100%;height:auto;aspect-ratio:1}
.tool-results--grid .tool-result-img img{width:86%;height:86%}
.tool-results--grid .tool-result-add{position:absolute;top:10px;right:10px;width:36px;height:36px}
.tool-results--grid li{position:relative}
.tool-badge{display:inline-block;margin-left:6px;padding:0 8px;border-radius:var(--rb);background:#f6e3dd;color:var(--sale);font-weight:600}
/* Passt-bei-mir-Check */
.pc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,3.4vw,64px);align-items:start}
.pc-controls{display:grid;gap:clamp(14px,1.4vw,22px);min-width:0}
.pc-result{position:sticky;top:calc(var(--sticky) + 20px);display:grid;gap:16px;min-width:0}
.pc-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--green);border-radius:var(--r);background:var(--bg)}
.pc-item img{width:96px;height:96px;object-fit:contain;mix-blend-mode:multiply}
.pc-item-txt{display:grid;gap:6px;min-width:0}
.pc-item-brand{color:var(--soft)}
.pc-item-title{font-weight:600;color:var(--ink)}
.pc-item-dims{font-weight:600;color:var(--green)}
.pc-item select{width:100%}
.pc-own summary{display:flex;align-items:center;min-height:44px;font-weight:600;color:var(--green);cursor:pointer}
.pc-own[open]{display:grid;gap:14px}
.pc-verdict{display:grid;gap:6px;padding:clamp(18px,2vw,28px);border-left:5px solid var(--line);border-radius:0 var(--r) var(--r) 0;background:var(--bg)}
.pc-verdict-title{font:600 clamp(22px,1.5vw,27px)/1.2 var(--serif);color:var(--green)}
.pc-verdict p{color:var(--soft)}
.pc-verdict ul{display:grid;gap:4px;margin-top:6px;color:var(--ink)}
.pc-verdict.is-ok{border-left-color:var(--ok);background:#e9f0e7}
.pc-verdict.is-tight{border-left-color:var(--clay);background:#f6ece4}
.pc-verdict.is-no{border-left-color:var(--sale);background:#f8e7e2}
.pc-verdict.is-ok .pc-verdict-title{color:var(--ok)}
.pc-verdict.is-tight .pc-verdict-title{color:var(--clay-2)}
.pc-verdict.is-no .pc-verdict-title{color:var(--sale)}
.pc-plan{display:grid;gap:10px}
.pc-plan svg{width:100%;height:auto;max-height:min(62svh,620px);border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.pc-plan figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--soft)}
.pc-key{display:inline-block;width:22px;height:14px;border-radius:2px;vertical-align:-2px}
.pc-key--item{background:#5f7d6c}
.pc-key--zone{border:2px dashed #5f7d6c;background:rgba(95,125,108,.12)}
.pc-key--wall{height:6px;background:var(--ink)}
.pc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pc-facts:empty{display:none}
.pc-facts li{display:grid;gap:2px;padding:12px 14px;border-radius:var(--r);background:var(--bg)}
.pc-facts b{font-weight:600;color:var(--ink)}
.pc-facts span{color:var(--soft)}
.pc-facts .is-short b{color:var(--sale)}
.pc-way{display:grid;gap:8px}
.pc-way:empty{display:none}
.pc-way li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;color:var(--ink)}
.pc-way li::before{content:"";width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}
.pc-way li.is-tight::before{background-color:var(--clay);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17v.5'/%3E%3C/svg%3E")}
.pc-way li.is-no::before{background-color:var(--sale);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m7 7 10 10M17 7 7 17'/%3E%3C/svg%3E")}
.pc-way li.is-info::before{background-color:var(--green-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7v.5'/%3E%3C/svg%3E")}
.pc-alt-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.pc-alt a{display:grid;gap:8px;height:100%;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);transition:border-color .2s}
.pc-alt a:hover{border-color:var(--green)}
.pc-alt img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--tile);border-radius:var(--rb);mix-blend-mode:multiply}
.pc-alt-brand{color:var(--soft)}
.pc-alt-title{font-weight:600;color:var(--ink)}
.pc-alt-meta{color:var(--soft)}
.pc-alt-price{font-weight:600;color:var(--ink)}
.pc-rules{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,80px);align-items:start}
.pc-tips{margin-top:var(--s-act)}
.pc-table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:var(--r)}
.pc-table th,.pc-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.pc-table thead th{font-weight:600;color:var(--soft)}
.pc-table tbody th{font-weight:600;color:var(--ink)}
.pc-table td{color:var(--soft)}
/* Raumstudio */
.rs{display:grid;gap:clamp(18px,2vw,28px)}
.rs-templates{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px}
.rs-room{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px clamp(18px,2.4vw,36px);padding:16px clamp(14px,1.6vw,22px);border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.rs-bar-group{display:grid;gap:8px;min-width:0}
.rs-bar-width{flex:1 1 220px}
.rs-bar output{font-weight:600;color:var(--green)}
.rs-swatches{display:flex;flex-wrap:wrap;gap:8px}
.rs-swatch,.rs-floor{position:relative;display:inline-grid;cursor:pointer}
.rs-swatch input,.rs-floor input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rs-swatch span:not(.sr){width:42px;height:42px;border-radius:50%;border:1px solid rgba(37,55,46,.25);box-shadow:inset 0 0 0 3px var(--paper)}
.rs-floor span:not(.sr){width:58px;height:42px;border-radius:var(--rb);border:1px solid rgba(37,55,46,.25)}
.rs-swatch input:checked+span,.rs-floor input:checked+span{outline:2px solid var(--green);outline-offset:3px}
.rs-swatch input:focus-visible+span,.rs-floor input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}
.rs-floor--oak span:not(.sr),.rs-stage[data-floor=oak] .rs-floor-area{background:repeating-linear-gradient(90deg,#d6b48c 0 46px,#cfa97f 46px 47px,#dbbb94 47px 92px,#cfa97f 92px 93px)}
.rs-floor--oak-dark span:not(.sr),.rs-stage[data-floor=oak-dark] .rs-floor-area{background:repeating-linear-gradient(90deg,#8a6446 0 46px,#7c5940 46px 47px,#93694a 47px 92px,#7c5940 92px 93px)}
.rs-floor--concrete span:not(.sr),.rs-stage[data-floor=concrete] .rs-floor-area{background:#b9b6ae linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.06))}
.rs-floor--terrazzo span:not(.sr),.rs-stage[data-floor=terrazzo] .rs-floor-area{background:#e4ddd3 radial-gradient(circle at 20% 30%,#b8a99a 0 2px,transparent 3px) 0 0/22px 22px,radial-gradient(circle at 70% 60%,#9aa79b 0 2px,transparent 3px) 0 0/30px 30px}
.rs-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(16px,2vw,32px);align-items:start}
.rs-stage-wrap{position:relative;display:grid;gap:12px;min-width:0}
.rs-stage{position:relative;width:100%;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:var(--wall,#e8ddcf);touch-action:none;user-select:none;-webkit-user-select:none}
.rs-stage:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.rs-wall{position:absolute;inset:0 0 auto;background:var(--wall,#e8ddcf)}
.rs-floor-area{position:absolute;inset:auto 0 0;box-shadow:inset 0 14px 18px -12px rgba(0,0,0,.28)}
.rs-empty{position:absolute;inset:auto 0 50%;padding:0 24px;text-align:center;color:var(--soft);font-weight:600}
.rs-stage[data-dark] .rs-empty{color:#fffefa}
.rs-item{position:absolute;display:block;cursor:grab;transform-origin:50% 100%}
.rs-item img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}
.rs-item.is-flip img{transform:scaleX(-1)}
.rs-item.is-rug img{filter:none;transform:perspective(900px) rotateX(70deg);transform-origin:50% 100%}
.rs-item.is-rug.is-flip img{transform:perspective(900px) rotateX(70deg) scaleX(-1)}
.rs-item.is-selected{outline:2px dashed var(--clay-2);outline-offset:4px}
.rs-item.is-dragging{cursor:grabbing}
.rs-cord{position:absolute;top:0;width:2px;background:rgba(37,55,46,.55);pointer-events:none}
.rs-under{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--soft)}
.rs-scale{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.rs-scale span{display:inline-block;height:10px;border:2px solid var(--ink);border-top:0}
.rs-tools{position:absolute;top:12px;left:12px;right:12px;z-index:200;display:grid;gap:10px;padding:10px 12px;border:1px solid var(--clay);border-radius:var(--r);background:rgba(255,254,250,.95);box-shadow:0 6px 18px rgba(37,55,46,.12)}
.rs-tools[hidden]{display:none}
.rs-tools-title{display:none;font-weight:600;color:var(--ink)}
.rs-tools .btn-row{gap:8px;align-items:center}
.rs-tools .btn{min-height:42px;padding:0 14px}
.rs-variant{max-width:280px}
.rs-side{position:sticky;top:calc(var(--sticky) + 20px);display:grid;gap:14px;padding:clamp(16px,1.8vw,26px);border-radius:var(--r);background:var(--bg)}
.rs-side-title{font:600 clamp(22px,1.5vw,27px)/1.2 var(--serif);color:var(--green)}
.rs-list{display:grid;gap:8px;max-height:340px;overflow:auto}
.rs-list:empty::before{content:"Noch keine Stücke im Raum.";color:var(--soft)}
.rs-list li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:4px;border-radius:var(--rb)}
.rs-list li.is-on{background:var(--paper);box-shadow:inset 3px 0 0 var(--clay-2)}
.rs-list img{width:52px;height:52px;object-fit:contain;background:var(--paper);border-radius:var(--rb);mix-blend-mode:multiply}
.rs-list-txt{display:grid;min-width:0}
.rs-list-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:600;color:var(--ink);line-height:1.35}
.rs-list-meta{color:var(--soft)}
.rs-list-btns{display:grid}
.rs-list button{display:grid;place-items:center;width:40px;height:44px;border-radius:var(--rb);color:var(--soft)}
.rs-sum-note{color:var(--soft)}
.tool-badge.is-pre{background:#e3ece4;color:var(--green)}
.rs-list button:hover{background:var(--paper);color:var(--sale)}
.rs-palette{display:grid;gap:8px}
.rs-palette:empty{display:none}
.rs-palette-dots{display:flex;flex-wrap:wrap;gap:6px}
.rs-palette-dots span{width:30px;height:30px;border-radius:50%;border:1px solid rgba(37,55,46,.2)}
.rs-palette p{color:var(--soft)}
.rs-palette strong{color:var(--ink)}
.rs-sum{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--line)}
.rs-sum div{display:flex;justify-content:space-between;gap:12px}
.rs-sum dt{color:var(--soft)}
.rs-sum dd{font-weight:600;color:var(--ink);text-align:right}
.rs-sum .is-total dt,.rs-sum .is-total dd{font-size:19px;color:var(--ink);font-weight:700}
.rs-actions{display:grid;gap:10px}
.rs-actions .btn{width:100%}
.rs-add{display:grid;gap:14px}
/* Wohnplan */
.wp{display:grid;gap:clamp(18px,2vw,28px)}
.wp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.wp-summary:empty{display:none}
.wp-card{display:grid;gap:4px;align-content:start;padding:clamp(16px,1.6vw,24px);border-radius:var(--r);background:var(--bg)}
.wp-card-label{color:var(--soft)}
.wp-card-value{font:600 clamp(24px,1.7vw,30px)/1.15 var(--serif);color:var(--green)}
.wp-card-note{color:var(--soft)}
.wp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.wp-add-room{display:flex;flex-wrap:wrap;gap:10px}
.wp-reset{color:var(--sale)}
.wp-empty{display:grid;justify-items:start;gap:12px;padding:clamp(22px,2.6vw,40px);border:1px dashed var(--line);border-radius:var(--r);background:var(--paper)}
.wp-empty p{color:var(--soft)}
.wp-rooms{display:grid;gap:clamp(16px,1.6vw,24px)}
.wp-room{display:grid;gap:14px;padding:clamp(16px,2vw,30px);border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.wp-room-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr);gap:12px 18px;align-items:end}
.wp-room-name{width:100%;min-height:52px;padding:8px 12px;border:1px solid transparent;border-radius:var(--rb);background:transparent;font:600 clamp(22px,1.5vw,27px)/1.2 var(--serif);color:var(--green)}
.wp-room-name:hover,.wp-room-name:focus{border-color:rgba(37,55,46,.28);outline:0;background:var(--paper)}
.wp-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wp-meter{display:grid;gap:6px}
.wp-meter-label{display:flex;justify-content:space-between;gap:10px;color:var(--soft)}
.wp-meter-label b{color:var(--ink)}
.wp-track{height:10px;border-radius:5px;background:var(--line-2);overflow:hidden}
.wp-track span{display:block;height:100%;border-radius:5px;background:var(--green)}
.wp-track.is-over span{background:var(--sale)}
.wp-track.is-tight span{background:var(--clay)}
.wp-items{display:grid;gap:8px}
.wp-item{display:grid;grid-template-columns:64px minmax(0,1.6fr) minmax(0,1fr) auto auto minmax(0,.9fr) auto;gap:10px 14px;align-items:center;padding:10px 0;border-top:1px solid var(--line-2)}
.wp-item img{width:64px;height:64px;object-fit:contain;background:var(--tile);border-radius:var(--rb);mix-blend-mode:multiply}
.wp-item-txt{display:grid;min-width:0}
.wp-item-brand{color:var(--soft)}
.wp-item-title{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.wp-item-title:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.wp-item-meta{color:var(--soft)}
.wp-item select{width:100%}
.wp-qty{display:inline-flex;align-items:center;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb)}
.wp-qty button{display:grid;place-items:center;width:44px;height:48px;font:600 20px/1 var(--sans);color:var(--green)}
.wp-qty output{min-width:28px;text-align:center;font-weight:600}
.wp-line{font-weight:600;color:var(--ink);text-align:right;white-space:nowrap}
.wp-item-acts{display:flex;align-items:center;gap:4px}
.wp-item-acts a,.wp-item-acts button{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 6px;color:var(--green);border-radius:var(--rb)}
.wp-item-acts button:hover{color:var(--sale);background:var(--bg)}
.wp-room-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding-top:12px;border-top:1px solid var(--line)}
.wp-room-total{font-weight:700;color:var(--ink)}
.wp-room-foot .btn-row{gap:10px 18px}
.tool-dialog{width:min(760px,calc(100vw - 32px));max-height:min(86svh,820px);padding:0;border:0;border-radius:var(--r);background:var(--paper);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.tool-dialog::backdrop{background:rgba(23,44,36,.45)}
.tool-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--paper)}
/* eckig wie .btn, auch der Fokusrahmen (Martin; Koordinator 07.10.2026: das Schließen-X hatte einen runden Fokusring) */
.tool-dialog-close{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--rb)}
.tool-dialog-close:hover{background:var(--bg)}
.tool-dialog .tool-picker{padding:16px 20px 22px}
.tool-dialog .tool-results{max-height:none}
@media (max-width:1099px){
  .pc,.rs-main,.pc-rules{grid-template-columns:minmax(0,1fr)}
  .pc-result,.rs-side{position:static}
  .rs-tools{position:static;box-shadow:none;background:var(--bg)}
  .rs-tools-title{display:block}
  .pc-alt-list,.wp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wp-item{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:none}
  .wp-item > :nth-child(n+3){grid-column:2 / -1}
  .wp-room-head{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:699px){
  .pc-facts{grid-template-columns:minmax(0,1fr)}
  .pc-alt-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wp-summary{grid-template-columns:minmax(0,1fr)}
  .wp-meters{grid-template-columns:minmax(0,1fr)}
  .rs-room{display:grid}
  .tool-picker .tool-chips,.rs-templates .tool-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 4px}
  .tool-picker .tool-chips::-webkit-scrollbar,.rs-templates .tool-chips::-webkit-scrollbar{display:none}
  .tool-chips .chip{flex:none}
  .rs-templates{display:grid;gap:8px}
  .tool-results--grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-tools .btn-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-tools .btn-row .btn{width:100%}
}
@media print{
  .topbar,.hd,.nav,.svc-nav,.ft,.news,.proto-flag,.wp-bar,.wp-item-acts,.wp-room-foot .btn-row,.svc-hero .crumbs,.tool-dialog{display:none!important}
  .wp-room{break-inside:avoid;border-color:#bbb}
  body{background:#fff}
}

/* ===================================================================== Über uns (Martin, 01.10.2026) */
.about-photo{margin:0}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.about-lead{max-width:76ch;margin-top:calc(-1 * var(--s-text, 8px))}
.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,24px);margin-top:clamp(24px,2.6vw,40px)}
.value{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.2vw,34px);border-top:3px solid var(--clay-2);background:var(--bg)}
.value-num{font:600 16px/1 var(--sans);letter-spacing:.08em;color:var(--clay-2)}
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,36px)}
.team-card{display:grid;align-content:start;gap:16px}
.team-photo{margin:0;overflow:hidden;border-radius:var(--r);background:#0f1d33}
.team-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.team-txt{display:grid;gap:6px}
.team-name{font:600 clamp(23px,1.7vw,30px)/1.2 var(--serif);color:var(--green)}
.team-role{font-weight:600;color:var(--clay-2)}
.about-legal{margin-top:18px;color:var(--soft)}
.about-legal a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1099px){
  .values{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px){
  .values,.team{grid-template-columns:minmax(0,1fr)}
  .team-card{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px}
}

/* ===================================================================== Weihnachten (Martin, 01.10.2026) */
.xmas-hero{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);align-items:stretch;min-height:clamp(420px,calc(60svh - 40px),620px);color:#ecece4;
  background:radial-gradient(circle at 92% 18%,rgba(255,196,120,.20),transparent 38%),
    radial-gradient(1.6px 1.6px at 18% 26%,rgba(236,206,140,.85) 50%,transparent 60%) 0 0/150px 150px,
    radial-gradient(1.2px 1.2px at 64% 72%,rgba(236,206,140,.6) 50%,transparent 60%) 0 0/96px 96px,
    radial-gradient(2.2px 2.2px at 38% 58%,rgba(236,206,140,.45) 50%,transparent 60%) 0 0/230px 230px,var(--green)}
.xmas-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(28px,4.4svh,60px) clamp(24px,3.4vw,68px) clamp(30px,4.8svh,64px) var(--edge)}
.xmas-hero .crumbs ol{padding:0 0 clamp(12px,1.8svh,18px);color:rgba(236,236,228,.8)}
.xmas-hero .crumbs [aria-current]{color:#fffefa}
.xmas-hero .crumbs a:hover{color:#fffefa}
.xmas-hero .crumbs li+li::before{color:rgba(236,236,228,.55)}
.xmas-hero .eyebrow{margin-bottom:var(--s-eyebrow);color:#e9cf98}
.xmas-hero .pg-hero-title{color:#fffefa}
.xmas-hero-lead{max-width:52ch;margin-top:var(--s-text);font-size:clamp(17px,1.15vw,20px);line-height:1.55;color:#ecece4}
.xmas-hero .pg-hero-actions{margin-top:var(--s-act);align-items:center;gap:14px 24px}
.xmas-lnk{color:#fffefa}
.xmas-hero :focus-visible{outline-color:#fffefa}
.xmas-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-height:100%}
.xmas-mood{margin:0;overflow:hidden;min-height:0}
.xmas-mood img{width:100%;height:100%;object-fit:cover}
.xmas-mood--1{grid-row:1 / span 2}
.xmas-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.xmas-date{display:grid;align-content:start;gap:8px;padding:clamp(22px,2.2vw,34px);border-radius:var(--r);background:var(--bg)}
.xmas-date-ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;border-radius:50%;background:var(--paper);color:var(--green)}
.xmas-date-kind{font-weight:600;color:var(--clay-2)}
.xmas-date-day{font:500 clamp(25px,1.9vw,34px)/1.15 var(--serif);color:var(--green)}
.xmas-note{max-width:86ch;margin-top:clamp(16px,1.6vw,24px);color:var(--soft)}
.xmas-note strong{color:var(--ink)}
.xmas-advents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.xmas-advent a{display:grid;align-content:start;gap:10px;height:100%;padding:clamp(22px,2.2vw,34px);border-top:3px solid var(--clay-2);background:var(--paper);transition:background .2s var(--ease)}
.xmas-advent a:hover{background:var(--bg)}
.xmas-advent-day{font-weight:600;letter-spacing:.04em;color:var(--clay-2)}
.xmas-advent-title{font:500 clamp(24px,1.7vw,30px)/1.15 var(--serif);color:var(--green)}
.xmas-advent-text{color:var(--soft)}
.xmas-advent-go{margin-top:6px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.xmas-rail-text{max-width:72ch;margin:calc(-1 * clamp(8px,1vw,14px)) 0 clamp(16px,1.6vw,24px);color:var(--soft)}
@media (max-width:1099px){
  .xmas-hero{grid-template-columns:minmax(0,1fr)}
  .xmas-mosaic{min-height:0;height:clamp(260px,52vw,420px)}
  .xmas-hero-copy{padding-right:var(--edge)}
  .xmas-advents{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px){
  .xmas-dates,.xmas-advents{grid-template-columns:minmax(0,1fr)}
  .xmas-mosaic{height:300px}
}

/* ===================================================================== Versand & Lieferung (Martin, 01.10.2026) */
.ship-when{display:grid;gap:12px;padding:clamp(20px,2vw,30px);border-radius:var(--r);background:var(--paper)}
.ship-when ul{display:grid;gap:10px}
.ship-when li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-bottom:10px;border-bottom:1px solid var(--line-2)}
.ship-when-kind{color:var(--soft)}
.ship-when-date{font-weight:700;color:var(--green)}
.ship-when-note{color:var(--meta)}
.ship-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.ship-card{display:grid;align-content:start;gap:8px;padding:clamp(22px,2.2vw,34px);border-radius:var(--r);background:var(--bg)}
.ship-card-price{font:500 clamp(30px,2.2vw,40px)/1.1 var(--serif);color:var(--green)}
.ship-card-free{font-weight:600;color:var(--clay-2)}
.ship-card-facts{display:grid;gap:10px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
.ship-card-facts dt{color:var(--meta)}
.ship-card-facts dd{color:var(--ink)}
.ship-card + .svc-note,.ship-cards + .svc-note{margin-top:clamp(16px,1.6vw,24px)}
.ship-table-wrap{overflow-x:auto}
.ship-table{width:100%;min-width:560px;border-collapse:collapse;background:var(--paper)}
.ship-table th,.ship-table td{padding:16px 20px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ship-table thead th{font-weight:600;color:var(--meta);background:var(--bg)}
.ship-table tbody th{font-weight:600;color:var(--ink)}
.ship-fee{font-weight:700;color:var(--green);white-space:nowrap}
.ship-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px);margin-top:clamp(24px,2.4vw,36px)}
.ship-check{margin-top:4px}
.ship-check-note{margin-top:14px;color:var(--meta)}
@media (max-width:1099px){
  .ship-cards,.ship-extra{grid-template-columns:minmax(0,1fr)}
}

/* ===================================================================== AlvaClub und Alva Business (Martin, 01.10.2026) */
.btn--ghost-light{background:transparent;color:#fffefa;border-color:rgba(255,254,250,.7)}
.btn--ghost-light:hover{background:rgba(255,254,250,.12);border-color:#fffefa}
.tools--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tools + .svc-note{margin-top:clamp(16px,1.6vw,24px)}
.pg-hero-eyebrow{margin-bottom:var(--s-eyebrow)}
.club-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(24px,4vw,72px);align-items:center;padding:clamp(28px,4.4svh,64px) var(--edge) clamp(32px,5svh,72px);color:#ecece4;
  background:radial-gradient(circle at 85% 20%,rgba(232,221,207,.16),transparent 45%),var(--green)}
.club-hero .crumbs ol{padding:0 0 clamp(12px,1.8svh,18px);color:rgba(236,236,228,.8)}
.club-hero .crumbs [aria-current],.club-hero .crumbs a:hover{color:#fffefa}
.club-hero .crumbs li+li::before{color:rgba(236,236,228,.55)}
.club-hero .eyebrow{margin-bottom:var(--s-eyebrow);color:#e9cf98}
.club-hero .pg-hero-title{color:#fffefa}
.club-hero :focus-visible{outline-color:#fffefa}
.club-hero-lead{max-width:56ch;margin-top:var(--s-text);font-size:clamp(17px,1.15vw,20px);line-height:1.55}
.club-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:var(--s-act);max-width:640px}
.club-perk{display:grid;gap:4px;padding:18px 20px;border:1px solid rgba(255,254,250,.22);border-radius:var(--r);background:rgba(255,254,250,.06)}
.club-perk-num{font:500 clamp(34px,2.6vw,46px)/1 var(--serif);color:#fffefa}
.club-perk-what{font-weight:600;color:#e9cf98}
.club-perk-text{color:#ecece4}
.club-hero-side{display:grid;gap:12px}
.club-join{display:grid;justify-items:start;gap:12px;padding:clamp(24px,2.6vw,40px);border-radius:var(--r);background:var(--paper);color:var(--ink)}
.club-join .eyebrow{margin:0;color:var(--clay-2)}
.club-join .h2{color:var(--green)}
.club-join-note{color:var(--meta)}
.club-proto{display:grid;gap:8px;padding:12px 14px;border:1px dashed rgba(255,254,250,.4);border-radius:var(--r)}
.club-proto p{color:rgba(236,236,228,.85)}
.club-proto .chip{min-height:40px;background:transparent;color:#fffefa;border-color:rgba(255,254,250,.45)}
.club-proto .chip.is-on{background:#fffefa;color:var(--green);border-color:#fffefa}
.club-free{margin-top:clamp(18px,1.8vw,26px);color:var(--soft)}
.club-business{margin-top:clamp(18px,1.8vw,26px);color:var(--soft)}
.club-business a,.biz-project-link a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.biz-project-link{margin-top:14px;color:var(--soft)}
.biz-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px);margin-bottom:clamp(16px,1.6vw,24px)}
.biz-field{display:grid;align-content:start;gap:12px;padding:clamp(22px,2.2vw,34px);border-top:3px solid var(--clay-2);background:var(--paper)}
.biz-steps-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:clamp(20px,2vw,32px);padding:18px 22px;border-radius:var(--r);background:var(--bg)}
.biz-terms th{width:min(30%,260px)}
.biz-legal{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:18px}
.biz-inquiry{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,72px);align-items:start}
.biz-inquiry-copy p{max-width:52ch;color:var(--soft)}
.biz-form{display:grid;gap:clamp(16px,1.6vw,24px);padding:clamp(22px,2.4vw,40px);border-radius:var(--r);background:var(--paper)}
.biz-form .cf-step{display:grid;gap:14px;margin:0;padding:0;border:0}
.biz-form textarea,.biz-form input,.biz-form select{width:100%}
@media (max-width:1099px){
  .club-hero,.biz-inquiry{grid-template-columns:minmax(0,1fr)}
  .tools--4,.biz-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px){
  .club-perks,.tools--4,.biz-fields{grid-template-columns:minmax(0,1fr)}
}

/* ===================================================================== Warenkorb, Merkliste, Konto (Martin, 01.10.2026) */
.card-heart{position:absolute;top:10px;right:10px;z-index:4;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(255,254,250,.94);color:var(--green);transition:background .2s,color .2s}
.card-heart:hover{background:#fffefa;border-color:var(--green)}
.card-heart.is-on,.card-heart[aria-pressed=true]{color:var(--clay-2);border-color:var(--clay-2)}
.card-heart.is-on svg,.card-heart[aria-pressed=true] svg{fill:currentColor}
.card .badges{right:62px}
.hd-count--wish{background:var(--green)}
.cart-empty{display:grid;justify-items:start;gap:14px;max-width:680px;padding:clamp(28px,3vw,52px);border-radius:var(--r);background:var(--bg)}
.cart-empty-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--paper);color:var(--green)}
.cart-empty p{color:var(--soft)}
.cart-full{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:clamp(20px,3vw,48px);align-items:start}
.cart-main{display:grid;gap:16px;min-width:0}
.cart-progress{display:grid;gap:10px;padding:16px 20px;border-radius:var(--r);background:#e6eee5;color:var(--ink);font-weight:600}
.cart-bar{height:8px;border-radius:4px;background:rgba(32,57,48,.15);overflow:hidden}
.cart-bar span{display:block;height:100%;background:var(--green)}
.cart-lines{display:grid;border-top:1px solid var(--line)}
.cart-line{display:grid;grid-template-columns:120px minmax(0,1fr) auto auto;gap:14px clamp(14px,2vw,28px);align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.cart-line.is-out{opacity:.85}
.cart-img img{width:120px;height:120px;object-fit:contain;border-radius:var(--r);background:var(--tile)}
.cart-txt{display:grid;gap:4px;min-width:0}
.cart-brand{color:var(--meta)}
.cart-title{font-weight:600;color:var(--ink)}
.cart-title:hover{text-decoration:underline;text-underline-offset:3px}
.cart-meta,.cart-when{color:var(--soft)}
.cart-stock{display:inline-flex;align-items:center;gap:8px;color:var(--ok)}
.cart-stock .card-stock-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.cart-stock[data-stock-status=low]{color:#916023}
.cart-stock[data-stock-status=preorder]{color:#2f5a74}
.cart-stock[data-stock-status=out]{color:var(--sale)}
.cart-acts{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:6px}
.cart-qty{display:grid;grid-template-columns:44px 48px 44px;align-items:center;justify-items:center;border:1px solid var(--line);border-radius:var(--rb)}
.cart-qty button{width:44px;height:44px;font-size:20px;color:var(--green)}
.cart-qty button[disabled]{color:#b9bdb6;cursor:default}
.cart-qty output{font-weight:700}
.cart-unit{grid-column:1 / -1;padding:0 6px 6px;color:var(--meta)}
.cart-price{display:grid;justify-items:end;gap:2px;text-align:right}
.cart-total{font-weight:700;font-size:19px;color:var(--ink)}
.cart-set{color:var(--sale);font-weight:600}
.cart-each{color:var(--meta)}
.cart-note{color:var(--meta)}
.cart-side{position:sticky;top:calc(var(--sticky) + 20px);display:grid;gap:14px;padding:clamp(18px,2vw,28px);border-radius:var(--r);background:var(--bg)}
.cart-sum{border-top:0;padding-top:0}
.cart-vat{margin-top:-4px;color:var(--meta);text-align:right}
.cart-sum-note{color:var(--soft)}
.cart-checkout{width:100%}
.cart-voucher{color:var(--meta)}
.cart-pay{display:flex;flex-wrap:wrap;gap:6px}
.cart-pay img{width:48px;height:36px;border:1px solid var(--line);border-radius:var(--rb);background:#fff;object-fit:contain}
.cart-trust{color:var(--soft)}
.cart-wish{display:grid;gap:14px;margin-top:clamp(28px,3vw,48px)}
.cart-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cart-mini{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px 14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--r)}
.cart-mini img{width:72px;height:72px;object-fit:contain;background:var(--tile);border-radius:var(--rb)}
.cart-mini-txt{display:grid;gap:2px;min-width:0}
.cart-mini-txt a{font-weight:600;color:var(--ink)}
.cart-mini .btn,.cart-mini-out{grid-column:1 / -1}
.cart-mini-out{color:var(--sale)}
.wish-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-bottom:20px}
.wish-sum{font-weight:600;color:var(--ink)}
.wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.4vw,24px)}
.wish-item{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding-bottom:16px;border:1px solid #e3e3da;border-radius:var(--r);background:var(--paper);overflow:hidden}
.wish-img img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--tile)}
.wish-txt{display:grid;align-content:start;gap:4px;padding:0 16px}
.wish-price{font-weight:700;color:var(--ink)}
.wish-price small{font-weight:400;font-size:16px;color:var(--meta)}
.wish-note{color:var(--green)}
.wish-item>.btn,.wish-notify{margin:0 16px}
.wish-notify{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600;color:var(--ink);cursor:pointer}
.wish-notify input{width:22px;height:22px;accent-color:var(--green)}
.wish-hint{margin-top:20px;color:var(--meta)}
.acc{display:grid;gap:20px}
.acc-guest{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(20px,3vw,48px);align-items:start}
.acc-login-box{display:grid}
.acc-login{padding:clamp(22px,2.4vw,40px);border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.acc-why{display:grid;gap:14px;padding:clamp(20px,2.2vw,34px);border-radius:var(--r);background:var(--bg)}
.acc-business{color:var(--soft)}
.acc-business a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.acc-hello{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:6px}
.acc-hello p{color:var(--soft)}
.acc-hello .btn{margin-left:auto}
.acc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.acc-card{display:grid;align-content:start;justify-items:start;gap:12px;padding:clamp(20px,2vw,30px);border-radius:var(--r);background:var(--bg)}
.acc-card--orders{grid-column:1 / -1;justify-items:stretch}
.acc-orders{display:grid;gap:12px}
.acc-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;align-items:center;padding:16px;border-radius:var(--r);background:var(--paper)}
.acc-order-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.acc-order-num{font-weight:700;color:var(--ink)}
.acc-order-date{color:var(--meta)}
.acc-order-status{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ok)}
.acc-order-pics{display:flex;gap:8px;grid-row:span 2}
.acc-order-pics img{width:72px;height:72px;object-fit:contain;border-radius:var(--rb);background:var(--tile)}
.acc-order-acts{display:flex;flex-wrap:wrap;gap:8px 22px}
.acc-links{display:grid;gap:8px;width:100%}
.acc-links a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border-radius:var(--rb);background:var(--paper);font-weight:600;color:var(--ink)}
.acc-data{display:grid;gap:8px;width:100%}
.acc-data div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}
.acc-data dt{color:var(--meta)}
@media (max-width:1099px){
  .cart-full,.acc-guest{grid-template-columns:minmax(0,1fr)}
  .cart-side{position:static}
  .acc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cart-minis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px){
  .cart-line{grid-template-columns:88px minmax(0,1fr);gap:10px 14px}
  .cart-img img{width:88px;height:88px}
  .cart-qty,.cart-price{grid-column:2}
  .cart-price{justify-items:start;text-align:left}
  .acc-grid,.cart-minis{grid-template-columns:minmax(0,1fr)}
  .acc-order{grid-template-columns:minmax(0,1fr)}
  .acc-order-pics{grid-row:auto}
  .acc-data div{grid-template-columns:minmax(0,1fr);gap:2px}
}

/* ===================================================================== Rechtsseiten und Online-Widerruf (Martin, 01.10.2026) */
.legal-stand{margin-top:14px;color:var(--soft)}
.legal-draft{display:flex;gap:10px;align-items:flex-start;max-width:62ch;margin-top:12px;padding:12px 16px;border-left:4px solid var(--clay-2);background:var(--paper);color:var(--ink)}
.legal-draft .ic{flex:none;margin-top:2px;color:var(--clay-2)}
.legal{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,78ch);gap:clamp(24px,4vw,72px);align-items:start;justify-content:start}
.legal--single{grid-template-columns:minmax(0,78ch)}
.legal-toc{position:sticky;top:calc(var(--sticky) + 20px);display:grid;gap:10px;max-height:calc(100svh - var(--sticky) - 40px);overflow:auto;padding:18px 20px;border-radius:var(--r);background:var(--bg)}
.legal-toc-title{font-weight:700;color:var(--ink)}
.legal-toc ol{display:grid;gap:6px;counter-reset:none}
.legal-toc a{color:var(--soft)}
.legal-toc a:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.legal-print{justify-self:start;margin-top:6px}
.legal-body{display:grid;gap:clamp(26px,2.6vw,40px);min-width:0}
.legal-sec{display:grid;gap:12px;scroll-margin-top:calc(var(--sticky) + 24px)}
.legal-h{font:500 clamp(25px,1.8vw,32px)/1.2 var(--serif);color:var(--green)}
.legal-body h3{margin-top:8px;font:600 19px/1.35 var(--sans);color:var(--ink)}
.legal-body h4{margin-top:4px;font:600 17px/1.4 var(--sans);color:var(--ink)}
.legal-body p,.legal-body li{color:var(--ink);line-height:1.65}
.legal-body ul,.legal-body ol{display:grid;gap:6px;padding-left:1.4em}
.legal-body ul{list-style:disc}
.legal-body ol{list-style:decimal}
.legal-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-body blockquote{margin:0;padding:14px 18px;border-left:4px solid var(--sage);background:var(--bg)}
.legal-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.legal-body th,.legal-body td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.legal-body th{background:var(--bg);font-weight:600}
mark.legal-gap{padding:0 4px;border-radius:2px;background:#fbe9c6;color:#6b4a12;box-shadow:inset 0 -2px 0 #e0b45c}
.svc-lead mark.legal-gap{font-size:inherit}
.legal-nav ul{flex-wrap:nowrap;overflow-x:auto}
.wd{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:clamp(20px,3vw,48px);align-items:start}
.wd-form{min-width:0}
.wd-form .cf-step{gap:16px}
.wd-proto{color:var(--meta)}
.wd-order-line{font-weight:600;color:var(--ink)}
.wd-items{display:grid;gap:10px}
.wd-item{display:grid;grid-template-columns:24px 72px minmax(0,1fr);gap:14px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer}
.wd-item input{width:22px;height:22px;accent-color:var(--green)}
.wd-item img{width:72px;height:72px;object-fit:contain;background:var(--tile);border-radius:var(--rb)}
.wd-qty{color:var(--meta)}
.wd-damage{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:var(--r);background:var(--bg)}
.wd-damage .ic{flex:none;margin-top:2px;color:var(--clay-2)}
.wd-damage a,.wd .cf-privacy a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.wd-done{gap:12px}
.wd-stamp{font-weight:700;color:var(--green)}
.wd-summary{display:grid;gap:6px;width:100%;padding:14px 16px;border-radius:var(--r);background:var(--paper)}
.wd-summary div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px}
.wd-summary dt{color:var(--meta)}
.wd-pickup{display:grid;justify-items:start;gap:10px;width:100%;margin-top:8px;padding-top:16px;border-top:1px solid rgba(32,57,48,.18)}
.wd-pickup-done{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ok)}
.wd-legal{position:sticky;top:calc(var(--sticky) + 20px);display:grid;gap:10px;padding:18px 20px;border-radius:var(--r);background:var(--bg);color:var(--soft)}
.wd-legal-title{font-weight:700;color:var(--ink)}
@media (max-width:1099px){
  .legal,.wd{grid-template-columns:minmax(0,1fr)}
  .legal-toc,.wd-legal{position:static;max-height:none}
}
@media (max-width:699px){
  .wd-summary div{grid-template-columns:minmax(0,1fr);gap:2px}
}
@media print{
  .legal-toc,.legal-nav,.legal-draft{display:none!important}
  .legal{display:block}
}
.xmas-intro{margin-bottom:clamp(20px,2vw,32px)}
/* Produktseite: Benachrichtigen, wenn wieder da (Martin, 01.10.2026, Frage 2) */
.pdp-notify{display:grid;gap:8px;margin-top:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.pdp-notify-title{font-weight:700;color:var(--ink)}
.pdp-notify-text,.pdp-notify-note{color:var(--soft)}
.pdp-notify-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.pdp-notify-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pdp-notify-row[hidden]{display:none}
.pdp-notify input{width:100%;min-height:52px;padding:12px 14px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:400 17px/1.4 var(--sans);color:var(--ink)}
.pdp-notify input[aria-invalid=true]{border-color:var(--sale)}
.pdp-notify-err{font-weight:600;color:var(--sale)}
.pdp-notify-done{font-weight:600;color:var(--ok)}
@media (max-width:699px){.pdp-notify-row{grid-template-columns:minmax(0,1fr)}}
/* ===================================================================== Warenkorb-Schublade (Martin, 01.10.2026, Frage 1 A) */
.has-drawer{overflow:hidden}
.drawer-back{position:fixed;inset:0;z-index:300;background:rgba(23,44,36,.45);opacity:0;transition:opacity .25s var(--ease)}
.drawer-back.is-open{opacity:1}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:310;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(480px,100vw);background:var(--paper);box-shadow:-20px 0 60px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .3s var(--ease)}
.drawer.is-open{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer-title{font:500 clamp(24px,1.6vw,28px)/1.2 var(--serif);color:var(--green)}
.drawer-count{font:500 18px/1 var(--sans);color:var(--meta)}
.drawer-close{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--rb);color:var(--green)}
.drawer-close:hover{background:var(--bg)}
.drawer-body{display:grid;align-content:start;gap:14px;padding:16px 20px;overflow-y:auto;overscroll-behavior:contain}
.drawer-progress{display:grid;gap:8px;padding:12px 14px;border-radius:var(--r);background:#e6eee5;font-weight:600;color:var(--ink)}
.drawer-lines{display:grid}
.dl{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.dl:first-child{padding-top:0}
.dl.is-out{opacity:.85}
.dl-img img{width:84px;height:84px;object-fit:contain;border-radius:var(--r);background:var(--tile)}
.dl-txt{display:grid;gap:4px;min-width:0}
.dl-title{font-weight:600;color:var(--ink)}
.dl-title:hover{text-decoration:underline;text-underline-offset:3px}
.dl-meta,.dl-when{color:var(--soft)}
.dl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}
.dl-qty{display:grid;grid-template-columns:40px 40px 40px;align-items:center;justify-items:center;border:1px solid var(--line);border-radius:var(--rb)}
.dl-qty button{width:40px;height:44px;font-size:20px;color:var(--green)}
.dl-qty button[disabled]{color:#b9bdb6;cursor:default}
.dl-qty output{font-weight:700}
.dl-unit{color:var(--meta)}
.dl-price{margin-left:auto;font-weight:700;color:var(--ink)}
.dl-acts{display:flex;flex-wrap:wrap;gap:4px 18px}
.drawer-empty{display:grid;justify-items:start;gap:10px;padding:20px;border-radius:var(--r);background:var(--bg)}
.drawer-empty-title{font:500 24px/1.2 var(--serif);color:var(--green)}
.drawer-note{color:var(--meta)}
.drawer-foot{display:grid;gap:10px;padding:16px 20px 20px;border-top:1px solid var(--line);background:var(--bg)}
.drawer-sum{display:grid;gap:6px}
.drawer-sum div{display:flex;justify-content:space-between;gap:12px}
.drawer-sum dt{color:var(--soft)}
.drawer-sum dd{font-weight:600;color:var(--ink);text-align:right}
.drawer-sum .is-total dt,.drawer-sum .is-total dd{font-size:19px;font-weight:700;color:var(--ink)}
.drawer-sum small{font-size:16px;font-weight:400;color:var(--meta)}
.drawer-out{color:var(--soft)}
.drawer-checkout{width:100%}
.drawer-voucher{color:var(--meta)}
.drawer-pay{display:flex;flex-wrap:wrap;gap:6px}
.drawer-pay img{width:48px;height:36px;border:1px solid var(--line);border-radius:var(--rb);background:#fff;object-fit:contain}
@media (prefers-reduced-motion:reduce){.drawer,.drawer-back{transition:none}}

/* ------------------------------------------------------------ Raumplaner (Martin, 01.10.2026: „soll quasi fullwidth sein wie in einer App“)
   App über die volle Breite: schlanker Kopf mit den wichtigsten Angaben, links Leiste mit Produktsuche und Einstellungen, Mitte
   Grundriss und 3D-Ansicht aus denselben Daten, rechts „Dein Raum“ (schließbar wie die Schublade). Eckig wie .btn, Schrift ab
   16 px, keine Übergänge, auf die sich etwas verlässt (WebKit im Hintergrund). */
body.is-planner{overflow:hidden;background:var(--bg)}
.rp{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0}
html:not(.rp-in) .rp-body,html:not(.rp-in) .rp-dock,html:not(.rp-in) [data-rp-app-only]{display:none!important}
html.rp-in .rp-gate{display:none}
/* Kopf (Martin, 02.10.2026: „header ist immer noch ein vollscheiß!“): eine Zeile, 64 px, links Logo, Planname und leiser
   Speicherstand, rechts Teilen, Menü „Plan“, „Deine Wohnung · Stücke · Summe“ und Konto. Jede Funktion genau einmal. */
.rp-head{display:flex;align-items:center;gap:12px;height:64px;padding:0 clamp(12px,1.4vw,24px);background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:30;flex:none;white-space:nowrap}
.rp-logo{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex:none}
.rp-logo img{width:132px}
.rp-logo .rp-logo-mark{display:none;width:36px}
.rp-h1{font:600 22px/1.2 var(--serif);color:var(--green);flex:1 1 auto;min-width:0}
html.rp-in .rp-h1{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rp-title{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}
.rp-name{position:relative;display:flex;align-items:center;min-width:0;flex:0 1 auto}
.rp-name>input{width:clamp(180px,24vw,420px);max-width:100%;min-width:0;min-height:44px;padding:4px 34px 4px 8px;margin-left:-8px;border:1px solid transparent;border-radius:var(--rb);background:transparent;font:600 22px/1.2 var(--serif);color:var(--green);text-overflow:ellipsis}
.rp-name>input:hover{border-color:var(--line)}
.rp-name>input:focus{outline:0;border-color:var(--green);background:var(--paper)}
.rp-name>input[readonly]{border-color:transparent}
.rp-name-pen{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--soft);opacity:0;pointer-events:none}
.rp-name:hover .rp-name-pen,.rp-name>input:focus+.rp-name-pen{opacity:1}
.rp-name>input[readonly]+.rp-name-pen{display:none}
.rp-name-btn{display:none}
.rp-save{display:inline-flex;align-items:center;gap:6px;flex:none;font:400 14px/1.2 var(--sans);color:var(--meta)}
.rp-save-dot{width:8px;height:8px;border-radius:50%;background:#2c7549}
.rp-save[data-state="saving"] .rp-save-dot{background:#a86d52}
.rp-save[data-state="dirty"] .rp-save-dot{background:#a64431}
.rp-save[data-state="readonly"] .rp-save-dot{background:var(--meta)}
.rp-acts{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.rp-act{min-height:44px;padding:0 14px;gap:8px}
.rp-act[disabled]{opacity:.45;cursor:not-allowed}
.rp-ic{position:relative;display:grid;place-items:center;min-width:48px;min-height:48px;border-radius:var(--rb);color:var(--soft)}
.rp-ic:hover{color:var(--green)}
.rp-check{min-height:44px;padding:0;font-weight:700;color:var(--ink);text-align:right;white-space:nowrap}
.rp-check.is-ok{color:var(--ok)}
.rp-check.is-tight{color:var(--clay-2);text-decoration:underline;text-underline-offset:3px}
.rp-check.is-no{color:var(--sale);text-decoration:underline;text-underline-offset:3px}
.rp-check[disabled]{cursor:default}
.rp-check-doors{display:block;color:var(--clay-2);white-space:normal;text-align:right}
.rp-sum-check dd{display:grid;justify-items:end}
.rp-readonly{display:flex;align-items:center;gap:8px;padding:6px clamp(12px,1.4vw,22px);background:#eef1ec;color:var(--soft)}
/* Hinweis ohne Anmeldung */
.rp-gate{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,72px);align-items:center;padding:clamp(20px,4vw,72px) var(--gut)}
.rp-gate-copy{display:grid;gap:var(--s-text);justify-items:start;max-width:640px}
.rp-gate-copy .eyebrow{margin:0}
.rp-gate-list{margin-top:4px}
.rp-gate-note{color:var(--soft)}
.rp-gate-fig img{width:100%;height:auto;max-height:calc(100vh - 160px);aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
/* Arbeitsfläche */
.rp-body{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(296px,20vw,400px) minmax(0,1fr) clamp(320px,22vw,440px)}
.rp.is-panel-closed .rp-body{grid-template-columns:clamp(296px,20vw,400px) minmax(0,1fr)}
.rp.is-panel-closed .rp-panel{display:none}
.rp.is-readonly .rp-body{grid-template-columns:minmax(0,1fr) clamp(320px,22vw,440px)}
.rp.is-readonly.is-panel-closed .rp-body{grid-template-columns:minmax(0,1fr)}
.rp.is-readonly .rp-side,.rp.is-readonly [data-rp-undo],.rp.is-readonly [data-rp-redo],.rp.is-readonly .rp-bar-sep,.rp.is-readonly [data-rp-save]{display:none!important}
/* Geteilter Plan: nur Vorschau (Martin, 02.10.2026), also nichts, was ändert, speichert oder bestellt */
.rp.is-readonly [data-rp-edit-only],.rp.is-readonly .rp-rooms-add,.rp.is-readonly [data-rp-cart],.rp.is-readonly .rp-name-pen,.rp.is-readonly [data-rp-state]{display:none!important}
.rp-side{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper);border-right:1px solid var(--line)}
.rp-sheet-head{display:none}
.rp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);flex:none}
.rp-tabs button{min-height:54px;padding:0 10px;border-bottom:3px solid transparent;font:600 16px/1.2 var(--sans);color:var(--soft)}
.rp-tabs button[aria-selected="true"]{color:var(--green);border-bottom-color:var(--green)}
.rp-tabs button:hover{color:var(--green)}
.rp-pane{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;grid-auto-rows:max-content;align-content:start;gap:14px;padding:16px}
.rp-pane[hidden]{display:none}
.rp-pane-h{font:600 22px/1.2 var(--serif);color:var(--green);margin-top:6px}
.rp-pane-h:first-child{margin-top:0}
.rp-label{margin-bottom:8px;font-weight:600;color:var(--ink)}
.rp-hint{color:var(--soft)}
.rp-search{position:relative}
.rp-search input{width:100%;height:52px;padding:0 14px 0 48px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:500 17px/1 var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
.rp-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.rp-search input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(32,57,48,.12)}
.rp-search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--green);pointer-events:none}
.rp-chips{display:flex;gap:8px;margin:0 -16px;padding:0 16px 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9c5b9 transparent}
.rp-chips::-webkit-scrollbar{height:6px}
.rp-chips::-webkit-scrollbar-thumb{background:#c9c5b9;border-radius:3px}
.rp-chips .chip{flex:none;min-height:44px;padding:0 14px}
.rp-hits{color:var(--soft)}
.rp-hits:empty{display:none}
.rp-results{display:grid;gap:10px}
.rp-res{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:8px 10px 8px 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-align:left;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.rp-res:hover{border-color:var(--green);background:var(--bg)}
.rp-res-img{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--rb);background:var(--tile)}
.rp-res-img img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply;-webkit-user-drag:none}
.rp-res-txt{display:grid;gap:1px;align-content:center;min-width:0}
.rp-res-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:600;color:var(--ink);line-height:1.3}
.rp-res-meta{color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-res-buy{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;color:var(--ink)}
.rp-res-unit{color:var(--meta)}
.rp-res-add{position:absolute;left:58px;top:58px;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--rb);background:var(--green);color:#fffefa;box-shadow:0 0 0 2px var(--paper)}
.rp-res-add .ic{width:18px;height:18px}
.rp-res:hover .rp-res-add{background:var(--green-2)}
.rp-more{justify-self:start;min-height:46px}
.rp-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rp-sizes .tool-num-in input,.rp-dim .tool-num-in input,.rp-opening-fields .tool-num-in input{padding:8px 32px 8px 10px;min-height:46px}
.rp-sizes .tool-num-in span,.rp-dim .tool-num-in span,.rp-opening-fields .tool-num-in span{right:9px}
.rp-swatches{display:flex;flex-wrap:wrap;gap:8px}
.rp-swatch,.rp-floorpick{position:relative;display:inline-grid;cursor:pointer}
.rp-swatch input,.rp-floorpick input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rp-swatch span:not(.sr){width:44px;height:44px;border-radius:50%;border:1px solid rgba(37,55,46,.25);box-shadow:inset 0 0 0 3px var(--paper)}
.rp-floorpick span:not(.sr){width:60px;height:44px;border-radius:var(--rb);border:1px solid rgba(37,55,46,.25)}
.rp-swatch input:checked+span,.rp-floorpick input:checked+span,.rp-floorpick input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}
/* Fokus eckig wie .btn, auch um runde Farbpunkte (Martins Regel; Koordinator 07.10.2026): die Auswahl bleibt der runde Ring am Punkt
   (3 bis 5 px außen), der eckige Fokusrahmen liegt knapp außerhalb (5 bis 7 px), ohne ihn zu schneiden und vor dem Nachbarpunkt (8 px) */
.rp-swatch:has(input:focus-visible){outline:2px solid var(--green);outline-offset:5px;border-radius:var(--rb)}
/* Wandfarben: sechs feste, „Mehr Farben“ in Gruppen, eigene Farben (Picker und Farbcode), Akzentwand */
.rp-wallcolors{display:grid;gap:10px}
.rp-wallcolors .rp-label{margin-bottom:0}
.rp-wall-now{font-weight:400;color:var(--soft)}
.rp-own-list{display:contents}
.rp-swatch-add{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px dashed rgba(37,55,46,.45);border-radius:var(--rb);background:transparent;color:var(--ink);font:600 16px/1 var(--sans);cursor:pointer}
.rp-swatch-add[aria-expanded="true"]{border-style:solid;border-color:var(--green)}
.rp-swatch-add:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.rp-swatch.is-own span:not(.sr){box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px rgba(37,55,46,.35)}
.rp-own{display:grid;gap:8px;padding:12px;border:1px solid var(--line);background:var(--paper)}
.rp-own[hidden]{display:none}
.rp-own-h{margin:0;font-weight:600}
.rp-own-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rp-own-pick{position:relative;display:inline-grid;width:44px;height:44px;cursor:pointer}
.rp-own-pick input{width:44px;height:44px;padding:0;border:1px solid rgba(37,55,46,.35);border-radius:var(--rb);background:none;cursor:pointer}
.rp-own-pick input::-webkit-color-swatch-wrapper{padding:3px}
.rp-own-pick input::-webkit-color-swatch{border:0;border-radius:var(--rb)}
.rp-own-pick input::-moz-color-swatch{border:0;border-radius:var(--rb)}
.rp-own-hex{width:9.5ch;min-height:44px;font:16px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.rp-own-apply{min-height:44px}
.rp-own-err{margin:0;color:var(--sale)}
.rp-own-err[hidden]{display:none}
.rp-more-colors>summary{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rp-more-colors[open]>summary{margin-bottom:6px}
.rp-color-group{display:grid;gap:6px;margin-bottom:10px}
.rp-color-group-h{margin:0;color:var(--soft)}
.rp-accent-hint[hidden]{display:none}
.rp-accent-hint .lnk{margin-left:6px}
/* dunkle Wand: Auswahl an Wandstücken hell umrandet */
.is-dark-wall .rp-card.is-wall.is-sel,.is-dark-wall .rp-card.is-obl.is-sel,.is-dark-wall .rp-card.is-window.is-sel{outline-color:rgba(255,255,255,.88)}
.rp-floorpick--oak span:not(.sr){background:repeating-linear-gradient(90deg,#d8b98f 0 10px,#c9a77a 10px 11px,#dcbf98 11px 21px,#c9a77a 21px 22px)}
.rp-floorpick--oak-dark span:not(.sr){background:repeating-linear-gradient(90deg,#8a6446 0 10px,#77553b 10px 11px,#93694a 11px 21px,#77553b 21px 22px)}
.rp-floorpick--concrete span:not(.sr){background:#bdb9b1 linear-gradient(135deg,rgba(255,255,255,.22),rgba(0,0,0,.06))}
.rp-floorpick--terrazzo span:not(.sr){background:#e6dfd5 radial-gradient(circle at 30% 35%,#b5a594 0 2px,transparent 3px) 0 0/12px 12px,radial-gradient(circle at 70% 70%,#97a597 0 2px,transparent 3px) 0 0/16px 16px}
.rp-floorpick--deck span:not(.sr){background:repeating-linear-gradient(0deg,#b89c80 0 9px,#8d7560 9px 10px)}
.rp-floorpick--tiles span:not(.sr){background:#ddd6cb linear-gradient(90deg,transparent 19px,#c6beb1 19px 20px) 0 0/20px 20px,linear-gradient(0deg,transparent 19px,#c6beb1 19px 20px) 0 0/20px 20px}
.rp-segs{display:inline-flex;flex-wrap:wrap;max-width:100%;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper)}
.rp-seg{position:relative;display:inline-flex}
.rp-seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rp-seg>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px;font:600 16px/1 var(--sans);color:var(--soft);white-space:nowrap}
.rp-seg input:checked+span{background:var(--green);color:#fffefa}
.rp-seg input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
.rp-switch{align-items:flex-start;line-height:1.35}
.rp-switch input{margin-top:0}
.rp-looks{display:grid;gap:10px}
.rp-looks--cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.rp-look-btn{display:grid;gap:6px;width:100%;height:100%;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-align:left;align-content:start}
.rp-look-btn:hover{border-color:var(--green);background:var(--bg)}
.rp-look-pics{display:flex;gap:6px}
.rp-look-pics img{width:60px;height:60px;object-fit:contain;border-radius:var(--rb);background:var(--tile);mix-blend-mode:multiply}
.rp-look-title{font:600 22px/1.2 var(--serif);color:var(--green)}
.rp-look-text{color:var(--soft)}
.rp-look-meta{font-weight:600;color:var(--ink)}
/* Einrichtungsassistent (03.10.2026): Karte neben den Startlooks und Dialog; Inhalt aus /assistent/assistent.css */
.rp-assist-btn{display:grid;gap:6px;width:100%;height:100%;min-height:44px;padding:14px;border:1px solid var(--green);border-radius:var(--r);background:var(--sand-2);text-align:left;align-content:start;cursor:pointer}
.rp-assist-btn:hover{background:var(--sand)}
.rp-assist-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fffefa}
.rp-blank-btn{display:grid;gap:6px;width:100%;height:100%;min-height:44px;padding:14px;border:1px dashed var(--green);border-radius:var(--r);background:var(--paper);text-align:left;align-content:start;cursor:pointer}
.rp-blank-btn:hover{background:var(--bg)}
.rp-blank-btn .rp-assist-ic{background:var(--paper);color:var(--green);border:1px solid var(--green)}
.tool-dialog.rp-assist{width:min(1320px,calc(100vw - 32px));max-width:none;height:min(92dvh,940px);max-height:none;overflow:hidden}
.tool-dialog.rp-assist[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.rp-assist-body{min-height:0;overflow:auto;padding:clamp(16px,2vw,28px);overscroll-behavior:contain}
.rp-assist-down{display:grid;gap:10px;padding:18px 20px;border-radius:var(--r);background:var(--sand-2)}
.rp-assist-down p{margin:0}
@media (max-width:699px){.tool-dialog.rp-assist{width:100vw;height:100dvh;border-radius:0}}
/* Wohnung einrichten (Einzugsfertig, 06.10.2026): alle Räume in einem Ablauf, Ergebnis als Varianten der ganzen Wohnung */
.tool-dialog.rp-wo{width:min(1080px,calc(100vw - 32px));max-width:none;height:min(92dvh,900px);max-height:none;overflow:hidden}
.tool-dialog.rp-wo[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.rp-wo-body{display:flex;flex-direction:column;min-height:0;overflow:auto;overscroll-behavior:contain}
.rp-wo-steps{display:flex;gap:6px;margin:0;padding:14px clamp(16px,2vw,28px) 0;list-style:none}
.rp-wo-steps li{flex:1 1 0;min-width:0}
.rp-wo-dot{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:4px 0;border-bottom:3px solid var(--line-2);color:var(--meta);font:500 16px/1.2 var(--sans);text-align:left}
.rp-wo-dot span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-wo-dot-n{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--bg);color:var(--soft);font-weight:600}
.rp-wo-steps [aria-current] .rp-wo-dot{border-color:var(--green);color:var(--green);font-weight:600}
.rp-wo-steps [aria-current] .rp-wo-dot-n{background:var(--green);color:#fffefa}
.rp-wo-dot:disabled{opacity:.55;cursor:default}
.rp-wo-pane{display:grid;align-content:start;gap:14px;flex:1 0 auto;padding:18px clamp(16px,2vw,28px) 22px}
.rp-wo-h{margin:0;font:600 20px/1.3 var(--sans);color:var(--green)}
.rp-wo-meta{margin:0;font:400 16px/1.4 var(--sans);color:var(--meta)}
.rp-wo-warn{margin:0 clamp(16px,2vw,28px) 14px;padding:12px 14px;border-radius:var(--r);background:var(--sand-2);font:400 16px/1.4 var(--sans)}
.rp-wo-rooms{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rp-wo-room{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:center;gap:6px 14px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.rp-wo-room.is-off{background:var(--bg)}
.rp-wo-room.is-off .rp-wo-inc strong{color:var(--meta)}
.rp-wo-room .rp-select{width:100%}
.rp-wo-room .rp-wo-note{grid-column:1/-1;font:400 16px/1.35 var(--sans);color:var(--meta)}
.rp-wo-inc{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;cursor:pointer}
.rp-wo-inc input,.rp-wo-check input{flex:none;width:22px;height:22px;accent-color:var(--green)}
.rp-wo-inc>span{min-width:0;overflow-wrap:anywhere}
.rp-wo-row{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:420px}
.rp-wo-label{font:600 16px/1.3 var(--sans);color:var(--ink)}
.rp-wo-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--rb)}
.rp-wo-stepper button{display:grid;place-items:center;width:44px;height:44px;font:500 22px/1 var(--sans);color:var(--green)}
.rp-wo-stepper button:hover{background:var(--bg)}
.rp-wo-stepper output{min-width:36px;text-align:center;font:600 18px/1 var(--sans)}
.rp-wo-check{display:flex;align-items:center;gap:10px;min-height:44px;font:400 16px/1.35 var(--sans);cursor:pointer}
.rp-wo-chips{display:flex;flex-wrap:wrap;gap:8px}
.rp-wo-chips .chip{max-width:100%;white-space:normal;text-align:left;line-height:1.2;padding-top:8px;padding-bottom:8px}
.rp-wo-sw{display:inline-flex;flex:none}
.rp-wo-sw span{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.rp-wo-sw span+span{margin-left:-4px}
.rp-wo-big{margin:0;font:600 28px/1.1 var(--sans);color:var(--green)}
.rp-wo-range{width:100%;max-width:560px;accent-color:var(--green)}
.rp-wo-split{display:grid;gap:4px;margin:0;padding:0;max-width:560px;list-style:none}
.rp-wo-split li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:4px 12px;padding:6px 0;border-bottom:1px solid var(--line-2);font:400 16px/1.35 var(--sans)}
.rp-wo-split li span:first-child{overflow-wrap:anywhere}
.rp-wo-split li span:last-child{font-weight:600;text-align:right}
.rp-wo-date{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:600 16px/1.3 var(--sans)}
.rp-wo-date input{min-height:44px;padding:6px 10px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:400 16px/1.2 var(--sans);color:var(--ink)}
.rp-wo-link{justify-self:start;padding:6px 0;min-height:44px;color:var(--green);font:600 16px/1.3 var(--sans);text-decoration:underline;text-underline-offset:3px;text-align:left}
.rp-wo-foot{position:sticky;bottom:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:12px clamp(16px,2vw,28px);border-top:1px solid var(--line);background:var(--paper)}
.rp-wo-pane .rp-wo-foot{margin:8px calc(-1 * clamp(16px,2vw,28px)) -22px}
.rp-wo-foot-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.rp-wo-foot .btn{min-height:48px;padding:0 20px}
.rp-wo-progress{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.rp-wo-progress li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;font:400 16px/1.3 var(--sans)}
.rp-wo-progress li.is-done{color:var(--green)}
.rp-wo-spin{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:rp-wo-spin .9s linear infinite}
@keyframes rp-wo-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.rp-wo-spin{animation:none;border-top-color:var(--line);background:var(--line-2)}}
.rp-wo-ki{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;font:400 16px/1.35 var(--sans);color:var(--green)}
.rp-wo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin:0;padding:0;list-style:none}
.rp-wo-card{display:grid;align-content:start;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.rp-wo-card.is-empty{background:var(--bg)}
.rp-wo-card p{margin:0}
.rp-wo-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px}
.rp-wo-card-head h4{margin:0;min-width:0;font:600 18px/1.25 var(--sans);color:var(--green);overflow-wrap:anywhere}
.rp-wo-look{font:500 16px/1.35 var(--sans);color:var(--ink)}
.rp-wo-thumbs{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.rp-wo-thumbs li{width:56px;height:56px;border-radius:var(--r);background:var(--tile);overflow:hidden}
.rp-wo-thumbs img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.rp-wo-more{display:grid;place-items:center;font:600 16px/1 var(--sans);color:var(--soft)}
.rp-wo-facts{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:400 16px/1.35 var(--sans)}
.rp-wo-facts>span:last-child{flex-basis:100%}
.rp-wo-fit{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:var(--rb);font:600 16px/1 var(--sans)}
.rp-wo-fit.is-ok{background:#e3efe6;color:var(--ok)}
.rp-wo-fit.is-tight{background:var(--sand-2);color:var(--clay-2)}
.rp-wo-fit.is-no{background:#f6e3de;color:var(--sale)}
.rp-wo-card-acts{display:flex;flex-wrap:wrap;gap:0 16px}
.rp-wo-sum{display:grid;gap:0;margin:0;max-width:620px}
.rp-wo-sum>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px;padding:8px 0;border-bottom:1px solid var(--line-2)}
.rp-wo-sum dt{font:400 16px/1.35 var(--sans);color:var(--soft)}
.rp-wo-sum dt small{font-size:16px;color:var(--meta)}
.rp-wo-sum dd{margin:0;font:600 16px/1.35 var(--sans);text-align:right}
.rp-wo-sum .is-total dt,.rp-wo-sum .is-total dd{font-weight:700;font-size:18px;color:var(--green)}
.rp-wo-over{display:inline-block;margin-left:6px;color:var(--sale);font-weight:600}
@media (max-width:699px){
  .tool-dialog.rp-wo{width:100vw;height:100dvh;border-radius:0}
  .rp-wo-room{grid-template-columns:minmax(0,1fr)}
  .rp-wo-dot span:last-child{display:none}
  .rp-wo-steps [aria-current] .rp-wo-dot span:last-child{display:inline}
  .rp-wo-steps li[aria-current]{flex:3 1 0}
  .rp-wo-vl{display:none}
  .rp-wo-foot .btn{flex:1 1 auto}
  /* Ergebnis am Handy: Nebenaktionen als Textlinks in einer Zeile, „In den Plan übernehmen“ darunter in voller Breite */
  .rp-wo-foot--res{gap:0 18px;padding-top:6px}
  .rp-wo-foot--res .rp-wo-foot-acts{display:contents}
  .rp-wo-foot--res .btn--ghost{flex:0 1 auto;min-height:44px;padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:3px}
  .rp-wo-foot--res .btn:not(.btn--ghost){flex:1 1 100%;order:3;margin-top:4px}
}
.rp--calm .rp-ai-entry--home .rp-ai-ic{background:var(--clay)}
/* Kommt alles rein? (Passt-Prüfung, 06.10.2026) */
.tool-dialog.rp-weg{width:min(640px,calc(100vw - 32px));max-width:none;max-height:min(92dvh,900px);overflow:hidden}
.tool-dialog.rp-weg[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.rp-weg-body{display:grid;align-content:start;gap:14px;min-height:0;overflow:auto;padding:16px clamp(16px,2vw,24px) 0;overscroll-behavior:contain}
.rp-weg-intro,.rp-weg-sub{margin:0;font:400 16px/1.45 var(--sans);color:var(--soft)}
.rp-weg-set{display:grid;gap:10px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);min-width:0}
.rp-weg-set legend{padding:0 6px;font:600 16px/1.2 var(--sans);color:var(--green)}
.rp-weg-row{display:flex;flex-wrap:wrap;gap:10px 16px}
.rp-weg-num{display:flex;align-items:center;gap:8px;font:400 16px/1.2 var(--sans);color:var(--ink)}
.rp-weg-num input{width:84px;min-height:44px;padding:6px 10px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:400 16px/1.2 var(--sans);color:var(--ink)}
.rp-weg-unit{color:var(--meta)}
.rp-weg-opts{display:flex;flex-wrap:wrap;gap:4px 18px}
.rp-weg-opt,.rp-weg-check{display:flex;align-items:center;gap:8px;min-height:44px;font:400 16px/1.3 var(--sans);cursor:pointer}
.rp-weg-opt input,.rp-weg-check input{flex:none;width:20px;height:20px;accent-color:var(--green)}
.rp-weg-foot{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 calc(-1 * clamp(16px,2vw,24px));padding:12px clamp(16px,2vw,24px);border-top:1px solid var(--line);background:var(--paper)}
.rp-weg-foot .btn{min-height:48px;padding:0 20px}
@media (max-width:699px){.tool-dialog.rp-weg{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.rp-weg-foot .btn{flex:1 1 auto}}
.rp-check-way{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line-2);font:400 16px/1.4 var(--sans);color:var(--soft)}
.rp-check-way .lnk{font-weight:600}
.rp-plan-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.rp-plan-acts .btn{min-height:46px;padding:0 16px}
/* Mitte: Grundriss und 3D-Ansicht */
.rp-stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg);container:rp-stage / inline-size}
.rp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;flex:none}
.rp-bar-acts{display:flex;align-items:center;gap:6px}
.rp-bar-sep{width:1px;height:28px;margin:0 4px;background:var(--line)}
.rp-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);color:var(--green);font:600 16px/1 var(--sans)}
.rp-tool:hover{border-color:var(--green);background:var(--bg)}
.rp-tool[disabled]{opacity:.4;cursor:default}
.rp-tool--danger{color:var(--sale)}
/* Raumansicht groß im Seitenverhältnis der Raumöffnung (Größe setzt planner.js), Grundriss daneben oder darunter */
.rp-views{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;padding:0 12px 12px}
.rp-views[data-view="plan"] .rp-view--3d,.rp-views[data-view="3d"] .rp-view--plan{display:none}
.rp-view{position:relative;z-index:0;min-width:0;min-height:0;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden}
.rp-view--plan{align-self:stretch;justify-self:stretch}
.rp-view--3d{order:-1;align-self:center;justify-self:center;box-sizing:border-box}
.rp-views[data-split="row"] .rp-view{align-self:start}
.rp-plan{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.rp-plan:focus-visible,.rp-3d:focus-visible{outline:2px solid var(--green);outline-offset:-4px}
.rp-plan text{font-family:var(--sans)}
.rp-dim{fill:var(--soft);font-weight:600}
.rp-piece{cursor:grab}
.rp-piece.is-wall{cursor:ew-resize}
.rp-view-tag{position:absolute;left:10px;top:8px;z-index:400;padding:2px 8px;border-radius:var(--rb);background:rgba(255,254,250,.88);font-weight:600;color:var(--soft);pointer-events:none}
.rp-view-tag--note{left:auto;right:10px;max-width:min(420px,calc(100% - 140px));font-weight:400}
.rp-3d{position:absolute;inset:0;overflow:hidden;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#f4f1ea,#e9e4d9)}
.rp-3d-room,.rp-3d-items{position:absolute;inset:0;pointer-events:none}
/* Echte 3D-Ansicht (three.js): über der Raumansicht, die darunter unsichtbar weiterläuft */
.rp-gl{position:absolute;inset:0;z-index:4;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:#ede8df;cursor:grab}
.rp-gl:active{cursor:grabbing}
.rp-gl[hidden]{display:none}
.rp-gl-canvas{display:block;width:100%;height:100%;outline:none}
.rp-view--3d.is-gl .rp-3d{visibility:hidden}
.rp-gl-toggle{position:absolute;top:8px;right:8px;z-index:401;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:rgba(255,254,250,.94);font:600 16px/1 var(--sans);color:var(--ink);cursor:pointer;box-shadow:0 6px 16px -10px rgba(23,44,36,.5)}
.rp-gl-toggle[hidden]{display:none}
.rp-gl-toggle:hover{border-color:var(--green)}
.rp-gl-toggle[aria-pressed="true"]{border-color:var(--green);background:#e3ece4}
.rp-gl-toggle.is-loading{opacity:.7;cursor:progress}
.rp-view--3d:has(.rp-gl-toggle:not([hidden])) .rp-view-tag--note{right:84px}
/* Rundgang (Stufe C2): Umschalter oben links an Stelle der Beschriftung (unten liegt die Leiste des gewählten Stücks), Stick
   unten links (nur mit Finger), Hinweis unten bis zum ersten Schritt */
.rp-gl-mode{position:absolute;left:8px;top:8px;z-index:401;display:flex;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:rgba(255,254,250,.94);box-shadow:0 6px 16px -10px rgba(23,44,36,.5);overflow:hidden}
.rp-gl-mode[hidden]{display:none}
.rp-gl-mode button{min-height:44px;padding:0 14px;border:0;background:none;font:600 16px/1 var(--sans);color:var(--ink);cursor:pointer}
.rp-gl-mode button+button{border-left:1px solid rgba(37,55,46,.18)}
.rp-gl-mode button[aria-pressed="true"]{background:#e3ece4;color:var(--green)}
.rp-gl-mode button:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.rp-gl.is-walk{cursor:crosshair}
.rp-gl-stick{position:absolute;left:14px;bottom:14px;z-index:6;width:112px;height:112px;border-radius:50%;background:rgba(255,254,250,.55);border:1px solid rgba(37,55,46,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);touch-action:none}
.rp-gl-stick[hidden]{display:none}
.rp-gl-stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(44,117,73,.85);box-shadow:0 4px 10px -4px rgba(23,44,36,.6);pointer-events:none}
@media (hover:hover) and (pointer:fine){.rp-gl-stick{display:none}}
.rp-gl-walkhint{position:absolute;left:50%;bottom:12px;z-index:6;transform:translateX(-50%);max-width:calc(100% - 32px);margin:0;padding:6px 12px;border-radius:var(--rb);background:rgba(23,44,36,.78);color:#fffefa;font-size:14px;line-height:1.35;text-align:center;pointer-events:none;transition:opacity .6s ease}
.rp-gl-walkhint[hidden]{display:none}
.rp-gl-walkhint.is-done{opacity:0}
.rp-view--3d.is-gl .rp-view-tag:not(.rp-view-tag--note){display:none}
/* Handy mit 3D: Grundriss einklappbar (Stufe C3) */
.rp-plan-fold{position:absolute;right:8px;top:6px;z-index:401;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:rgba(255,254,250,.94);font:600 16px/1 var(--sans);color:var(--ink);cursor:pointer}
.rp-plan-fold[hidden]{display:none}
.rp-plan-fold span{display:none}
.rp-plan-fold svg{transition:transform .2s ease}
.rp-view--plan.is-folded{display:flex;align-items:center}
.rp-view--plan.is-folded .rp-plan,.rp-view--plan.is-folded .rp-plan-focus,.rp-view--plan.is-folded .rp-shape-tools,.rp-view--plan.is-folded .rp-view-tag{display:none}
.rp-view--plan.is-folded .rp-plan-fold{position:static;flex:1;justify-content:space-between;margin:0;border:0;background:none;min-height:46px}
.rp-view--plan.is-folded .rp-plan-fold span{display:inline}
.rp-view--plan.is-folded .rp-plan-fold svg{transform:rotate(180deg)}
/* Ziehen in 3D und Hinweise (Stufe C3) */
.rp-gl.is-dragging,.rp-gl.is-dragging canvas{cursor:grabbing}
.rp-gl-flags{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.rp-gl-flag{position:absolute;left:-22px;top:-22px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto}
.rp-gl-flag span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#a86d52;border:2px solid #fffefa;box-shadow:0 3px 8px -3px rgba(23,44,36,.6);color:#fffefa;font:700 15px/1 var(--sans)}
.rp-gl-flag.is-no span{background:#a64431}
.rp-gl-flag:focus-visible{outline:2px solid var(--green);outline-offset:-4px;border-radius:var(--rb)}
@media (max-width:699px){.rp-gl-walkhint{bottom:14px;left:138px;right:8px;max-width:none;transform:none;text-align:left}}
.rp-view--3d.is-gl .rp-view-tag--note{display:none}
.rp-3d-svg{position:absolute;inset:0;display:block;overflow:visible}
.rp-3d-rugs{position:absolute;left:0;top:0;display:block;pointer-events:none}
/* Teppich als Fläche in seiner Farbe, Umriss und Kontaktschatten jedes Stücks, Zonen und Lichtkegel auf dem Boden */
.rp-rug3{fill:transparent;stroke:none;pointer-events:all;cursor:grab}
.rp-rug3.is-sel{stroke:#875540;stroke-width:3px;stroke-dasharray:8 5}
.rp-foot3{fill:#25372e;fill-opacity:.05;stroke:#25372e;stroke-opacity:.32;stroke-width:1.3px;stroke-linejoin:round;pointer-events:none}
.rp-foot3.is-tight{stroke:#a86d52;stroke-opacity:.95}
.rp-foot3.is-no{fill:#a64431;fill-opacity:.16;stroke:#a64431;stroke-opacity:1;stroke-width:2px}
.rp-foot3.is-sel{stroke:#875540;stroke-opacity:1;stroke-width:2.5px;stroke-dasharray:8 5}
.rp-zone3{fill:#2c7549;fill-opacity:.08;stroke:#2c7549;stroke-opacity:.75;stroke-width:2px;stroke-dasharray:7 5;pointer-events:none}
.rp-zone3.is-tight{fill:#a86d52;fill-opacity:.1;stroke:#a86d52}
.rp-glow3{pointer-events:none}
.rp-card{position:absolute;display:block;max-width:none;pointer-events:auto;cursor:grab;-webkit-user-drag:none;user-select:none}
/* Wand in einer Einbuchtung (Raum mit eigener Form): verdeckt, was dahinter steht; Fenster und Türen darin bleiben greifbar */
.rp-card.is-wallcard{pointer-events:none;cursor:default;overflow:visible}
.rp-card.is-wallcard [data-opening],.rp-card.is-wallcard [data-rp-fwopening]{pointer-events:visiblePainted;cursor:grab}
.rp-card.is-wall{filter:drop-shadow(0 4px 5px rgba(0,0,0,.22))}
.rp-card.is-window{filter:drop-shadow(0 3px 4px rgba(0,0,0,.16))}
.rp-card.is-window.is-sheer{filter:none}
.rp-card.is-ghost{opacity:.3}
/* Auswahl und „passt nicht“ als leichte Umrandung mit Abstand: füllt keine Lücken (Heizkörper, Regale, Stuhllehnen) */
/* gewählt bzw. „passt nicht“: kein Kasten ums Bild (er schwebte in der Luft), sondern eine Kontur um das Stück; der Umriss liegt
   am Boden (.rp-foot3), das „!“ steht darüber (Überarbeitung 04.10.2026) */
.rp-card.is-sel{filter:drop-shadow(0 0 1.5px rgba(135,85,64,.95)) drop-shadow(0 0 1.5px rgba(135,85,64,.95))}
.rp-card.is-sel.is-no{filter:drop-shadow(0 0 1.5px rgba(166,68,49,.95)) drop-shadow(0 0 1.5px rgba(166,68,49,.95))}
.rp-cord{position:absolute;width:2px;margin-left:-1px;background:rgba(37,55,46,.6);pointer-events:none}
.rp[data-view="3d"] .rp-bar-zoom{display:none}
.rp-empty{position:absolute;left:50%;top:0;z-index:15;width:min(980px,calc(100% - 32px));max-height:calc(100% - 12px);overflow:auto;display:grid;gap:12px;padding:clamp(16px,2vw,26px);transform:translateX(-50%);border:1px solid var(--line);border-radius:var(--r);background:rgba(255,254,250,.97);box-shadow:0 20px 50px -20px rgba(23,44,36,.35)}
.rp-empty p{color:var(--soft)}
/* Auswahl als eigene Zeile unter den Ansichten (Martin: Beschriftung außerhalb der Bühne) */
.rp-sel{flex:none;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 12px 12px;padding:12px 14px;border:1px solid var(--clay);border-radius:var(--r);background:var(--paper)}
.rp-sel-head{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.rp-sel-head img{width:56px;height:56px;object-fit:contain;border-radius:var(--rb);background:var(--tile);mix-blend-mode:multiply}
.rp-sel-txt{display:grid;gap:2px;min-width:0}
.rp-sel-title{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.rp-sel-verdict{font-weight:600}
.rp-sel-verdict.is-ok{color:var(--ok)}
.rp-sel-verdict.is-tight{color:var(--clay-2)}
.rp-sel-verdict.is-no{color:var(--sale)}
.rp-sel-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rp-select{min-height:44px;max-width:100%;padding:8px 40px 8px 12px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23203930' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9 6.5 6.5L18.5 9'/%3E%3C/svg%3E") no-repeat right 10px center;font:400 16px/1.3 var(--sans);color:var(--ink);appearance:none;-webkit-appearance:none}
.rp-sel-row .rp-select{flex:1 1 240px;min-width:0;width:100%}
.rp-sel-lift{display:flex;align-items:center;gap:8px}
.rp-sel-lift label{font-weight:600;color:var(--ink)}
.rp-sel-lift .tool-num-in{width:120px}
.rp-sel-lift input{min-height:44px}
.rp-sel-link{margin-left:auto}
.rp-sel-more{display:grid;gap:10px}
.rp-soon{margin-top:4px}
.rp-sel-more[hidden],.rp-sel-note[hidden]{display:none}
.rp-sel-note{color:var(--soft)}
/* Gewähltes Stück: Leiste mit „Drehen“ in beide Richtungen, Duplizieren, Entfernen und Info. Ab 700 px schwebt sie neben dem
   Stück (planner.js setzt left/top), am Handy steht sie unten unter Name und Prüfung. */
.rp-selbox{display:contents}
.rp-selbox[hidden],.rp-float[hidden]{display:none}
.rp-float{position:absolute;left:0;top:0;z-index:30;display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,254,250,.97);box-shadow:0 14px 34px -14px rgba(23,44,36,.45);visibility:hidden}
.rp-float.is-placed{visibility:visible}
.rp-float.is-moving{visibility:hidden}
.rp-float-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;width:0;min-width:100%;padding:2px 8px 0;line-height:1.3}
.rp-float-name{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}
.rp-float-state{flex:none;font-weight:600}
.rp-float-state.is-ok{color:var(--ok)}
.rp-float-state.is-tight{color:var(--clay-2)}
.rp-float-state.is-no{color:var(--sale)}
.rp-float-note{flex-basis:100%;color:var(--soft)}
.rp-float-acts{display:flex;gap:4px}
.rp-float .rp-tool{padding:0 12px;border-color:transparent;white-space:nowrap}
.rp-float .rp-tool:hover{border-color:rgba(37,55,46,.28);background:var(--bg)}
.rp-float .rp-tool--turn{border-color:rgba(37,55,46,.4)}
.rp-float .rp-tool--turn:hover{border-color:var(--green)}
.rp-float [data-rp-info][aria-expanded="true"]{border-color:var(--green);background:#e3ece4}
/* Freie Wand gewählt: Höhe (Vorgaben, Feld) und Entfernen */
.rp-wallbar{width:max-content;max-width:min(640px,calc(100vw - 32px))}
.rp-wallbar-mode{display:grid;gap:6px}
.rp-wallbar-mode[hidden],.rp-wallbar [hidden]{display:none}
.rp-wallbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rp-wallbar-add{margin-right:auto}
.rp-fwopening.is-sel .rp-opening-hit{fill:rgba(135,85,64,.14);stroke:#875540;stroke-width:2px;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
.rp-wallbar-presets{display:flex;flex-wrap:wrap;gap:4px}
.rp-float.rp-wallbar .rp-wallbar-preset{border-color:rgba(37,55,46,.28)}
.rp-float.rp-wallbar .rp-wallbar-preset[aria-pressed="true"]{border-color:var(--green);background:#e3ece4;font-weight:600}
.rp-wallbar .rp-wallbar-h{display:flex;align-items:center;gap:8px}
.rp-wallbar .rp-wallbar-h label{font-weight:500;color:var(--soft)}
.rp-wallbar-h .tool-num-in{width:7.5em}
.rp-wallbar-h .tool-num-in input{width:100%}
.rp-piece-rotate{cursor:pointer}
.rp-view--plan.is-short .rp-plan-focus{display:none}
@media (min-width:700px){
  @container rp-stage (max-width:600px){
    .rp-float .rp-tool-txt--opt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
    .rp-float .rp-tool{padding:0 10px}
  }
}
.rp-dropzone{position:absolute;left:12px;right:12px;bottom:12px;z-index:16;padding:12px 16px;border:2px dashed var(--green);border-radius:var(--rb);background:rgba(255,254,250,.94);text-align:center;font-weight:600;color:var(--green);pointer-events:none}
.is-dropping .rp-view{outline:2px dashed var(--green);outline-offset:-6px}
.rp-ghost{position:fixed;z-index:400;width:120px;height:120px;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none;opacity:.9;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}
/* Rechts: Dein Raum */
.rp-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper);border-left:1px solid var(--line)}
.rp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--line);flex:none}
.rp-panel-body{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;align-content:start;gap:12px;padding:14px 20px}
.rp-panel-foot{display:grid;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--line);background:var(--bg);flex:none}
.rp-lines{display:grid}
.rp-lines:empty{display:none}
.rp-lines-empty{color:var(--soft)}
.rp-line{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.rp-line:first-child{padding-top:0}
.rp-line.is-sel{background:linear-gradient(90deg,rgba(135,85,64,.09),transparent 70%)}
.rp-line-img{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--r);background:var(--tile)}
.rp-line-img img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}
.rp-line-txt{display:grid;gap:3px;min-width:0}
/* Titel: zwei Zeilen im inneren Text (Safari zeigte sonst eine dritte Zeile im Innenabstand), der Link bleibt 44 px hoch */
.rp-line-txt .dl-title{display:block;line-height:1.3;padding:11px 36px 11px 0;margin:-11px 0}
.rp-line-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rp-line-ship{color:var(--soft)}
.rp-line-ship .cart-stock{display:inline-flex}
.rp-line-remove{position:absolute;top:2px;right:-10px;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--rb);color:var(--soft)}
.rp-line:first-child .rp-line-remove{top:-10px}
.rp-line-remove:hover{color:var(--sale);background:var(--bg)}
.rp-line .dl-row{gap:6px 10px}
.rp-line .dl-qty{grid-template-columns:44px 36px 44px}
.rp-line .dl-qty button{width:44px}
.rp-line .dl-price{margin-left:auto}
.rp-line-txt .rp-select{width:100%}
.rp-line-brand{color:var(--soft)}
.rp-line-check{font-weight:600}
.rp-line-check.is-ok{color:var(--ok)}
.rp-line-check.is-tight{color:var(--clay-2)}
.rp-line-check.is-no{color:var(--sale)}
.rp-line-wip{display:block;color:var(--soft)}
/* nicht vorrätig (08.10.2026): bleibt in der Liste, ohne Preis in der Summe, mit „Ähnliches zeigen“ */
.rp-line .dl-price.is-out{font-weight:400;color:var(--soft)}
.rp-line-alt{justify-self:start;margin-top:4px}
.rp-line-note{color:var(--meta)}
.rp-panel .drawer-sum dd{white-space:nowrap}
.rp-panel-cart{width:100%;white-space:normal;line-height:1.25;padding:10px 18px;text-align:center}
.rp-panel-cart[disabled],.rp-panel-foot .btn[disabled]{opacity:.45;cursor:not-allowed}
.rp-dock{display:none}
.rp-scrim{position:fixed;inset:0;z-index:320;background:rgba(23,44,36,.45)}
.rp-share{width:min(640px,calc(100vw - 32px))}
.rp-share-body{display:grid;gap:14px;padding:18px 20px 22px}
.rp-share-body input{width:100%;min-height:50px;padding:8px 12px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);font:400 16px/1.3 var(--sans);color:var(--ink);background:var(--bg)}
/* Hinweise links unten über der Produktliste, damit sie weder Raumansicht noch Grundriss verdecken */
.is-planner .pdp-toast{left:16px;bottom:16px;max-width:min(380px,calc(100vw - 32px));transform:none}
/* Kopf je Breite (Martin, 02.10.2026: „wir habem im header drei mal dieselbe funktion“): jede Funktion einmal und
   beschriftet. Angaben blendet planner.js der Reihe nach aus, bis alles in eine Zeile passt (fitHead); unter 1700 px das
   kleine Logo, unter 1600 px der Warenkorb ohne Wort (Symbol mit Zahl und Titel), unter 1300 px Speichern und Teilen im
   Menü „Plan“ */
@media (max-width:1299px){
  .rp-logo .rp-logo-full{display:none}
  .rp-logo .rp-logo-mark{display:block}
}
/* unter 1100 px: Leiste und „Dein Raum“ als Schubladen, unten eine Leiste zum Öffnen */
@media (max-width:1099px){
  .rp-body,.rp.is-panel-closed .rp-body,.rp.is-readonly .rp-body,.rp.is-readonly.is-panel-closed .rp-body{grid-template-columns:minmax(0,1fr)}
  .rp-side{position:fixed;left:0;right:0;bottom:0;z-index:330;height:min(80svh,760px);border:0;border-radius:var(--r) var(--r) 0 0;box-shadow:0 -20px 50px rgba(0,0,0,.2);display:none}
  .rp.is-side-open .rp-side{display:flex}
  .rp-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-bottom:1px solid var(--line)}
  .rp-sheet-title{font:600 22px/1.2 var(--serif);color:var(--green)}
  .rp-panel,.rp.is-panel-closed .rp-panel{position:fixed;top:0;right:0;bottom:0;z-index:330;width:min(460px,100vw);display:none;box-shadow:-20px 0 60px rgba(0,0,0,.18)}
  .rp.is-panel-open .rp-panel{display:flex}
  .rp-dock{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);flex:none}
  .rp-dock-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 10px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:600 16px/1.15 var(--sans);color:var(--green)}
  .rp-dock-btn--main{border-color:var(--green)}
  .rp-panel-btn{display:none}
  .rp.is-readonly .rp-dock-btn:not(.rp-dock-btn--main){display:none}
  .rp.is-readonly .rp-dock{grid-template-columns:1fr}
  .is-planner .pdp-toast{left:50%;bottom:84px;transform:translateX(-50%)}
}
@media (max-width:899px){
  .rp-gate{grid-template-columns:minmax(0,1fr);align-items:start}
  .rp-gate-fig img{aspect-ratio:16/9;max-height:none}
}
@media (max-width:699px){
  .rp-bar{padding:8px 12px}
  .rp-seg-txt{display:none}
  .rp-segs--bar .rp-seg>span{padding:0 14px}
  .rp-bar-acts [data-rp-zoom="0"],.rp-bar-sep{display:none}
  .rp-views{padding:0 12px 12px;gap:8px}
  .rp-seg--both{display:none}
  .rp-empty{width:calc(100% - 24px);max-height:calc(100% - 8px)}
  .rp-looks--cards{grid-template-columns:minmax(0,1fr)}
  .rp-sel{gap:8px;margin:0 12px 8px;padding:8px 10px}
  .rp-sel-head{grid-template-columns:minmax(0,1fr) auto}
  .rp-sel-head img{display:none}
  .rp-sel-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
  .rp-sel-verdict{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .rp-sel-row .rp-select{flex-basis:100%}
  .rp-sel-acts .rp-tool{min-width:46px}
  .rp-sel-link{margin-left:0}
  /* Handy: Name, Prüfung und Knöpfe als eine Leiste unten; „Drehen“ groß in der ersten Zeile */
  .rp-selbox{display:grid;gap:8px;margin:0 12px 8px;padding:8px 10px;border:1px solid var(--clay);border-radius:var(--r);background:var(--paper);flex:none}
  .rp-selbox .rp-sel{margin:0;padding:0;border:0;border-radius:0;background:none}
  .rp-float{position:static;display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;visibility:visible}
  .rp-float-cap{display:none}
  .rp-wallbar{width:auto;max-width:none}
  .rp-wallbar .rp-float-cap{display:flex;padding:0 0 6px}
  .rp-wallbar-row{display:flex;flex-wrap:wrap;gap:8px}
  .rp-wallbar-presets{flex:1 1 100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
  .rp-wallbar-add{flex:1 1 60%;margin-right:0}
  .rp-float.rp-wallbar .rp-wallbar-preset{grid-column:auto;min-width:0;padding:0 6px}
  .rp-float.rp-wallbar .rp-wallbar-row > .rp-tool{flex:1 1 0;min-width:0;grid-column:auto}
  .rp-wallbar .rp-wallbar-h{flex:1 1 auto}
  .rp-wallbar [data-rp-wallbar-opening] .rp-wallbar-row:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-float-acts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
  .rp-float .rp-tool{grid-column:span 2;min-width:0;padding:0 6px;border-color:rgba(37,55,46,.28)}
  .rp-float .rp-tool--turn{grid-column:span 3;border-color:rgba(37,55,46,.4)}
}
@media (min-width:520px) and (max-width:699px){
  .rp-float-acts{grid-template-columns:repeat(2,minmax(0,1.2fr)) repeat(3,minmax(0,1fr))}
  .rp-float .rp-tool,.rp-float .rp-tool--turn{grid-column:auto}
  .rp-sizes{gap:6px}
  .rp-dock{grid-template-columns:1fr 1fr 1.6fr}
}
/* Wohnungsplaner (Martin, 02.10.2026, 12:40): Räume als Reiter über den Ansichten, „+ Raum“ mit Raumtypen, Blick auf eine
   der vier Wände, Wohnungsgrundriss mit Namensschildern und Türen, „Deine Wohnung“ nach Räumen */
.rp-top{display:flex;align-items:center;gap:8px 12px;padding:10px 12px 0;flex:none;min-width:0}
.rp-top .rp-segs--bar{flex:none;flex-wrap:nowrap}
.rp-rooms{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.rp-bar-acts{margin-left:auto}
.rp-rooms-list{display:flex;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9c5b9 transparent;padding-bottom:2px}
.rp-rooms-list li{flex:none}
/* Reiter und „⋯“ als ein Stück: gemeinsamer Rahmen, beim gewählten Raum beide dunkel */
.rp-room-item{display:flex}
.rp-room-item .rp-room-tab{border-top-right-radius:0;border-bottom-right-radius:0}
.rp-room-more{display:grid;place-items:center;min-width:44px;min-height:44px;margin-left:-1px;border:1px solid rgba(37,55,46,.28);border-radius:0 var(--rb) var(--rb) 0;background:var(--paper);color:var(--soft)}
.rp-room-more:hover,.rp-room-more[aria-expanded="true"]{color:var(--green);border-color:var(--green)}
.rp-room-item.is-current .rp-room-more{background:var(--green);border-color:var(--green);color:#fffefa;border-left-color:rgba(255,254,250,.25)}
.rp-room-actions{position:fixed;z-index:340;display:grid;gap:2px;padding:6px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);box-shadow:0 18px 40px -16px rgba(23,44,36,.35)}
.rp-room-actions[hidden]{display:none}
.rp-room-actions .rp-hint{padding:4px 12px}
/* Raumform: Wände und Ecken des gewählten Raums im Grundriss */
.rp-edge{cursor:ns-resize;pointer-events:stroke}
.rp-edge.is-v{cursor:ew-resize}
.rp-edge-grip{fill:#fffefa;stroke:#2c7549;stroke-width:1.5px;vector-effect:non-scaling-stroke}
.rp-vertex{cursor:move}
.rp-vertex-dot{fill:#fffefa;stroke:#2c7549;stroke-width:2px;vector-effect:non-scaling-stroke}
.rp-vertex:hover .rp-vertex-dot,.rp-edge:hover+.rp-edge-grip{fill:#e3ece4}
.rp-edge-len{fill:#2c7549;font-weight:600;paint-order:stroke;stroke:#fbfaf6;stroke-width:4px;stroke-linejoin:round}
.rp-edge.is-a{cursor:move}
.rp-shape.is-tool-insert .rp-edge{cursor:crosshair}
.rp-corner-angle{fill:#875540;font-weight:600;paint-order:stroke;stroke:#fbfaf6;stroke-width:4px;stroke-linejoin:round}
.rp-insert{cursor:copy}
.rp-insert-dot{fill:#2c7549;stroke:#fffefa;stroke-width:2px;vector-effect:non-scaling-stroke}
.rp-insert-mark{fill:none;stroke:#fffefa;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}
.rp-vertex.is-remove{cursor:pointer}
.rp-vertex.is-remove .rp-vertex-dot{fill:#a64431;stroke:#fffefa}
.rp-vertex.is-remove.is-off{cursor:not-allowed;opacity:.45}
.rp-vertex-mark{fill:none;stroke:#fffefa;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}
.rp-freewall{cursor:move}
.rp-freewall.is-sel polygon{fill:#2c7549}
.rp-freewall.is-sel.is-low polygon{fill:#a9cdb4}
.rp-freewall-end{cursor:crosshair}
/* Werkzeugleiste „Wände bearbeiten“ im Grundriss: im schmalen Grundriss unten links hinter „Wände“, ab 700 px Breite des
   Grundrisses als Leiste unten in der Mitte (dort liegt keine Meldung darüber) */
.rp-view--plan{container-type:inline-size;container-name:rpplan}
.rp-shape-tools{position:absolute;left:10px;bottom:8px;z-index:4;display:flex;align-items:flex-end;gap:6px;max-width:calc(100% - 20px)}
.rp-shape-tools .chip{min-height:44px;padding:0 12px;gap:6px;background:rgba(255,254,250,.94);white-space:nowrap}
.rp-shape-tools .chip[aria-pressed="true"]{background:var(--green);color:#fffefa;border-color:var(--green)}
.rp-shape-tools-toggle{display:inline-flex}
.rp-shape-tools-list{display:none;position:absolute;left:0;bottom:52px;flex-direction:column;align-items:stretch;gap:6px;width:min(280px,calc(100vw - 40px));padding:8px;border:1px solid var(--line);border-radius:var(--rb);background:#fffefa;box-shadow:0 8px 24px rgba(37,55,46,.16)}
.rp-shape-tools.is-open .rp-shape-tools-list{display:flex}
.rp-shape-tools-toggle[aria-pressed="true"]{background:var(--green);color:#fffefa;border-color:var(--green)}
.rp-shape-tools-list .chip{justify-content:flex-start}
.rp-shape-tools-hint{margin:2px 4px 0;color:var(--soft)}
@container rpplan (min-width:700px){
  .rp-shape-tools{left:50%;transform:translateX(-50%);max-width:calc(100% - 220px)}
  .rp-shape-tools-toggle{display:none}
  .rp-shape-tools-list{display:flex;position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:auto;padding:0;border:0;background:none;box-shadow:none}
  .rp-shape-tools-hint{display:none}
}
.rp-room-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px 0 14px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:600 16px/1 var(--sans);color:var(--soft);white-space:nowrap}
.rp-room-tab:hover{border-color:var(--green);color:var(--green)}
.rp-room-tab.is-current{background:var(--green);border-color:var(--green);color:#fffefa}
.rp-room-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--bg);color:var(--ink);font:600 16px/1 var(--sans)}
.rp-room-tab.is-current .rp-room-count{background:rgba(255,254,250,.18);color:#fffefa}
.rp-room-count.is-flag{box-shadow:inset 0 0 0 2px #a86d52}
.rp-rooms-add{position:relative;flex:none}
.rp-room-add{gap:6px}
.rp-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:60;display:grid;min-width:240px;padding:6px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);box-shadow:0 18px 40px -16px rgba(23,44,36,.35)}
.rp-menu[hidden]{display:none}
.rp-menu-item{display:grid;gap:2px;width:100%;min-height:44px;padding:8px 12px;border-radius:var(--rb);text-align:left;font:600 16px/1.25 var(--sans);color:var(--ink)}
.rp-menu-item small{font:400 16px/1.25 var(--sans);color:var(--soft)}
.rp-menu-item:hover,.rp-menu-item:focus-visible{background:var(--bg);color:var(--green)}
.rp-walls{display:flex;align-items:center;gap:6px}
.rp[data-view="plan"] .rp-walls{display:none}
.rp-wall-arrow{font-size:18px;line-height:1}
.rp-segs--walls .rp-seg>span{padding:0 12px}
/* Grundriss: Ausschnitt Wohnung/Raum, Namensschilder, Türen, andere Räume zurückgenommen */
.rp-plan-focus{position:absolute;right:10px;bottom:8px;z-index:4;display:flex;gap:6px}
.rp-plan-focus .chip{min-height:44px;padding:0 14px;background:rgba(255,254,250,.94)}
.rp-plan-focus .chip[aria-pressed="true"]{background:var(--green)}
.rp-floor2{cursor:pointer}
.rp-floor2.is-current{cursor:default}
.rp-piece.is-other{opacity:.5;cursor:pointer}
.rp-roomtag{cursor:move}
.rp-roomtag rect{fill:rgba(255,254,250,.95);stroke:rgba(37,55,46,.4);stroke-width:1px;vector-effect:non-scaling-stroke}
.rp-roomtag text{fill:var(--soft);font-family:var(--sans);font-weight:600}
.rp-roomtag.is-current rect{fill:#2c7549;stroke:#2c7549}
.rp-roomtag.is-current text{fill:#fffefa}
.rp-plan.is-overlap .rp-roomtag.is-current rect{fill:#a64431;stroke:#a64431}
.rp-door{cursor:ew-resize}
.rp-door-hit{fill:transparent;pointer-events:all}
/* Leiste: Raumfelder und Türen */
.rp-input{width:100%;min-height:48px;padding:8px 12px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:500 17px/1.2 var(--sans);color:var(--ink)}
.rp-input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(32,57,48,.12)}
.rp-pane .cf-field .rp-select{width:100%}
.rp-doors{display:grid;gap:12px}
.rp-door-row{display:grid;gap:6px}
.rp-door-name{font-weight:600;color:var(--ink)}
.rp-sel-views{color:var(--soft)}
.rp-sel-views[hidden]{display:none}
/* „Deine Wohnung“: je Raum eine Gruppe mit Zwischensumme */
.rp-groups{display:grid;gap:18px}
.rp-groups:empty{display:none}
.rp-group{display:grid;gap:6px}
.rp-group-head{display:flex;align-items:baseline;gap:10px;padding-bottom:6px;border-bottom:2px solid var(--line)}
.rp-group.is-current .rp-group-head{border-bottom-color:var(--green)}
.rp-group-name{min-height:44px;font:600 20px/1.2 var(--serif);color:var(--green);text-align:left}
.rp-group-name:hover{text-decoration:underline;text-underline-offset:4px}
.rp-group-meta{color:var(--soft)}
.rp-group-sum{margin-left:auto;font-weight:600;color:var(--ink);white-space:nowrap}
.rp-group-empty{color:var(--soft)}
.rp-sum-note dt,.rp-sum-note dd{color:var(--soft)}
.rp-extra{color:var(--soft)}
.rp-extra[hidden]{display:none}
/* Hinweis ohne Anmeldung: Fragen unter Text und Bild */
.rp-gate-faq{grid-column:1 / -1;display:grid;gap:14px;max-width:880px}
@media (max-width:699px){
  .rp-top{gap:8px;padding:8px 12px 0}
  .rp-room-add span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rp-menu{left:auto;right:0}
  .rp-walls [data-rp-turn]{display:none}
}
/* Bühne schmal: Darstellung nur mit Symbolen, ganz schmal auch die Wände nur mit Pfeilen (Titel und Vorlesetext bleiben) */
@container rp-stage (max-width:1100px){
  .rp-top .rp-segs--bar .rp-seg-txt{display:none}
  .rp-top .rp-segs--bar .rp-seg>span{padding:0 12px}
}
@container rp-stage (max-width:700px){
  .rp-segs--walls .rp-seg-txt{display:none}
}
/* Kopf: „Deine Wohnung“ als beschrifteter Knopf mit Stücken und Summe, Warenkorb des Shops eigenständig, Menü „Plan“ */
.rp-planmenu{position:relative}
.rp-menu--right{left:auto;right:0;min-width:260px}
.rp-menu-item--row{display:flex;align-items:center;gap:10px}
.rp-menu-item--row .ic{flex:none;color:var(--green)}
.rp-menu-item--danger,.rp-menu-item--danger .ic{color:var(--sale)}
.rp-menu-item[disabled]{opacity:.45;cursor:not-allowed}
.rp-menu-phone{display:none}
.rp-menu-title{padding:6px 12px 4px;font-weight:700;color:var(--ink)}
/* „Deine Wohnung“ im Kopf: kein zweiter Hauptknopf, offen nur heller hinterlegt */
.rp-panel-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:1px solid rgba(37,55,46,.4);border-radius:var(--rb);background:var(--paper);color:var(--green);font:600 16px/1.2 var(--sans);flex:none}
.rp-panel-btn:hover{border-color:var(--green)}
.rp-panel-btn[aria-expanded="true"]{background:#e3ece4;border-color:var(--green)}
.rp-panel-btn-meta,.rp-panel-btn-short{font-weight:400;color:var(--ink)}
.rp-panel-btn-short{display:none}
/* „Deine Wohnung“ unten: ein Hauptknopf mit Summe, danach Rückmeldung statt stillem Doppeltlegen */
.rp-panel-cart{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:8px 18px;white-space:normal;text-align:left}
.rp-cart-txt{display:grid;line-height:1.25}
.rp-cart-sum{font-weight:400}
.rp-cart-sum:empty{display:none}
.rp-panel-cart.is-done{background:var(--paper);color:var(--green);border-color:var(--green)}
.rp-cart-state{display:grid;gap:8px;color:var(--ok)}
.rp-cart-state[hidden]{display:none}
.rp-cart-state-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.rp-cart-state-acts .btn{min-height:46px}
.rp-cart-state-acts .lnk{min-height:44px}
/* Bestand: eigene Liste, klar als „nicht im Shop“ markiert */
.rp-pane-sub{font:600 16px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin-top:8px}
.rp-pane-sub[hidden]{display:none}
.rp-res--fix .rp-res-img{background:#ecebe7}
.rp-res-fix{justify-self:start;padding:1px 8px;border:1px dashed #8a948d;border-radius:var(--rb);color:var(--soft)}
.rp-group-fix{margin-top:4px;border:1px dashed var(--line);border-radius:var(--r)}
.rp-group-fix summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px;cursor:pointer;color:var(--soft);font-weight:600}
.rp-group-fix ul{display:grid;gap:4px;padding:0 12px 10px}
.rp-fix-line{display:flex;align-items:center;gap:10px;min-height:44px}
.rp-fix-line button{text-align:left}
.rp-fix-line .rp-fix-name{flex:1;min-width:0;color:var(--ink)}
.rp-fix-line .rp-fix-dims{color:var(--soft);white-space:nowrap}
/* Gewähltes Stück aus dem Bestand: Maße statt Ausführung */
.rp-sel-dims{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.rp-sel-dims[hidden]{display:none}
.rp-dim{display:grid;gap:4px;min-width:0}
.rp-dim[hidden]{display:none}
.rp-dim label{font-weight:600;color:var(--ink)}
.rp-dim input{min-height:44px;width:100%}
.rp-dim .rp-select{width:100%}
/* Fenster und Türen im Raum-Bereich */
.rp-open-add{display:flex;flex-wrap:wrap;gap:8px}
.rp-open-add .btn{min-height:46px;padding:0 14px;gap:8px}
.rp-openings{display:grid;gap:12px}
.rp-opening-row{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.rp-opening-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.rp-opening-name{font-weight:600;color:var(--ink)}
.rp-opening-meta{color:var(--soft)}
.rp-opening-head .rp-tool{margin-left:auto}
.rp-opening-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rp-opening{cursor:ew-resize}
.rp-opening-hit{fill:transparent;pointer-events:all}
.rp-opening{cursor:grab}
.rp-opening.is-sel .rp-opening-hit{fill:rgba(135,85,64,.14);stroke:#875540;stroke-width:2px;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
.rp-window3,.rp-dooropen3,.rp-passage3{pointer-events:all;cursor:grab}
.rp-opening-sel3{pointer-events:none}
.rp-measure3{position:absolute;transform:translate(-50%,-50%);padding:1px 6px;border-radius:var(--rb);background:rgba(255,254,250,.92);font-size:16px;font-weight:600;line-height:1.3;color:#425248;white-space:nowrap;pointer-events:none}
/* Draußen: Himmel hinter Hauswand, Geländer oder Glas */
.rp-3d[data-out]:not([data-out=""]){background:linear-gradient(180deg,#c2d7e7 0%,#dce8ef 42%,#eef1ee 62%)}
/* Erster Schritt im leeren Raum */
.rp-steps{display:grid;gap:6px;margin:0;padding-left:1.4em;color:var(--soft);list-style:decimal}
.rp-steps li{padding-left:4px}
.rp-only-narrow{display:none}
@media (max-width:1099px){
  .rp-only-wide{display:none}
  .rp-only-narrow{display:inline}
  /* Tablet: Kopf mit Logo, Name, Punkt für den Speicherstand, Teilen als Symbol, ⋯, „Wohnung · 39“ und Konto */
  .rp-logo .rp-logo-full{display:none}
  .rp-logo .rp-logo-mark{display:block}
  .rp-save-txt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rp-save{min-width:24px;min-height:44px;justify-content:center}
  .rp-act--share .rp-act-txt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rp-act--share{min-width:48px;padding:0}
  .rp-act--menu .rp-act-txt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rp-act--menu{min-width:48px;padding:0}
  .rp-panel-btn-pre,.rp-panel-btn-meta{display:none}
  .rp-panel-btn-short{display:inline}
  .rp-name>input{width:clamp(140px,30vw,320px)}
  .rp-dock-ic{position:relative;display:inline-grid;place-items:center;margin-right:10px}
  .rp-dock-count{position:absolute;top:-12px;left:14px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--green);color:#fffefa;font:700 16px/22px var(--sans);text-align:center}
  .rp-dock-count:empty{display:none}
}
/* Tablet: „Deine Wohnung“ steht im Kopf, unten nur Produkte und Raum */
@media (min-width:700px) and (max-width:1099px){
  .rp-dock{grid-template-columns:1fr 1fr}
  .rp-dock-btn--main{display:none}
}
/* Handy: eine Zeile, 56 px: Logo-Zeichen, Name (öffnet das Menü „Plan“), Punkt, Teilen; „Deine Wohnung“ unten */
@media (max-width:699px){
  .rp-head{height:56px;gap:6px;padding:0 8px 0 6px}
  .rp-name>input,.rp-name-pen{display:none}
  .rp-name-btn{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:44px;padding:0 6px;border-radius:var(--rb);font:600 20px/1.2 var(--serif);color:var(--green)}
  .rp-name-btn>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .rp-name-btn::after{content:"";flex:none;width:8px;height:8px;margin:0 2px 4px 4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
  .rp-title{gap:4px}
  .rp-act--menu,.rp-panel-btn,.rp-ic--account{display:none}
  .rp-menu-phone{display:block}
  .rp-planmenu{position:static}
  .rp-menu--right{left:8px;right:8px;top:56px;min-width:0}
}
/* Handy quer und niedrige Fenster: Kopf einzeilig, Raumleiste und Werkzeuge in einer Zeile, untere Leiste als Spalte links */
@media (max-height:520px) and (orientation:landscape){
  .rp{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}
  .rp-head,.rp-readonly,.rp-gate{grid-column:1 / -1}
  .rp-head{height:56px}
  .rp-body{grid-column:2;grid-row:3;min-height:0}
  .rp-dock{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:6px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:0;border-right:1px solid var(--line)}
  .rp-dock-btn{flex-direction:column;gap:2px;min-height:64px;padding:4px;font-size:16px;text-align:center}
  .rp-dock-btn--main{flex:1}
  .rp-dock-sum{display:none}
  .rp-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto}
  .rp-top{grid-column:1;grid-row:1;padding:6px 8px 0 12px}
  .rp-bar{grid-column:2;grid-row:1;padding:6px 12px 0 0;flex-wrap:nowrap}
  .rp-views{grid-column:1 / -1;grid-row:2;padding:6px 12px 8px}
  .rp-sel,.rp-selbox{grid-column:1 / -1;grid-row:3}
  .rp-bar-zoom,.rp-walls [data-rp-turn]{display:none}
  .rp-segs--walls .rp-seg-txt{display:none}
  .rp-side{height:auto;top:8px}
  .is-planner .pdp-toast{bottom:12px;left:calc(50% + 42px)}
}
/* Marken an Stücken mit Hinweis: im Grundriss als Punkt, in der Raumansicht als Knopf (44 px Fläche, 26 px Punkt) */
.rp-flag{cursor:pointer}
.rp-flag3{position:absolute;display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;pointer-events:auto;cursor:pointer}
.rp-flag3 span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#a86d52;color:#fffefa;font:700 16px/1 var(--sans);box-shadow:0 0 0 2px #fffefa,0 4px 10px rgba(0,0,0,.25)}
.rp-flag3.is-no span{background:#a64431}
.rp-room-rotate{cursor:pointer}
/* Hinweis mit Aktion (Rückgängig, Zum Warenkorb) */
.rp-toast{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;transition:opacity .3s}
.rp-toast.is-leaving{opacity:0}
@media (prefers-reduced-motion:reduce){.rp-toast{transition:none}}
.rp-toast-act{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#fffefa;font-weight:700;text-decoration:underline;text-underline-offset:4px}
/* Rückfrage */
.rp-ask{width:min(520px,calc(100vw - 32px))}
.rp-ask-body{display:grid;gap:14px;padding:18px 20px 22px}
.rp-ask-ok.is-danger{color:var(--sale);border-color:var(--sale)}
.rp-cart-link{justify-self:center;min-height:44px;display:inline-flex;align-items:center}
.rp-cart-link[hidden]{display:none}
.rp-pane-end{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.rp-room-delete{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--sale)}
.rp-room-delete[disabled]{color:var(--meta);cursor:not-allowed;text-decoration:none}
/* Drucken / PDF: Grundriss, Raumansicht und „Deine Wohnung“, ohne Bedienung */
@media print{
  body.is-planner{overflow:visible}
  .rp{height:auto;display:block}
  .rp-head .rp-acts,.rp-side,.rp-dock,.rp-top,.rp-bar,.rp-sel,.rp-selbox,.rp-float,.rp-piece-rotate,.rp-plan-focus,.rp-scrim,.rp-panel-head .drawer-close,.rp-panel-cart,.rp-cart-state,.rp-cart-link,.rp-empty,.pdp-toast{display:none!important}
  .rp-body{display:block}
  .rp-views{display:grid;grid-template-columns:1fr;gap:12px}
  .rp-view{break-inside:avoid;height:auto!important;min-height:420px}
  .rp-panel{display:block!important;position:static!important;width:auto!important;box-shadow:none;border:0}
  .rp-panel-body,.rp-panel-foot{overflow:visible}
}
/* Weiterleitung der alten Planer-Adressen */
.rp-moved .wrap{display:grid;gap:18px;justify-items:start}
/* Konto: Meine Raumpläne, Rückweg in den Raumplaner */
.acc-return{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:14px 18px;border-radius:var(--r);background:#e3ece4;color:var(--ink)}
.acc-return .ic{margin-top:1px;color:var(--green)}
.acc-card--plans{grid-column:1 / -1;justify-items:stretch}
.acc-plans-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.acc-plans-head .btn-row{gap:10px 22px}
.acc-plans{display:grid;gap:10px}
.acc-plans:empty{display:none}
.acc-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;align-items:center;padding:16px;border-radius:var(--r);background:var(--paper)}
.acc-plan-txt{display:grid;gap:2px;min-width:0}
.acc-plan-room{color:var(--soft)}
.acc-plan-name{font:600 22px/1.2 var(--serif);color:var(--green);overflow-wrap:anywhere}
.acc-plan-name:hover{text-decoration:underline;text-underline-offset:4px}
.acc-plan-meta{color:var(--soft)}
.acc-plan-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 18px}
.acc-plan-acts .btn{min-height:46px;padding:0 18px}
.acc-plan-del{color:var(--sale)}
.acc-plan-ask{font-weight:600;color:var(--sale)}
.acc-plan-yes{background:var(--sale);border-color:var(--sale)}
.acc-plan-yes:hover{background:#8c3626;border-color:#8c3626}
.acc-plan-rename{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:4px}
.acc-plan-rename input{flex:1 1 220px;min-height:48px;padding:8px 12px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);font:600 18px/1.2 var(--sans);color:var(--ink)}
.acc-plan-rename .btn{min-height:48px}
.acc-plans-empty{color:var(--soft)}
@media (max-width:699px){.acc-plan{grid-template-columns:minmax(0,1fr)}.acc-plan-acts{justify-content:flex-start}}

/* ---------------------------------------------------------------- Raumplaner: Grundriss hochladen (Schritt 4, 04.10.2026)
   Kennzeichen „KI“ (A.2, A.6), Hinweis „Mit KI erkannt, bitte prüfen“ über dem Grundriss, Leiste „Vorlage“, Dialog mit
   Einwilligung (A.1, beide Knöpfe gleich), „Bevor du hochlädst“ (A.3) mit Zuschneiden und Abdecken. */
.rp-ki-badge{display:inline-grid;place-items:center;min-width:32px;height:26px;padding:0 6px;border-radius:var(--rb);background:var(--clay);color:#fffefa;font:700 16px/1 var(--sans);letter-spacing:.04em;vertical-align:middle}
.rp-menu-item--row .rp-ki-badge{margin-left:auto}
.rp-look-title .rp-ki-badge{margin-left:6px}
.rp-ki{position:absolute;left:10px;top:44px;z-index:6;display:grid;gap:2px;width:min(560px,calc(100% - 20px));padding:10px 12px;border:1px solid var(--clay);border-radius:var(--r);background:rgba(255,254,250,.97);box-shadow:0 8px 24px rgba(37,55,46,.14)}
.rp-ki-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.rp-ki-label{display:flex;align-items:center;gap:8px;margin:0;color:var(--ink)}
.rp-ki-acts{display:flex;gap:8px}
.rp-ki-acts .btn{min-height:44px;padding:0 16px}
.rp-ki-more summary{min-height:36px;display:flex;align-items:center;cursor:pointer;color:var(--soft);font-weight:600}
.rp-ki-pop{position:absolute;left:-1px;right:-1px;top:calc(100% + 4px);display:grid;gap:6px;max-height:min(50vh,360px);overflow:auto;padding:10px 12px;border:1px solid var(--clay);border-radius:var(--r);background:#fffefa;box-shadow:0 8px 24px rgba(37,55,46,.16)}
.rp-ki-text{margin:0 0 6px;color:var(--ink)}
.rp-ki-notes{margin:0;padding-left:20px;color:var(--soft)}
.rp-ki-notes:empty{display:none}
.rp-tpl-bar{position:absolute;right:10px;top:8px;z-index:6;display:grid;justify-items:end;gap:6px;max-width:calc(100% - 20px)}
.rp-tpl-bar .chip{min-height:44px;padding:0 12px;gap:6px;background:rgba(255,254,250,.94)}
.rp-tpl-bar .chip[aria-pressed="true"],.rp-tpl-toggle[aria-expanded="true"]{background:var(--green);color:#fffefa;border-color:var(--green)}
.rp-tpl-list{display:grid;gap:8px;width:min(340px,calc(100vw - 40px));padding:10px;border:1px solid var(--line);border-radius:var(--rb);background:#fffefa;box-shadow:0 8px 24px rgba(37,55,46,.16)}
.rp-tpl-list[hidden]{display:none}
.rp-tpl-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;color:var(--soft)}
.rp-tpl-row input[type="range"]{width:100%;min-height:44px;accent-color:var(--green)}
.rp-tpl-row output{min-width:44px;text-align:right;color:var(--ink)}
.rp-tpl-btns{display:flex;flex-wrap:wrap;gap:6px}
.rp-tpl-hint{margin:0;padding:8px 10px;border-radius:var(--rb);background:var(--sand-2);color:var(--ink)}
.rp-tpl-note{margin:0;color:var(--meta)}
.rp-plan.is-tpl-tool{cursor:crosshair}
@container rpplan (max-width:699px){
  .rp-ki{top:40px;padding:8px 10px}
  .rp-ki-acts .btn{padding:0 12px}
  .rp-tpl-bar{top:auto;bottom:60px}
}
.rp-look--upload .rp-assist-btn{background:var(--paper)}
.tool-dialog.rp-fp{width:min(820px,calc(100vw - 32px));max-height:min(92dvh,940px);overflow:auto}
.rp-fp-body{display:grid;gap:12px;padding:16px 20px 22px}
.rp-fp-body p{margin:0}
.rp-fp-lead{color:var(--ink)}
.rp-fp-sub{margin:4px 0 0;font:600 18px/1.3 var(--sans);color:var(--green)}
.rp-fp-steps,.rp-fp-list{margin:0;padding-left:22px;display:grid;gap:6px}
.rp-fp-tip{padding:10px 12px;border-radius:var(--rb);background:var(--sand-2)}
.rp-fp-check{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--rb);cursor:pointer}
.rp-fp-check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--green)}
.rp-fp-meta{color:var(--meta)}
.rp-fp-meta a{color:var(--green);text-decoration:underline}
.rp-fp-acts{display:flex;flex-wrap:wrap;gap:10px}
.rp-fp-acts--equal{display:grid;grid-template-columns:1fr 1fr}
.rp-fp-acts--equal .btn{width:100%;padding:0 12px;white-space:normal;text-align:center;line-height:1.2}
.rp-fp-acts--equal .btn:disabled{opacity:.45;cursor:not-allowed}
.rp-fp-tools{display:flex;flex-wrap:wrap;gap:6px}
.rp-fp-tools .chip[aria-pressed="true"]{background:var(--green);color:#fffefa;border-color:var(--green)}
.rp-fp-toolhint{color:var(--soft)}
.rp-fp-stage{display:grid;place-items:center;min-height:160px;padding:8px;border-radius:var(--rb);background:var(--tile)}
.rp-fp-canvas{display:block;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.rp-fp-canvas.is-tool{cursor:crosshair}
.rp-fp-busy{display:flex;align-items:center;gap:14px;padding:18px 0}
.rp-fp-spin{flex:none;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:rp-fp-spin 0.9s linear infinite}
@keyframes rp-fp-spin{to{transform:rotate(360deg)}}
.rp-fp-error{padding:12px 14px;border-radius:var(--rb);background:#f6e6e1;color:var(--sale);font-weight:600}
@media (max-width:699px){
  .tool-dialog.rp-fp{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}
  .rp-fp-acts--equal{grid-template-columns:1fr}
}
@media print{.rp-ki,.rp-tpl-bar{display:none!important}}
.acc-card--ai{grid-column:1 / -1}
.acc-card--ai p{margin:0}
.acc-ai-copies{color:var(--soft)}
.acc-ai-sub{margin:4px 0 0;font:600 17px/1.3 var(--sans);color:var(--ink)}
.acc-ai-confirm{display:grid;gap:8px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper)}
.acc-ai-confirm-title{font-weight:600;color:var(--ink)}
.acc-ai-done{padding:10px 12px;border-radius:var(--rb);background:var(--sand-2);color:var(--ink)}
.acc-ai-mail{color:var(--meta)}
.acc-ai-mail a{color:var(--green);text-decoration:underline}
.rp-ki-info{display:inline-grid;place-items:center;width:44px;height:44px;margin:-10px -8px -10px -4px;color:var(--soft);border-radius:var(--rb)}
.rp-ki-info:hover{color:var(--green);background:var(--bg)}

/* ---------------------------------------------------------------- Raum mit KI umgestalten (Raumfoto, Schritt 5, 04.10.2026)
   Atelier als ganzer Bildschirm: links das Foto mit Erkennung und echten Produkten, rechts die Schritte. Am Handy untereinander. */
.tool-dialog.rp-ph{width:min(1560px,calc(100vw - 32px));max-width:none;height:min(94dvh,1000px);max-height:none;overflow:hidden}
.tool-dialog.rp-ph[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.rp-ph-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);min-height:0}
.rp-ph-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:#1d2421}
.rp-ph-editor{width:100%;height:100%;display:grid;align-content:start;gap:10px;padding:12px;overflow:auto}
.rp-ph-editor .rp-fp-toolhint{color:#e8e4dc}
.rp-ph-editor .rp-fp-stage{background:transparent}
.rp-ph-frame{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}
.rp-ph-photo,.rp-ph-svg,.rp-ph-gl,.rp-ph-compare,.rp-ph-compare canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.rp-ph-svg{pointer-events:none;overflow:visible}
.rp-ph-gl{touch-action:none}
.rp-ph-outline{fill:rgba(255,254,250,.08);stroke:#fffefa;stroke-linejoin:round;pointer-events:all;cursor:pointer}
.rp-ph-outline.is-out{fill:rgba(224,91,75,.28);stroke:#e05b4b;stroke-dasharray:8 6}
.rp-ph-grid{fill:none;stroke:rgba(255,226,120,.55)}
.rp-ph-quad{fill:rgba(255,210,63,.08);stroke:#ffd23f}
.rp-ph-corner{pointer-events:all;cursor:grab}
.rp-ph-corner circle{fill:#fffefa;stroke:#203930}
.rp-ph-corner .rp-ph-hit{fill:transparent;stroke:none}
/* Vermerk immer über der 3D-Ansicht (Punkt 9, 06.10.2026: ein Teppich lag im Ergebnis über dem Vermerk) */
.rp-ph-edited{position:absolute;z-index:2;left:12px;bottom:12px;margin:0;padding:5px 10px;border-radius:var(--rb);background:rgba(32,57,48,.84);color:#fffefa;font:600 14px/1.2 var(--sans);pointer-events:none}
/* Raumfoto: angeglichenes Bild über der Bühne (07.10.2026); Hinweis während des Angleichens oben links (unten links steht das Schild) */
.rp-ph-real{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.rp-ph-frame .rp-ph-compare{z-index:2}
.rp-ph-realnote{position:absolute;z-index:2;left:12px;top:12px;max-width:calc(100% - 24px);margin:0;padding:5px 10px;border-radius:var(--rb);background:rgba(255,254,250,.92);color:var(--ink);font:600 16px/1.3 var(--sans)}
.rp-ph-compare{pointer-events:none}
.rp-ph-range{position:absolute;left:10%;bottom:52px;width:80%;min-height:44px;accent-color:#fffefa}
.rp-ph-handle{position:absolute;z-index:3;display:flex;gap:6px}
.rp-ph-hbtn{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--rb);background:#fffefa;color:var(--green);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.rp-ph-panel{display:grid;align-content:start;gap:4px;min-height:0;overflow:auto;padding:16px 20px 24px;border-left:1px solid var(--line);background:var(--paper)}
.rp-ph-sec{display:grid;gap:8px;margin:0 0 14px;padding:0;border:0;min-width:0}
.rp-ph-sec p{margin:0}
.rp-ph-h{margin:0;font:600 18px/1.3 var(--sans);color:var(--green)}
.rp-ph-sub{margin:4px 0 0;color:var(--soft);font-weight:600}
.rp-ph-meta{color:var(--meta)}
.rp-ph-ki{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--ink)}
.rp-ph-objs{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.rp-ph-obj{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding:6px 0;border-bottom:1px solid var(--line-2)}
.rp-ph-obj-name{font-weight:600}
.rp-ph-seg{display:flex;gap:4px}
.rp-ph-seg .chip,.rp-ph-chips .chip,.rp-ph-sec>.chip,.rp-ph-acts .chip{min-height:44px;padding:0 12px}
.rp-ph-seg .chip[aria-pressed="true"],.rp-ph-chips .chip[aria-pressed="true"],.rp-ph-sec>.chip[aria-pressed="true"],.rp-ph-acts .chip[aria-pressed="true"],.rp-ph-sws .chip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fffefa}
.rp-ph-chips,.rp-ph-sws{display:flex;flex-wrap:wrap;gap:6px}
.rp-ph-sw{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--rb);background:var(--sw)}
.rp-ph-sw[aria-pressed="true"]{outline:3px solid var(--green);outline-offset:2px}
.rp-ph-own{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.rp-ph-own input{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:var(--rb);background:none}
.rp-ph-acts{display:flex;flex-wrap:wrap;gap:8px}
.rp-ph-products{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rp-ph-prod{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center}
.rp-ph-prod img{width:56px;height:56px;object-fit:contain;background:var(--tile);border-radius:var(--rb)}
.rp-ph-prod a{color:var(--ink);font-weight:600}
.rp-ph-prod span{display:grid}
.rp-ph-total{font-weight:600}
.rp-ph-saved{padding:10px 12px;border-radius:var(--rb);background:var(--sand-2)}
.rp-ph-link{min-height:44px;padding:0;background:none;border:0;color:var(--sale);text-decoration:underline;cursor:pointer;text-align:left}
.rp-ph-busy{display:flex;align-items:center;gap:14px;padding:18px 0}
.rp-look--photo .rp-assist-btn{background:var(--sand-2)}
@media (max-width:899px){
  .tool-dialog.rp-ph{width:100vw;height:100dvh;border-radius:0}
  .rp-ph-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(240px,52dvh) minmax(0,1fr)}
  .rp-ph-panel{border-left:0;border-top:1px solid var(--line)}
}
/* Leisten mit Symbol und Text (Martin, 04.10.2026: „immer noch nicht responsive bzw immer noch überlappungen“): Text nie über
   den Rand; zu eng: nur Symbole (fitLabels in planner.js), noch enger: Knöpfe brechen um */
.rp-tool{max-width:100%}
.rp-tool-txt{min-width:0}
.is-icons .rp-tool-txt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.is-icons .rp-tool{padding:0 10px;gap:0}
.rp-float-acts.is-wrap,.rp-float.is-wrap .rp-float-acts,.rp-sel-acts.is-wrap{flex-wrap:wrap}
/* Handy: Knöpfe der unteren Leiste kürzen statt überlaufen (Martin, 04.10.2026) */
.rp-dock-btn{min-width:0}
.rp-dock-btn > span:not(.sr){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-sel-link{max-width:100%;flex:none}
/* Startlooks: vier Bilder je Karte passen immer in die Karte */
.rp-look-btn{min-width:0}
.rp-look-pics{display:grid;grid-template-columns:repeat(4,minmax(0,60px));gap:6px;min-width:0}
.rp-look-pics img{width:100%;height:auto;aspect-ratio:1}
/* Handy: Symbol über dem Text, damit „Produkte“ und „Deine Wohnung“ ganz lesbar bleiben */
@media (max-width:519px){
  .rp-dock-btn{flex-direction:column;gap:2px;min-height:56px;padding:4px 6px}
  .rp-dock-btn > span:not(.sr){max-width:100%}
  /* 3D: Überblick und Rundgang neben „3D“ ohne Überlauf */
  .rp-gl-mode .rp-gl-mode-btn,.rp-gl-mode > button{padding-left:10px;padding-right:10px}
  .rp-gl-toggle{padding:0 10px}
}

/* =====================================================================================================================
   Raumplaner, ruhig (Martin, 04.10.2026: „von der ui her müssten wir bitte mal den ikea planer anschauen … einfacher und
   ruhiger“). Aufbau: Kopf mit Name, Raumauswahl, Prüfung, Teilen, Bild speichern, Summe und einem Hauptknopf; links die Leiste
   mit Reitern (Hinzufügen · Deine Liste · Merkliste), Stück-Optionen und „Raum bauen“; die Leinwand mit einer Ansicht, oben links
   Rückgängig, oben rechts Zoom, unten eine schwebende Leiste. Eckig wie .btn, Schrift ab 16 px, Ziele ab 44 px.
   ===================================================================================================================== */
.rp--calm{--rp-canvas:#efede7}
.rp--calm .rp-logo .rp-logo-full{display:none}
.rp--calm .rp-name-btn:hover,.rp--calm .rp-name-btn[aria-expanded="true"]{background:var(--bg);color:var(--green)}
.rp--calm .rp-plan-menu{left:auto;right:0;top:calc(100% + 6px);min-width:300px}
.rp--calm .rp-menu-sep{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.rp--calm .rp-menu-check{cursor:pointer;font-weight:500}
.rp--calm .rp-menu-check input{width:20px;height:20px;flex:none;accent-color:var(--green)}
.rp--calm .rp-roomsel{position:relative;flex:none}
.rp--calm .rp-roomsel-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:240px;padding:0 10px 0 14px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);font:600 16px/1.2 var(--sans);color:var(--ink)}
.rp--calm .rp-roomsel-btn:hover,.rp--calm .rp-roomsel-btn[aria-expanded="true"]{border-color:var(--green);color:var(--green)}
.rp--calm .rp-roomsel-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp--calm .rp-check{position:relative;flex:none;min-height:0;text-align:left}
.rp--calm .rp-check-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border-radius:var(--rb);font:600 16px/1.2 var(--sans);color:var(--ink)}
.rp--calm .rp-check-btn[hidden]{display:none}
.rp--calm .rp-check-btn:hover{background:var(--bg)}
.rp--calm .rp-check-dot{width:10px;height:10px;border-radius:50%;background:var(--clay-2)}
.rp--calm .rp-check-btn.is-no .rp-check-dot{background:var(--sale)}
.rp--calm .rp-acts{gap:8px}
.rp--calm .rp-act{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);font:600 16px/1.2 var(--sans);color:var(--ink)}
.rp--calm .rp-act:hover{border-color:var(--green);color:var(--green)}
.rp--calm .rp-sum{display:grid;justify-items:end;min-height:44px;padding:0 6px;line-height:1.15;color:var(--ink);text-align:right}
.rp--calm .rp-sum-val{font:700 18px/1.15 var(--sans)}
.rp--calm .rp-sum-meta{font:400 16px/1.15 var(--sans);color:var(--soft)}
.rp--calm .rp-sum:hover .rp-sum-val,.rp--calm .rp-sum[aria-expanded="true"] .rp-sum-val{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.rp--calm .rp-cart-main{min-height:44px;gap:8px;white-space:nowrap}
.rp--calm .rp-cart-main .rp-cart-sum{display:none}
.rp--calm .rp-cart-main[disabled]{opacity:.5}
/* kleine Fenster */
.rp--calm .rp-pop{position:fixed;z-index:420;display:grid;gap:10px;width:max-content;max-width:calc(100vw - 16px);max-height:min(70vh,560px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);box-shadow:0 22px 48px -18px rgba(23,44,36,.45)}
.rp--calm .rp-pop[hidden]{display:none}
.rp--calm .rp-pop-title{margin:0;font:600 16px/1.3 var(--sans);color:var(--soft)}
.rp--calm .rp-pop-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;border-radius:var(--rb);font:600 16px/1.2 var(--sans);color:var(--ink);text-align:left}
.rp--calm .rp-pop-item:hover,.rp--calm .rp-pop-item[aria-pressed="true"]{background:var(--bg);color:var(--green)}
.rp--calm .rp-pop-item[hidden]{display:none}
.rp--calm .rp-roomsel-pop{min-width:300px}
.rp--calm .rp-roomsel-pop .rp-rooms-list{display:grid;gap:2px;margin:0;padding:0;list-style:none;overflow:visible}
.rp--calm .rp-roomsel-pop .rp-room-item{display:flex;align-items:stretch;gap:4px}
.rp--calm .rp-roomsel-pop .rp-room-tab{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 10px;border:0;border-radius:var(--rb);background:none;color:var(--ink);font:600 16px/1.2 var(--sans)}
.rp--calm .rp-roomsel-pop .rp-room-tab.is-current{background:#e3ece4;color:var(--green)}
.rp--calm .rp-roomsel-pop .rp-room-tab:hover{background:var(--bg)}
.rp--calm .rp-roomsel-pop .rp-room-count{min-width:28px;height:28px;padding:0 6px;border-radius:14px;background:var(--bg);font:600 16px/28px var(--sans);text-align:center;color:var(--soft)}
.rp--calm .rp-roomsel-pop .rp-room-more{display:grid;place-items:center;width:44px;min-height:44px;border-radius:var(--rb);color:var(--soft)}
.rp--calm .rp-roomsel-pop .rp-room-more:hover{background:var(--bg);color:var(--green)}
.rp--calm .rp-roomsel-pop .rp-rooms-add{position:relative}
.rp--calm .rp-room-menu{position:static;box-shadow:none;margin-top:4px}
.rp--calm .rp-check-pop{width:min(420px,calc(100vw - 16px))}
.rp--calm .rp-check-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.rp--calm .rp-check-item{display:grid;gap:2px;width:100%;min-height:44px;padding:8px 10px;border-radius:var(--rb);text-align:left;font:400 16px/1.35 var(--sans);color:var(--ink)}
.rp--calm .rp-check-item strong{font-weight:600}
.rp--calm .rp-check-item span{color:var(--soft)}
.rp--calm .rp-check-item.is-no strong{color:var(--sale)}
.rp--calm .rp-check-item:hover{background:var(--bg)}
.rp--calm .rp-check-door{padding:8px 10px;color:var(--clay-2)}
.rp--calm .rp-walls-pop{grid-auto-flow:column;grid-auto-columns:minmax(0,160px);gap:8px}
.rp--calm .rp-wallcard{display:grid;gap:6px;justify-items:center;padding:6px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);font:600 16px/1.2 var(--sans);color:var(--ink)}
.rp--calm .rp-wallcard[aria-pressed="true"]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);color:var(--green)}
.rp--calm .rp-wallcard-pic{display:grid;place-items:center;width:100%;aspect-ratio:16/11;border-radius:4px;background:var(--rp-canvas);overflow:hidden;font-size:28px;color:var(--soft)}
.rp--calm .rp-wallcard-pic img{width:100%;height:100%;object-fit:cover}
.rp--calm .rp-color-pop .rp-swatches{flex-wrap:wrap;max-width:280px}
/* Leiste links */
.rp--calm .rp-body{grid-template-columns:clamp(320px,24vw,420px) minmax(0,1fr)}
.rp--calm.is-readonly .rp-body{grid-template-columns:minmax(0,1fr)}
.rp--calm .rp-panel-btn,.rp--calm .rp-dock,.rp--calm .rp-top,.rp--calm .rp-bar,.rp--calm .rp-view-tag{display:none!important}
.rp--calm .rp-sheet-head{display:none}
.rp--calm .rp-tabs[hidden]{display:none}
.rp--calm .rp-tab-count{font-weight:400;color:var(--soft)}
.rp--calm .rp-pane{gap:12px;padding:14px 16px 20px}
.rp--calm .rp-ai-entries{display:grid;gap:8px}
.rp--calm .rp-ai-entry{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;border:1px solid #cfdccf;border-radius:var(--r);background:#eef3ee;text-align:left;color:var(--ink)}
.rp--calm .rp-ai-entry:hover{border-color:var(--green)}
.rp--calm .rp-ai-entry--photo,.rp--calm .rp-ai-entry--plan{background:var(--paper);border-color:var(--line)}
.rp--calm .rp-ai-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--green);color:#fffefa}
.rp--calm .rp-ai-entry--photo .rp-ai-ic,.rp--calm .rp-ai-entry--plan .rp-ai-ic{background:var(--bg);color:var(--green)}
.rp--calm .rp-ai-txt{display:grid;gap:2px;min-width:0;flex:1}
.rp--calm .rp-ai-txt strong{font:600 16px/1.25 var(--sans);color:var(--green)}
.rp--calm .rp-ai-txt span{font:400 16px/1.3 var(--sans);color:var(--soft)}
.rp--calm.is-start .rp-ai-entry--photo{display:none}
.rp--calm .rp-scope{display:flex;align-items:center;gap:10px}
.rp--calm .rp-scope label{font:600 16px/1.2 var(--sans);color:var(--soft);flex:none}
.rp--calm .rp-scope .rp-select{flex:1;min-width:0}
.rp--calm .rp-chips{display:flex;flex-wrap:wrap;gap:8px}
.rp--calm .rp-chips-rest{display:contents}
.rp--calm .rp-chips-rest[hidden]{display:none}
.rp--calm .rp-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rp--calm .rp-filters[hidden]{display:none}
.rp--calm .rp-filter{flex:1 1 140px;min-width:0}
.rp--calm .rp-filter[hidden]{display:none}
.rp--calm .rp-filter-now{min-height:44px}
.rp--calm .rp-hits{margin:0;color:var(--soft)}
.rp--calm .rp-hits:empty{display:none}
.rp--calm .rp-results{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.rp--calm .rp-results[hidden]{display:none}
.rp--calm .rp-res{grid-template-columns:minmax(0,1fr);align-items:start;gap:6px;height:100%;padding:8px;border-radius:var(--rb)}
.rp--calm .rp-res:hover{border-color:var(--green)}
.rp--calm .rp-res-img{display:block;width:100%;aspect-ratio:1;border-radius:4px;background:var(--tile)}
.rp--calm .rp-res-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.rp--calm .rp-res-txt{display:grid;gap:2px;min-width:0}
.rp--calm .rp-res-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 16px/1.3 var(--sans);color:var(--ink)}
.rp--calm .rp-res-meta{display:none}
.rp--calm .rp-res-buy b{font:700 16px/1.3 var(--sans)}
.rp--calm .rp-res .cart-stock{font-size:16px;line-height:1.3}
.rp--calm .rp-res-add{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--rb);background:var(--paper);color:var(--green);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.rp--calm .rp-res--fix .rp-res-fix{color:var(--soft)}
.rp--calm .rp-more{justify-self:center}
.rp--calm .rp-fixtures-box{display:grid;gap:10px}
.rp--calm .rp-fixtures-box[hidden]{display:none}
.rp--calm .rp-list .drawer-sum{margin-top:6px}
/* Stück-Optionen */
.rp--calm .rp-piece{gap:12px}
.rp--calm .rp-piece[hidden]{display:none}
.rp--calm .rp-piece-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rp--calm .rp-piece-head .rp-pane-h{margin:0}
.rp--calm .rp-piece .rp-sel-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start}
.rp--calm .rp-piece .rp-sel-head img{width:96px;height:96px;object-fit:contain;border-radius:var(--rb);background:var(--tile);mix-blend-mode:multiply}
.rp--calm .rp-sel-price{margin:0;font:700 18px/1.3 var(--sans);color:var(--ink)}
.rp--calm .rp-sel-ship{display:grid;gap:2px;margin:0;color:var(--soft)}
.rp--calm .rp-sel-ship .cart-stock{font-size:16px}
.rp--calm .rp-sel-swatches{display:flex;flex-wrap:wrap;gap:8px}
.rp--calm .rp-sel-swatches[hidden]{display:none}
.rp--calm .rp-sel-swatch{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper)}
.rp--calm .rp-sel-swatch span:first-child{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.rp--calm .rp-sel-swatch[aria-checked="true"]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.rp--calm .rp-piece #rp-sel-variant{display:none}
.rp--calm .rp-alt{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.rp--calm .rp-alt[hidden]{display:none}
.rp--calm .rp-alt-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--rb);overflow:hidden}
.rp--calm .rp-alt-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font:600 16px/1.2 var(--sans);color:var(--soft)}
.rp--calm .rp-alt-switch button+button{border-left:1px solid var(--line)}
.rp--calm .rp-alt-switch button[aria-selected="true"]{background:#e3ece4;color:var(--green)}
/* Raum bauen */
.rp--calm .rp-build{grid-template-rows:auto;padding-bottom:0}
.rp--calm .rp-build[hidden]{display:none}
.rp--calm .rp-build-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px}
.rp--calm .rp-build-count{grid-column:1;margin:0;color:var(--soft)}
.rp--calm .rp-build-head .rp-pane-h{grid-column:1;margin:0}
.rp--calm .rp-build-close{grid-column:2;grid-row:1 / span 2}
.rp--calm .rp-build-step{display:grid;gap:12px}
.rp--calm .rp-build-step[hidden]{display:none}
.rp--calm .rp-shapes,.rp--calm .rp-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rp--calm .rp-shape,.rp--calm .rp-style{display:grid;gap:4px;justify-items:center;padding:8px 6px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);font:600 16px/1.2 var(--sans);color:var(--ink);text-align:center}
.rp--calm .rp-shape svg,.rp--calm .rp-style svg{width:100%;max-width:90px;height:auto;fill:var(--tile);stroke:var(--green);stroke-width:2.2;stroke-linejoin:round}
.rp--calm .rp-shape:hover,.rp--calm .rp-style:hover{border-color:var(--green)}
.rp--calm .rp-shape[aria-checked="true"]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);color:var(--green)}
.rp--calm .rp-shape span,.rp--calm .rp-style span{min-width:0;overflow-wrap:anywhere}
.rp--calm .rp-build .rp-shape-tools{position:static;display:grid;gap:8px;padding:0;background:none;border:0;box-shadow:none}
.rp--calm .rp-build .rp-shape-tools-list{display:flex;flex-wrap:wrap;gap:8px;position:static;padding:0;border:0;box-shadow:none;background:none}
.rp--calm .rp-build .rp-shape-tools-hint{margin:0}
.rp--calm .rp-build .rp-ki,.rp--calm .rp-build .rp-tpl-bar{position:static;transform:none;width:auto;max-width:none;box-shadow:none}
.rp--calm .rp-build .rp-tpl-list{position:static;box-shadow:none}
.rp--calm .rp-build-foot{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:8px;margin:4px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}
.rp--calm .rp-build-foot [hidden]{visibility:hidden;display:inline-flex}
.rp--calm .rp-build-foot .btn{min-width:120px}
/* Leinwand: eine Ansicht, ruhiger Hintergrund, keine Dauertexte */
.rp--calm .rp-stage{background:var(--rp-canvas)}
.rp--calm .rp-views{padding:0;gap:0}
.rp--calm .rp-view{border:0;border-radius:0;background:transparent}
.rp--calm .rp-view--plan{background:var(--rp-canvas)}
.rp--calm .rp-canvas-ctl{position:absolute;z-index:40;display:flex;gap:6px}
.rp--calm .rp-canvas-ctl--l{top:12px;left:12px}
.rp--calm .rp-canvas-ctl--r{top:12px;right:12px;flex-direction:column}
.rp--calm .rp-canvas-ctl .rp-tool{background:var(--paper);border-color:var(--line);box-shadow:0 6px 16px -10px rgba(23,44,36,.5)}
.rp--calm.is-readonly .rp-canvas-ctl--l{display:none}
.rp--calm .rp-toolbar{position:absolute;left:50%;bottom:16px;z-index:45;transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:6px;border:1px solid var(--line);border-radius:var(--rb);background:rgba(255,254,250,.97);box-shadow:0 18px 40px -18px rgba(23,44,36,.5)}
.rp--calm .rp-tb-group{display:flex;align-items:center;gap:2px}
.rp--calm .rp-tb-group+.rp-tb-group{margin-left:4px;padding-left:6px;border-left:1px solid var(--line)}
.rp--calm .rp-tb{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--rb);font:600 16px/1.2 var(--sans);color:var(--ink);white-space:nowrap}
.rp--calm .rp-tb[hidden]{display:none}
.rp--calm .rp-tb:hover{background:var(--bg);color:var(--green)}
.rp--calm .rp-tb[aria-pressed="true"],.rp--calm .rp-tb[aria-expanded="true"]{background:#e3ece4;color:var(--green)}
.rp--calm .rp-tb-swatch{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.rp--calm .rp-tb-morebtn{display:none}
.rp--calm .rp-tb-more-pop .rp-tb-group{display:grid;gap:4px;margin:0;padding:0;border:0}
.rp--calm .rp-tb-more-pop .rp-tb{width:100%;justify-content:flex-start}
.rp--calm .is-icons .rp-tb-txt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rp--calm .is-icons .rp-tb{padding:0 10px}
/* Ausgabe von „Messen“ (nur der Absatz: die Maßketten im Grundriss heißen auch rp-measure und wurden sonst um die halbe
   Breite der Ansicht verschoben; Befund D1 vom 05.10.2026) */
.rp--calm p.rp-measure{position:absolute;left:50%;top:12px;z-index:40;transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:var(--rb);background:var(--green);color:#fffefa;font:600 16px/1.3 var(--sans)}
.rp--calm p.rp-measure[hidden]{display:none}
.rp--calm .rp-measure-line{stroke:var(--green)}
.rp--calm .rp-measure-dot{fill:#fffefa;stroke:var(--green)}
.rp--calm .rp-measure-text{fill:var(--green);font-weight:700;paint-order:stroke;stroke:#fffefa}
.rp--calm.is-measure .rp-plan{cursor:crosshair}
/* Gewähltes Stück: Menü über dem Stück (grün, Symbol über dem Wort) */
.rp--calm .rp-float{padding:6px;border:0;border-radius:var(--rb);background:var(--green);box-shadow:0 18px 40px -16px rgba(23,44,36,.6)}
.rp--calm .rp-float-cap{display:none}
.rp--calm .rp-float-acts{display:flex;align-items:stretch;gap:2px}
.rp--calm .rp-float-turn{display:flex;gap:2px}
.rp--calm .rp-float .rp-tool{flex-direction:column;justify-content:center;gap:2px;min-width:52px;min-height:52px;padding:4px 8px;border:0;background:none;color:#fffefa;font:600 16px/1.1 var(--sans)}
.rp--calm .rp-float .rp-tool:hover,.rp--calm .rp-float .rp-tool:focus-visible{background:rgba(255,255,255,.14)}
.rp--calm .rp-float .rp-tool--turn{border:0}
.rp--calm .rp-float .rp-tool--danger{color:#ffd9cf}
.rp--calm .rp-float .rp-tool[hidden]{display:none}
.rp--calm .rp-float .rp-float-turn .rp-tool:first-child{min-width:44px}
.rp--calm .rp-float.rp-wallbar{background:rgba(255,254,250,.98);border:1px solid var(--line)}
.rp--calm .rp-float.rp-wallbar .rp-float-cap{display:flex}
.rp--calm .rp-float.rp-wallbar .rp-tool{flex-direction:row;min-height:44px;color:var(--green)}
/* Start: vier Bildkarten */
.rp--calm .rp-empty{display:grid;place-items:center;width:min(100% - 24px,1080px);max-height:calc(100% - 24px);padding:clamp(16px,2vw,28px);border:1px solid var(--line);border-radius:var(--r);background:rgba(255,254,250,.98);box-shadow:0 30px 60px -30px rgba(23,44,36,.45);overflow:auto}
.rp--calm .rp-empty[hidden]{display:none}
.rp--calm .rp-start,.rp--calm .rp-examples{display:grid;gap:16px;width:100%}
.rp--calm .rp-start[hidden],.rp--calm .rp-examples[hidden]{display:none}
.rp--calm .rp-start h2,.rp--calm .rp-examples h2{margin:0}
.rp--calm .rp-start-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.rp--calm .rp-start-card{display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden;text-align:left;color:var(--ink)}
.rp--calm .rp-start-card:hover{border-color:var(--green)}
.rp--calm .rp-start-pic{display:block;aspect-ratio:4/3;background:#e6ece5 center/62% no-repeat}
.rp--calm .rp-start-pic--example{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%231f3a2e' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M10 70 40 52h70L80 70Z' fill='%23f6f3ec'/%3E%3Cpath d='M40 52V14h70v38M10 70V32l30-18'/%3E%3Crect x='52' y='40' width='40' height='12' rx='3' fill='%23cdd5c8'/%3E%3Crect x='56' y='33' width='32' height='8' rx='3' fill='%23cdd5c8'/%3E%3Cpath d='M98 30v22M94 30h8'/%3E%3C/svg%3E")}
.rp--calm .rp-start-pic--build{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%231f3a2e' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M18 14h84v34H64v28H18Z' fill='%23f6f3ec'/%3E%3Cpath d='M18 84h46M18 81v6M64 81v6M110 14v34M107 14h6M107 48h6' stroke-width='1.8'/%3E%3Ccircle cx='18' cy='14' r='3.5' fill='%23fffefa'/%3E%3Ccircle cx='102' cy='14' r='3.5' fill='%23fffefa'/%3E%3Ccircle cx='102' cy='48' r='3.5' fill='%23fffefa'/%3E%3Ccircle cx='64' cy='48' r='3.5' fill='%23fffefa'/%3E%3C/svg%3E")}
.rp--calm .rp-start-pic--plan{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%231f3a2e' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M30 8h46l14 14v60H30Z' fill='%23fffefa'/%3E%3Cpath d='M76 8v14h14'/%3E%3Cpath d='M40 30h40v40H40ZM40 50h18M58 30v40M58 58h22' stroke-width='1.8'/%3E%3C/svg%3E")}
.rp--calm .rp-start-pic--scan{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%231f3a2e' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='42' y='10' width='36' height='70' rx='7' fill='%23fffefa'/%3E%3Cpath d='M55 16h10' stroke-width='1.8'/%3E%3Cpath d='M50 34h20v20H50Z' stroke-width='1.8' fill='%23f6f3ec'/%3E%3Cpath d='M30 22v-8h8M90 22v-8h-8M30 68v8h8M90 68v8h-8' stroke-width='1.8'/%3E%3C/svg%3E")}
.rp--calm .rp-start-pic--photo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%231f3a2e' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='14' y='16' width='92' height='62' rx='4' fill='%23fffefa'/%3E%3Cpath d='M44 16l6-8h20l6 8'/%3E%3Cpath d='M28 66h64M34 66V54h52v12' fill='%23cdd5c8'/%3E%3Cpath d='M38 54v-8h44v8' fill='%23cdd5c8'/%3E%3Cpath d='M92 26l3 6 6 3-6 3-3 6-3-6-6-3 6-3Z' fill='%23c9a48a' stroke-width='1.6'/%3E%3C/svg%3E")}
.rp--calm .rp-start-txt{display:grid;gap:4px;padding:12px 14px 14px}
.rp--calm .rp-start-txt strong{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 18px/1.25 var(--sans);color:var(--green)}
.rp--calm .rp-start-txt>span{font:400 16px/1.35 var(--sans);color:var(--soft)}
.rp--calm .rp-examples-head{display:flex;align-items:center;gap:10px}
.rp--calm .rp-examples .rp-looks--cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
/* Marken „!“ nur am gewählten Stück oder wenn etwas wirklich nicht geht (siehe planner.js) */
@media (max-width:1099px){
  .rp--calm .rp-body{grid-template-columns:clamp(300px,34vw,380px) minmax(0,1fr)}
  .rp--calm .rp-side{position:static;display:flex;height:auto;border-right:1px solid var(--line);border-radius:0;box-shadow:none}
  .rp--calm .rp-start-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Handy: Leinwand ganz, Leiste als Blatt von unten (eingeklappt nur die Reiter), Werkzeuge hinter „Mehr“ */
@media (max-width:699px){
  .rp--calm .rp-body{grid-template-columns:minmax(0,1fr)}
  .rp--calm .rp-side{position:fixed;left:0;right:0;bottom:0;z-index:330;display:flex;height:auto;max-height:64px;border:0;border-top:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;box-shadow:0 -12px 30px rgba(0,0,0,.12);transition:max-height .25s var(--ease)}
  .rp--calm.is-sheet-open .rp-side{max-height:min(74svh,700px);height:min(74svh,700px)}
  .rp--calm .rp-side .rp-pane{display:none}
  .rp--calm.is-sheet-open .rp-side .rp-pane:not([hidden]){display:grid}
  .rp--calm.is-sheet-open .rp-side .rp-piece:not([hidden]),.rp--calm.is-sheet-open .rp-side .rp-build:not([hidden]){display:grid}
  .rp--calm .rp-sheet-head{display:none}
  .rp--calm .rp-sheet-grip{position:absolute;left:50%;top:0;transform:translateX(-50%);width:64px;height:16px;padding:0}
  .rp--calm .rp-sheet-grip span{display:block;width:40px;height:4px;margin:6px auto 0;border-radius:2px;background:#c9c4b8}
  .rp--calm .rp-tabs{margin-top:8px}
  .rp--calm .rp-tabs button{min-height:48px}
  .rp--calm.is-build .rp-side .rp-tabs{display:none}
  .rp--calm .rp-stage{padding-bottom:64px}
  .rp--calm .rp-toolbar{bottom:12px;gap:2px;padding:4px}
  .rp--calm .rp-tb{padding:0 8px}
  .rp--calm .rp-tb-morebtn{display:inline-flex}
  .rp--calm .rp-tb-group+.rp-tb-group{margin-left:0;padding-left:0;border-left:0}
  .rp--calm .rp-canvas-ctl--r{flex-direction:row}
  .rp--calm .rp-canvas-ctl--r [data-rp-zoom="0"]{display:none}
  .rp--calm .rp-empty{width:calc(100% - 16px);max-height:calc(100% - 80px);padding:14px}
  .rp--calm .rp-start-list{grid-template-columns:minmax(0,1fr)}
  .rp--calm .rp-start-card{grid-template-columns:96px minmax(0,1fr);grid-template-rows:none}
  .rp--calm .rp-start-pic{aspect-ratio:auto;min-height:88px;background-size:80%}
  .rp--calm .rp-walls-pop{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 16px)}
  .rp--calm .rp-selbox{position:absolute;left:8px;right:8px;bottom:72px;z-index:44;display:block;margin:0;padding:0;border:0;background:none}
  .rp--calm .rp-selbox[hidden]{display:none}
  .rp--calm .rp-float{position:static;display:block;visibility:visible}
  .rp--calm .rp-float-acts{display:flex;justify-content:space-between}
  .rp--calm .rp-float .rp-tool{flex:1 1 0;min-width:0;padding:4px 2px}
  .is-planner .pdp-toast{left:50%;bottom:140px;transform:translateX(-50%)}
}
/* Hinweis klein und schließbar */
.rp-toast-x{display:grid;place-items:center;min-width:32px;min-height:32px;margin-left:auto;border-radius:var(--rb);font:400 22px/1 var(--sans);color:inherit;opacity:.8}
.rp-toast-x:hover{opacity:1;background:rgba(255,255,255,.12)}
/* Leiste links: Spalte nie breiter als die Leiste (lange Texte brechen um) */
.rp--calm .rp-pane{grid-template-columns:minmax(0,1fr)}
.rp--calm .rp-body{grid-template-columns:clamp(340px,26vw,440px) minmax(0,1fr)}
.rp--calm .rp-tabs button{white-space:nowrap;padding:0 6px}
/* Hinweis rechts unten über der Leiste unten, nie über der Leiste links */
.is-planner .pdp-toast.rp-toast{left:auto;right:16px;bottom:88px;max-width:min(420px,calc(100vw - 32px));transform:none}
@media (max-width:699px){.is-planner .pdp-toast.rp-toast{left:8px;right:8px;bottom:140px;max-width:none}}
/* Feinschliff der ruhigen Oberfläche */
.rp.rp--calm .rp-body{grid-template-columns:clamp(340px,26vw,440px) minmax(0,1fr)}
.rp.rp--calm.is-readonly .rp-body{grid-template-columns:minmax(0,1fr)}
.rp--calm .rp-name-btn::after{display:none!important}
.rp--calm.is-start .rp-canvas-ctl{display:none}
@media (max-width:1099px){.rp.rp--calm .rp-body{grid-template-columns:clamp(300px,36vw,380px) minmax(0,1fr)}}
@media (max-width:699px){
  .rp.rp--calm .rp-body{grid-template-columns:minmax(0,1fr)}
  .rp--calm .rp-toolbar{bottom:76px}
  .rp--calm .rp-selbox{bottom:140px}
  .rp--calm .rp-stage{padding-bottom:64px}
}
/* Menü am Stück und Leiste unten nie breiter als die Leinwand */
.rp--calm .rp-float{max-width:calc(100% - 16px)}
.rp--calm .rp-float.is-icons .rp-tool{min-width:44px;padding:4px}
.rp--calm .rp-tb-morebtn[hidden]{display:none}
.rp--calm .rp-tb-morebtn:not([hidden]){display:inline-flex}
@media (max-width:699px){.rp--calm.is-build.is-sheet-open .rp-side{max-height:min(46svh,460px);height:min(46svh,460px)}}
.rp--calm .rp-cart-phone{display:none}
@media (max-width:699px){
  .rp--calm .rp-cart-phone{display:inline-flex;justify-self:stretch;justify-content:center;gap:8px;min-height:48px}
}
.rp.rp--calm .rp-head{z-index:60}
.rp--calm .rp-roomsel-pop .rp-room-more{background:none;border:0;color:var(--soft)}
.rp--calm .rp-roomsel-pop .rp-room-more svg{color:inherit}
/* Geteilter Plan (nur ansehen): links nur „Deine Liste“ (ohne Mengen und Entfernen), keine Werkzeuge zum Ändern */
.rp.rp--calm.is-readonly .rp-side{display:flex!important}
.rp.rp--calm.is-readonly .rp-body{grid-template-columns:clamp(300px,24vw,400px) minmax(0,1fr)}
.rp--calm.is-readonly [data-rp-tab="products"],.rp--calm.is-readonly [data-rp-tab="wish"],.rp--calm.is-readonly [data-rp-pane="products"],.rp--calm.is-readonly [data-rp-pane="wish"]{display:none!important}
@media (max-width:1099px){.rp.rp--calm.is-readonly .rp-body{grid-template-columns:clamp(280px,34vw,360px) minmax(0,1fr)}}
@media (max-width:699px){.rp.rp--calm.is-readonly .rp-body{grid-template-columns:minmax(0,1fr)}}
/* Raum bauen: die Leiste unten nur mit Ansichten und Messen (Raum bearbeiten, Rundgang und Wandfarbe stecken im Assistenten) */
.rp--calm.is-build [data-rp-tb="room"],.rp--calm.is-build [data-rp-tb="walk"],.rp--calm.is-build [data-rp-tb="color"]{display:none!important}
@media (max-width:699px){
  /* Handy: das Blatt „Raum bauen“ lässt den Grundriss darüber frei; die Leiste unten weicht (Zurück und Weiter im Blatt) */
  .rp--calm.is-build.is-sheet-open .rp-stage{padding-bottom:min(46svh,460px)}
  .rp--calm.is-build.is-sheet-open .rp-toolbar,.rp--calm.is-build.is-sheet-open .rp-canvas-ctl--r{display:none}
}
/* Leer geräumter Raum: Startkarten etwas tiefer, „Rückgängig“ und „Wiederholen“ oben links bleiben */
.rp--calm.is-start.can-undo .rp-canvas-ctl--l{display:flex}
.rp--calm.is-start.can-undo .rp-empty{top:64px;max-height:calc(100% - 76px)}
/* Handy quer (niedrig): die alte Spalte für die Leiste unten entfällt; Kopf, Leiste links und Leinwand wie am Tablet */
@media (max-height:520px) and (orientation:landscape){
  .rp.rp--calm{display:flex;flex-direction:column}
  .rp--calm .rp-head{height:56px}
  .rp--calm .rp-body{grid-column:auto;grid-row:auto}
  .rp--calm .rp-stage{display:flex;flex-direction:column}
  .rp--calm .rp-views{grid-column:auto;grid-row:auto;padding:0}
  .rp--calm .rp-side{top:auto}
  .is-planner .pdp-toast.rp-toast{left:auto}
}
/* Formen und Öffnungen als Bilder: nie mitten im Wort trennen (zwei Spalten, wenn drei zu eng werden; sonst Silbentrennung) */
.rp--calm .rp-shapes,.rp--calm .rp-styles{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.rp--calm .rp-shape span,.rp--calm .rp-style span{overflow-wrap:normal;hyphens:manual}
/* Leiste unten: Knöpfe schrumpfen nie unter ihren Text (sonst läuft „Draufsicht“ in den Nachbarn); zu eng → „Mehr“ und Symbole */
.rp--calm .rp-tb{flex-shrink:0}
/* Handy: Menü am Stück in einer Zeile; Ersetzen und „Passt dazu“ nicht in der Leiste, sondern unter „Mehr“ (seit 06.10.2026, siehe
   „Menü am Stück am Handy“ unten) und weiter in „Optionen“ (Ähnliche | Passt dazu) */
@media (max-width:699px){
  .rp--calm .rp-float-acts>[data-rp-act="replace"],.rp--calm .rp-float-acts>[data-rp-act="match"]{display:none}
  .rp--calm .rp-float .rp-tool{min-width:44px}
}
/* Deine Liste: Produktname als Ziel ab 44 px ohne Überdeckung (kein Hineinragen unter „Entfernen“ oder in die Ausführung) */
.rp--calm .rp-line-txt .dl-title{display:flex;align-items:center;min-height:44px;margin:0 40px 0 0;padding:0}
/* Start (vier Bildkarten): ohne Leiste unten; Hinweise ganz unten, die Karten lassen dafür Platz */
.rp--calm.is-start .rp-toolbar{display:none}
.rp--calm.is-start .rp-empty{max-height:calc(100% - 104px)}
.is-planner.rp-is-start .pdp-toast.rp-toast{bottom:16px}
@media (max-width:699px){.is-planner.rp-is-start .pdp-toast.rp-toast{bottom:76px}}
/* Reiter der Leiste: in schmalen Leisten zweizeilig statt über den Rand */
.rp--calm .rp-tabs button{white-space:normal;line-height:1.2;text-align:center;padding:4px 6px}
.rp--calm.is-start.can-undo .rp-empty{max-height:calc(100% - 168px)}
/* Menü „Plan“ öffnet nach rechts unter dem Namen (nicht links aus dem Bildschirm); am Handy über die ganze Breite */
.rp--calm .rp-plan-menu{left:0;right:auto;max-width:calc(100vw - 16px);max-height:calc(100vh - 80px);overflow:auto}
/* Handy: Menü „Plan“ schmaler als der Schirm (rechts bleibt Leinwand zum Danebentippen), Leinwand abgedunkelt wie beim Blatt
   (Martin, 04.10.2026: Ebenen müssen sich auch mit einem Tipp daneben schließen lassen) */
@media (max-width:699px){
  .rp--calm .rp-plan-menu{position:fixed;left:8px;right:auto;top:60px;width:min(320px,calc(100vw - 72px));min-width:0;max-width:none;max-height:calc(100svh - 76px)}
  .rp--calm.is-planmenu-open .rp-views::after{content:"";position:absolute;inset:0;z-index:14;background:rgba(32,57,48,.14)}
}
/* Startkarten: mit X oben rechts, die Leinwand dahinter abgedunkelt (Klick daneben schließt), fünf Wege */
.rp--calm .rp-empty{position:absolute}
.rp--calm .rp-start-close{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px}
.rp--calm .rp-start h2{padding-right:52px}
.rp--calm.is-start .rp-views::after{content:"";position:absolute;inset:0;z-index:14;background:rgba(239,237,231,.6);cursor:pointer}
.rp--calm .rp-start-list{grid-template-columns:repeat(auto-fit,minmax(176px,1fr))}
.rp--calm .rp-start-pic--assist{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%231f3a2e' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M14 74h92' stroke-width='1.8'/%3E%3Cpath d='M24 74V56h44v18' fill='%23cdd5c8'/%3E%3Cpath d='M28 56v-9h36v9' fill='%23cdd5c8'/%3E%3Cpath d='M80 74V48M74 48h12' /%3E%3Cpath d='M84 14l4 9 9 4-9 4-4 9-4-9-9-4 9-4Z' fill='%23c9a48a' stroke-width='1.6'/%3E%3Cpath d='M100 32l2 4 4 2-4 2-2 4-2-4-4-2 4-2Z' fill='%23c9a48a' stroke-width='1.4'/%3E%3C/svg%3E")}
/* kleine Notiz im leeren Raum (nach dem Schließen der Startkarten) */
.rp--calm .rp-empty-note{position:absolute;left:50%;top:50%;z-index:12;transform:translate(-50%,-50%);max-width:min(440px,calc(100% - 32px));margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:var(--rb);background:rgba(255,254,250,.96);font:500 16px/1.45 var(--sans);color:var(--ink);text-align:center;box-shadow:0 12px 30px -18px rgba(23,44,36,.45)}
.rp--calm .rp-empty-note .lnk{display:inline;min-height:0;padding:0;border-bottom:1px solid currentColor;white-space:normal}
.rp--calm .rp-empty-note[hidden]{display:none}
.rp--calm .rp-empty-note .lnk{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;border-bottom:0;text-decoration:underline;text-underline-offset:4px;vertical-align:middle}
/* „+“ klein unten rechts im Bild (Martin, 04.10.2026: es lag mitten auf dem Produkt); am Desktop beim Überfahren, am Handy immer */
.rp--calm .rp-res-img{position:relative}
.rp--calm .rp-res-add{left:auto;top:auto;right:6px;bottom:6px;width:30px;height:30px;border-radius:var(--rb);background:var(--green);color:#fffefa;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.rp--calm .rp-res-add .ic{width:16px;height:16px}
@media (hover:hover){.rp--calm .rp-res-add{opacity:0;transition:opacity .15s}.rp--calm .rp-res:hover .rp-res-add,.rp--calm .rp-res:focus-visible .rp-res-add{opacity:1}}
/* kleine Fenster und Menüs: Text bricht um (der Kopf erbt sonst „nowrap“) und bleibt im Fenster */
.rp--calm .rp-pop,.rp--calm .rp-menu,.rp--calm .rp-room-actions{white-space:normal}
.rp--calm .rp-check-pop{width:min(420px,calc(100vw - 16px))}
.rp--calm .rp-check-item{display:grid;gap:2px;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere}
/* Handy: offenes Blatt mit X oben rechts (bei den Reitern), die Leinwand darüber leicht abgedunkelt (Tippen schließt);
   „Raum bauen“ und Stück-Optionen haben ihr eigenes X, dort kein zweites */
@media (max-width:699px){
  .rp--calm.is-sheet-open[data-pane="products"] .rp-sheet-head,.rp--calm.is-sheet-open[data-pane="list"] .rp-sheet-head,.rp--calm.is-sheet-open[data-pane="wish"] .rp-sheet-head{display:block;position:absolute;top:8px;right:4px;z-index:3;padding:0;border:0;background:none}
  .rp--calm.is-sheet-open .rp-sheet-head .rp-sheet-title{display:none}
  .rp--calm.is-sheet-open .rp-sheet-head .rp-sheet-grip{display:none}
  .rp--calm.is-sheet-open .rp-sheet-head .drawer-close{display:grid;place-items:center;width:44px;height:44px}
  .rp--calm.is-sheet-open[data-pane="products"] .rp-tabs,.rp--calm.is-sheet-open[data-pane="list"] .rp-tabs,.rp--calm.is-sheet-open[data-pane="wish"] .rp-tabs{padding-right:48px}
  .rp--calm.is-sheet-open:not(.is-build) .rp-views::after{content:"";position:absolute;inset:0;z-index:14;background:rgba(32,57,48,.14)}
}
/* Küche als Baukasten (04.10.2026): Fronten und Hochschrank in den Stück-Optionen */
.rp--calm .rp-sel-kitchen{display:grid;gap:10px;margin-top:12px}
.rp--calm .rp-sel-kitchen[hidden],.rp--calm .rp-sel-kitchen [hidden]{display:none}
.rp--calm .rp-sel-kitchen-h{margin:0;font:600 16px/1.3 var(--sans);color:var(--ink)}
.rp--calm .rp-sel-kitchen-h span{font-weight:400;color:var(--soft)}
.rp--calm .rp-sel-kitchen .rp-sel-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.rp--calm .rp-sel-kitchen .rp-sel-row label{font:600 16px/1.3 var(--sans);color:var(--ink)}
.rp--calm .rp-sel-kitchen .rp-select{min-height:44px;flex:1 1 180px}
.rp--calm .rp-sel-swatch[disabled]{cursor:default;opacity:.6}
/* ---------------------------------------------------------------- Kopfzeile (05.10.2026, nach Martins Bildern)
   Eine Mittellinie, alle Teile 44 px hoch und darin mittig (auch die Summe mit einer oder zwei Zeilen), der Name des Plans so
   breit wie sein Text. Wird es eng, rückt der Kopf in Stufen zusammen (fitHeader in planner.js, Klassen hs-* am Planer):
   hs-icons Teilen und Bild speichern als Zeichen · hs-sum1 Summe einzeilig · hs-save Speicherstand ins Menü „Plan“ ·
   hs-shrink Name darf kürzer werden · hs-acts Teilen und Bild speichern ins Menü · hs-cart kurzer Text am Warenkorb ·
   hs-name Name ins Menü (der Knopf heißt dann „Plan“) · hs-check Hinweise ins Menü. Am Handy (hs-phone) stehen nur Logo,
   „Plan“, Raumwahl und die Summe mit Warenkorb im Kopf; „Alles in den Warenkorb“ liegt in „Deine Liste“. */
.rp.rp--calm .rp-head{display:flex;align-items:center;gap:10px;height:64px;padding:0 clamp(12px,1.4vw,24px);white-space:nowrap}
.rp.rp--calm .rp-head>*{flex:none;margin-top:0;margin-bottom:0}
.rp.rp--calm .rp-head .sr{flex:none}
.rp.rp--calm .rp-logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px}
.rp.rp--calm .rp-logo .rp-logo-mark{display:block;width:32px;height:32px}
.rp.rp--calm .rp-title{display:flex;align-items:center;gap:8px;min-width:0;flex:none}
.rp.rp--calm .rp-name{display:flex;align-items:center;gap:0;min-width:0;flex:none}
.rp.rp--calm .rp-name>input{display:block;flex:0 0 auto;min-width:0;max-width:none;height:44px;min-height:44px;margin:0;padding:0 4px 0 8px;border:1px solid transparent;border-radius:var(--rb);background:transparent;font:600 20px/1.2 var(--serif);color:var(--green);text-overflow:ellipsis}
.rp.rp--calm .rp-name-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;height:44px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid transparent;border-radius:var(--rb);background:none;font:600 16px/1.2 var(--sans);color:var(--soft)}
.rp.rp--calm .rp-name-btn svg{flex:none}
/* neben dem Namen: das Chevron direkt am Text (wie bei „Wohnzimmer ▾“), das Ziel bleibt 44 px breit */
.rp.rp--calm:not(.hs-name) .rp-name-btn{justify-content:flex-start;padding:0 10px 0 2px}
.rp.rp--calm .rp-name-btn-txt{display:none}
.rp.rp--calm.hs-name .rp-name>input{display:none}
.rp.rp--calm.hs-name .rp-name-btn{gap:4px;padding:0 8px 0 12px;border-color:var(--line);background:var(--paper);color:var(--ink)}
.rp.rp--calm.hs-name .rp-name-btn-txt{display:inline}
.rp.rp--calm.hs-name .rp-name-btn:hover,.rp.rp--calm.hs-name .rp-name-btn[aria-expanded="true"]{border-color:var(--green);color:var(--green)}
/* Speicherstand: ein Zeichen und Text (Haken, Uhr, Punkt), 16 px */
.rp.rp--calm .rp-save{display:inline-flex;align-items:center;gap:6px;height:44px;min-height:44px;min-width:0;margin:0;font:400 16px/1.2 var(--sans);color:var(--soft)}
.rp.rp--calm .rp-save-ic{display:inline-grid;place-items:center;width:20px;height:20px;flex:none}
.rp.rp--calm .rp-save-ic>*{grid-area:1/1;display:none}
.rp.rp--calm .rp-save[data-state="saved"] .rp-save-ic svg:first-of-type{display:block;color:var(--ok)}
.rp.rp--calm .rp-save[data-state="saving"] .rp-save-ic svg:last-of-type{display:block;color:var(--soft)}
.rp.rp--calm .rp-save[data-state="dirty"] .rp-save-ic .rp-save-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--sale)}
.rp.rp--calm .rp-save-txt{position:static!important;width:auto;height:auto;overflow:visible;clip:auto}
.rp.rp--calm.hs-save .rp-title .rp-save{display:none}
/* Raumwahl und Hinweise */
.rp.rp--calm .rp-roomsel{display:flex;align-items:center}
.rp.rp--calm .rp-roomsel-btn{height:44px;min-height:44px;max-width:240px}
.rp.rp--calm .rp-check{display:flex;align-items:center;min-height:0}
/* ohne Hinweise auch kein leerer Platz (sonst zählte ein Abstand doppelt) */
.rp.rp--calm .rp-check:has(>.rp-check-btn[hidden]){display:none}
.rp.rp--calm .rp-check-btn{height:44px;min-height:44px}
.rp.rp--calm .rp-check-btn [data-rp-check-text]{position:static!important;width:auto;height:auto;overflow:visible;clip:auto}
.rp.rp--calm.hs-check .rp-head .rp-check{display:none}
/* rechts: Teilen, Bild speichern, Summe, Warenkorb */
.rp.rp--calm .rp-acts{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
.rp.rp--calm .rp-act{height:44px;min-height:44px}
.rp.rp--calm .rp-act-txt{position:static!important;width:auto;height:auto;overflow:visible;clip:auto}
.rp.rp--calm.hs-icons .rp-act-txt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rp.rp--calm.hs-icons .rp-act{width:44px;padding:0;justify-content:center}
.rp.rp--calm.hs-acts .rp-acts [data-rp-share],.rp.rp--calm.hs-acts .rp-acts [data-rp-export]{display:none}
.rp.rp--calm .rp-sum{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;height:44px;min-height:44px;padding:0 6px;border:1px solid transparent;border-radius:var(--rb);background:none;color:var(--ink);text-align:right}
.rp.rp--calm .rp-sum-ic{display:none}
.rp.rp--calm .rp-sum-txt{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
.rp.rp--calm .rp-sum-val{display:block;font:700 18px/22px var(--sans)}
.rp.rp--calm .rp-sum-meta{display:block;font:400 16px/18px var(--sans);color:var(--soft)}
.rp.rp--calm.hs-sum1 .rp-sum-meta{display:none}
.rp.rp--calm .rp-cart-main{height:44px;min-height:44px}
.rp.rp--calm .rp-cart-short{display:none}
.rp.rp--calm.hs-cart .rp-cart-main .rp-cart-long{display:none}
.rp.rp--calm.hs-cart .rp-cart-main .rp-cart-short{display:inline}
/* Menü „Plan“: was im Kopf fehlt, steht hier mit Text (Name, Speicherstand, Hinweise, Teilen, Bild speichern) */
.rp.rp--calm .rp-menu-name{display:none;padding:6px 12px 4px}
.rp.rp--calm.hs-name .rp-menu-name,.rp.rp--calm.hs-save .rp-menu-name{display:block}
.rp.rp--calm .rp-menu-name .rp-menu-title{display:none;margin:0;padding:0;font:600 20px/1.25 var(--serif);color:var(--green);overflow-wrap:anywhere;white-space:normal}
.rp.rp--calm.hs-name .rp-menu-name .rp-menu-title{display:block}
.rp.rp--calm .rp-menu-state{display:none;margin:2px 0 0;font:400 16px/1.3 var(--sans);color:var(--soft);white-space:normal}
.rp.rp--calm.hs-save .rp-menu-state{display:block}
.rp.rp--calm.is-readonly .rp-menu-state{display:none}
.rp.rp--calm.is-readonly:not(.hs-name) .rp-menu-name{display:none}
.rp.rp--calm .rp-menu-compact{display:none}
.rp.rp--calm.hs-acts .rp-menu-compact{display:block}
.rp.rp--calm .rp-menu-checkline{display:none}
.rp.rp--calm.hs-check .rp-menu-checkline:not([hidden]){display:block}
.rp.rp--calm .rp-menu-checkline .rp-check-dot{display:block;flex:none;width:10px;height:10px;margin:0 5px;border-radius:50%;background:var(--clay-2)}
.rp.rp--calm .rp-menu-checkline.is-no .rp-check-dot{background:var(--sale)}
/* Handy: eine ruhige Zeile mit Logo, „Plan“, Raumwahl und Summe mit Warenkorb */
@media (max-width:699px){
  .rp.rp--calm .rp-head{height:56px;gap:4px;padding:0 10px 0 6px}
  .rp.rp--calm .rp-logo .rp-logo-mark{width:28px;height:28px}
  .rp.rp--calm .rp-title{flex:none}
  .rp.rp--calm.hs-name .rp-name-btn{padding:0 6px 0 10px}
  .rp.rp--calm .rp-roomsel{flex:0 1 auto;min-width:0}
  .rp.rp--calm .rp-roomsel-btn{width:auto;max-width:100%;min-width:0;gap:4px;padding:0 6px 0 10px}
  .rp.rp--calm .rp-acts{gap:4px}
  .rp.rp--calm .rp-head .rp-cart-main{display:none}
  .rp.rp--calm .rp-sum{gap:6px;padding:0 10px 0 8px;border-color:var(--line);background:var(--paper)}
  .rp.rp--calm .rp-sum-ic{display:inline-flex;color:var(--green)}
  .rp.rp--calm .rp-sum-val{font-size:16px;line-height:20px}
  .rp.rp--calm .rp-sum:hover,.rp.rp--calm .rp-sum[aria-expanded="true"]{border-color:var(--green)}
}
/* Tablet: die Leiste links steht im Raster, ohne eigene Ebene (sonst lag sie mit z-index 330 aus der alten Schublade über dem
   Menü „Plan“; gefunden am 05.10.2026) */
@media (min-width:700px) and (max-width:1099px){.rp.rp--calm .rp-side{z-index:auto}}
/* Startkarten (Befunde S1 und S2 vom 05.10.2026): Titel oben bündig, das KI-Schild im Bild (nicht in der Titelzeile); fünf
   Karten in einer Reihe, wo Platz ist, sonst als Liste mit Bild links (keine Karte allein in der letzten Reihe); reicht die Höhe
   nicht, zeigt ein Schatten unten, dass es weitergeht */
.rp.rp--calm .rp-empty{container-type:inline-size;place-items:stretch;align-content:start;
  background:linear-gradient(#fffefa 30%,rgba(255,254,250,0)) center top/100% 40px no-repeat local,linear-gradient(rgba(255,254,250,0),#fffefa 70%) center bottom/100% 40px no-repeat local,
    radial-gradient(farthest-side at 50% 0,rgba(23,44,36,.18),transparent) center top/100% 14px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(23,44,36,.18),transparent) center bottom/100% 14px no-repeat scroll,rgba(255,254,250,.98)}
.rp.rp--calm .rp-start{display:grid;gap:14px;width:100%;max-width:640px;margin:0 auto}
.rp.rp--calm .rp-start-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.rp.rp--calm .rp-start-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:none;align-items:stretch;height:auto;min-height:88px}
.rp.rp--calm .rp-start-pic{position:relative;aspect-ratio:auto;min-height:88px;background-size:78%}
.rp.rp--calm .rp-start-pic .rp-ki-badge{position:absolute;left:8px;top:8px;min-width:30px;height:24px;font-size:16px}
.rp.rp--calm .rp-start-txt{display:grid;align-content:start;gap:4px;padding:12px 14px}
.rp.rp--calm .rp-start-txt strong{display:block}
@container (min-width:900px){
  .rp.rp--calm .rp-start{max-width:none}
  .rp.rp--calm .rp-start-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  /* mit „Raum scannen“ (App auf dem iPad) sechs Karten: drei je Reihe statt fünf und einer */
  .rp.rp--calm .rp-start-list:has(>li[data-rp-host-scan]:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr))}
  .rp.rp--calm .rp-start-card{grid-template-columns:none;grid-template-rows:auto 1fr;min-height:0}
  .rp.rp--calm .rp-start-pic{aspect-ratio:4/3;min-height:0;background-size:62%}
  .rp.rp--calm .rp-start-txt{padding:12px 14px 14px}
}
@media (max-width:699px){
  .rp.rp--calm.is-start:not(.can-undo) .rp-empty{max-height:calc(100% - 24px)}
  .rp.rp--calm .rp-start{gap:10px}
  .rp.rp--calm .rp-start-list{gap:8px}
  .rp.rp--calm .rp-start-card{grid-template-columns:96px minmax(0,1fr);min-height:80px}
  .rp.rp--calm .rp-start-pic{min-height:80px;background-size:80%}
  .rp.rp--calm .rp-start-txt{gap:2px;padding:10px 12px}
  .rp.rp--calm .rp-start-txt>span{line-height:1.3}
}
/* Handy quer und niedrige Fenster: kompakte Liste in zwei Spalten (die fünfte über beide), nur Titel */
@media (max-height:520px) and (orientation:landscape){
  .rp.rp--calm.is-start .rp-empty,.rp.rp--calm.is-start.can-undo .rp-empty{top:8px;max-height:calc(100% - 16px);padding:12px 14px}
  .rp.rp--calm .rp-start h2{font-size:18px}
  .rp.rp--calm .rp-start-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  /* die letzte sichtbare Karte bei ungerader Zahl über beide Spalten (die verborgene Karte „Raum scannen“ zählt nicht) */
  .rp.rp--calm .rp-start-list>li:last-child:nth-child(odd of :not([hidden])){grid-column:1/-1}
  .rp.rp--calm .rp-start-card{grid-template-columns:72px minmax(0,1fr);min-height:56px}
  .rp.rp--calm .rp-start-pic{min-height:56px;background-size:84%}
  .rp.rp--calm .rp-start-pic .rp-ki-badge{left:4px;top:4px;min-width:26px;height:20px}
  .rp.rp--calm .rp-start-txt{align-content:center;padding:8px 12px}
  .rp.rp--calm .rp-start-txt>span{display:none}
}
/* Handy: Leiste unten mit Text unter dem Zeichen wie eine Reiterleiste (Befund vom 05.10.2026: nur Symbole), vier Einträge
   (3D, Draufsicht, Wände, Mehr); das Chevron an „Wände“ entfällt dort (der Text sagt genug) */
@media (max-width:699px){
  .rp.rp--calm .rp-toolbar:not(.is-icons) .rp-tb{flex-direction:column;justify-content:center;gap:2px;min-width:52px;min-height:52px;padding:4px 8px;line-height:1.1}
  .rp.rp--calm .rp-toolbar:not(.is-icons) .rp-tb>.rp-tb-txt~svg{display:none}
  .rp.rp--calm .rp-toolbar:not(.is-icons) .rp-tb-swatch{width:20px;height:20px}
}
/* Handy: Griff oben am Blatt immer zu sehen (Befund vom 05.10.2026: kein Griff zum Ziehen); gezogen wird an Griff und Reitern,
   der Griff selbst ist nur das Zeichen (Tippen auf einen Reiter öffnet). X oben rechts nur am offenen Blatt. */
@media (max-width:699px){
  .rp.rp--calm .rp-side .rp-sheet-head,.rp.rp--calm.is-sheet-open .rp-side .rp-sheet-head{display:block;position:absolute;left:0;right:0;top:0;height:0;padding:0;border:0;background:none;z-index:4}
  .rp.rp--calm .rp-sheet-head .rp-sheet-title{display:none}
  .rp.rp--calm .rp-sheet-head .rp-sheet-grip,.rp.rp--calm.is-sheet-open .rp-sheet-head .rp-sheet-grip{display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);width:64px;height:12px;min-height:0;padding:0;border:0;background:none;pointer-events:none}
  .rp.rp--calm .rp-sheet-head .rp-sheet-grip span{display:block;width:40px;height:4px;margin:4px auto 0;border-radius:2px;background:#b3ad9f}
  .rp.rp--calm .rp-sheet-head .drawer-close{display:none}
  .rp.rp--calm.is-sheet-open[data-pane="products"] .rp-sheet-head .drawer-close,.rp.rp--calm.is-sheet-open[data-pane="list"] .rp-sheet-head .drawer-close,.rp.rp--calm.is-sheet-open[data-pane="wish"] .rp-sheet-head .drawer-close{display:grid;place-items:center;position:absolute;top:8px;right:4px;width:44px;height:44px}
}
/* Filter wie im Shop (05.10.2026): Zeile „Filter“ mit Sortieren, aktive Filter als Chips, Panel mit Kategorie, Marke, Farbe,
   Preis, Maßen, Lieferung und Material */
.rp.rp--calm .rp-ftool{display:flex;align-items:center;gap:8px;margin-top:4px}
.rp.rp--calm .rp-ftool[hidden]{display:none}
.rp.rp--calm .rp-fbtn{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 14px 0 12px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);font:600 16px/1.2 var(--sans);color:var(--ink)}
.rp.rp--calm .rp-fbtn:hover,.rp.rp--calm .rp-fbtn[aria-expanded="true"],.rp.rp--calm .rp-fbtn.is-active{border-color:var(--green);color:var(--green)}
.rp.rp--calm .rp-fsort{flex:1 1 auto;min-width:0;min-height:44px}
.rp.rp--calm .rp-fchips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rp.rp--calm .rp-fchips[hidden]{display:none}
.rp.rp--calm .rp-fchip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px 0 14px;border:1px solid var(--green);border-radius:var(--rb);background:#eef3ee;font:600 16px/1.2 var(--sans);color:var(--green)}
.rp.rp--calm .rp-fchip:hover{background:#e1ebe2}
.rp.rp--calm .rp-fclear{min-height:44px;padding:0 4px}
.rp.rp--calm .rp-fpanel{grid-template-columns:minmax(0,1fr);width:min(380px,calc(100vw - 16px));max-height:min(82vh,760px);gap:14px;padding:14px 16px 0;align-content:start;overflow-x:hidden}
.rp.rp--calm .rp-fpanel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rp.rp--calm .rp-fpanel-head .rp-pop-title{margin:0}
.rp.rp--calm .rp-fctx{margin:-6px 0 0;font:400 16px/1.35 var(--sans);color:var(--soft)}
.rp.rp--calm .rp-fsec{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.rp.rp--calm .rp-fsec[hidden]{display:none}
.rp.rp--calm .rp-fsec-h{margin:0;font:600 16px/1.3 var(--sans);color:var(--ink)}
.rp.rp--calm .rp-fopts{display:flex;flex-wrap:wrap;gap:4px 8px}
.rp.rp--calm .rp-fopts .chip{min-height:44px}
.rp.rp--calm .rp-fopt{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;font:400 16px/1.3 var(--sans);color:var(--ink);cursor:pointer}
.rp.rp--calm .rp-fopt input{width:20px;height:20px;flex:none;accent-color:var(--green)}
.rp.rp--calm .rp-fopt-n{margin-left:auto;color:var(--soft);font-variant-numeric:tabular-nums}
.rp.rp--calm .rp-fswatches{display:flex;flex-wrap:wrap;gap:8px}
.rp.rp--calm .rp-fswatch{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);font:400 16px/1.2 var(--sans);color:var(--ink)}
.rp.rp--calm .rp-fswatch span:first-child{width:24px;height:24px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.rp.rp--calm .rp-fswatch[aria-checked="true"]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);color:var(--green);font-weight:600}
.rp.rp--calm .rp-frange{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rp.rp--calm .rp-frange--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rp.rp--calm .rp-frange label{display:grid;gap:4px;font:400 16px/1.2 var(--sans);color:var(--soft)}
.rp.rp--calm .rp-frange .tool-num-in{display:flex;align-items:center;gap:4px;min-height:44px;padding:0 8px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper)}
.rp.rp--calm .rp-frange input{width:100%;min-width:0;border:0;background:none;font:400 16px/1.2 var(--sans);color:var(--ink)}
.rp.rp--calm .rp-fpanel-foot{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;min-width:0;margin:0 -16px;padding:12px 16px 14px;border-top:1px solid var(--line);background:var(--paper)}
/* beide Knöpfe nebeneinander, wenn sie ganz passen, sonst untereinander über die ganze Breite (nie abgeschnitten) */
.rp.rp--calm .rp-fpanel-foot .btn{flex:1 1 auto;min-width:0;min-height:44px;justify-content:center;white-space:nowrap}
.rp.rp--calm .rp-fpanel>*{min-width:0}
.rp.rp--calm .rp-fpanel *{box-sizing:border-box}
.rp.rp--calm .rp-fpanel-head .rp-pop-title{flex:1 1 auto;min-width:0}
.rp.rp--calm .rp-build-type{display:grid;gap:10px;margin-bottom:6px}
@media (max-width:699px){
  .rp.rp--calm .rp-fpanel{left:8px!important;right:8px;width:auto;max-height:calc(100svh - 72px)}
  .rp.rp--calm .rp-frange--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Überlaufprüfung 05.10.2026: Startkarten nie unter dem X (Überschrift mindestens so hoch wie das X, rechts Platz dafür);
   Reiter am Handy unter dem Griff des Blatts */
/* (die Überschrift bleibt ein Textblock, der umbricht: als Flex zerfiel sie in Spalten, Befund 10:15) */
.rp.rp--calm .rp-start h2{display:block;min-width:0;min-height:44px;margin:0;padding-right:52px}
@media (max-width:699px){.rp.rp--calm .rp-side .rp-tabs{margin-top:12px}}
/* Bild speichern (05.10.2026): Ansicht, Format und Stückliste; Felder untereinander, das Format zweispaltig, alles ab 320 px */
.rp-export{width:min(520px,calc(100vw - 32px))}
.rp-export-body{display:grid;gap:16px;min-width:0;padding:18px 20px 22px}
.rp-export-set{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}
/* die Legende schwebt (float), damit sie im Raster eine eigene Zeile über beiden Spalten ist */
.rp-export-set legend{float:left;grid-column:1/-1;width:100%;margin:0 0 2px;padding:0;font:600 16px/1.3 var(--sans);color:var(--ink)}
.rp-export-set:has(.rp-export-opt--row){grid-template-columns:repeat(2,minmax(0,1fr))}
.rp-export-opt{display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:48px;padding:12px;border:1px solid rgba(37,55,46,.24);border-radius:var(--rb);background:var(--bg);font:400 16px/1.35 var(--sans);color:var(--ink);cursor:pointer;overflow-wrap:anywhere}
.rp-export-opt[hidden]{display:none}
.rp-export-opt input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--green)}
.rp-export-opt span{min-width:0}
.rp-export-opt strong{font-weight:600}
.rp-export-opt:has(input:checked){border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.rp-export-opt:has(input:disabled){opacity:.55;cursor:default}
.rp-export-opt:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}
.rp-export-check{border-style:dashed}
.rp-export-body .rp-hint{margin:0;font-size:16px;line-height:1.4}
/* der Knopf bleibt unten sichtbar, auch wenn der Dialog auf kleinen Handys rollt */
.rp-export-body .btn-row{position:sticky;bottom:0;z-index:1;display:flex;margin:0 -20px -22px;padding:4px 20px 22px;background:var(--paper)}
@media (max-width:383px){.rp-export-set:has(.rp-export-opt--row){grid-template-columns:minmax(0,1fr)}}
.rp-export.is-more .rp-export-body .btn-row{box-shadow:0 -12px 14px -12px rgba(23,44,36,.35)}
.rp-export-body .btn{width:100%;justify-content:center}
/* Leiste unten in Safari (05.10.2026): WebKit gab den Gruppen weniger Breite als ihr Inhalt (Rundgang unter Wandfarbe); die Leiste
   ist so breit wie ihr Inhalt (höchstens die Leinwand), die Gruppen schrumpfen nie, zu eng erkennt fitToolbar und kürzt */
.rp--calm .rp-toolbar{width:max-content}
.rp--calm .rp-toolbar>.rp-tb-group{flex:none}
/* Stück-Optionen, Kopf (05.10.2026, Martin: kein Bild und der Text in einer schmalen Spalte, im Blatt am Handy): Bild links, der
   Text nutzt die ganze übrige Breite, ohne Bild die volle; der Name höchstens zwei Zeilen (ganz im Titel beim Zeigen), darunter
   Ausführung und Maße. Ersetzt die alte Handy-Regel, die das Bild ausblendete, während das Raster seine Spalte behielt. */
.rp--calm .rp-piece .rp-sel-head{display:flex;align-items:flex-start;gap:12px}
.rp--calm .rp-piece .rp-sel-head img{display:block;flex:none;width:96px;height:96px}
.rp--calm .rp-piece .rp-sel-head img[hidden]{display:none}
.rp--calm .rp-piece .rp-sel-txt{display:grid;flex:1 1 auto;gap:2px;min-width:0}
.rp--calm .rp-piece .rp-sel-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font:600 16px/1.35 var(--sans);color:var(--ink);overflow-wrap:break-word}
.rp--calm .rp-piece .rp-sel-meta{margin:0;font:400 16px/1.35 var(--sans);color:var(--soft);overflow-wrap:break-word}
.rp--calm .rp-piece .rp-sel-meta:empty{display:none}
@media (max-width:699px){.rp--calm .rp-piece .rp-sel-head img{width:72px;height:72px}}
/* Hinweise in Ergebnislisten (z. B. „nichts Vergleichbares“ unter „Ähnliche“) über die ganze Breite statt in einer Spalte des Rasters */
.rp--calm .rp-results>.rp-hint{grid-column:1/-1}
/* Menü „Plan“ am Handy (05.10.2026, WebKit 320 × 700: „Konto“ und „Zurück zum Shop“ lagen unter den Reitern des Blatts): endet über
   dem zugeklappten Blatt (64 px) und liegt, solange es offen ist, über dem Blatt (der Kopf ist sein Stapelkontext) */
@media (max-width:699px){
  .rp--calm .rp-plan-menu{max-height:calc(100svh - 136px)}
  .rp.rp--calm.is-planmenu-open .rp-head{z-index:340}
}
/* Rundgang: der Stick liegt über der Leiste unten (Befund Teil 30 vom 05.10.2026: die Leiste mit Text deckte seine Mitte ab) */
.rp--calm .rp-gl-stick{bottom:92px}
/* Hinweise lassen Finger und Maus durch (Stick im Rundgang, Leinwand), nur ihre Knöpfe nehmen Klicks an */
.is-planner .pdp-toast.rp-toast{pointer-events:none}
.is-planner .pdp-toast.rp-toast button,.is-planner .pdp-toast.rp-toast a{pointer-events:auto}
/* Küchenraum mit Küche: die Notiz mit den Startlooks oben über der Szene, damit die Küche frei bleibt (Koordinator, 05.10.2026) */
.rp--calm .rp-empty-note[data-rp-kitchen-note-start]{top:72px;transform:translateX(-50%)}
@media (max-width:699px){.rp--calm .rp-empty-note[data-rp-kitchen-note-start]{top:64px;width:calc(100% - 24px)}}
/* Textlinks im Planer als Ziel mindestens 44 px hoch (Handy-Durchgang 05.10.2026: „Zum Produkt“, „Mehr Farben und eigene Farbe“,
   „Ansicht öffnen“ waren 25 px hoch) */
.rp--calm .rp-sel-link,.rp--calm [data-rp-color-more],.rp-share [data-rp-share-open]{display:inline-flex;align-items:center;min-height:44px}
/* Summe im Kopf mindestens 44 px breit (Handy quer 844 × 390: „€ 0“ war 39 px breit) */
.rp.rp--calm .rp-sum{min-width:44px}
/* niedrige Fenster (Handy quer): Hinweise lassen die Spalte mit Zoom und Vollbild rechts frei */
@media (max-height:520px) and (min-width:700px){.is-planner .pdp-toast.rp-toast{right:76px;max-width:min(420px,calc(100vw - 108px))}}
/* Raum bauen, Schritt 1 am Handy (Handy-Durchgang 05.10.2026: Raumtyp und Formen 406 px breit im 358-px-Blatt, Text abgeschnitten):
   die Spalte darf schrumpfen, alles bleibt im Blatt */
.rp.rp--calm .rp-build-type{grid-template-columns:minmax(0,1fr)}
.rp.rp--calm .rp-build-type>*,.rp.rp--calm .rp-build-step{min-width:0}
.rp.rp--calm .rp-build-type .rp-select{width:100%;min-width:0}
/* Ausgabe von „Messen“ zwischen den Knöpfen oben links und rechts, bei schmaler Leinwand darunter (Handy-Durchgang 05.10.2026:
   lag über „Wiederholen“) */
.rp--calm p.rp-measure{max-width:calc(100% - 248px);text-align:center}
@media (max-width:699px){.rp--calm p.rp-measure{top:64px;max-width:calc(100% - 24px)}}
/* Raum bauen: die Fußleiste liegt über dem Inhalt (05.10.2026, Koordinator: „Ecke entfernen“ und der Hinweis lagen über „Zurück“ und
   „Weiter“; die Werkzeuge behielten den Stapelrang 4 der Leinwand-Werkzeuge, die Leiste hatte 2) */
.rp--calm .rp-build .rp-shape-tools{z-index:auto}
.rp--calm .rp-build-foot{z-index:6}
/* Hinweise zu Fenstern in der Prüfung (05.10.2026, Koordinator: Fenster in der Wand zu einem anderen Raum, Raum ohne Fenster):
   Raum und Text wie die Stücke, darunter zwei Knöpfe als Textlinks mit 44 px Höhe */
.rp--calm .rp-check-room{display:grid;gap:0;padding:8px 10px 2px;border-radius:var(--rb)}
.rp--calm .rp-check-room p{display:grid;gap:2px;margin:0;font:400 16px/1.35 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.rp--calm .rp-check-room strong{font-weight:600}
.rp--calm .rp-check-room span{color:var(--soft)}
.rp--calm .rp-check-acts{display:flex;flex-wrap:wrap;gap:0 18px}
.rp--calm .rp-check-acts .lnk{min-height:44px;padding:0;border-bottom:0;text-decoration:underline;text-underline-offset:4px;white-space:normal;text-align:left}
/* Feedback geben (05.10.2026): wie „Bild speichern“, mit Textfeld; nach dem Senden ein Dank im selben Dialog */
.rp-feedback{width:min(520px,calc(100vw - 32px))}
.rp-feedback-lead{margin:0;font:400 16px/1.45 var(--sans);color:var(--ink)}
.rp-feedback-field{display:grid;gap:6px;min-width:0}
.rp-feedback-field>label{font:600 16px/1.3 var(--sans);color:var(--ink)}
.rp-feedback-text{width:100%;min-height:120px;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(37,55,46,.24);border-radius:var(--rb);background:#fff;font:400 16px/1.45 var(--sans);color:var(--ink);resize:vertical}
.rp-feedback-text:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.rp-feedback-err{margin:0;font:500 16px/1.4 var(--sans);color:var(--sale)}
.rp-feedback-err[hidden],.rp-feedback-done[hidden],.rp-feedback-body[hidden]{display:none}
.rp-feedback-body .rp-hint a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.rp-feedback-done{display:grid;gap:10px;padding:22px 20px 24px;outline:none}
.rp-feedback-done-h{margin:0;font:600 20px/1.3 var(--sans);color:var(--ink)}
.rp-feedback-done p{margin:0;font:400 16px/1.45 var(--sans)}
.rp-feedback-done .btn-row{margin-top:6px}
/* Frage „Wie leicht ging das?“ im Hinweis unten: Inhalt als Block, Schließen oben rechts */
.is-planner .pdp-toast.rp-toast.rp-toast--card{display:block}
.rp-toast--card .rp-toast-x{position:absolute;top:6px;right:6px;min-width:44px;min-height:44px}
/* Bewertung des erkannten Grundrisses im Ergebnis */
.rp-ki-rate:empty{display:none}
.rp-ki-rate .fb-rate{margin-top:6px}
.rp-feedback.is-more .rp-export-body .btn-row{box-shadow:0 -12px 14px -12px rgba(23,44,36,.35)}
/* „Ergebnis und Hinweise“ zum erkannten Grundriss in „Raum bauen“ (05.10.2026): Dort steht der Kasten im Fluss der Leiste; das
   Fenster darunter lag absolut unter dem ganzen Bereich und war nicht zu sehen (auch die Daumen). Jetzt klappt es im Kasten auf. */
.rp--calm .rp-build .rp-ki-pop{position:static;max-height:none;margin-top:6px;box-shadow:none}
/* Feedback geben, kompakt (05.10.2026, Koordinator: der Hinweis lag bei 1440 × 900 halb unter „Senden“; der Dialog passt ab 700 px
   Fensterhöhe ohne Rollen): Art als vier Felder in einer Zeile (schmal 2 × 2), Hinweis über den Haken, Haken nebeneinander */
.rp-feedback .rp-export-body{gap:14px;padding-top:16px;padding-bottom:16px}
.rp-feedback .rp-export-body .btn-row{margin:0 -20px -16px;padding:4px 20px 16px}
.rp-feedback-kinds{min-width:0;margin:0;padding:0;border:0}
.rp-feedback-kinds .rp-segs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.rp-feedback-kinds .rp-seg>span{width:100%;padding:0 8px}
.rp-feedback-text{min-height:84px}
.rp-feedback-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.rp-feedback-check{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:44px;padding:10px 0;font:400 16px/1.35 var(--sans);color:var(--ink);cursor:pointer}
.rp-feedback-check input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--green)}
.rp-feedback-check input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.rp-feedback-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:519px){
  .rp-feedback-kinds .rp-segs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-feedback-checks{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:699px){.rp-feedback{max-height:calc(100svh - 24px)}}
/* Weiche Kante über klebenden Leisten (05.10.2026, Koordinator: kein halb abgeschnittener Text an der Leiste): rollt ein Bereich mit
   Fußleiste (Raum bauen, Filter, Bild speichern, Feedback geben) und kommt darunter noch etwas, läuft der Inhalt über der Leiste in die
   Fläche aus; am Ende des Bereichs ist die Kante wieder klar (planner.js: syncEdges) */
.rp--calm .rp-build-foot.is-more::before,.rp.rp--calm .rp-fpanel-foot.is-more::before,.rp-export .rp-export-body .btn-row.is-more::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:32px;background:linear-gradient(rgba(255,254,250,0),var(--paper) 85%);pointer-events:none}
/* Ausführungen wie auf der Produktseite (06.10.2026; beim Esstisch Polar sahen fünf Farbfelder gleich aus, sie unterschieden sich
   nur in der Größe): je Achse Name und Wert, Farbfelder (zweifarbig mit Gestell) bzw. Felder mit Text, ab sechs Werten eine
   Auswahlliste; gestrichelt gibt es nur mit anderer Wahl der übrigen Achsen (planner.js: variantAxes, axesHtml) */
.rp--calm .rp-sel-axes{--pdp-muted:var(--meta);display:grid;gap:2px;min-width:0}
.rp--calm .rp-sel-axes[hidden]{display:none}
.rp--calm .rp-sel-axes .rp-axis{min-width:0}
.rp--calm .rp-sel-axes .rp-axis-label{margin:0 0 6px;overflow-wrap:anywhere}
.rp--calm .rp-sel-axes .rp-axis-label span{font-weight:500}
.rp--calm .rp-sel-axes .variant-row{margin-bottom:10px}
.rp--calm .rp-sel-axes .variant-row--swatch{margin-bottom:6px}
.rp--calm .rp-sel-axes .variant{max-width:100%;cursor:pointer;text-align:left}
.rp--calm .rp-sel-axes .variant:not(.variant--swatch):focus-visible{outline:2px solid var(--green);outline-offset:2px}
.rp--calm .rp-sel-axes .variant-hint{margin:-2px 0 10px}
.rp--calm .rp-sel-axes .rp-axis-select{margin-bottom:10px}
.rp--calm .rp-sel-axes .rp-axis-select .rp-select{width:100%}
/* Menü am Stück am Handy (06.10.2026; vorher nur Symbole, am Handy ohne Tooltip): vier Knöpfe mit Text wie die Leiste unten
   (Drehen, Entfernen, Optionen, Mehr), der Rest unter „Mehr“ als Menü mit Text (planner.js: toggleFloatMenu) */
.rp--calm .rp-float [data-rp-float-more]{display:none}
.rp--calm .rp-float .rp-tool-txt--phone{display:none}
.rp-float-menu[hidden]{display:none}
@media (max-width:699px){
  .rp--calm .rp-float-turn>[data-rp-act="back"],.rp--calm .rp-float-acts>[data-rp-act="copy"],.rp--calm .rp-float-acts>[data-rp-act="replace"],
  .rp--calm .rp-float-acts>[data-rp-act="match"],.rp--calm .rp-float-acts>[data-rp-act="cart"],.rp--calm .rp-float-acts>[data-rp-act="curtain-pair"]{display:none!important}
  .rp--calm .rp-float [data-rp-float-more]{display:flex}
  .rp--calm .rp-float .rp-tool-txt--wide{display:none}
  .rp--calm .rp-float .rp-tool-txt--phone{display:inline}
  .rp--calm .rp-float-turn{flex:1 1 auto}
  .rp--calm .rp-float-turn .rp-tool,.rp--calm .rp-float .rp-tool{flex:1 1 auto;min-width:0}
  .rp--calm .rp-float{position:relative}
  .rp--calm .rp-float-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:2;display:grid;gap:2px;width:min(260px,100%);padding:6px;border:1px solid var(--line);border-radius:var(--rb);background:var(--paper);box-shadow:0 18px 40px -16px rgba(23,44,36,.5)}
  .rp--calm .rp-float-menu[hidden]{display:none}
  .rp--calm .rp-float-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:var(--rb);background:none;font:500 16px/1.2 var(--sans);color:var(--ink);text-align:left;cursor:pointer}
  .rp--calm .rp-float-menu-item svg{flex:none;color:var(--green)}
  .rp--calm .rp-float-menu-item:hover,.rp--calm .rp-float-menu-item:focus-visible{background:var(--sand-2);outline:none}
}
/* Prüfung (06.10.2026, Durchsicht bei 2000 × 800): drei Knöpfe je Raum in einer Zeile, wo Platz ist; rollt die Liste, läuft sie unten
   in die Fläche aus, solange darunter noch etwas kommt (keine halb abgeschnittene Zeile am Rand; planner.js: syncEdges) */
.rp--calm .rp-check-pop{width:min(480px,calc(100vw - 16px))}
.rp--calm .rp-check-pop.is-more::after{content:"";position:sticky;bottom:-12px;display:block;height:40px;margin:-40px -12px -12px;background:linear-gradient(rgba(255,254,250,0),var(--paper) 80%);pointer-events:none}
/* Raumfoto (Punkt 9, 06.10.2026): rollt der Bereich rechts, läuft er unten in die Fläche aus, solange darunter noch etwas kommt
   (keine halb abgeschnittene Zeile oder Taste am Rand; roomphoto.js: syncEdge) */
.rp-ph-panel.is-more::after{content:"";position:sticky;bottom:-24px;display:block;height:44px;margin:-44px -20px -24px;background:linear-gradient(rgba(255,254,250,0),var(--paper) 80%);pointer-events:none}
/* Hauptknöpfe je Schritt (Weiter, Möbel einrichten, Alles in den Warenkorb) kleben unten im Bereich, darüber die weiche Kante */
.rp-ph-panel>.rp-ph-foot{position:sticky;bottom:-24px;z-index:1;margin:8px -20px -24px;padding:12px 20px 16px;border-top:1px solid var(--line);background:var(--paper)}
.rp-ph-panel>.rp-ph-foot.is-more::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:32px;background:linear-gradient(rgba(255,254,250,0),var(--paper) 85%);pointer-events:none}
/* Handy: Bild und Bereich rollen untereinander; der Fuß steht im Fluss (zwei Knöpfe übereinander wären zu viel fester Platz) */
@media (max-width:699px){.rp-ph-panel>.rp-ph-foot{position:static;margin:8px 0 0;padding:0;border-top:0;background:none}}
/* Raumfoto, „Das haben wir erkannt“ (Punkt 9, 06.10.2026): jede Zeile gleich aufgebaut, Name links, „Behalten | Aus dem Bild
   nehmen“ rechts (vorher brachen nur die Zeilen mit längerem Namen um); Bereich rechts bis 440 px, damit „Hängeleuchte“ daneben
   passt; am Handy überall untereinander */
.rp-ph-body{grid-template-columns:minmax(0,1fr) minmax(320px,440px)}
.rp-ph-obj{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:normal}
.rp-ph-obj-name{min-width:0;overflow-wrap:anywhere}
.rp-ph-obj>.rp-ph-meta{justify-self:end}
@media (max-width:899px){.rp-ph-body{grid-template-columns:minmax(0,1fr)}}
@media (max-width:699px){.rp-ph-obj{grid-template-columns:minmax(0,1fr)}.rp-ph-obj>.rp-ph-meta{justify-self:start}}
/* Raumfoto, Hauptweg „Raum leeren und neu einrichten“ (Martin, 06.10.2026, 08:55): Schalter „Eigene Möbel behalten“ und
   „Vorhänge behalten“ über der Liste; Zeilen ohne Schalter zeigen nur den Zustand (kommt raus, bleibt), auch am Handy in einer Zeile */
.rp-ph-lead p{margin:0}
.rp-ph-switch{display:flex;width:100%}
.rp-ph-switch+.rp-ph-meta{margin-top:-6px}
.rp-ph-state{justify-self:end;color:var(--meta);white-space:nowrap}
.rp-ph-state.is-kept{color:var(--green);font-weight:600}
.rp-ph-obj:has(>.rp-ph-state){grid-template-columns:minmax(0,1fr) auto}
/* Handy (Koordinator, 06.10.2026: zwei Leisten übereinander, beide mit „Mehr“): solange ein Stück oder eine freie Wand gewählt ist,
   steht deren Leiste an der Stelle der Leiste unten, die ausgeblendet ist; beim Abwählen kommt sie zurück (planner.js: is-selbox) */
@media (max-width:699px){
  .rp--calm.is-selbox .rp-toolbar{display:none}
  .rp--calm.is-selbox .rp-selbox{bottom:76px}
}
/* Mini-Werkzeuge (V6, 06.10.2026): „Passt mein Sofa durch?“ und „Was kostet meine Wohnung?“ */
.mt{display:grid;gap:18px;max-width:880px}
.mt-answer{margin:0;padding:14px 16px;border-left:3px solid var(--green);background:var(--sand-2);font:400 17px/1.5 var(--sans);color:var(--ink)}
.mt-form{display:grid;gap:14px}
.mt-set{display:grid;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);min-width:0;background:var(--paper)}
.mt-set legend{padding:0 6px;font:600 17px/1.2 var(--sans);color:var(--green)}
.mt-row,.mt-chips{display:flex;flex-wrap:wrap;gap:10px 16px}
.mt-num,.mt-search{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:400 16px/1.25 var(--sans)}
.mt-num input{width:88px;min-height:44px;padding:6px 10px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:400 16px/1.2 var(--sans);color:var(--ink)}
.mt-search{display:grid;gap:6px}
.mt-search input{width:100%;min-height:46px;padding:8px 12px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);font:400 16px/1.2 var(--sans)}
.mt-unit{color:var(--meta)}
.mt-chip{position:relative;cursor:pointer}
.mt-chip input{position:absolute;opacity:0;width:1px;height:1px}
.mt-chip:has(input:checked){background:var(--green);border-color:var(--green);color:#fffefa}
.mt-chip:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}
.mt-check{display:flex;align-items:center;gap:10px;min-height:44px;font:400 16px/1.3 var(--sans);cursor:pointer}
.mt-check input{width:20px;height:20px;accent-color:var(--green)}
.mt-if-stiege,.mt-if-lift,.mt-if-gang{display:none}
[data-up="stiege"] .mt-if-stiege,[data-up="lift"] .mt-if-lift,[data-gang="1"] .mt-if-gang{display:flex}
.mt-form>.btn{justify-self:start}
.mt-result{display:grid;gap:10px;padding:16px;border-radius:var(--r);background:var(--bg);border:1px solid var(--line)}
.mt-result.is-ok{border-color:var(--ok)}
.mt-result.is-tight{border-color:var(--clay)}
.mt-result.is-no{border-color:var(--sale)}
.mt-result p{margin:0;font:400 16px/1.45 var(--sans)}
.mt-result .mt-verdict{font:600 20px/1.3 var(--sans);color:var(--green)}
.mt-result.is-no .mt-verdict{color:var(--sale)}
.mt-result .mt-note{color:var(--soft)}
.mt-ki{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mt-steps{display:grid;gap:0;margin:0;padding:0;list-style:none}
.mt-steps li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 14px;padding:8px 0;border-bottom:1px solid var(--line-2);font:400 16px/1.35 var(--sans)}
.mt-steps li small{display:block;font-size:16px;color:var(--meta)}
.mt-steps li.is-no span:last-child{color:var(--sale);font-weight:600}
.mt-steps li.is-tight span:last-child{color:var(--clay-2);font-weight:600}
.mt-faq{display:grid;gap:8px;max-width:880px}
.mt-faq-item{border-bottom:1px solid var(--line)}
.mt-faq-item summary{min-height:44px;padding:10px 0;font:600 17px/1.35 var(--sans);color:var(--green);cursor:pointer}
.mt-faq-item p{margin:0 0 12px;font:400 16px/1.5 var(--sans);color:var(--ink)}
.mt-result .lnk{white-space:normal;display:inline}

/* Raum erfassen (06.10.2026, src/roomscan.js): Anleitung mit Skizze, gewählte Bilder (Entfernen als 44-px-Ziel), im Kasten „Mit KI
   erkannt, bitte prüfen“ die Bilder mit den erkannten Kanten und „Kennst du eine Länge?“ */
.rp-rs-guide{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}
.rp-rs-sketch{margin:0;padding:8px;border-radius:var(--rb);background:var(--sand-2);display:grid;place-items:center}
.rp-rs-sketch svg{display:block;max-width:100%;height:auto}
.rp-rs-how{display:grid;gap:8px;min-width:0}
.rp-rs-steps{margin:0;padding-left:22px;display:grid;gap:6px}
.rp-rs-tip{color:var(--soft)}
.rp-rs-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.rp-rs-shot{position:relative;margin:0;border-radius:var(--rb);overflow:hidden;background:var(--tile);aspect-ratio:4/3}
.rp-rs-shot img{display:block;width:100%;height:100%;object-fit:cover}
.rp-rs-shot figcaption{position:absolute;left:6px;top:6px;min-width:26px;height:26px;padding:0 6px;border-radius:13px;background:var(--green);color:#fffefa;font:600 16px/26px var(--sans);text-align:center}
.rp-rs-x{position:absolute;right:0;top:0;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fffefa;cursor:pointer}
.rp-rs-x svg{box-sizing:content-box;padding:5px;border-radius:2px;background:rgba(37,55,46,.82)}
.rp-rs-count{color:var(--ink);font-weight:600}
.rp-rs-acts .btn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:699px){
  .rp-rs-guide{grid-template-columns:minmax(0,1fr)}
  .rp-rs-sketch svg{width:200px}
}
.rp-ki-extra{display:grid;gap:8px}
.rp-ki-extra[hidden]{display:none}
.rp-ki-sub{margin:0;color:var(--soft)}
.rp-ki-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.rp-ki-shots img{display:block;width:100%;height:auto;border-radius:var(--rb)}
.rp-ki-scale{display:grid;gap:6px}
.rp-ki-scale-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rp-ki-scale-row .rp-select{flex:1 1 200px;min-width:0}
.rp-ki-scale-cm{flex:0 1 150px;min-width:0}
.rp-ki-scale-row .btn{flex:0 0 auto}

/* Beta-Weg (Martin, 07.10.2026): Funktion „Demnächst“ (Schalter soon). Schild wie „KI“, in Sand statt Ton; der Einstieg bleibt lesbar,
   ist aber gesperrt (kein Rahmen beim Darüberfahren, ein Klick zeigt nur „Kommt demnächst.“) */
.rp-soon-badge{display:inline-grid;place-items:center;min-width:32px;height:26px;padding:0 7px;border-radius:var(--rb);background:#e8e1d4;color:var(--ink);font:700 16px/1 var(--sans);letter-spacing:.02em;vertical-align:middle;white-space:nowrap}
.rp.rp--calm .rp-start-pic .rp-soon-badge{position:absolute;left:8px;top:8px;height:24px;font-size:16px}
.rp--calm .rp-ai-entry.is-soon,.rp--calm .rp-start-card.is-soon{cursor:default;background:var(--paper)}
.rp--calm .rp-ai-entry.is-soon:hover,.rp--calm .rp-start-card.is-soon:hover{border-color:var(--line)}
.rp--calm .rp-ai-entry.is-soon .rp-ai-ic{opacity:.55}
.rp--calm .rp-start-card.is-soon .rp-start-pic{filter:grayscale(1)}
.rp--calm .rp-ai-entry.is-soon .rp-ai-txt span,.rp--calm .rp-start-card.is-soon .rp-start-txt span{color:var(--ink)}
@media (max-width:700px){.rp.rp--calm .rp-start-pic .rp-soon-badge{left:4px;top:4px;height:20px;padding:0 5px}}
/* Einträge im Menü „Plan“ mit „Demnächst“ (Meine Pläne bei konto-plaene soon): Schild rechts, Zeichen blasser, kein Hover */
.rp-menu-item.is-soon{cursor:default}
.rp-menu-item.is-soon .rp-soon-badge{margin-left:auto}
.rp-menu-item.is-soon>svg{opacity:.55}
/* Hinweise am Handy über dem offenen Blatt (Blatt .rp-side z-index 330): vorher lag jeder Hinweis aus „Raum bauen“ oder „Hinzufügen“
   darunter, auch „Kommt demnächst.“ (Beta-Weg 07.10.2026) */
@media (max-width:699px){.is-planner .pdp-toast.rp-toast{z-index:340}}

/* Umzug planen (07.10.2026): mitnehmen, wohin, Ergebnis mit Mitgenommenem */
.rp-wo-sub{margin:6px 0 0;font:600 17px/1.3 var(--sans);color:var(--ink)}
.rp-wo-owns{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rp-wo-own{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.rp-wo-own > span{display:grid;gap:2px;min-width:0;font:400 16px/1.35 var(--sans);overflow-wrap:anywhere}
.rp-wo-own .rp-wo-check{grid-column:1/-1}
.rp-wo-own .rp-wo-check > span{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.rp-wo-own .rp-select{min-width:0;max-width:260px}
.rp-wo-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.rp-wo-add .rp-select{min-width:0;max-width:100%}
.rp-wo-dims{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font:400 16px/1.2 var(--sans)}
.rp-wo-dim input{width:84px;min-height:44px;padding:6px 8px;border:1px solid rgba(37,55,46,.28);border-radius:var(--rb);background:var(--paper);font:400 16px/1.2 var(--sans);color:var(--ink)}
.rp-wo-taken{margin:0;font:400 16px/1.4 var(--sans);color:var(--ink)}
.rp-wo-have{display:inline-block;padding:0 8px;border-radius:var(--rb);background:var(--bg);font:600 16px/1.4 var(--sans);color:var(--green);white-space:nowrap}
.rp-group-have summary{color:var(--green)}
@media (max-width:560px){.rp-wo-own{grid-template-columns:minmax(0,1fr)}.rp-wo-own .rp-select{max-width:100%;width:100%}}