.m33_items{
display:flex;
gap: 0 40px;
}
.m33_item {
width: calc(33.3333% - 20px);
text-align: center;
background: #1f1f1f;
border: 1px solid #303030;
padding: 30px 20px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.m33_titel_container {
display: flex;
justify-content: center;
}
.m33_titel{
display: inline-block;
width: calc(33.33333% - 20px);
text-align: center;
padding: 30px 0;
line-height: 1;
margin-bottom: 0;
font-size: 1.25rem;
border: 1px solid rgba(0, 127, 197, .4);
background: rgba(0, 127, 197, .05);
}
.m33_item_titel_container {
display: flex;
align-items: center;
justify-content: center;
}
.m33_item_titel_container *{
font-size:1.125rem;
margin-bottom:0;
}
.m33_titel_container{
margin-bottom: 35px;
}
.m33_item_text_container {
margin-top: 25px;
padding: 30px 20px;
background: #262626;
}
.m33_arrow_container {
width: 69.6666667%;
margin: 0 auto;
margin-bottom: 25px;
}
.m33_item_text_container ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.m33_item_text_container ul li:not(:last-child) {
margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
.m33_drei_spalten_kacheln_main {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.m33_items {
flex-direction: column;
width: 55%;
}
.m33_item {
width: 100%;
}
.m33_item:not(:last-child) {
margin-bottom: 20px;
}
.m33_titel_container {
margin-bottom: 0;
width: 30%;
}
.m33_titel {
width: 100%;
}
.m33_arrow_container {
width: 100%;
position: absolute;
left: -95px;
top: 47%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
@media screen and (max-width: 767px) {
.m33_arrow_container {
width: 115%;
top: 48%;
left: -100px;
}
}
@media screen and (max-width: 575px) {
.m33_titel_container {
width: 100%;
margin-bottom: 20px;
}
.m33_items {
width: 100%;
}
.m33_arrow_container {
display: none;
}
.m33_drei_spalten_kacheln_main {
flex-wrap: wrap;
}
}