variant-selects.cc-varianten{display:block;margin-bottom:.4rem}.cc-varianten .cc-v{min-width:0;max-width:none;margin:0 0 14px;padding:0;border:0}.cc-varianten .cc-v__label{display:block;margin:0 0 9px;padding:0;font-size:var(--cc-v-label-schrift);font-weight:400;line-height:1.35;color:rgba(var(--color-foreground),.75)}.cc-varianten .cc-v--kachel{margin-bottom:10px}.cc-varianten .cc-v--kreis{margin-bottom:15px}.cc-varianten .cc-v--dropdown{margin-bottom:9px}@media screen and (min-width:750px){variant-selects.cc-varianten{margin-top:-3px}.cc-varianten .cc-v{margin-bottom:16px}.cc-varianten .cc-v--kachel{margin-bottom:15px}.cc-varianten .cc-v--kreis{margin-bottom:17px}.cc-varianten .cc-v--dropdown{margin-bottom:11px}}.cc-varianten .cc-v--kreis .cc-v__label{margin-bottom:14px}.cc-varianten .cc-v--dropdown .cc-v__label{margin-bottom:10px}.cc-varianten .cc-v__gewaehlt{color:rgb(var(--color-foreground));font-weight:700}.cc-varianten .cc-v__werte{display:flex;flex-wrap:wrap;align-items:flex-start}.cc-varianten .cc-v__werte:has(.cc-v__wert--badge){padding-top:8px}.cc-varianten .cc-v__wert{position:relative;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}.cc-varianten .cc-v__wert[hidden]{display:none!important}.cc-varianten input[type=radio]:focus-visible+.cc-v__wert{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.cc-varianten input[type=radio].disabled+.cc-v__wert{opacity:.45}.cc-varianten .cc-v__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:1;padding:2px 6px;border-radius:3px;background:var(--cc-v-badge-hg);color:var(--cc-v-badge-text);font-size:9px;font-weight:700;line-height:1.25;letter-spacing:.04em;white-space:nowrap;pointer-events:none}.cc-varianten .cc-v--knopf .cc-v__werte{gap:var(--cc-v-knopf-abstand)}.cc-varianten .cc-v--knopf .cc-v__wert{display:inline-block;min-width:50px;margin:0;padding:var(--cc-v-knopf-innen-y) var(--cc-v-knopf-innen-x);border:1px solid var(--cc-v-knopf-rand);border-radius:var(--cc-v-knopf-ecken);background:var(--cc-v-knopf-hg);color:var(--cc-v-knopf-text);font-size:var(--cc-v-knopf-schrift);line-height:1.2;text-align:center;transition:border-color .15s ease}@media(hover:hover){.cc-varianten .cc-v--knopf input[type=radio]:not(:checked)+.cc-v__wert:hover{border-color:var(--cc-v-knopf-rand-hover)}}.cc-varianten .cc-v--knopf input[type=radio]:checked+.cc-v__wert{border-color:var(--cc-v-knopf-rand-aktiv);background:var(--cc-v-knopf-hg-aktiv);color:var(--cc-v-knopf-text-aktiv)}.cc-varianten .cc-v--kachel .cc-v__werte{gap:var(--cc-v-kachel-abstand)}.cc-varianten .cc-v--kachel .cc-v__wert{display:flex;flex-direction:column;box-sizing:content-box;width:var(--cc-v-kachel-breite);border:1.5px solid var(--cc-v-kachel-rand);border-radius:2px;background:#fff;transition:border-color .15s ease}.cc-varianten .cc-v--kachel .cc-v__bild{display:block;height:var(--cc-v-kachel-bildhoehe);overflow:hidden;border-bottom:.5px solid #e5e5e5;background:#f6f6f6}.cc-varianten .cc-v--kachel .cc-v__bild img{display:block;width:100%;height:100%;object-fit:cover}.cc-varianten .cc-v--kachel .cc-v__name{display:block;padding:5px 4px;color:var(--cc-v-kachel-name);font-size:var(--cc-v-kachel-schrift);font-weight:600;line-height:1.1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover){.cc-varianten .cc-v--kachel input[type=radio]:not(:checked)+.cc-v__wert:hover{border-color:var(--cc-v-kachel-rand-hover)}.cc-varianten .cc-v--kachel input[type=radio]:not(:checked)+.cc-v__wert:hover .cc-v__name{color:var(--cc-v-kachel-rand-hover)}}.cc-varianten .cc-v--kachel input[type=radio]:checked+.cc-v__wert{border-color:var(--cc-v-kachel-rand-aktiv)}.cc-varianten .cc-v--kachel input[type=radio]:checked+.cc-v__wert .cc-v__name{color:var(--cc-v-kachel-name-aktiv)}.cc-varianten .cc-v--kreis .cc-v__werte{gap:10px var(--cc-v-kreis-abstand)}.cc-varianten .cc-v--kreis .cc-v__wert{display:block;width:calc(var(--cc-v-kreis-groesse) + 4px);height:calc(var(--cc-v-kreis-groesse) + 4px);padding:3px;border:2px solid #fff;border-radius:50%;transition:transform .15s ease,border-color .15s ease}.cc-varianten .cc-v--kreis .cc-v__kreis{display:block;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--cc-v-kreis-rand-innen);border-radius:50%;background:var(--cc-v-kreis-hg, #eeeeee) center / cover no-repeat}@media(hover:hover){.cc-varianten .cc-v--kreis input[type=radio]:not(:checked)+.cc-v__wert:hover{transform:scale(1.08)}}.cc-varianten .cc-v--kreis input[type=radio]:checked+.cc-v__wert{border-color:var(--cc-v-kreis-rand-aktiv)}.cc-varianten .cc-v--kreis input[type=radio].disabled+.cc-v__wert .cc-v__kreis{background-image:linear-gradient(to top right,transparent calc(50% - 1px),#999 calc(50% - 1px),#999 calc(50% + 1px),transparent calc(50% + 1px)),var(--cc-v-kreis-hg, none)}.cc-varianten .cc-v__dropdown{position:relative;display:flex;align-items:center;height:var(--cc-v-dropdown-hoehe);padding:0 36px 0 10px;border:1px solid var(--cc-v-dropdown-rand);border-radius:var(--cc-v-dropdown-ecken);background:#fff;color:var(--cc-v-dropdown-text);font-size:var(--cc-v-dropdown-schrift);transition:border-color .15s ease}.cc-varianten .cc-v__dropdown:hover,.cc-varianten .cc-v__dropdown:focus-within{border-color:var(--cc-v-dropdown-rand-aktiv)}.cc-varianten .cc-v__dropdown:has(.cc-v__select:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.cc-varianten .cc-v__dropdown-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-varianten .cc-v__dropdown-pfeil{position:absolute;top:50%;right:10px;width:20px;height:20px;transform:translateY(-50%);color:#292929;pointer-events:none}.cc-varianten .cc-v__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px;cursor:pointer;-webkit-appearance:none;appearance:none}.product__info-container>[data-sgp-wrapper]:has(~variant-selects.cc-varianten){margin:0!important;height:0;display:flex;justify-content:flex-end;align-items:flex-start}.product__info-container>[data-sgp-wrapper]:has(~variant-selects.cc-varianten) [data-sgp-trigger]{position:relative;top:5px;max-width:60%}
/*# sourceMappingURL=/cdn/shop/t/52/assets/cc-varianten.css.map */