/************************************ Start: Text mit Hintergrundfläche ************************************/
.cms_textBg_box { padding: 87px 103px; }
@media screen and (max-width: 991px) { .cms_textBg_box { padding: 30px; } }
.cms_textBg_box .button-link { display: block; margin: 27px 0 0 0; }
@media screen and (max-width: 959px) { .cms_textBg_box .button-link { margin: 15px 0 0 0; } }
/************************************ End: Text mit Hintergrundfläche ************************************/
/************************************ Start: Leistungen Titel ************************************/
.block_170000 { display: flex; }
.cms_lt_box { display: flex; align-items: center; width: 100%; aspect-ratio: 1 / 1; padding: 15px 50px; background: var(--secondary); }
.cms_lt_title { position: relative; }
.cms_lt_title:before { content: ""; position: absolute; z-index: 1; bottom: -29px; left: 0; max-width: 95px; width: 100%; height: 8px; background: var(--primary); }
@media screen and (max-width: 959px) {
    .cms_lt_box { padding: 15px; }
    .cms_lt_title:before { bottom: -14px; max-width: 38px; height: 3px; }
}
/************************************ End: Leistungen Titel ************************************/
/************************************ Start: Leistungen mit Bild ************************************/
.block_180000 { display: flex; }
.cms_lmb_box { position: relative; width: 100%; aspect-ratio: 1 / 1; background: var(--secondary); overflow: clip; }
.cms_lmb_img { position: absolute; z-index: 1; inset: 0; display: flex; }
.cms_lmb_img:before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); transition: var(--transition); }
.cms_lmb_box:hover .cms_lmb_img:before { opacity: 0; visibility: hidden; }
.cms_lmb_img > picture { display: flex; width: 100%; }
.cms_lmb_img > picture > img { width: 100%; height: 100%; object-fit: cover; transition: var(--transition); will-change: transform; }
.cms_lmb_box:hover .cms_lmb_img > picture > img { transform: scale(1.05); }
.cms_lmb_title { position: absolute; z-index: 2; inset: auto 50px 50px 50px; }
.cms_lmb_title > h3 { color: var(--white); }
.cms_lmb_progress { position: absolute; z-index: 2 !important; inset: auto 0 0 0; }
.cms_lmb_progressValue { width: 0; height: 8px; background: var(--primary); transition: var(--transition); }
.cms_lmb_box:hover .cms_lmb_progressValue { width: 100%; }
@media screen and (max-width: 959px) {
    .cms_lmb_title { inset: auto 12px 12px 12px; }
    .cms_lmb_progressValue { height: 3px; }
}
/************************************ End: Leistungen mit Bild ************************************/
/************************************ Start: Leistungen ************************************/
@media screen and (max-width: 1480px) {
    .block_170000,
    .block_180000 { width: 50% !important; }
}
@media screen and (max-width: 640px) {
    .block_170000,
    .block_180000 { width: 100% !important; }
}
/************************************ End: Leistungen ************************************/