/************************************ Start: Lst ************************************/
.cms_oipLst_flexContainer { gap: 30px 0; }
.cms_oip_loadBtn > div { display: flex; justify-content: center; }
/************************************ End: Lst ************************************/

/************************************ Start: Box ************************************/
.cms_oip_flexBox { display: flex; }
.cms_oip_box { position: relative; display: flex; flex-direction: column; gap: 27px; width: 100%; }
.cms_oip_box > .full_article_link { border-radius: var(--border-radius-default) var(--border-radius-default) 0 0; }
.cms_oip_imgContainer { position: relative; z-index: 1 !important; width: 100%; border-radius: var(--border-radius-default); overflow: hidden; }
.cms_oip_imgFixZindex { z-index: 12 !important; }
.cms_oip_imgBox { width: 100%; }
.cms_oip_imgBox > picture { display: flex; width: 100%; padding: 0 0 59.173126614987076% 0; }
.cms_oip_imgBox > picture > img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transition: var(--transition); will-change: transform; }
.cms_oip_box:hover .cms_oip_imgBox > picture > img { transform: scale(1.05); }
.cms_oip_imgLegend { display: none; }
.cms_oip_info { display: flex; flex-direction: column; }
/*.cms_oip_titel { position: relative; padding: 0 0 18px 0; }
.cms_oip_titel:before { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; max-width: 70px; width: 100%; height: 1px; background: var(--white); }*/
.cms_oip_titel h2,
.cms_oip_titel h3 { transition: var(--transition); }
.cms_oip_box:hover .cms_oip_titel h2,
.cms_oip_box:hover .cms_oip_titel h3 { color: var(--primary); }
@media screen and (max-width: 959px) { .cms_oip_flexBox.flex_box_12 { width: 50% !important; } }
@media screen and (max-width: 640px) { .cms_oip_flexBox.flex_box_12 { width: 100% !important; } }
/************************************ End: Box ************************************/

/************************************ Start: Teaser ************************************/
.cms_oipTeaser_mainTitle.cms_padding_1,
.cms_oipTeaser_mainTitle > .cms_padding_1 { padding: 15px 15px 4px 15px !important; }
.cms_oipTeaser_flexContainer { gap: 30px 0; }
.cms_oipTeaser_mainBtn.cms_padding_1,
.cms_oipTeaser_mainBtn > .cms_padding_1 { padding: 0 15px 15px 15px !important; }
.cms_oipTeaser_mainBtn > div { display: flex; justify-content: flex-end; }
/************************************ End: Teaser ************************************/

/************************************ Start: Det ************************************/
.cms_oipDet_main { width: 100%; padding: 24px 0; }
.cms_oipDet_titel { margin: 0 0 32px 0; }
.cms_oipDet_main .cms_galleryHegibau_main { margin: 0 0 4px 0; }
.cms_oipDet_staticBox.cms_padding_1,
.cms_oipDet_staticBox > .cms_padding_1 { padding: 15px 15px 5px 15px !important; }
/************************************ End: Det ************************************/