/* 🚫 LightSlider-Elemente ausschließen */
#lightSlider li::before,
.lSPager li::before {
  content: none !important;
}

#lightSlider li img {
    width: 100%;
    height: auto;
    
    -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
}

#lightSlider li {
    position: relative;
}

#lightSlider li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 100%);
    pointer-events: none; /* Damit es nicht anklickbar ist */
}

#lightSlider li img {
    width: 100%;
    height: auto;
    
    -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
}