.sp-opt{margin-bottom:20px}.sp-opt__lbl{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 11.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.sp-opt__lbl b{font:600 13px var(--sans);letter-spacing:.02em;text-transform:none;color:var(--ink)}.sp-opt__lbl b:before{content:"Gew\e4hlt: ";font-weight:400;color:var(--taupe)}.sp-opt__help{font:12px var(--sans);color:var(--trust);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;padding:0;letter-spacing:0;text-transform:none}.sp-opt__vals{display:flex;gap:10px;flex-wrap:wrap}.sp-opt__val{position:relative;min-width:56px;min-height:48px;padding:12px 18px;border:1.5px solid var(--hairline);background:#fff;font:500 15px var(--sans);color:var(--ink);cursor:pointer;border-radius:0;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center}.sp-opt__val:hover{border-color:var(--ink)}.sp-opt__val:focus-visible{outline:none;box-shadow:0 0 0 3px #14161b2e}.sp-opt__val.active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600;box-shadow:0 4px 12px #14161b2e}.sp-opt__val.active:after{content:"";position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314161B' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/8px no-repeat}.sp-opt__val.soldout{color:#6c7380;background:#f6f7f8;border-color:#d0d4da;border-style:dashed;cursor:not-allowed;text-decoration:none;padding-bottom:18px;min-height:52px}.sp-opt__val.soldout:before{content:"";position:absolute;left:14%;right:14%;top:calc(50% - 6px);height:1.5px;background:#9ba2ad;transform:rotate(-18deg)}.sp-opt__val.soldout:after{content:"ausverkauft";position:absolute;left:0;right:0;bottom:4px;font:500 8px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#9ba2ad;text-align:center;line-height:1}.sp-opt__val.soldout:hover{border-color:#d0d4da}.sp-opt__hint{display:flex;gap:14px;margin-top:8px;font:11.5px var(--sans);color:var(--taupe)}.sp-opt__hint span{display:inline-flex;align-items:center;gap:6px}.sp-opt__hint i{width:12px;height:12px;border:1.5px dashed #D0D4DA;background:#f6f7f8;display:inline-block;position:relative}.sp-opt__hint i:before{content:"";position:absolute;left:15%;right:15%;top:50%;height:1px;background:#9ba2ad;transform:rotate(-18deg)}@media(max-width:990px){.sp-opt__vals{gap:8px}.sp-opt__val{min-width:52px;min-height:46px;padding:11px 14px;font-size:14.5px}.sp-opt__val.soldout{min-height:50px;padding-bottom:17px}.sp-opt__lbl{margin-bottom:9px}}.sp-size{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:none}.sp-size.open{display:block}.sp-size__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#14161b80}.sp-size__box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,92vw);max-height:88vh;overflow-y:auto;background:#fff;border:1px solid var(--hairline);padding:28px 26px;font-family:var(--sans)}.sp-size__box h3{margin:0 0 6px;font:500 24px var(--serif);color:var(--ink)}.sp-size__box p{font:14px/1.6 var(--sans);color:var(--muted);margin:0 0 14px}.sp-size__box ol{margin:0 0 16px;padding-left:18px;font:14px/1.6 var(--sans);color:var(--muted)}.sp-size__tbl{width:100%;border-collapse:collapse;font:13px var(--sans);margin-bottom:14px}.sp-size__tbl th{text-align:left;font:500 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--taupe);padding:6px 8px;border-bottom:1px solid var(--ink)}.sp-size__tbl td{padding:7px 8px;border-bottom:1px solid var(--hairline);color:var(--ink)}.sp-size__close{position:absolute;top:12px;right:12px;width:34px;height:34px;background:#fff;border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;cursor:pointer}.sp-size__close svg{width:15px;height:15px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}.sp-size__tip{background:#e3f0e9;padding:12px 14px;font:13px/1.5 var(--sans);color:#0e4a34}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sp-variants.css.map */