
section.m8_logo_uebersicht {
	.mM_row {
		gap: 50px 20px;
	}
	
	.m8_item_content_image_container {
		display: flex;
		justify-content: center;
	}
	
	.m8_item_content_image_container img,
	.m8_item_content_image_container svg {
		width: 68px;
		min-width: 68px;
		height: 68px;
		min-height: 68px;
	}
	
	/* .m8_text,
	.m8_subtitle,
	.m8_title{
		text-align: center;
	} */
	
	.m8_title_container {
		margin-bottom: 7px;
	}
	
	.m8_title_container .m8_title {
		font-size: 1.118rem;
	}
	
	.m8_subtitle_container {
		margin: 0;
	}
	
	.m8_subtitle_container .m8_subtitle, 
	.m8_text_container .m8_text * {
		font-size: .882rem;
	}
	
	.m8_item_content_image {
		display: flex;
	}
}

/* Variante 1 Start */

section.m8_logo_uebersicht.variante1 {
	background: #f4f6f8;
	
	.mM_row {
		gap: 0;
	}
	
	.m8_item_content_image_titel_subtitel_container {
		display: flex;
		align-items: center;
		gap: 30px;
	}
	
	.m8_items {
		align-items: center;
	}
	
	.m8_item_content_main {
		padding: 54px 10px;
	}
	
	.m8_items .m8_item:nth-child(3n + 2) .m8_item_content_main {
		display: flex;
		justify-content: center;
	}
	
	.m8_items .m8_item:nth-child(3n + 2) {
		position: relative;
	}
	
	.m8_items .m8_item:nth-child(3n + 2):before,
	.m8_items .m8_item:nth-child(3n + 2):after {
		content: '';
		height: 132px;
		width: 1px;
		display: inline-block;
		background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(226, 230, 233, 1) 50%, rgba(255, 255, 255, 0) 100%);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.m8_items .m8_item:nth-child(3n + 2):before {
		left: 0;
	}
	
	.m8_items .m8_item:nth-child(3n + 2):after {
		right: 0;
	}
	
	.m8_items .m8_item:nth-child(3n) .m8_item_content_main {
		display: flex;
		justify-content: flex-end;
	}
}

@media screen and (max-width: 1499px) {
	section.m8_logo_uebersicht.variante1 {
		.m8_item_content_image_container img,
		.m8_item_content_image_container svg {
			width: 58px;
			min-width: 58px;
			height: 58px;
			min-height: 58px;
		}
		
		.m8_title_container .m8_title {
			font-size: 1rem;
		}
		
		.m8_subtitle_container .m8_subtitle, 
		.m8_text_container .m8_text * {
			font-size: .822rem;
		}
	}
}

@media screen and (max-width: 1199px) {
	section.m8_logo_uebersicht.variante1 {
		.m8_item_content_image_titel_subtitel_container {
			gap: 17px;
		}
		
		.m8_title_container .m8_title {
			font-size: .822rem;
		}
		
		.m8_item_content_image_container img,
		.m8_item_content_image_container svg {
			width: 48px;
			min-width: 48px;
			height: 48px;
			min-height: 48px;
		}
		
		.m8_items .m8_item:nth-child(3n + 2):before {
			left: -10px;
		}
		
		.m8_items .m8_item:nth-child(3n + 2):after {
			right: -10px;
		}
		
		.m8_items .m8_item:nth-child(3n + 2):before,
		.m8_items .m8_item:nth-child(3n + 2):after {
			display: none;
		}
		
		.m8_items .m8_item:nth-child(3n + 2) .m8_item_content_main {
			padding-left: 0;
			padding-right: 0;
		}
	}
}

@media screen and (max-width: 991px) {
	section.m8_logo_uebersicht.variante1 {
		.m8_items.mM_row {
			flex-direction: column;
			align-items: flex-start;
		}
		
		.m8_title_container .m8_title {
			font-size: 1.118rem;
		}
		
		.m8_item.mM_col_33 {
			width: auto;
		}
		
		.m8_items .m8_item:nth-child(3n + 2) .m8_item_content_main,
		.m8_items .m8_item:nth-child(3n) .m8_item_content_main {
			justify-content: flex-start;
		}
		
		.m8_item_content_main {
			padding: 24px 0;
		}
	}
}

@media screen and (max-width: 575px) {
	section.m8_logo_uebersicht.variante1 {
		.m8_title_container .m8_title {
			font-size: .822rem;
		}
	}
}

/* Variante 1 Ende */

/* Variante 2 Start */

section.m8_logo_uebersicht.variante2 {
	background: #f4f6f8;
	
	.m8_untertitel {
		color: #ee7203;
		font-weight: 700;
		text-align: center;
	}
	
	.m8_titel {
		text-align: center;
		line-height: 1.3;
		margin-bottom: 49px;
	}
	
	.m8_untertitel_container {
		margin-bottom: 4px;
	}
	
	.m8_title {
		margin-bottom: 17px;
	}
	
	.m8_item_content_image_container {
		justify-content: flex-start;
		padding-bottom: 48px;
	}
	
	.m8_item {
		background: #fff;
		border: 1px solid #e2e6e9;
		border-radius: 7px;
		padding: 53px 14px 47px 52px;
	}
	
	.mM_row {
		gap: 19px;
	}
	
	.mM_col_33 {
		width: calc(33.3333% - ((19px * 2) / 3));
	}
	
	.m8_text ul li {
		display: flex;
		gap: 13px;
		margin-bottom: 8px;
		width: calc(100% - 17px - 13px);
	}
	
	.m8_text ul li:last-child {
		margin-bottom: 0;
	}
	
	.m8_text ul li:before {
		content: '';
		background-image: url('/wp-content/uploads/2025/06/check_orange.png');
		width: 17px;
		height: 13px;
		display: inline-block;
		margin-top: 4px;
		min-width: 17px;
	}
}

@media screen and (max-width: 1199px) {
	section.m8_logo_uebersicht.variante2 {
		.m8_item {
			padding: 33px 32px 27px 32px;
		}
	}
}

@media screen and (max-width: 991px) {
	section.m8_logo_uebersicht.variante2 {
		.mM_col_33 {
			width: 100%;
		}
	}
}

@media screen and (max-width: 400px) {
	section.m8_logo_uebersicht.variante2 {
		.m8_item {
			padding: 23px 22px 17px 22px;
		}
		
		.m8_untertitel,
		.m8_titel {
			text-align: start;
		}
	}
}

/* Variante 2 Ende */