

section.m30_tiles .m30_titel {
	margin-bottom: 56px;
}

section.m30_tiles .m30_tiles_container {
	align-items: stretch;
}

section.m30_tiles .m30_tile_item {
	--imageHeight: 228px;
}

section.m30_tiles .m30_tile_image_container {
	height: var(--imageHeight);
}

section.m30_tiles .m30_tile_inner {
	background-color: #f0f0ef;
	padding: 36px 51px 44px;
	height: calc(100% - var(--imageHeight));
}

section.m30_tiles .m30_tile_text_container {
	font-size: 0.833rem;
	hyphens: auto;
}

section.m30_tiles .m30_tile_text_container li {
	padding-left: 24px;
}

section.m30_tiles .m30_tile_text_container li:not(:last-child) {
	margin-bottom: 8px;
}

section.m30_tiles .m30_tile_text_container li:before {
	content: '';
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 475 346.1'%3E%3Cpolygon points='475 54.4 424.83 0 164.2 241.9 53.97 124.3 0 174.9 160.4 346.1 475 54.4'/%3E%3C/svg%3E");
	background-size: 13px 10px;
	width: 13px;
	min-width: 13px;
	height: 10px;
	min-height: 10px;
	
	margin-right: 10px;
	margin-left: -24px;
}



@media screen and (min-width: 767px) {
	section.m30_tiles .m30_tile_item {
		width: calc(50% - (var(--row_gap) / 2));
	}
}

@media screen and (min-width: 992px) {
	section.m30_tiles .m30_titel {
		margin-bottom: 56px;
	}
}
	
@media screen and (min-width: 1921px) {
	section.m30_tiles .m30_tile_item {
		--imageHeight: 258px;
	}
}

@media screen and (min-width: 2200px) {
	section.m30_tiles .m30_tile_item {
		--imageHeight: 288px;
	}
}

@media screen and (max-width: 1599px) {
	section.m30_tiles .m30_tile_inner {
		padding: 21px 31px 29px;
	}
}

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

@media screen and (max-width: 991px) {
	section.m30_tiles .mM_row {
		--row_gap: 40px;
	}
	
	section.m30_tiles .m30_tile_inner {
		padding: 21px 16px 24px;
	}
}

@media screen and (max-width: 767px) {
	section.m30_tiles .m30_tile_item {
		--imageHeight: 198px;
	}
}

@media screen and (max-width: 575px) {
	section.m30_tiles .m30_tile_item {
		--imageHeight: 168px;
	}
	
	section.m30_tiles .m30_tile_text_container li:before {
		background-size: 11px 10px;
		min-width: 11px;
		width: 11px;
		margin-right: 4px;
		margin-left: -20px;
	}
	
	section.m30_tiles .m30_tile_text_container li {
		padding-left: 20px;
	}
}