.vn[data-astro-cid-vyh6i57j]{margin:0;max-width:52rem}.vn__flaeche[data-astro-cid-vyh6i57j]{position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--linie);border-radius:var(--radius);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.vn__bild[data-astro-cid-vyh6i57j]{position:absolute;inset:0}.vn__bild[data-astro-cid-vyh6i57j] svg[data-astro-cid-vyh6i57j]{width:100%;height:100%;display:block}.vn__bild--vorher[data-astro-cid-vyh6i57j]{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.vn__chip[data-astro-cid-vyh6i57j]{position:absolute;top:var(--raum-4);left:var(--raum-4);padding:var(--raum-1) var(--raum-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--nacht);color:var(--papier);border-radius:var(--radius)}.vn__chip--nachher[data-astro-cid-vyh6i57j]{left:auto;right:var(--raum-4);background:var(--tuerkis);color:var(--nacht)}.vn__naht[data-astro-cid-vyh6i57j]{position:absolute;top:0;bottom:0;left:var(--pos);width:var(--fugenbreite);margin-left:calc(var(--fugenbreite) / -2);background:var(--tuerkis);pointer-events:none}.vn__griff[data-astro-cid-vyh6i57j]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.75rem;height:2.75rem;display:grid;place-items:center;background:var(--nacht);color:var(--tuerkis);border:var(--fugenbreite) solid var(--tuerkis);border-radius:50%;box-shadow:0 2px 10px #2f312f59}.vn__griff[data-astro-cid-vyh6i57j] svg[data-astro-cid-vyh6i57j]{width:1.25rem;height:1.25rem}.vn__regler[data-astro-cid-vyh6i57j]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.vn__flaeche[data-astro-cid-vyh6i57j]:has(.vn__regler:focus-visible){outline:var(--fugenbreite) solid var(--tuerkis);outline-offset:2px}.vn[data-astro-cid-vyh6i57j] figcaption[data-astro-cid-vyh6i57j]{margin-top:var(--raum-3);display:grid;gap:var(--raum-1)}.vn__label[data-astro-cid-vyh6i57j]{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--stein)}.vn__motiv[data-astro-cid-vyh6i57j]{font-size:var(--text-s);color:var(--stein)}.farbwahl[data-astro-cid-q77snyqy]{display:grid;gap:var(--raum-5)}.farbwahl__kopf[data-astro-cid-q77snyqy] h3[data-astro-cid-q77snyqy]{margin-bottom:var(--raum-2)}.farbwahl__kopf[data-astro-cid-q77snyqy] p[data-astro-cid-q77snyqy]{margin:0;max-width:44rem}.farbwahl__mitte[data-astro-cid-q77snyqy]{display:grid;gap:var(--raum-5)}@media(min-width:48rem){.farbwahl__mitte[data-astro-cid-q77snyqy]{grid-template-columns:1fr 1fr;align-items:center;gap:var(--raum-6)}}.farbwahl__felder[data-astro-cid-q77snyqy]{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--raum-3)}.sr-nur[data-astro-cid-q77snyqy]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.farbwahl__farbe[data-astro-cid-q77snyqy]{display:grid;justify-items:center;gap:var(--raum-2);cursor:pointer}.farbwahl__farbe[data-astro-cid-q77snyqy] input[data-astro-cid-q77snyqy]{position:absolute;width:1px;height:1px;opacity:0}.farbwahl__muster[data-astro-cid-q77snyqy]{width:100%;aspect-ratio:1;max-width:3.25rem;background:var(--muster);border:1px solid var(--linie);border-radius:var(--radius);transition:transform .25s cubic-bezier(.16,1,.3,1)}.farbwahl__muster--klar[data-astro-cid-q77snyqy]{background:linear-gradient(#f2f5f48c,#f2f5f48c),repeating-conic-gradient(#cfd6d4 0% 25%,#eef1f0 0% 50%);background-size:auto,12px 12px}.farbwahl__name[data-astro-cid-q77snyqy]{font-size:var(--text-xs);color:var(--stein)}.farbwahl__farbe[data-astro-cid-q77snyqy]:hover .farbwahl__muster[data-astro-cid-q77snyqy]{transform:translateY(-2px)}.farbwahl__farbe[data-astro-cid-q77snyqy]:has(input:checked) .farbwahl__muster[data-astro-cid-q77snyqy]{outline:var(--fugenbreite) solid var(--tuerkis);outline-offset:2px}.farbwahl__farbe[data-astro-cid-q77snyqy]:has(input:checked) .farbwahl__name[data-astro-cid-q77snyqy]{color:var(--anthrazit);font-weight:700}.farbwahl__farbe[data-astro-cid-q77snyqy]:has(input:focus-visible) .farbwahl__muster[data-astro-cid-q77snyqy]{outline:var(--fugenbreite) solid var(--anthrazit);outline-offset:2px}.farbwahl__demo[data-astro-cid-q77snyqy]{position:relative;aspect-ratio:16 / 9;border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-rows:1fr auto .55fr}.demo__fliesen[data-astro-cid-q77snyqy]{background:repeating-linear-gradient(90deg,transparent 0 88px,#dde4e2 88px 93px),repeating-linear-gradient(0deg,transparent 0 72px,#dde4e2 72px 77px),#eef2f1}.demo__fuge[data-astro-cid-q77snyqy]{height:18px;background:var(--ff, #f6f6f3);box-shadow:inset 0 3px 3px #4749472e,inset 0 -3px 3px #4749471f}.demo__wanne[data-astro-cid-q77snyqy]{background:#fbfbfa;box-shadow:inset 0 4px 4px #4749470f}.demo__label[data-astro-cid-q77snyqy]{position:absolute;right:var(--raum-3);bottom:var(--raum-3);padding:var(--raum-1) var(--raum-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--nacht);color:var(--papier);border-radius:var(--radius)}.farbwahl[data-astro-cid-q77snyqy]:has(input[value=transparent]:checked) .demo__fuge[data-astro-cid-q77snyqy]{background:linear-gradient(#eef2f180,#eef2f180),repeating-conic-gradient(#cfd6d4 0% 25%,#eef1f0 0% 50%);background-size:auto,12px 12px}.farbwahl[data-astro-cid-q77snyqy]:has(input[value=weiss]:checked) .demo__fuge[data-astro-cid-q77snyqy]{--ff: #f6f6f3}.farbwahl[data-astro-cid-q77snyqy]:has(input[value=jasmin]:checked) .demo__fuge[data-astro-cid-q77snyqy]{--ff: #efe9d8}.farbwahl[data-astro-cid-q77snyqy]:has(input[value=bahamabeige]:checked) .demo__fuge[data-astro-cid-q77snyqy]{--ff: #d9c6a5}.farbwahl[data-astro-cid-q77snyqy]:has(input[value=manhattan]:checked) .demo__fuge[data-astro-cid-q77snyqy]{--ff: #b9b4a7}.farbwahl[data-astro-cid-q77snyqy]:has(input[value=grau]:checked) .demo__fuge[data-astro-cid-q77snyqy]{--ff: #9a9b99}.farbwahl[data-astro-cid-q77snyqy]:has(input[value=anthrazit]:checked) .demo__fuge[data-astro-cid-q77snyqy]{--ff: #3b4045}.farbwahl[data-astro-cid-q77snyqy]:has(input[value=schwarz]:checked) .demo__fuge[data-astro-cid-q77snyqy]{--ff: #212325}.farbwahl__fuss[data-astro-cid-q77snyqy]{display:grid;gap:var(--raum-4);align-items:center}.farbwahl__hinweis[data-astro-cid-q77snyqy]{margin:0;font-size:var(--text-xs);color:var(--stein);max-width:34rem}.farbwahl__mail[data-astro-cid-q77snyqy]{justify-self:start}@media(min-width:48rem){.farbwahl__fuss[data-astro-cid-q77snyqy]{grid-template-columns:1fr auto}.farbwahl__mail[data-astro-cid-q77snyqy]{justify-self:end}}