/************************************ Start: Box mit Hintergrundfläche ************************************/
.cms_bb_main { width: 100%; }
.bbSwiper { clip-path: inset(-100vw); overflow: visible; }
.cms_bb_box { display: flex; flex-direction: column; gap: 30px; width: 100%; background: var(--primary-15); padding: 30px; border-radius: var(--border-radius-small); }
.cms_bb_imgContainer { position: relative; z-index: 1; width: 75px; height: 60px; }
.cms_bb_imgBox { display: flex; width: 100%; }
.cms_bb_imgBox > picture { display: flex; width: 100%; }
.cms_bb_imgBox > picture > img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center left; object-fit: contain; }
.cms_bb_imgLegend { display: none; }
.cms_bb_text { display: flex; flex-direction: column; flex: 1; }
.cms_bb_text h3 { padding: 0; margin: 0 0 -5px 0; }
.cms_bb_text p:has(.button-link) { padding: 19px 0 0 0; margin: auto 0 0 0; }
@media screen and (max-width: 959px) {
    .cms_bb_box { gap: 22px; padding: 20px;}
    .cms_bb_imgContainer { width: 50px; height: 40px; }
    .cms_bb_text h3 { margin: 0 0 -1px 0; }
    .cms_bb_text p:has(.button-link) { padding: 14px 0 0 0; }
}
/************************************ End: Box mit Hintergrundfläche ************************************/