@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/konfigurator/assets/inter-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cm-accent: #2e8bc0;--cm-accent-dark: #176d9e;--cm-text-dark: #17212b;--cm-text-light: #536675;--cm-page-bg: #f4f7fa;--cm-border: #dce5ec;--cm-surface: #fff;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dauer-farbe: .26s}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--cm-page-bg);color:var(--cm-text-dark);overflow:hidden}.app{position:fixed;inset:0;display:flex;flex-direction:column}.topnav{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:1.75rem;background:var(--cm-surface);border-bottom:1px solid var(--cm-border);padding:.85rem 1.5rem;overflow-x:auto;min-height:4.2rem}.topnav button{background:none;border:none;cursor:pointer;font-family:inherit;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--cm-text-light);font-size:.78rem;white-space:nowrap;padding:.2rem .1rem}.topnav button[hidden]{display:none}.topnav button .dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--cm-border);background:var(--cm-surface)}.topnav button.active{color:var(--cm-text-dark);font-weight:600}.topnav button.active .dot{border-color:var(--cm-accent);background:var(--cm-accent)}.nur-vorlesen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.topnav button:focus-visible,.nav-arrow:focus-visible,.btn-reset:focus-visible,.btn-export:focus-visible,.swatch-btn:focus-visible,.ansicht-schalter button:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--cm-accent-dark);outline-offset:2px;border-radius:4px}.btn-export:focus-visible{outline-color:var(--cm-text-dark)}::selection{background:#2e8bc038;color:var(--cm-text-dark)}.panel-category,.info-liste{scrollbar-width:thin;scrollbar-color:var(--cm-border) transparent}.panel-category::-webkit-scrollbar,.info-liste::-webkit-scrollbar{width:8px}.panel-category::-webkit-scrollbar-thumb,.info-liste::-webkit-scrollbar-thumb{background:var(--cm-border);border-radius:4px;border:2px solid var(--cm-surface);background-clip:padding-box}.panel-category::-webkit-scrollbar-track,.info-liste::-webkit-scrollbar-track{background:transparent}@media(pointer:coarse){.swatch-btn{width:44px;height:44px}.swatch-row{gap:.6rem}.nav-arrow{width:44px;height:44px;font-size:1.1rem}.topnav button{min-height:44px;min-width:44px;justify-content:center;padding:.35rem .3rem}.topnav{min-height:calc(45px + 1.7rem)}.btn-reset,.btn-export,.ansicht-schalter button{min-height:44px}.confirm-row{padding:.35rem 0;min-height:44px;align-items:center}.confirm-row input[type=checkbox]{width:20px;height:20px;margin-top:0}}.stage-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center;container-type:size;padding:.75rem;min-height:0}.buehne{display:contents}.stage-crop{--crop-x: 245;--crop-y: 244;--crop-w: 1055;--crop-h: 1330;--bild-w: 1536;--bild-h: 2048;position:relative;overflow:hidden;--buehne-h: 100cqh;width:min(100%,calc(var(--buehne-h) * var(--crop-w) / var(--crop-h)));height:auto;aspect-ratio:var(--crop-w) / var(--crop-h);border-radius:10px;background:var(--cm-page-bg)}.stage{position:absolute;top:calc(-100% * var(--crop-y) / var(--crop-h));left:calc(-100% * var(--crop-x) / var(--crop-w));width:calc(100% * var(--bild-w) / var(--crop-w));aspect-ratio:var(--bild-w) / var(--bild-h);background:var(--cm-page-bg)}.stage[hidden]{display:none}.stage img.base,.stage .region{position:absolute;inset:0;width:100%;height:100%}.stage img.base{object-fit:contain;mix-blend-mode:darken}.stage .region{background-repeat:no-repeat;background-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha;-webkit-mask-repeat:no-repeat;pointer-events:none;opacity:0}.stage .region-hell{background-color:#fff;mix-blend-mode:screen}.stage .region-dunkel{background-color:#000;mix-blend-mode:multiply}.stage .region-farbe{mix-blend-mode:color}.stage .region-textur{background-repeat:repeat;mix-blend-mode:overlay}.stage .region-licht{background-size:100% 100%;mix-blend-mode:screen}.stage .region-gloss{background-image:linear-gradient(112deg,#00000080,#0000002e 22%,#fff 33%,#ffffffb8 41%,#00000024 55%,#ffffff75 74%,#00000070);background-repeat:no-repeat;mix-blend-mode:overlay}.stage .region-gloss.active{opacity:var(--glanz-staerke, 1)}.stage .auslauf-unten{position:absolute;left:0;right:0;background:linear-gradient(to bottom,rgba(244,247,250,0),var(--cm-page-bg) 92%);pointer-events:none}.lade-hinweis{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-size:.8rem;color:var(--cm-text-light);background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:6px;padding:.4rem .75rem;max-width:80%;text-align:center;opacity:0;pointer-events:none}.lade-hinweis.sichtbar{opacity:1}.ansicht-schalter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(2,1fr);padding:.25rem;background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:10px;box-shadow:0 8px 24px #17212b1a;isolation:isolate}.ansicht-schalter:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc((100% - .5rem)/2);border-radius:6px;background:var(--cm-accent);transform:translate(calc(var(--index, 0) * 100%));z-index:-1}.ansicht-schalter button{border:none;background:none;border-radius:6px;padding:.45rem 1rem;font:inherit;font-size:.8rem;color:var(--cm-text-light);cursor:pointer;white-space:nowrap}.ansicht-schalter button.active{color:var(--cm-surface);font-weight:600}@media(hover:hover)and (pointer:fine){.ansicht-schalter button:not(.active):hover{color:var(--cm-text-dark)}}.panel{position:absolute;background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:10px;box-shadow:0 8px 24px #17212b1a}.panel-category{top:1.5rem;left:1.5rem;width:280px;max-height:calc(100% - 3rem);overflow-y:auto;padding:1.1rem 1.25rem}.panel-category .head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}.panel-category .head-titel{text-align:center;min-width:0}.panel-category .zaehler{display:block;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cm-accent-dark);margin-bottom:.15rem}.panel-category .head h2{font-family:Georgia,Times New Roman,ui-serif,serif;font-weight:400;font-size:1.1rem;margin:0;color:var(--cm-text-dark)}.nav-arrow{background:none;border:1px solid var(--cm-border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cm-text-dark);font-size:.9rem;flex-shrink:0}@media(hover:hover)and (pointer:fine){.nav-arrow:hover{border-color:var(--cm-accent);color:var(--cm-accent)}}.item-block{margin-bottom:1rem}.item-block:last-child{margin-bottom:0}.item-block .item-label{font-size:.75rem;color:var(--cm-text-light);margin-bottom:.4rem}.swatch-row{display:flex;gap:.5rem;flex-wrap:wrap}.swatch-btn{position:relative;width:34px;height:34px;border-radius:6px;border:2px solid var(--cm-border);background:var(--kachel);cursor:pointer;padding:0}.swatch-btn.active{border-color:var(--cm-accent);box-shadow:0 0 0 2px #2e8bc040}.swatch-btn:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;background:#fff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;opacity:0;transform:scale(.6)}.swatch-btn.hell:after{background:var(--cm-text-dark)}.swatch-btn.active:after{opacity:1;transform:none}.panel-info{top:1.5rem;right:1.5rem;width:268px;max-height:calc(100% - 3rem);display:flex;flex-direction:column;font-size:.8rem;color:var(--cm-text-light);line-height:1.5}.info-kopf{padding:1.1rem 1.25rem .5rem}.info-liste{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 1.25rem .25rem}.info-fuss{flex-shrink:0;padding:.6rem 1.25rem 1.1rem;border-top:1px solid var(--cm-border);background:var(--cm-surface);border-radius:0 0 10px 10px}.panel-info .overline{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cm-accent-dark);margin-bottom:.3rem}.panel-info h2{font-family:Georgia,Times New Roman,ui-serif,serif;font-weight:400;font-size:1.2rem;color:var(--cm-text-dark);margin:0}.summary{margin:0 0 .9rem}.summary-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--cm-border);font-size:.78rem}.summary-row:last-child{border-bottom:none}.summary-chip{width:16px;height:16px;border-radius:4px;border:1px solid var(--cm-border);flex-shrink:0}.summary-row .s-label{color:var(--cm-text-dark);flex:1}.summary-row .s-value{color:var(--cm-text-light);font-size:.75rem;text-align:right}.btn-reset{width:100%;font-family:inherit;font-size:.78rem;color:var(--cm-text-dark);background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:6px;padding:.45rem .6rem;cursor:pointer;margin-bottom:.9rem}@media(hover:hover)and (pointer:fine){.btn-reset:hover{border-color:var(--cm-accent);color:var(--cm-accent)}}.disclaimer{font-size:.75rem;line-height:1.5;color:var(--cm-text-light);border-top:1px solid var(--cm-border);padding-top:.7rem}.confirm-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;line-height:1.4;color:var(--cm-text-dark);cursor:pointer}.confirm-row input[type=checkbox]{margin-top:.15rem;flex-shrink:0;accent-color:var(--cm-accent)}.btn-export{position:relative;display:grid;width:100%;font-family:inherit;font-size:.8rem;font-weight:600;color:#fff;background:var(--cm-accent);border:none;border-radius:6px;padding:.55rem .6rem;margin-top:.6rem;cursor:pointer}.btn-export>span{grid-area:1 / 1}.btn-export .btn-text-arbeitet,.btn-export.arbeitet .btn-text{opacity:0}.btn-export.arbeitet .btn-text-arbeitet{opacity:1}@media(hover:hover)and (pointer:fine){.btn-export:not(:disabled):hover{background:var(--cm-accent-dark)}}.btn-export:disabled{background:var(--cm-border);color:var(--cm-text-light);cursor:not-allowed}@media(max-width:900px){.stage-area{display:block;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:0 0 env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch;container-type:normal}.buehne{display:block;position:sticky;top:0;z-index:2;background:var(--cm-page-bg);border-bottom:1px solid var(--cm-border)}.stage-crop{--buehne-h: 40vh;margin:0 auto;border-radius:0}.ansicht-schalter{position:relative;bottom:auto;left:auto;transform:none;width:max-content;margin:.4rem auto .5rem;box-shadow:none}.ansicht-schalter:empty,.panel-category:empty,.panel-category:empty~.panel-info{display:none}.panel{position:static;width:auto;max-width:34rem;margin:0 auto;border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:none}.panel-category{max-height:none;overflow:visible;padding:1.1rem 1.25rem}.panel-info{max-height:none;display:block;padding-bottom:env(safe-area-inset-bottom)}.info-liste{overflow:visible}.info-fuss{border-radius:0}.topnav{justify-content:flex-start;gap:1.25rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));scrollbar-width:none;--rand-l: 0px;--rand-r: 0px;mask-image:linear-gradient(to right,transparent 0,#000 var(--rand-l),#000 calc(100% - var(--rand-r)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--rand-l),#000 calc(100% - var(--rand-r)),transparent 100%)}.topnav.kann-links{--rand-l: 2rem}.topnav.kann-rechts{--rand-r: 3.5rem}.topnav::-webkit-scrollbar{display:none}}@media(max-width:900px)and (orientation:landscape){.stage-crop{--buehne-h: 58vh}}.stage-crop>.stage{transition:opacity .32s var(--ease-out),transform .42s var(--ease-out)}.stage-crop.wird-geladen>.stage{opacity:0;transform:scale(.985)}.stage .region-hell,.stage .region-dunkel,.stage .region-farbe,.stage .region-licht,.stage .region-textur,.stage .region-gloss{transition:opacity var(--dauer-farbe) ease}.ansicht-schalter:before{transition:transform .28s var(--ease-in-out)}.lade-hinweis{transition:opacity .16s ease}.swatch-btn,.nav-arrow,.btn-reset,.btn-export,.topnav button{transition:transform .14s var(--ease-out)}.ansicht-schalter button{transition:color .28s var(--ease-in-out),transform .14s var(--ease-out)}.swatch-btn:active,.btn-reset:active,.btn-export:not(:disabled):active,.topnav button:active,.ansicht-schalter button:active{transform:scale(.96)}.nav-arrow:active{transform:scale(.9)}.swatch-btn:after{transition:opacity .16s ease,transform .22s var(--ease-out)}.topnav button .dot{transition:transform .22s var(--ease-out)}.topnav button.active .dot{transform:scale(1.15)}.btn-export>span{transition:opacity .11s ease}.btn-export .btn-text,.btn-export.arbeitet .btn-text-arbeitet{transition-delay:.11s}.btn-export.arbeitet .btn-text{transition-delay:0ms}@media(prefers-reduced-motion:reduce){.stage-crop.wird-geladen>.stage{transform:none}.stage-crop>.stage{transition:opacity .2s ease}.swatch-btn,.nav-arrow,.btn-reset,.btn-export,.topnav button,.ansicht-schalter button,.topnav button .dot{transition:none}.swatch-btn:active,.btn-reset:active,.btn-export:not(:disabled):active,.topnav button:active,.ansicht-schalter button:active,.nav-arrow:active,.topnav button.active .dot{transform:none}.swatch-btn:after{transition:opacity .16s ease;transform:none}.ansicht-schalter:before{transition:none}}