section.m8_logo_uebersicht {
	background-color: #f7f7f7;
}

section.m8_logo_uebersicht[data-slider="slick_slider"] {
	overflow: hidden;
}

section.m8_logo_uebersicht .m8_top {
	text-align: center;
	margin-bottom: 68px;
}

section.m8_logo_uebersicht[data-slider="slick_slider"] .m8_top {
	display: flex;
	align-items: center;
	gap: 20px 50px;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 54px;
	text-align: unset;
}

section.m8_logo_uebersicht .m8_untertitel {
	font-size: 1rem;
	text-transform: none;
	line-height: 1.5;
}

section.m8_logo_uebersicht .mM_links {
	margin-top: 61px;
}

section.m8_logo_uebersicht[data-slider="slick_slider"] .mM_links {
	margin-top: 0;
}

section.m8_logo_uebersicht .mM_row {
	gap: 50px 80px;
	background-color: #ebebeb;
	padding: 70px 90px;
	margin-bottom: 0;
}

section.m8_logo_uebersicht[data-slider="slick_slider"] .mM_row {
	background-color: transparent;
	padding: calc(101px - 80px) 0 calc(92px - 80px);
}

section.m8_logo_uebersicht .m8_item.mM_col_25 {
	/* padding: 0 40px; */
	width: calc(25% - ((80px * 3) / 4));
}

section.m8_logo_uebersicht .m8_item:first-child,
section.m8_logo_uebersicht .m8_item:nth-child(4n + 1) {
	padding-left: 0;
}

section.m8_logo_uebersicht .m8_item:last-child,
section.m8_logo_uebersicht .m8_item:nth-child(4) {
	padding-right: 0;
}

section.m8_logo_uebersicht .m8_item_content_image_container img,
section.m8_logo_uebersicht .m8_item_content_image_container svg {
	width: 100%;
	max-width: 60px;
	
	max-height: 60px;
}

section.m8_logo_uebersicht .m8_title {
	font-size: 1rem;
	text-transform: none;
	line-height: 1.5;
}

section.m8_logo_uebersicht .m8_text {
	font-size: 0.875rem;
	line-height: 1.5;
}

section.m8_logo_uebersicht .m8_untertitel {
	letter-spacing: 1px;
	color: #ef7d00;
	font-family: 'open-sans', Sans-serif !important;
	font-weight: 700;
}


/* slider */
section.m8_logo_uebersicht .slick-list {
	margin: 0 -40px;
}

section.m8_logo_uebersicht .m8_item.slick-slide {
	margin: 0 40px;
	padding: 0;
	position: relative;
	padding: 80px 0;
}

/* nicht bei dem letzten */
section.m8_logo_uebersicht .m8_item.slick-slide:not(:last-child):after {
	content: '';
	position: absolute;
	right: -40px; top: 0;
	width: 2px;
	height: 100%;
	transform: rotate(15deg);
	background-color: #d1d1d1;
	mask-image: linear-gradient(
		transparent 0%, 
		#000 50px, 
		#000 calc(100% - 50px),
		transparent 100%
	);
	opacity: .3;
}

/* nicht bei dem, dem ein eingeblendete element folgt */
section.m8_logo_uebersicht .m8_item.slick-slide:has(+[aria-hidden="true"]):after {
	content: none;
}

section.m8_logo_uebersicht .m8_dots_arrows_container {
	display: flex;
	align-items: center;
	gap: 0 93px;
	margin-top: 69px;
}

section.m8_logo_uebersicht .m8_dots_container {
	width: 100%;
}

section.m8_logo_uebersicht .m8_dots_container .slick-dots {
	position: static;
	height: 5px;
	background-color: #dbdbdb;
	display: flex;
	padding-left: 0;
	border-radius: 2.55px;
	overflow: hidden;
}

section.m8_logo_uebersicht .m8_dots_container .slick-dots li {
	margin: 0;
	height: 100%;
}

section.m8_logo_uebersicht .m8_dots_container .slick-dots li .m8_dot {
	background-color: #ef7d00;
	border-radius: 0;
	width: 0;
	height: 100%;
}

section.m8_logo_uebersicht .m8_dots_container .slick-dots li.slick-active + li .m8_dot,
section.m8_logo_uebersicht .m8_dots_container .slick-dots li.slick-active .m8_dot {
	transition: width .4s;
}

section.m8_logo_uebersicht .m8_dots_container .slick-dots li:has(~ li.slick-active) .m8_dot,
section.m8_logo_uebersicht .m8_dots_container .slick-dots li.slick-active .m8_dot {
	width: 100%;
}

section.m8_logo_uebersicht .m8_dots_container .slick-dots li.slick-active .m8_dot {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
	transition: border-radius .4s .4s, width .4s .0s;
}

section.m8_logo_uebersicht .m8_slider_arrow_container {
	display: flex;
	gap: 6px 12px;
}

section.m8_logo_uebersicht .m8_slider_arrow {
	width: 41px;
	height: 41px;
	background-color: #ef7d00;
	border: 1px solid #ef7d00;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	
	cursor: pointer;
	transition: background-color .4s, border-color .4s;
}

section.m8_logo_uebersicht .m8_slider_arrow:hover {
	background-color: #fff;
}

section.m8_logo_uebersicht .m8_slider_arrow[aria-disabled="true"] {
	cursor: not-allowed;
	background-color: #f7f7f7;
	border-color: #dbdbdb;
}

section.m8_logo_uebersicht .m8_slider_arrow svg {
	fill: #f7f7f7;
	width: 8px;
	transition: fill .4s;
}

section.m8_logo_uebersicht .m8_slider_arrow.slider_prev_arrow svg {
	transform: rotate(180deg);
}

section.m8_logo_uebersicht .m8_slider_arrow:hover svg {
	fill: #ef7d00;
}

section.m8_logo_uebersicht .m8_slider_arrow[aria-disabled="true"] svg {
	fill: rgba(0, 0, 0, .3);
}

/* end slider */

section.m8_logo_uebersicht .m8_top {
	display: flex;
	flex-direction: column;
	align-items: center;
}

section.m8_logo_uebersicht .m8_text_top_container {
	max-width: 50%;
	margin-top: 20px;
}

/** start Variante 2 **/

section.m8_logo_uebersicht.variante2 {
	background: #fff;
}

section.m8_logo_uebersicht.variante2 .m8_items {
	background-color: transparent;
	padding: 0;
}

section.m8_logo_uebersicht.variante2 .m8_item {
	padding: 75px 61px 62px 61px;
	border: 1px solid #ebebeb;
	background: #fcfcfc;
}

section.m8_logo_uebersicht.variante2 .m8_items {
	gap: 32px;
}

section.m8_logo_uebersicht.variante2 .m8_item.mM_col_33 {
	width: calc(33.3333% - ((32px * 2) / 3));
}

section.m8_logo_uebersicht.variante2 .m8_item_content_image_container {
	margin-bottom: 20px;
}

section.m8_logo_uebersicht.variante1 .m8_title,
section.m8_logo_uebersicht.variante2 .m8_title {
	font-family: "open-sans", sans-serif !important;
}

section.m8_logo_uebersicht .m8_link_container .orange {
	font-family: 'open-sans', sans-serif !important;
	font-weight: 700;
}

@media screen and (max-width: 1199px) {
	section.m8_logo_uebersicht.variante2 .m8_items {
		flex-direction: column;
	}
	
	section.m8_logo_uebersicht.variante2 .m8_item.mM_col_33 {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	section.m8_logo_uebersicht.variante2 .m8_item {
		padding: 35px 21px 22px 21px;
	}
}

/** end Variante 2 **/

@media screen and (max-width: 1599px) {
	/* section.m8_logo_uebersicht .m8_item {
		padding: 0 10px;
	} */
}

@media screen and (max-width: 1399px) {
	section.m8_logo_uebersicht .mM_row {
		padding: 50px 65px;
	}
}

@media screen and (max-width: 1199px) {
	section.m8_logo_uebersicht .m8_item {
		padding: 0;
	}
	
	section.m8_logo_uebersicht .m8_text_top_container {
		max-width: 75%;
	}
	
	section.m8_logo_uebersicht .mM_row {
		gap: 50px 40px;
	}
	
	section.m8_logo_uebersicht .m8_item.mM_col_25 {
		/* padding: 0 40px; */
		width: calc(25% - ((40px * 3) / 4));
	}
}

@media screen and (max-width: 991px) {
	section.m8_logo_uebersicht .m8_item.slick-slide {
		padding: 40px 0;
	}
	
	section.m8_logo_uebersicht .m8_dots_arrows_container {
		margin-top: 49px;
	}
	
	section.m8_logo_uebersicht .m8_item.mM_col_25 {
		width: calc(50% - (40px / 2));
	}
}

@media screen and (max-width: 767px) {
	section.m8_logo_uebersicht:not([data-slider="slick_slider"]) {
		padding-bottom: 0;
	}
	
	section.m8_logo_uebersicht:not([data-slider="slick_slider"]) .mM_container {
		max-width: none;
		margin: 0;
		padding: 0;
	}
	
	section.m8_logo_uebersicht:not([data-slider="slick_slider"]) .m8_top,
	section.m8_logo_uebersicht:not([data-slider="slick_slider"]) .mM_row {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	
	section.m8_logo_uebersicht:not([data-slider="slick_slider"]) .mM_row {
		padding: 0;
	}
	
	section.m8_logo_uebersicht:not([data-slider="slick_slider"]):not(.variante2) .m8_bottom {
		background-color: #ebebeb;
		padding: 50px 0;
	}
	
	section.m8_logo_uebersicht.variante2 .m8_bottom {
		padding: 50px 0;
	}
}

@media screen and (max-width: 575px) {
	section.m8_logo_uebersicht:not([data-slider="slick_slider"]) .m8_top,
	section.m8_logo_uebersicht:not([data-slider="slick_slider"]) .mM_row {
		max-width: none;
		padding: 0 20px;
	}
	
	section.m8_logo_uebersicht .m8_item.slick-slide {
		padding: 40px 0;
		padding-right: 94px;
	}
	
	section.m8_logo_uebersicht .m8_item.slick-slide:has(+[aria-hidden="true"]):after {
		content: '';
		right: 40px;
	}
	
	section.m8_logo_uebersicht .m8_dots_arrows_container {
		gap: 0 20px;
	}
	
	section.m8_logo_uebersicht .m8_item.mM_col_25 {
		width: 100%;
	}
}

@media screen and (max-width: 475px) {
	section.m8_logo_uebersicht .m8_top {
		align-items: flex-start;
	}
	
	section.m8_logo_uebersicht .m8_text_top_container {
		max-width: 100%;
	}
	
	section.m8_logo_uebersicht .m8_text_top_container* {
		text-align: start;
	}
}