.m27_items{
display:flex;
flex-wrap: wrap;
gap: 0 40px;
}
.m27_item{
width:calc(33.33333% - 27px);
}
.m27_titel{
width:50%;
}
.m27_item_titel_container *{
font-size:1.37rem;
}
.m27_titel_container{
margin-bottom: 71px;
}
.m27_item_titel_container *{
margin-bottom:0;
}
.m27_item_text_container{
margin-top: 15px;
}
.m27_link_container {
margin-top: 80px;
}
.m27_link_container a svg {
width: 9px;
height: 11px;
fill: #fff;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.m27_link_container a .icon_container {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border: 1px solid #fff;
border-radius: 50%;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
.m27_link_container a {
color: #fff;
display: inline-flex;
align-items: center;
gap: 0 20px;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.m27_link_container a:hover svg {
fill: #121212;
}
.m27_link_container a:hover .icon_container {
background: #fff;
}
.m27_border {
margin-top: 70px;
border-bottom: 1px solid rgba(204,204,204,.2);
}
.m27_item_image_container {
height: 200px;
margin-bottom: 30px;
}
@media screen and (min-width: 1921px) {
.m27_item_image_container {
height: 250px;
}
}
@media screen and (min-width: 2200px) {
.m27_item_image_container {
height: 300px;
}
}
@media screen and (max-width: 991px) {
.m27_titel {
width: 61%;
}
.m27_item {
width: calc(50% - 20px);
margin-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.m27_titel {
width: 100%;
}
.m27_item {
width: 100%;
margin-bottom: 60px;
}
.m27_item_image_container {
height: 300px;
}
}
@media screen and (max-width: 575px) {
.m27_item_image_container {
height: 250px;
}
}
@media screen and (max-width: 475px) {
.m27_item_image_container {
height: 200px;
}
}