.kl-hell{display:none}.kl-bl-an .kl-hell,.kl-bf-an .kl-hell{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;z-index:5;width:40px;padding:12px 0 16px;border-radius:999px;background:rgba(var(--color-background),.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 10px rgba(var(--color-shadow),.16);color:rgb(var(--color-foreground));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translateY(-50%)}.kl-bl-an .kl-hell{left:2.5%;top:calc(50% + 28px)}.kl-hell:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.kl-hell__sonne{width:20px;height:20px;flex:none}.kl-hell__spur{position:relative;width:4px;height:120px;border-radius:2px;background:rgba(var(--color-foreground),.2)}.kl-hell__fuell{position:absolute;left:0;right:0;bottom:0;height:calc(var(--kl-hell-anteil, .5) * 100%);border-radius:2px;background:rgb(var(--color-foreground))}.kl-hell__knopf{position:absolute;left:50%;bottom:calc(var(--kl-hell-anteil, .5) * 100%);width:20px;height:20px;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 0 0 2px rgb(var(--color-foreground)),0 1px 4px rgba(var(--color-shadow),.25);transform:translate(-50%,50%);transition:transform .15s}.kl-hell.is-aktiv .kl-hell__knopf{transform:translate(-50%,50%) scale(1.15)}.kl-bf-an .kl-hell{flex-direction:row;width:auto;height:40px;padding:0 18px 0 12px;transform:translate(-50%)}.kl-bf-an .kl-hell__spur{width:140px;height:4px}.kl-bf-an .kl-hell__fuell{top:0;right:auto;bottom:0;width:calc(var(--kl-hell-anteil, .5) * 100%);height:auto}.kl-bf-an .kl-hell__knopf{left:calc(var(--kl-hell-anteil, .5) * 100%);bottom:50%;transform:translate(-50%,50%)}.product-media-modal.kl-hell-an .modal-media img{filter:brightness(var(--kl-hell, 1))}
/*# sourceMappingURL=/cdn/shop/t/96/assets/kl-helligkeit.css.map */