/* Zusaetzliche Stile fuer den Slider-Schatten */
.slider {
	position: relative;
}

/* Schatten-Element unter dem Slider */
.slider::after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 5%;
	width: 90%;
	height: 20px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.5);
	filter: blur(10px);
	z-index: 1;
}

/* Staerkerer Schatten fuer die aktiven Bilder */
.slider__images-item--active img {
	filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.8));
}

/* Schatten für alle Bildschirmgroessen beibehalten */
@media (max-width: 768px) {
	.slider::after {
		bottom: -15px;
		height: 15px;
	}
}

@media (max-width: 576px) {
	.slider::after {
		bottom: -10px;
		height: 10px;
	}
}

@media (max-width: 425px) {
	.slider::after {
		bottom: -8px;
		height: 8px;
	}
}