section.m28_zitate .m28_zitate_items {
	margin: 0;
}

section.m28_zitate .slick-track{
	margin: 0 -4.5px;
}

section.m28_zitate .m28_item{
	background-color: var(--white);
	padding: 47px 47px 45px;
	margin: 0 4.5px;
	hyphens: auto;
	position: relative;
}

section.m28_zitate .m28_item:after {
	content: '';
	width: calc(100% - 39px * 2);
	height: 4px;
	background-color: var(--yellow);
	position: absolute;
	left: 39px;
	bottom: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity .4s;
}

section.m28_zitate .m28_item:not([aria-hidden="true"]):hover:after {
	opacity: 1;
}

section.m28_zitate .m28_quote span {
	line-height: 1;
	font-size: 4.0625rem;
	
	transition: color .4s;
}

section.m28_zitate .m28_item:not([aria-hidden="true"]):hover .m28_quote span {
	color: var(--yellow);
}

section.m28_zitate .m28_text {
	margin-bottom: 45px;
}

section.m28_zitate .m28_title *,
section.m28_zitate .m28_reference * {
	font-size: 0.875rem;
}

section.m28_zitate .m28_title * {
	font-family: "work-sans", sans-serif;
	font-weight: 700;
}

section.m28_zitate .m28_arrows_container.for_desktop {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	pointer-events: none;
}

section.m28_zitate .for_mobil .m28_arrows_container {
	display: none;
}


@media screen and (min-width: 1921px) {
	
}

@media screen and (min-width: 2200px) {
	
}

@media screen and (min-width: 2400px) {
	
}

@media screen and (max-width: 1799px) {
	section.m28_zitate .m28_dots_arrows_container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 50px;
		gap: 10px 20px;
		flex-wrap: wrap;
	}
	
	section.m28_zitate .m28_dots_arrows_container .m28_dots_container {
		margin-top: 0;
	}
	
	section.m28_zitate .for_mobil .m28_arrows_container {
		display: block;
	}
	
	section.m28_zitate .m28_arrows_container.for_desktop {
		display: none;
	}
}

@media screen and (max-width: 1599px) {
	
}

@media screen and (max-width: 1399px) {
	
}

@media screen and (max-width: 991px) {
	section.m28_zitate .slick-list {
		/* position: relative; */
	}
	
	section.m28_zitate .slick-list:after {
		content: '';
		width: var(--before-width);
		height: 100%;
		
		position: absolute;
		top: 0;
		right: 0;
		
		background: linear-gradient(
			to left,
			var(--background_color) 0%,
			transparent 100%
		);
		opacity: 0;
		
		pointer-events: none;
		transition: opacity .4s;
	}
	
	section.m28_zitate .slick-list:after {
		opacity: 1;
	}
}


@media screen and (max-width: 575px) {
	section.m28_zitate .m28_dots_arrows_container {
		margin-top: 42px;
	}
	
	section.m28_zitate .m28_item {
		padding: 45px 20px 38px;
	}
	
	section.m28_zitate .m28_text {
		margin-top: -7px;
	}
}