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;
}
}