.nxd-imagnifier-container {
    position: relative;

    cursor: none; /* Cursor auf dem Container verstecken */


    .nxd-imagnifier-glass {
        position: absolute;
        border: 2px solid #424242;

        cursor: none;
        pointer-events: none;

        /*Set the size of the magnifier glass:*/
        width: 200px;
        height: 200px;

        opacity: 0;
        scale: 0.4;
        transition: opacity 0.2s ease-in-out, scale 0.2s ease-in-out;

        z-index: 1000;
        background-repeat: no-repeat;

        overflow: clip;

        border-radius: 4%;

        &.nxd-imagnifier-glass-circle {
            border-radius: 50%;

            &.nxd-3d-lens-effect{
                &::after {
                    border-radius: 50%;
                }
            }
        }
    }

    .nxd-imagnifier-glass.nxd-3d-lens-effect {
        &::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            /* Glas-Effekt */
            background: radial-gradient(
                    circle at 30% 30%,
                    rgba(255, 255, 255, 0.3) 0%,
                    rgba(255, 255, 255, 0.2) 20%,
                    rgba(255, 255, 255, 0) 50%
            );

            /* Wölbung an den Rändern */
            box-shadow:
                    inset 0 2px 4px rgba(255, 255, 255, 0.3),
                    inset 0 -2px 4px rgba(0, 0, 0, 0.2),
                    inset -2px 0 4px rgba(0, 0, 0, 0.1),
                    inset 2px 0 4px rgba(255, 255, 255, 0.2);

            pointer-events: none;
            z-index: 10;
        }
    }

    &:hover .nxd-imagnifier-glass {
        opacity: 1;
        scale: 1;
    }
}