/************************************ Start: Lst ************************************/
.cms_apLst_main { margin: 0 -15px -15px -15px; }
.cms_apLst_tagContainer.cms_padding_1 { padding: 0 15px 15px 15px !important; }
.cms_apLst_tagLst { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; width: 100%; }
.cms_apLst_tag { position: relative; padding: 0 0 3px 0; }
.cms_apLst_tag:before { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--white); transition: var(--transition); opacity: 0; visibility: hidden; }
.cms_apLst_tag:hover:before,
.cms_apLst_tag.active:before { opacity: 1; visibility: visible; }
.cms_apLst_main > #load { gap: 30px 0; }
.cms_apLst_loadBtn > div { display: flex; justify-content: center; }
.cms_apLst_main .cms_apBox_soldout { font-size: 30px; }
@media screen and (max-width: 959px) { .cms_apLst_main .cms_apBox_soldout { font-size: 20px; } }
/************************************ End: Lst ************************************/

/************************************ Start: Box ************************************/
.cms_apBox_flexbox { display: flex; }
.cms_apBox_box { position: relative; display: flex; flex-direction: column; gap: 27px; width: 100%; }
.cms_apBox_box > .full_article_link { border-radius: var(--border-radius-default) var(--border-radius-default) 0 0; }
.cms_apBox_imgMain { position: relative; z-index: 1 !important; width: 100%; border-radius: var(--border-radius-default); overflow: hidden; }
.cms_apBox_imgMain:has(.cms_apBox_imgFixZindex) { z-index: 12 !important; }
.cms_apBox_imgContainer { width: 100%; }
.cms_apBox_imgBox { width: 100%; }
.cms_apBox_imgBox > picture { display: flex; width: 100%; padding: 0 0 59.173126614987076% 0; }
.cms_apBox_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_apBox_box:hover .cms_apBox_imgBox > picture > img { transform: scale(1.05); }
.cms_apBox_imgLegend { display: none; }
.cms_apBox_soldOutBg { position: absolute; z-index: 2; inset: 0; background: rgba(0,0,0,0.5); }
.cms_apBox_soldout { position: absolute; z-index: 3; top: 50%; left: 30px; width: calc(100% - 60px); text-align: center; font-family: var(--font-family-primary); }
.cms_apBox_info { display: flex; flex-direction: column; gap: 10px; }
.cms_apBox_titel h2,
.cms_apBox_titel h3 { transition: var(--transition); }
.cms_apBox_box:hover .cms_apBox_titel h2,
.cms_apBox_box:hover .cms_apBox_titel h3 { color: var(--primary); }
.cms_apBox_text p { transition: var(--transition); }
.cms_apBox_box:hover .cms_apBox_text p { color: var(--primary); }
@media screen and (max-width: 959px) { .cms_apBox_flexbox.flex_box_12 { width: 50% !important; } }
@media screen and (max-width: 640px) { .cms_apBox_flexbox.flex_box_12 { width: 100% !important; } }
/************************************ End: Box ************************************/

/************************************ Start: Det ************************************/
.cms_apDet_main { width: 100%; padding: 24px 0; }
.cms_apDet_titel { margin: 0 0 32px 0; }
.cms_apDet_main .cms_galleryHegibau_main { margin: 0 0 4px 0; }
.cms_apDet_info { display: flex; flex-direction: column; gap: 10px; margin: 0 0 34px 0; }
.cms_apDet_info h3,
.cms_apDet_info p { padding: 0; }
.cms_apDet_staticBox.cms_padding_1,
.cms_apDet_staticBox > .cms_padding_1 { padding: 15px 15px 5px 15px !important; }
.cms_apDet_trennlinie { margin: 0 0 32px 0; }
.cms_apDet_btnsContainer { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; align-items: center; width: 100%; }
.cms_apDet_btnsLst { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 30px; }
.cms_apDet_dynamicBox { margin: 0 auto -5px auto; }
.cms_apDet_dynamicBox > .cms_padding_1 { padding: 15px 15px 0 15px !important; }
/************************************ End: Det ************************************/

/************************************ Start: Tabs ************************************/
.cms_apTabs_main { width: 100%; margin: 66px 0 0 0; }
.cms_apTabs_main > ul { display: flex; align-items: center; }
.cms_apTabs_main > ul > li { display: flex; width: 50%; padding: 0; }
.cms_apTabs_main > ul > li:only-of-type { width: 100%; }
.cms_apTabs_main > ul > li:before { content: none !important; }
.cms_apTabs_main > ul > li > a { width: 100%; padding: 22px 15px; border: 1px solid var(--gray); background: var(--black); transition: var(--transition); }
.cms_apTabs_main > ul > li > a:hover,
.cms_apTabs_main > ul > li.ui-tabs-active > a { border: 1px solid var(--primary); background: var(--primary); }
.cms_apTabs_main > ul > li > a > h2 { text-align: center; }
.cms_apTabs_main > div { width: 100%; padding: 18px 0 52px 0; background: var(--white); color: var(--black); }
.cms_apTabs_box { width: 100%; }
.cms_apTabs_mainTitle { margin: 0 0 36px 0; }
.cms_apTabs_catLst { display: flex; flex-direction: column; gap: 74px; }
.cms_apTabs_catBlock { display: flex; flex-direction: column; gap: 14px; }
table.cms_apTabs_attrLst { width: 100%; border-width: 1px 0; border-color: var(--black); border-style: solid; }
table.cms_apTabs_attrLst > thead > tr > th { font-weight: 300; text-align: left; padding: 16px 12px; }
table.cms_apTabs_attrLst > tbody > tr > td { padding: 8px 12px; }
table.cms_apTabs_attrLst > tbody > tr:not(:nth-of-type(2n)) { background: var(--black); }
table.cms_apTabs_attrLst > tbody > tr:not(:nth-of-type(2n)) > td { color: var(--white); }
.cms_apTabs_attrRow_linked { transition: var(--transition); }
.cms_apTabs_attrRow_linked:hover { background: var(--primary) !important; }
.cms_apTabs_attrRow_linked td { transition: var(--transition); }
.cms_apTabs_attrRow_linked:hover td { color: var(--white) !important; }
.cms_apTabs_attrRow_animation { position: relative; overflow: clip; }
.cms_apTabs_attrRow_animation_btn { position: absolute; z-index: 1; top: 0; left: 0; transform: translateY(-100%); padding: 0 17px 0 0; transition: var(--transition); will-change: transform; }
.cms_apTabs_attrRow_linked:hover .cms_apTabs_attrRow_animation_btn { transform: translateY(0); }
.cms_apTabs_attrRow_animation_btn:before { content: ""; position: absolute; z-index: 1; top: 50%; right: 0; transform: translateY(-50%); width: 8px; height: 12px; background: center / contain no-repeat url("/pages/img/ap-tabs-button/arrow.svg"); }
.cms_apTabs_attrRow_animation_text { transition: var(--transition); will-change: transform; }
.cms_apTabs_attrRow_linked:hover .cms_apTabs_attrRow_animation_text { transform: translateY(100%); }
@media screen and (max-width: 959px) {
    .cms_apTabs_main { margin: 30px 0 0 0; }
    .cms_apTabs_main > ul > li > a { padding: 15px; }
    .cms_apTabs_main > div { padding: 15px 0 30px 0; }
    .cms_apTabs_mainTitle { margin: 0 0 30px 0; }
    .cms_apTabs_catLst { gap: 50px; }
    table.cms_apTabs_attrLst { border: none !important; }
    table.cms_apTabs_attrLst > thead { display: none; }
    table.cms_apTabs_attrLst > tbody > tr { display: block; float: left; width: 100%; padding: 5px 0; border: 1px solid var(--white); }
    table.cms_apTabs_attrLst > tbody > tr > td { display: flex; flex-direction: column; float: left; width: 33.3333%; padding: 10px 15px; }
    table.cms_apTabs_attrLst > tbody > tr > td:before { content: attr(data-label); display: block; float: left; width: 100%; font-weight: 600; }
}
@media screen and (max-width: 640px) { table.cms_apTabs_attrLst > tbody > tr > td { width: 50%; } }
@media screen and (max-width: 500px) { table.cms_apTabs_attrLst > tbody > tr > td { width: 100%; } }
/************************************ End: Tabs ************************************/

/************************************ Start: Teaser ************************************/
.cms_apTeaser_mainTitle.cms_padding_1,
.cms_apTeaser_mainTitle > .cms_padding_1 { padding: 15px 15px 4px 15px !important; }
/*.cms_apTeaser_container .cms_apBox_titel { position: relative; padding: 0 0 18px 0; }
.cms_apTeaser_container .cms_apBox_titel:before { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; max-width: 70px; width: 100%; height: 1px; background: var(--white); }*/
.cms_apTeaser_container { gap: 30px 0; }
.cms_apTeaser_mainBtn.cms_padding_1,
.cms_apTeaser_mainBtn > .cms_padding_1 { padding: 9px 15px 15px 15px !important; }
.cms_apTeaser_mainBtn > div { display: flex; justify-content: flex-end; }
.cms_apTeaser_trennlinie { position: relative; padding: 0 0 31px 0; }
.cms_apTeaser_trennlinie > hr { position: absolute; z-index: 1; top: 0; left: 30px; width: calc(100% - 60px); height: 1px; background: var(--white); }
.cms_apTeaser_container .cms_apBox_soldout { font-size: 40px; }
@media screen and (max-width: 1250px) { .cms_apTeaser_container .cms_apBox_soldout { font-size: 30px; } }
@media screen and (max-width: 959px) { .cms_apTeaser_container .cms_apBox_soldout { font-size: 20px; } }
/************************************ End: Teaser ************************************/