$CMS_TRIM(level:4)$
/* timeline-slider */
.timeline {
	border: 1px solid #959595;
	box-sizing: border-box;
	margin-bottom: 0 !important;
}

.timeline .slick-next {
	right: 0;
	top: -3.3rem;
	height: 2rem;
	background-color: transparent !important
}
.timeline .slick-prev {
	right: 3rem;
	top: -3.3rem;
	height: 2rem;
	background-color: transparent !important
}

.timeline .slick-next:before,
.timeline .slick-prev:before,
.timeline .slick-next:hover:before, 
.timeline .slick-prev:hover:before {
    color: #585D61;
}

.timeline .slider-for,
.timeline .slider-nav {
	visibility: hidden;
	font-family: wuerthbook, futura, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.timeline .slider-nav.slick-initialized,
.timeline .slider-for.slick-initialized {
	visibility: visible;
}
.timeline .slick-prev.slick-arrow,
.timeline .slick-next.slick-arrow {
	background-color: transparent;
	padding: .7rem;
}
.timeline .slider-nav .slick-slide:hover {
	opacity: 1;
	cursor: pointer;
}
.timeline .slider-nav .slick-slide{
	opacity: 1;
}
.timeline .slider-nav .slick-current { 
	color: #cc0000;
	font-family: wuerthdemibold, futura, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 25px;
}
.timeline .slick-list.draggable {
	padding: 0 !important;
}

/* end of timeline */
@media screen and (max-width:974px) {
	.timeline .slick-prev.slick-arrow,
	.timeline .slick-next.slick-arrow {
		background-color: #ececec;
		color: #fff;
	}
	.timeline .slick-next.slick-arrow.slick-disabled,
	.timeline .slick-prev.slick-arrow.slick-disabled {
		background-color: #fff;
	}
	.timeline .slick-next.slick-arrow.slick-disabled:before,
	.timeline .slick-prev.slick-arrow.slick-disabled:before {
		color: #fff;
	}
	.timeline .slick-prev.slick-arrow:before,
	.timeline .slick-next.slick-arrow:before {
		color: #000;
	}
	/*
	.slick-prev.slick-arrow:hover,
	.slick-next.slick-arrow:hover {
		background-color: #a60000;
	}
	
	.slick-prev.slick-arrow:hover:before,
	.slick-next.slick-arrow:hover:before {
		color: #fff;
	}
	*/
	.timeline .slick-next.slick-arrow.slick-disabled:hover,
	.timeline .slick-prev.slick-arrow.slick-disabled:hover {
		background-color: #fff;
		cursor: inherit;
	}
	.timeline .slick-next.slick-arrow.slick-disabled:hover:before,
	.timeline .slick-prev.slick-arrow.slick-disabled:hover:before {
		color: #fff;
	}
}
$CMS_END_TRIM$