.ug-kaufleiste{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:.8rem 1.6rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom,0px));background-color:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.12);box-shadow:0 -.2rem 1.6rem #0000000f;transform:translateY(101%);visibility:hidden;transition:transform .28s ease,visibility .28s ease}.ug-kaufleiste--an{transform:none;visibility:visible}body.overflow-hidden-drawer .ug-kaufleiste{transform:translateY(101%);visibility:hidden}.ug-kaufleiste__innen{display:flex;align-items:center;gap:1.2rem;max-width:118rem;margin-inline:auto}.ug-kaufleiste__leer{justify-content:center;min-height:4.4rem;font-size:1.4rem}.ug-kaufleiste__farben{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.ug-kaufleiste__farbe{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:box-shadow .18s ease}.ug-kaufleiste__farbe[aria-checked=true]{box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground))}.ug-kaufleiste__farbe:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.ug-kaufleiste__punkt{display:block;width:2rem;height:2rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.2)}.ug-kaufleiste__farbe[data-ug-leer]{opacity:.35}.ug-kaufleiste__name{display:none}.ug-kaufleiste__knopf{margin-left:auto;min-height:4.4rem;padding:.6rem 1.6rem;font-size:1.4rem;white-space:nowrap}.ug-kaufleiste__knopf[disabled]{opacity:.5;cursor:not-allowed}@media screen and (min-width:750px){.ug-kaufleiste{padding-inline:2.4rem}.ug-kaufleiste__farbe{width:3.6rem;height:3.6rem}.ug-kaufleiste__punkt{width:2.2rem;height:2.2rem}.ug-kaufleiste__knopf{padding-inline:3.2rem;font-size:1.5rem}}@media screen and (min-width:990px){.ug-kaufleiste{width:min(77.2rem,calc(100% - 3.2rem));bottom:1.6rem;margin-inline:auto;padding:.8rem .8rem .8rem 2.4rem;border-top:0;border-radius:10rem;box-shadow:0 .2rem 2rem #00000014;transform:translateY(calc(100% + 1.6rem))}.ug-kaufleiste--an{transform:none}body.overflow-hidden-drawer .ug-kaufleiste{transform:translateY(calc(100% + 1.6rem))}.ug-kaufleiste__innen{max-width:none}.ug-kaufleiste__name{display:block;overflow:hidden;font-size:1.6rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.ug-kaufleiste{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ug-kaufleiste.css.map */