/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */
.detailsright .carousel {
	&:not(.slick-initialized) {
		&.slick-type-product {
		    .product-wrapper {
				@include media-breakpoint-down(sm) { width: calc(100%/2); min-width: calc(100%/2);}
				@include media-breakpoint-up(md) { width: calc(100%/3); min-width: calc(100%/3);}
				@include media-breakpoint-up(lg) { width: calc(100%/3); min-width: calc(100%/3);}
				@include media-breakpoint-up(xl) { width: calc(100%/3) !important; min-width: calc(100%/3) !important;}
			}
		}
	}
}

.basket .carousel {
	&:not(.slick-initialized) {
		&.slick-type-half {
		    .product-wrapper {
				@include media-breakpoint-down(sm) { width: calc(100%/1); min-width: calc(100%/1);}
				@include media-breakpoint-up(md) { width: calc(100%/2); min-width: calc(100%/2);}
				@include media-breakpoint-up(lg) { width: calc(100%/5); min-width: calc(100%/5);}
				@include media-breakpoint-up(xl) { width: calc(100%/5); min-width: calc(100%/5);}
			}
		}
	}
}