.m28_cta { background: var(--strobl-blue-deep); border-radius: 20px 20px 0 0; } .m28_content { padding: 150px 0; } .m28_cta .mM_row { align-items: center; gap: 0 90px; }  .m28_media_inner { padding-top: 100px; padding-left: 70px;}
.m28_media img { width: 100%; height: auto; display: block; } .m28_cta .m28_titel { color: #fff; }
.m28_cta .m28_untertitel { color: var(--strobl-light); }
.m28_cta .mM_button.secondary,
.m28_cta .button.secondary { color: var(--strobl-light); border-color: rgba(255,255,255,.35); }
.m28_cta .mM_button.secondary:hover,
.m28_cta .button.secondary:hover { background-color: rgba(255,255,255,.1); color: #fff; }
.m28_text { color: var(--strobl-light); font-size: 1.0625rem; margin: 0 0 34px; }
@media all and (min-width: 992px) {
.m28_media { align-self: flex-end; }
.m28_cta .mM_col_50 {
width: calc(50% - 25px);
}
}
@media all and (min-width: 1400px) {
.m28_cta .mM_col_50 {
width: calc(50% - 45px);
}
}
@media all and (max-width: 1599px) {
.m28_media_inner {
padding-left: 0;
}
}
@media all and (max-width: 1399px) {
.m28_content {
padding: 100px 0;
}
.m28_cta .mM_row { gap: 0 50px; }
}
@media all and (max-width: 1199px) { .m28_inner { flex-direction: column-reverse; } .m28_cta { padding-bottom: 0; } .m28_media img { width: 70%; } .m28_cta .mM_links { flex-direction: column; align-items: flex-start; }
.m28_cta .mM_col_50 { width: 100%; }
.m28_content {
padding: 150px 0 0;
}
.m28_media_inner {
display: flex;
justify-content: end;
padding-top: 0;
margin-top: -100px;
}
}
@media all and (max-width: 991px) {
.m28_content { padding: 75px 0; }
.m28_media img {
width: 65%;
}
}
@media all and (max-width: 767px) {
.m28_content { padding: 75px 0 50px; }
.m28_cta .mM_links {
flex-direction: row;
}
.m28_media_inner {
justify-content: center;
margin-top: 0;
}
.m28_media img {
width: 100%;
}
}
@media all and (max-width: 575px) {
.m28_content { padding: 50px 0; }
}