.oberflachenbehandlung-swatches{margin:1.5rem 0;font-family:EB Garamond,serif}.swatches-header{margin-bottom:1rem;font-size:2rem;line-height:1.3;font-family:EB Garamond,serif}.swatches-title{font-weight:600;color:#121212}.swatches-selected{font-weight:400;color:#121212}.swatches-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding-top:2rem}.swatch-item{cursor:pointer;transition:all .2s ease;position:relative}.swatch-circle{width:5.9rem;height:5.9rem;border-radius:50%;border:.1rem solid rgb(18,18,18);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.swatch-circle img{width:100%;height:100%;object-fit:cover}.swatch-item.selected .swatch-circle{border-width:.2rem}.swatch-item:hover .swatch-circle{transform:scale(1.05)}.swatch-button{padding:1rem 2rem;border:.1rem solid rgb(18,18,18);border-radius:.8rem;background:inherit;color:#121212;font-size:2rem;line-height:1.3;text-align:center;transition:all .2s ease;white-space:nowrap;min-height:5.9rem;display:flex;align-items:center;justify-content:center;font-family:EB Garamond,serif}.swatch-item.selected .swatch-button,.swatch-item:hover .swatch-button{background:#121212;color:#fff}.swatch-item[data-tooltip]:before{margin-left:10px;content:attr(data-tooltip);position:absolute;bottom:110%;left:83%;transform:translate(-50%);background:#121212f2;color:#fff;padding:1rem 1.5rem;border-radius:.8rem;font-size:1.4rem;white-space:normal;max-width:25rem;width:max-content;text-align:center;line-height:1.4;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;margin-bottom:.8rem;font-family:EB Garamond,serif;box-shadow:0 4px 12px #00000026;z-index:1313141414124141412}.swatch-item[data-tooltip]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:.6rem solid transparent;border-top-color:#121212f2;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;margin-bottom:.2rem}@media (hover: hover){.swatch-item[data-tooltip]:hover:before,.swatch-item[data-tooltip]:hover:after{opacity:1;visibility:visible}}@media screen and (max-width: 749px){.swatches-container{gap:.8rem}.swatch-circle{width:5.5rem;height:5.5rem}.swatch-button{padding:.8rem 1.2rem;font-size:1.6rem;min-height:5.5rem;white-space:normal;word-break:break-word;line-height:1.1;max-width:14rem}}@media screen and (min-width: 750px) and (max-width: 1199px){.swatch-button{padding:.8rem 1.5rem;font-size:1.8rem;max-width:18rem}}@media screen and (min-width: 1200px){.swatch-button{padding:.8rem 1.8rem;font-size:1.8rem;max-width:20rem}.swatch-item[data-tooltip]:before{font-size:1.6rem;max-width:30rem}}@media screen and (min-width: 1500px){.swatches-header{font-size:2.4rem}.swatch-button{font-size:2rem;max-width:22rem}.swatch-item[data-tooltip]:before{font-size:1.8rem;max-width:35rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/new-swatches.css.map */