.fw{display:flex;flex-direction:column;gap:8px;margin:18px 0}.fw__kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.fw__titel{font-size:14px;font-weight:600;color:rgb(var(--color-foreground))}.fw__titel:after{content:":"}.fw__gewaehlt{font-size:14px;color:rgba(var(--color-foreground),.65)}.fw__reihe{display:flex;flex-wrap:wrap;gap:8px}.fw__feld{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));background:rgb(var(--color-background));text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.fw__feld:hover{border-color:rgba(var(--color-foreground),.5)}.fw__feld.is-aktiv{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.fw__feld:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.fw__platte{display:block;width:26px;height:26px;border-radius:50%;border:1px solid rgba(20,26,31,.22);box-shadow:inset 0 -2px 3px #0003,inset 0 2px 2px #ffffff73}.fw__feld.ist-vergriffen .fw__platte{opacity:.4}.fw__feld.ist-vergriffen:after{content:"";position:absolute;width:30px;height:1px;background:rgba(var(--color-foreground),.55);transform:rotate(-45deg)}.fw__feld.ist-vergriffen{position:relative;overflow:hidden}@media(max-width:480px){.fw__feld{width:34px;height:34px}.fw__platte{width:23px;height:23px}}.fp{display:flex;align-items:center;gap:5px;margin-top:8px;min-height:18px}.fp__punkt{display:inline-flex;width:18px;height:18px;border-radius:50%;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));text-decoration:none;transition:transform .12s ease,border-color .12s ease}.fp__punkt:hover{transform:scale(1.15);border-color:rgba(var(--color-foreground),.6)}.fp__punkt.is-aktiv{border-color:rgb(var(--color-foreground))}.fp__punkt:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.fp__platte{display:block;width:100%;height:100%;border-radius:50%}.fp__mehr{font-size:12px;line-height:1;color:rgba(var(--color-foreground),.65);text-decoration:none;padding-left:1px;font-variant-numeric:tabular-nums}.fp__mehr:hover{color:rgb(var(--color-foreground))}.fw--chrom .fw__platte,.fw--chrom .fp__platte,.fw--chrom .swatch-color,.fw--chrom.m2-calc__vp-swatch{background:linear-gradient(145deg,#f2f5f7 8%,#a9b2b9 48%,#dde2e6 92%)}.fw--bgm .fw__platte,.fw--bgm .fp__platte,.fw--bgm .swatch-color,.fw--bgm.m2-calc__vp-swatch{background:linear-gradient(145deg,#4c545d 8%,#262c33 55%,#3d454d 92%)}.fw--nickel .fw__platte,.fw--nickel .fp__platte,.fw--nickel .swatch-color,.fw--nickel.m2-calc__vp-swatch{background:linear-gradient(145deg,#dad7cf 8%,#a3a099 48%,#c6c3bb 92%)}.fw--gold .fw__platte,.fw--gold .fp__platte,.fw--gold .swatch-color,.fw--gold.m2-calc__vp-swatch{background:linear-gradient(145deg,#e0c085 8%,#a07e36 48%,#cba75f 92%)}.fw--rose .fw__platte,.fw--rose .fp__platte,.fw--rose .swatch-color,.fw--rose.m2-calc__vp-swatch{background:linear-gradient(145deg,#e0aa95 8%,#a96b57 48%,#cb907a 92%)}.fw--champagner .fw__platte,.fw--champagner .fp__platte,.fw--champagner .swatch-color,.fw--champagner.m2-calc__vp-swatch{background:linear-gradient(145deg,#ded6c4 8%,#a49a86 48%,#cfc6b3 92%)}.fw--silber .fw__platte,.fw--silber .fp__platte,.fw--silber .swatch-color,.fw--silber.m2-calc__vp-swatch{background:linear-gradient(145deg,#eef1f3 8%,#b5bcc1 48%,#d7dcdf 92%)}.fw--weiss .fw__platte,.fw--weiss .fp__platte,.fw--weiss .swatch-color,.fw--weiss.m2-calc__vp-swatch{background:linear-gradient(145deg,#fff 8%,#e6e6e4 60%,#f6f6f4 95%)}.fw--creme .fw__platte,.fw--creme .fp__platte,.fw--creme .swatch-color,.fw--creme.m2-calc__vp-swatch{background:linear-gradient(145deg,#f5ecdc 8%,#e0d2b8 60%,#ede2ce 95%)}.fw--beige .fw__platte,.fw--beige .fp__platte,.fw--beige .swatch-color,.fw--beige.m2-calc__vp-swatch{background:linear-gradient(145deg,#e3d7c3 8%,#c2b093 60%,#d5c7ae 95%)}.fw--hellgrau .fw__platte,.fw--hellgrau .fp__platte,.fw--hellgrau .swatch-color,.fw--hellgrau.m2-calc__vp-swatch{background:linear-gradient(145deg,#e2e5e6 8%,#c3c8ca 60%,#d5d9da 95%)}.fw--grau .fw__platte,.fw--grau .fp__platte,.fw--grau .swatch-color,.fw--grau.m2-calc__vp-swatch{background:linear-gradient(145deg,#b9bcbd 8%,#92979a 60%,#a8acae 95%)}.fw--anthrazit .fw__platte,.fw--anthrazit .fp__platte,.fw--anthrazit .swatch-color,.fw--anthrazit.m2-calc__vp-swatch{background:linear-gradient(145deg,#565b60 8%,#33383c 60%,#45494d 95%)}.fw--graphit .fw__platte,.fw--graphit .fp__platte,.fw--graphit .swatch-color,.fw--graphit.m2-calc__vp-swatch{background:linear-gradient(145deg,#4a4f54 8%,#2b3034 60%,#3a3f43 95%)}.fw--schwarz .fw__platte,.fw--schwarz .fp__platte,.fw--schwarz .swatch-color,.fw--schwarz.m2-calc__vp-swatch{background:linear-gradient(145deg,#2e3237 8%,#191c1f 55%,#26292d 92%)}.fw--beton-warm .fw__platte,.fw--beton-warm .fp__platte,.fw--beton-warm .swatch-color,.fw--beton-warm.m2-calc__vp-swatch{background:linear-gradient(145deg,#d9cfc0 8%,#b3a794 60%,#c7bcab 95%)}.fw--beton-kalt .fw__platte,.fw--beton-kalt .fp__platte,.fw--beton-kalt .swatch-color,.fw--beton-kalt.m2-calc__vp-swatch{background:linear-gradient(145deg,#cfd3d4 8%,#a5abae 60%,#bdc2c4 95%)}.fw--eiche .fw__platte,.fw--eiche .fp__platte,.fw--eiche .swatch-color,.fw--eiche.m2-calc__vp-swatch{background:linear-gradient(145deg,#cfa877 8%,#a67f4f 60%,#bd9463 95%)}.fw--eiche-hell .fw__platte,.fw--eiche-hell .fp__platte,.fw--eiche-hell .swatch-color,.fw--eiche-hell.m2-calc__vp-swatch{background:linear-gradient(145deg,#e6d8c4 8%,#c6b49b 60%,#d8c9b3 95%)}.fw--braun .fw__platte,.fw--braun .fp__platte,.fw--braun .swatch-color,.fw--braun.m2-calc__vp-swatch{background:linear-gradient(145deg,#a8845f 8%,#7d5c3d 60%,#94714e 95%)}.fw--terracotta .fw__platte,.fw--terracotta .fp__platte,.fw--terracotta .swatch-color,.fw--terracotta.m2-calc__vp-swatch{background:linear-gradient(145deg,#cf9878 8%,#a56a4a 60%,#ba8161 95%)}.fw--blau .fw__platte,.fw--blau .fp__platte,.fw--blau .swatch-color,.fw--blau.m2-calc__vp-swatch{background:linear-gradient(145deg,#a8c4dc 8%,#6d8fae 60%,#8bacc7 95%)}.fw--gelb .fw__platte,.fw--gelb .fp__platte,.fw--gelb .swatch-color,.fw--gelb.m2-calc__vp-swatch{background:linear-gradient(145deg,#ecdc9a 8%,#ccb765 60%,#dcca80 95%)}.fw--neutral .fw__platte,.fw--neutral .fp__platte,.fw--neutral .swatch-color,.fw--neutral.m2-calc__vp-swatch{background:linear-gradient(145deg,#d8dcdf 8%,#aab1b6 55%,#c9cfd3 92%)}.fw--weiss .fw__platte,.fw--creme .fw__platte,.fw--beige .fw__platte,.fw--sand .fw__platte,.fw--hellgrau .fw__platte,.fw--grau .fw__platte,.fw--anthrazit .fw__platte,.fw--graphit .fw__platte,.fw--beton-warm .fw__platte,.fw--beton-kalt .fw__platte,.fw--korn-warm .fw__platte,.fw--korn-kalt .fw__platte,.fw--eiche .fw__platte,.fw--eiche-hell .fw__platte,.fw--braun .fw__platte,.fw--terracotta .fw__platte,.fw--blau .fw__platte,.fw--gelb .fw__platte{box-shadow:none}.ff__reihe{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ff__feld{position:relative;display:inline-flex;width:var(--swatch-size, 40px);height:var(--swatch-size, 40px);border-radius:50%;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.ff__feld:hover{border-color:rgba(var(--color-foreground),.6)}.ff__feld.is-aktiv{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.ff__feld:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.ff__feld .swatch-color{width:100%;height:100%;border-radius:50%;border:2px solid rgb(var(--color-background))}.ff__feld.ist-vergriffen{overflow:hidden}.ff__feld.ist-vergriffen .swatch-color{opacity:.45}.ff__feld.ist-vergriffen:after{content:"";position:absolute;inset:50% 4px auto 4px;height:1px;background:rgba(var(--color-foreground),.55);transform:rotate(-45deg)}.fw--sand .fw__platte,.fw--sand .fp__platte,.fw--sand .swatch-color,.fw--sand.m2-calc__vp-swatch{background:linear-gradient(145deg,#ded0b4 8%,#b8a37f 60%,#cebb9d 95%)}.fw--korn-warm .fw__platte,.fw--korn-warm .fp__platte,.fw--korn-warm .swatch-color,.fw--korn-warm.m2-calc__vp-swatch{background:linear-gradient(145deg,#cfc3b0 8%,#a2947e 60%,#b9ac97 95%)}.fw--korn-kalt .fw__platte,.fw--korn-kalt .fp__platte,.fw--korn-kalt .swatch-color,.fw--korn-kalt.m2-calc__vp-swatch{background:linear-gradient(145deg,#c4c9cb 8%,#949b9f 60%,#adb3b6 95%)}.fw--sand .fw__platte,.fw--korn-warm .fw__platte,.fw--korn-kalt .fw__platte{box-shadow:none}a.m2-calc__vp-swatch{display:inline-block;box-sizing:border-box;text-decoration:none}a.m2-calc__vp-swatch.is-unavailable{opacity:.35;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/farbwaehler.css.map */
