/*------------------------
   CSS SCROLL SLIDER
------------------------*/
.slider-wrapper {
	position: relative;
}
.slider-wrapper::-webkit-scrollbar,
.slider::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent;
} 
.slider-wrapper::-webkit-scrollbar-thumb,
.slider::-webkit-scrollbar-thumb {
	background: #FF0000;
}
.slider {
	/*scroll-snap-type: x mandatory;*/
	scroll-behavior: smooth;
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	overflow-y: hidden;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	margin: 0;
	gap: 0;
	margin-right: calc(-1 * var(--gutter));
	margin-left: calc(-1 * var(--gutter));
	width: calc(100% + (2 * var(--gutter)));
}
.cm-section.full-width .slider { 
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}
.slider::-webkit-scrollbar {
	display: none;
}
.slider>div {
	scroll-snap-align: start; 
	scroll-snap-stop: always;
	/*padding: 0;*/
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	padding: 0 calc(var(--gutter)*0.5);
	/*padding: 0;*/
}
.Bilder_Artikelgrupp.slider>div{
	padding: 0 4px 0 0;
	margin: 0 0.4rem 0 0;
}
.Bilder_Artikelgrupp.slider>.spacer {
	-ms-flex-preferred-size: 1rem; 
	flex-basis: 1rem;
	min-width: 1rem;
}
.Bilder_Artikelgrupp.slider>.spacer.last {
	-ms-flex-preferred-size: 2rem; 
	flex-basis: 2rem;
	min-width: 2rem;
}
.slider>div>*{
	/*padding: 0 calc(var(--gutter)*0.5);*/
}
.slider>div img {
/*	max-width: calc(100% - var(--gutter));
	margin: 0 calc(var(--gutter)*0.5);*/
}
.slider-controls {
	display: block;
	position: absolute;
	max-width: 1920px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
}
.slider-controls .slider-arrow {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	outline: none;
	border: none;
	width: 45px;
	height: 45px;
	padding: 8px;
	z-index: 3;
	font-size: 14px;
	cursor: pointer;
	line-height: 0;
	color: var(--base-color1);
	background:  var(--base-background1);
	text-align: center;
	border-radius: 50%;
	transition: 200ms ease-in-out filter;
	box-shadow: var(--box-shadow1);

}
.slider-controls .slider-prev {
	left: -5px;
}
.slider-controls .slider-next {
	right: -5px; 
}
.slider>.spacer {
	-ms-flex-preferred-size: unset;
	flex-basis: unset;
	min-width: unset;
}
.slider .PT_color_wrap {
	opacity: 0;
	pointer-events: none;
}
/* Mobile only */
@media screen and (max-width: 768px) {
	.slider>div {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
		min-width: 40%; 
	}
	.slider>.spacer {
		-ms-flex-preferred-size: 10%;
		flex-basis: 10%;
		min-width: 10%; 
	}
	.PT_Wrapper_All.slider>div {
		-ms-flex-preferred-size: 45%;
		flex-basis: 45%;
		min-width: 45%; 
	}
	.Bilder_Artikelgrupp.slider>div {
		-ms-flex-preferred-size: 29%;
		flex-basis: 29%;
		min-width: 29%;
	}
	.PT_Wrapper_All.slider>.spacer {
		-ms-flex-preferred-size: 5%; 
		flex-basis: 5%;
		min-width: 5%;
	}
	.no-mobile-controls .slider-controls {
		display: none !important;
	}
	.slider-wrapper .DCMyta + .slider-controls {
		top: 26vw;
	}
	.slider-controls .slider-arrow {
		width: 35px;
		height: 35px;
		min-height: 35px;
	}
	.slider-controls .slider-prev {
		left: 0;
	}
	.slider-controls .slider-next {
		right: 0;
	}
	.product-list .slider-controls .slider-prev {
		left: -16px;
	}
	.product-list .slider-controls .slider-next {
		right: -16px;
	}
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	.slider.center-sm {
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
	} 
	.slider>div {
		-ms-flex-preferred-size: calc(25% - (0.5 * var(--gutter)));
		flex-basis: calc(25% - (0.5 * var(--gutter)));
		min-width: calc(25% - (0.5 * var(--gutter)));
	}
	.Bilder_Artikelgrupp.slider>div {
		-ms-flex-preferred-size: calc(12.8% - (0.5 * var(--gutter)));
		flex-basis: calc(12.8% - (0.5 * var(--gutter)));
		min-width: calc(12.8% - (0.5 * var(--gutter)));
	}
	.slider>.spacer  {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		min-width: 0;
	}
	.no-desktop-controls .slider>.spacer{
		padding: 0;
	}
	.slider-wrapper[data-startontwo="1"] .slider {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	.slider-wrapper[data-startontwo="1"] .slider>div {
		-ms-flex-preferred-size: 22.5%;
		flex-basis: 22.5%;
		min-width: 22.5%;
	}
	.slider-wrapper[data-startontwo="1"] .slider>.spacer{
		-ms-flex-preferred-size: 5%;
		flex-basis: 5%;
		min-width: 5%;
	}
	.slider-wrapper .DCMyta + .slider-controls {
		top: 13vw;
	}
	.slider-wrapper[data-startontwo="1"] .slider-prev {
		left: 3%;
	}
	.slider-wrapper[data-startontwo="1"] .slider-next {
		right: 3%;
	}

}
/* Desktop and up */ 
@media screen and (min-width: 1025px) {
	.Bilder_Artikelgrupp.slider>div {
		-ms-flex-preferred-size: calc(10% - (0.5 * var(--gutter)));
		flex-basis: calc(10% - (0.5 * var(--gutter)));
		min-width: calc(10% - (0.5 * var(--gutter)));
	}
}
/* Ultrawide and up */
@media screen and (min-width: 1921px) {
	.slider {
		/*width: calc(100% + (var(--gutter)*2));
		margin-left: calc(var(--gutter) * -1);*/
		width: 100%;
		margin-left: 0;
		margin-right: 0; 
	}
	.cm-section.full-width .slider { 
		margin-right: 0;
		margin-left: 0;
		width: 100%; 
	}
	.slider>div {
		-ms-flex-preferred-size: 460px;
		flex-basis: 460px;
		min-width: 460px;
	}
	.Bilder_Artikelgrupp.slider>div {
		-ms-flex-preferred-size: 190px;
        flex-basis: 190px;
        min-width: 190px;
		/* padding: 0 1.2rem; */
	}
	.Bilder_Artikelgrupp.slider>.spacer {
		-ms-flex-preferred-size: 0; 
		flex-basis: 0;
		min-width: 0;
	}
	.slider>.spacer,
	.Bilder_Artikelgrupp.slider>.spacer {
		/*-ms-flex-preferred-size: calc((100% - 1400px) * 0.5);
		flex-basis: calc((100% - 1400px) * 0.5);
		min-width: calc((100% - 1400px) * 0.5);*/
		/* padding: 0;   */
	}
	.submenu_artg .Bilder_Artikelgrupp.slider>.spacer {
		/* -ms-flex-preferred-size: calc((100vw - var(--max-width)) * 0.5);
		flex-basis: calc((100vw - var(--max-width)) * 0.5);
		min-width: calc((100vw - var(--max-width)) * 0.5); */
	}
	.slider-controls .slider-prev {
		left: -20px;
	}
	.slider-controls .slider-next {
		right: -20px;
	}
	.slider-wrapper[data-startontwo="1"] .slider {
		 
	}
	.slider-wrapper[data-startontwo="1"] .slider>div {
		-ms-flex-preferred-size: 315px;
		flex-basis: 315px;
		min-width: 315px;
	}
	.slider-wrapper[data-startontwo="1"] .slider>.spacer {
		-ms-flex-preferred-size: 70px;
		flex-basis: 70px;
		min-width: 70px;
	}
	.slider-wrapper .DCMyta + .slider-controls { 
		top: 210px; 
	}
	.slider-wrapper[data-startontwo="1"] .slider-prev {
		left: 47px;
	}
	.slider-wrapper[data-startontwo="1"] .slider-next {
		right: 47px;
	}
}