.m27_head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
margin-bottom: 56px;
}
.m27_steps .m27_titel { max-width: 640px; }
.m27_head_left { flex: 1 1 420px; }
.m27_intro { max-width: 380px; font-size: 1.0625rem; margin: 0 0 6px; } .m27_cards { --row_gap: 24px; --column_gap: 20px; }
.m27_card {
border-radius: var(--strobl-radius);
background: #fff;
border: 1px solid #edf2fe;
padding: 45px 45px 35px;
transition: box-shadow .3s ease, transform .3s ease, background .3s;
}
.m27_card:not(:has(.m27_card_icon)) { padding: 20px 30px 32px; }
.m27_card_title { font-weight: 600; font-size: 1.764rem; margin: 0 0 8px; hyphens: auto; }
.m27_card:hover { box-shadow: 0 18px 40px rgba(18,38,91,.08); transform: translateY(-4px); }
.m27_card_num {
display: flex;
align-items: center;
justify-content: center;
width: 53px;
height: 53px;
border-radius: 50%;
background: #edf2fe;
color: var(--strobl-accent);
font-family: 'Geist', sans-serif;
font-weight: 600;
font-size: 20px;
margin-bottom: 34px;
}
.m27_card_text { font-size: 1.0625rem; margin: 0; }
a.m27_card_link { color: var(--strobl-magenta); margin-top: 20px; }
body.page-id-496 .m27_card:nth-child(3) .m27_card_link { font-size: 1.176rem; }   .m27_steps--werte .m27_head { align-items: center; margin-bottom: 56px; }
.m27_steps--werte .m27_titel { color:  }
.m27_steps--werte .m27_untertitel { color: }
.m27_steps--werte .m27_head_right { flex: 0 0 auto; display: flex; align-items: center; }
.m27_steps--werte .m27_card {
background: #FFF;
border: 1px solid rgba(67, 89, 115, 0.20);
}
.m27_card[data-variante="dunkel"] {
background: #0A2847;
border: 1px solid rgba(67, 89, 115, 0.20);
}
.m27_steps--werte .m27_card[data-variante="dunkel"] * { color: #fff; }
.m27_steps--werte .m27_card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(8, 29, 56, .08);
}
.m27_card[data-variante="dunkel"]:hover {
background: #44596F;
}
.m27_steps--werte .m27_card_icon {
display: flex;
align-items: center;
justify-content: center;
width: 74px;
height: 74px;
border-radius: 50%;
background: rgba(233, 242, 248, 0.50);
margin-bottom: 37px;
}
.m27_steps--werte .dark .m27_card_icon {
background: rgba(233, 242, 248, 0.20);
}
.m27_steps--werte .m27_card_icon img { min-height: 34px; max-height: 44px; height: 100%; object-fit: contain; }
@media all and (max-width: 1399px) {
.m27_card { padding: 45px 30px 35px; }
.m27_card_title { font-size: 1.294rem; }
.m27_steps--werte .m27_card_icon { 	margin-bottom: 27px; }
}
@media all and (max-width: 767px) {
.m27_card { padding: 28px 18px 30px !important; }
.m27_steps--werte .m27_card_icon { 	margin-bottom: 17px; }
}
@media all and (max-width: 575px) {
.m27_card { padding: 23px 13px 25px !important; }
.m27_card_text { font-size: 1rem; }
.m27_steps--werte .m27_card_icon {
width: 59px;
height: 59px;
}
.m27_steps--werte .m27_card_icon img {
min-height: 30px;
max-height: 37px;
}	
}
@media all and (max-width: 349px) {
.m27_card { padding: 18px 13px 20px !important; }
.m27_hide_mobile { display: block;
margin-top: 10px;
}
.m27_hide_mobile:first-child {
margin-top: 0;
}
.m27_card_text { font-size: 0.88rem; }
}