.konfig{--akzent: #e5491f;display:grid;gap:.9rem;margin:1rem 0 1.25rem}.konfig__feld{border:0;margin:0;min-width:0;position:relative}.konfig__glas{padding:.9rem 1rem 1rem;border-radius:18px;background:linear-gradient(135deg,#ffffffbf,#ffffff59);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px #ffffffe6 inset,0 8px 24px -12px #14141e40,0 0 0 1px #0000000d;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);transition:box-shadow .2s}.konfig__titel{display:block;font-weight:500;font-size:inherit;margin:0 0 .7rem;padding:0;float:none;width:auto}.konfig__pflicht{color:var(--akzent, #e5491f)}.konfig__wahl{font-weight:400;opacity:.7}.konfig__swatches{display:flex;flex-wrap:wrap;gap:6px}.konfig .konfig__swatch{all:unset;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:3px!important;margin:0!important;border:0!important;border-radius:50%!important;background:none!important;box-sizing:content-box!important;line-height:0;position:relative;transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}.konfig .konfig__swatch:hover{transform:translateY(-2px) scale(1.06)}.konfig .konfig__swatch:focus-visible{outline:2px solid var(--akzent, #e5491f);outline-offset:2px}.konfig .konfig__swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4.5px var(--akzent, #e5491f),0 8px 18px -4px color-mix(in srgb,var(--akzent, #e5491f) 60%,transparent);transform:scale(1.04)}.konfig .konfig__punkt{display:block!important;width:34px!important;height:34px!important;min-width:34px;flex:none;border-radius:50%;background:var(--c);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026,0 2px 5px -1px #00000059}.konfig .konfig__punkt--gloss{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.85) 0 8%,rgba(255,255,255,.25) 22%,transparent 45%),radial-gradient(circle at 70% 85%,rgba(0,0,0,.28),transparent 60%),var(--c)}.konfig .konfig__punkt--gloss:after{content:"";position:absolute;top:6%;right:18%;bottom:52%;left:18%;border-radius:50%;background:linear-gradient(to bottom,#ffffff8c,#fff0)}.konfig .konfig__punkt--matt{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.14),transparent 60%),radial-gradient(circle at 70% 85%,rgba(0,0,0,.18),transparent 65%),var(--c)}.konfig .konfig__punkt--metallic{background:conic-gradient(from 210deg,#fff0,#ffffff8c,#fff0 25%,#00000040,#fff6,#0003 85%,#fff0),radial-gradient(circle at 32% 26%,rgba(255,255,255,.7),transparent 35%),var(--c)}.konfig__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.konfig__feld--fehlt{box-shadow:0 0 0 2px var(--akzent, #e5491f),0 8px 24px -12px #e5491f80}.konfig__feld--fehlt .konfig__titel{color:var(--akzent, #e5491f)}.konfig__checks{display:grid;gap:.45rem}.konfig__check{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.45rem .6rem;border-radius:12px;transition:background .15s}.konfig__check:hover{background:#fff9}.konfig__check input{width:18px;height:18px;margin:0;accent-color:var(--akzent, #e5491f)}.konfig__preis{margin-left:auto;opacity:.65;font-size:.9em}.konfig__notiz{width:100%;box-sizing:border-box;padding:.7rem .85rem 1.4rem;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffb3;font:inherit;resize:vertical;transition:border-color .15s,box-shadow .15s}.konfig__notiz:focus{outline:none;border-color:var(--akzent, #e5491f);box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent, #e5491f) 20%,transparent)}.konfig__zaehler{position:absolute;right:1.6rem;bottom:1.5rem;font-size:.75rem;opacity:.5}.konfig__summe{font-size:.9rem;padding:.7rem 1rem;border-radius:14px;background:linear-gradient(135deg,#e5491f1a,#e5491f08);border:1px solid rgba(229,73,31,.18)}.konfig__fehler{color:var(--akzent, #e5491f);font-weight:600;margin:0}@media(prefers-reduced-motion:reduce){.konfig__swatch{transition:none}}.konfig__swatches,.konfig__checks,.konfig__notiz{clear:both}.konfig__pills{display:flex;flex-wrap:wrap;gap:8px}.konfig .konfig__pill,.konfig .konfig__schrift,.konfig .konfig__bild{all:unset;box-sizing:border-box;cursor:pointer;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffb3;transition:border-color .15s,box-shadow .15s,transform .15s}.konfig .konfig__pill{padding:.5rem .85rem;font-size:.92em;line-height:1.2;display:inline-flex;gap:.4rem;align-items:baseline}.konfig .konfig__pill:hover,.konfig .konfig__schrift:hover,.konfig .konfig__bild:hover{border-color:#0000004d;transform:translateY(-1px)}.konfig .konfig__pill[aria-pressed=true],.konfig .konfig__schrift[aria-pressed=true],.konfig .konfig__bild[aria-pressed=true]{border-color:var(--akzent, #e5491f);box-shadow:0 0 0 2px color-mix(in srgb,var(--akzent, #e5491f) 25%,transparent);background:#fff}.konfig .konfig__pill:focus-visible,.konfig .konfig__schrift:focus-visible,.konfig .konfig__bild:focus-visible{outline:2px solid var(--akzent, #e5491f);outline-offset:2px}.konfig__schriften{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:5px;max-height:168px;overflow-y:auto;padding:2px;scrollbar-width:thin}.konfig .konfig__schrift{padding:.35rem .4rem;font-size:.9rem;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.konfig__bilder{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.konfig .konfig__bild{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;font-size:.8rem;text-align:center;padding:4px}.konfig .konfig__bild img{width:100%;height:100%;object-fit:cover;border-radius:8px}.konfig .konfig__bild em{position:absolute;bottom:4px;right:4px;font-style:normal;font-size:.7rem;background:#ffffffe6;border-radius:6px;padding:1px 4px}.konfig__eingabe{width:100%;box-sizing:border-box;padding:.7rem .85rem;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#ffffffb3;font:inherit}.konfig__eingabe:focus{outline:none;border-color:var(--akzent, #e5491f);box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent, #e5491f) 20%,transparent)}.konfig .konfig__zaehler--zeile{position:static;display:block;text-align:right;margin-top:.3rem}.konfig__upload{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;cursor:pointer}.konfig__upload input{position:absolute;width:1px;height:1px;opacity:0}.konfig__upload-knopf{padding:.55rem .95rem;border-radius:12px;background:var(--akzent, #e5491f);color:#fff;font-weight:600;box-shadow:0 6px 14px -6px var(--akzent, #e5491f)}.konfig__upload:focus-within .konfig__upload-knopf{outline:2px solid var(--akzent, #e5491f);outline-offset:2px}.konfig__upload-info{font-size:.85rem;opacity:.75}.konfig__vorschau-flaeche{border-radius:14px;padding:14px;background:linear-gradient(135deg,#2b2f36,#14161a)}.konfig__vorschau-flaeche--hell{background:repeating-conic-gradient(#e9e9e9 0 25%,#f7f7f7 0 50%) 0 0 / 18px 18px}.konfig__vorschau-flaeche svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}.konfig__hinweis{font-size:.75rem;opacity:.6;margin:.5rem 0 0}.konfig .konfig__punkt--oilslick{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.7),transparent 30%),conic-gradient(from 160deg,#3a2a5c,#2d6f8f,#6b8f3a,#9a7a2a,#8f2d5c,#3a3f8f,#2a7a6f,#3a2a5c)}.konfig .konfig__punkt--verlauf{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.75),transparent 32%),linear-gradient(135deg,#7b2ff7,#2f80ed 25%,#00d2a8 45%,#b6e61e,#ffb800,#ff3d7f 90%,#9b36a0)}.konfig .konfig__punkt--neon{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.8) 0 8%,transparent 40%),var(--c);box-shadow:inset 0 0 0 1px #0000001f,0 0 10px 1px var(--c)}.kv-swatch[data-fx]>span{background:var(--sw)!important;box-shadow:inset 0 0 0 1px #00000026,0 2px 5px -1px #00000059}.kv-swatch[data-fx=gloss]>span{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.85) 0 8%,rgba(255,255,255,.25) 22%,transparent 45%),radial-gradient(circle at 70% 85%,rgba(0,0,0,.28),transparent 60%),var(--sw)!important}.kv-swatch[data-fx=matt]>span{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.14),transparent 60%),radial-gradient(circle at 70% 85%,rgba(0,0,0,.18),transparent 65%),var(--sw)!important}.kv-swatch[data-fx=metallic]>span{background:conic-gradient(from 210deg,#fff0,#ffffff8c,#fff0 25%,#00000040,#fff6,#0003 85%,#fff0),radial-gradient(circle at 32% 26%,rgba(255,255,255,.7),transparent 35%),var(--sw)!important}.kv-swatch[data-fx=oilslick]>span{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.7),transparent 30%),conic-gradient(from 160deg,#3a2a5c,#2d6f8f,#6b8f3a,#9a7a2a,#8f2d5c,#3a3f8f,#2a7a6f,#3a2a5c)!important}.kv-swatch[data-fx=verlauf]>span{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.75),transparent 32%),linear-gradient(135deg,#7b2ff7,#2f80ed 25%,#00d2a8 45%,#b6e61e,#ffb800,#ff3d7f 90%,#9b36a0)!important}.kv-swatch[data-fx=neon]>span{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.8) 0 8%,transparent 40%),var(--sw)!important;box-shadow:0 0 10px 1px var(--sw)!important}.konfig__felder{display:grid;gap:14px}.konfig__zubs{display:flex;flex-wrap:wrap;gap:8px}.konfig .konfig__zub{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem .45rem .5rem;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffffbf;font-size:.9em;line-height:1.2;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s}.konfig .konfig__zub:hover{border-color:#0000004d;transform:translateY(-1px)}.konfig .konfig__zub:focus-visible{outline:2px solid var(--akzent, #e5491f);outline-offset:2px}.konfig__zub-check{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(0,0,0,.25);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all .15s;flex:none}.konfig__zub-check svg{width:13px;height:13px}.konfig__zub-preis{opacity:.6;font-size:.9em}.konfig .konfig__zub[aria-pressed=true]{border-color:var(--akzent, #e5491f);background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--akzent, #e5491f) 22%,transparent)}.konfig .konfig__zub[aria-pressed=true] .konfig__zub-check{background:var(--akzent, #e5491f);border-color:var(--akzent, #e5491f);color:#fff}.konfig__vorschau-flaeche--glas{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 15% 0%,#ffffffd9,#fff0 55%),radial-gradient(90% 70% at 100% 100%,#78aad28c,#78aad200 60%),linear-gradient(160deg,#eef4f9,#c9d8e4 38%,#a9bfd1 62%,#d8e4ee);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000000f,inset 0 0 0 1px #ffffff73}.konfig__vorschau-flaeche--glas:before{content:"";position:absolute;top:-40%;right:-10%;bottom:-40%;left:-10%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 38%,rgba(255,255,255,.1) 44%,transparent 50%,transparent 62%,rgba(255,255,255,.35) 66%,transparent 70%)}.konfig__vorschau-flaeche--glas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(to bottom,rgba(255,255,255,.35),transparent 30%);mix-blend-mode:screen}.konfig__vorschau-flaeche--glas svg{filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.konfig .konfig__schriften--farbig .konfig__schrift{color:var(--probe-fg, inherit);background:var(--probe-bg, #fff);border-color:#0000002e;text-shadow:0 1px 1px rgba(0,0,0,.15)}.konfig .konfig__schriften--farbig .konfig__schrift[aria-pressed=true]{background:var(--probe-bg, #fff);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--akzent, #e5491f)}.konfig .konfig__schriften--kontrast .konfig__schrift{text-shadow:0 0 1px rgba(255,255,255,.9),0 0 2px rgba(255,255,255,.6)}.konfig .konfig__schriften--farbig[data-fx=oilslick] .konfig__schrift span,.konfig .konfig__schriften--farbig[data-fx=verlauf] .konfig__schrift span{-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.konfig .konfig__schriften--farbig[data-fx=oilslick] .konfig__schrift span{background-image:linear-gradient(110deg,#6b5ca8,#3f9bbf,#8fb04a,#c8a23a,#b0447a,#5a62c0,#3aa392)}.konfig .konfig__schriften--farbig[data-fx=verlauf] .konfig__schrift span{background-image:linear-gradient(110deg,#7b2ff7,#2f80ed,#00d2a8,#b6e61e,#ffb800,#ff3d7f,#9b36a0)}.kv-wrapper--oben{margin:0 0 14px}
/*# sourceMappingURL=/cdn/shop/t/46/assets/konfigurator.css.map */