.mv-x10-farbleiste{--mvs-x10-ziel: 1.5rem;--mvs-x10-punkt: 1rem;--mvs-x10-luecke: .125rem;display:flex;flex-direction:column;gap:var(--mvs-abstand-1);min-width:0}.mv-x10-farbleiste--klein .mv-x10-farbleiste__hinweis{font-size:var(--mvs-fs-xs)}.mv-x10-farbleiste--gross{--mvs-x10-ziel: 1.75rem;--mvs-x10-punkt: 1.25rem;--mvs-x10-luecke: .25rem;gap:var(--mvs-abstand-2)}.mv-x10-farbleiste--gross .mv-x10-farbleiste__hinweis{font-size:var(--mvs-fs-s)}.mv-x10-farbleiste__liste{display:flex;flex-wrap:wrap;gap:var(--mvs-x10-luecke);margin:0 0 0 calc((var(--mvs-x10-punkt) - var(--mvs-x10-ziel)) / 2);padding:0;list-style:none}.mv-x10-farbleiste__eintrag{display:flex;margin:0}.mv-x10-farbleiste__punkt{position:relative;display:grid;place-items:center;width:var(--mvs-x10-ziel);height:var(--mvs-x10-ziel);border-radius:50%;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.mv-x10-farbleiste__farbe{display:block;width:var(--mvs-x10-punkt);height:var(--mvs-x10-punkt);border-radius:50%;background:rgb(var(--mvs-x10-farbe, var(--mvs-grau)));box-shadow:inset 0 0 0 1px rgb(var(--mvs-navy-tief) / .5);transition:transform var(--mvs-dauer) ease,box-shadow var(--mvs-dauer) ease}.mv-x10-farbleiste__punkt--mitternachtsblau{--mvs-x10-farbe: 58 97 153}.mv-x10-farbleiste__punkt--rubinrot{--mvs-x10-farbe: 114 64 65}.mv-x10-farbleiste__punkt--schiefergrau{--mvs-x10-farbe: 106 119 123}.mv-x10-farbleiste__punkt--malachitgrun{--mvs-x10-farbe: 18 113 104}.mv-x10-farbleiste__punkt--mandarine{--mvs-x10-farbe: 201 93 27}.mv-x10-farbleiste__punkt--jadegrun{--mvs-x10-farbe: 92 172 168}.mv-x10-farbleiste__punkt--graphitblau{--mvs-x10-farbe: 102 120 135}.mv-x10-farbleiste__punkt--nebelblau{--mvs-x10-farbe: 100 119 143}.mv-x10-farbleiste__punkt--aktiv .mv-x10-farbleiste__farbe{box-shadow:inset 0 0 0 1px rgb(var(--mvs-navy-tief) / .5),0 0 0 2px rgb(var(--background, var(--mvs-weiss))),0 0 0 3.5px rgb(var(--mvs-navy))}.mv-x10-farbleiste__punkt:focus-visible{outline:2px solid rgb(var(--mvs-fokus));outline-offset:0}@media(hover:hover){.mv-x10-farbleiste__punkt:hover .mv-x10-farbleiste__farbe{transform:scale(1.15)}}.mv-x10-farbleiste__hinweis{margin:0;line-height:1.45;color:rgb(var(--text-color, var(--mvs-navy)) / var(--mvs-leise-alpha))}.mv-x10-farbleiste__hinweis-teil{white-space:nowrap}@media screen and (min-width:700px){.mv-x10-farbleiste--gross{--mvs-x10-ziel: 2.25rem;--mvs-x10-punkt: 1.75rem}}.mv-x10-farbtrio{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.mv-x10-farbtrio__geraet{position:relative;z-index:1;flex:none;height:86%;overflow:hidden}.mv-x10-farbtrio__geraet--vorn{z-index:2;order:2;height:100%}.mv-x10-farbtrio__geraet--links{order:1;translate:30% 0}.mv-x10-farbtrio__geraet--rechts{order:3;translate:-30% 0}.mv-x10-farbtrio__geraet--frei{aspect-ratio:907 / 1577}.mv-x10-farbtrio__geraet--ausschnitt{aspect-ratio:985 / 1672}.mv-x10-farbtrio .mv-x10-farbtrio__bild{display:block;max-width:none}.mv-x10-farbtrio__geraet--frei .mv-x10-farbtrio__bild{width:100%;height:100%;object-fit:contain;object-position:50% 100%}.mv-x10-farbtrio__geraet--ausschnitt .mv-x10-farbtrio__bild{position:absolute;top:-14.05%;left:-61.52%;width:223.35%;height:auto;aspect-ratio:1}@media(forced-colors:active){.mv-x10-farbleiste__farbe{border:1px solid CanvasText;forced-color-adjust:none}.mv-x10-farbleiste__punkt--aktiv .mv-x10-farbleiste__farbe{outline:2px solid CanvasText;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mv-sortiment.farben.css.map */