section.m32_newbuild .m32_informations {
display: flex;
align-items: center;
gap: 9px;
}
section.m32_newbuild .m32_informations * {
font-size: .789rem;
}
section.m32_newbuild .m32_referenc_item {
width: 100%;
}
section.m32_newbuild .m32_referenc_item .m32_title_container .m32_title {
font-size: 1.158rem;
font-weight: 400;
}
section.m32_newbuild .m32_bild_container {
display: flex;
margin-bottom: 21px;
}
section.m32_newbuild .m32_bild_container picture {
width: 100%;
}
section.m32_newbuild .m32_content_head {
display: flex;
justify-content: space-between;
align-items: center;
}
section.m32_newbuild .m32_bild_container {
position: relative;
background-color: #fff;
height: 340px;
}
section.m32_newbuild .m32_cat_list {
position: absolute;
left: 20px;
bottom: 29px;
display: flex;
gap: 6px;
}
section.m32_newbuild .m32_cat_item {
font-size: .789rem;
background: rgba(229, 224, 221, .3);
color: #fff;
border-radius: 50px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 4px 13px;
margin-bottom: 0;
}
section.m32_newbuild .m32_bild { height: 100%;
}
section.m32_newbuild[data-kurze-ausgabe="false"] .m32_content_head {
padding-bottom: 56px;
border-bottom: 1px solid rgba(46, 46, 46, 0.3);
}
section.m32_newbuild[data-kurze-ausgabe="true"] .m32_content_head {
padding-bottom: 74px;
}
body.single-newbuild section.m32_newbuild[data-kurze-ausgabe="true"] .m32_content_head {
flex-direction: column;
align-items: start;
gap: 20px;
}
section.m32_newbuild .m32_title {
margin-bottom: 0;
}
section.m32_newbuild .m32_filter {
margin-top: 22px;
margin-bottom: 60px;
z-index: 4 !important;
}
section.m32_newbuild .m32_filter_upper {
justify-content: space-between;
align-items: baseline;
}
section.m32_newbuild .m32_filter_upper > div {
width: 33.3333%;
}
section.m32_newbuild .m32_count_objects_wrapper {
justify-content: flex-start;
}
section.m32_newbuild .m32_category_filter_wrapper {
justify-content: center;
}
section.m32_newbuild .m32_category_filter {
padding: 5px;
border: 2px solid #262520;
border-radius: 28px;
width: 100%;
--row_gap: 0px;
}
section.m32_newbuild .m32_filter_item {
padding: 12px 26px 11px 21px;
cursor: pointer;
border-radius: 23px;
font-weight: 500;
font-family: "Karla";
font-size: 0.8333rem;
text-transform: uppercase;
letter-spacing: 0.05rem;
display: inline-block;
border: 1px solid transparent;
background-color: transparent;
color: var(--sekundarbutton_font_color);
}
section.m32_newbuild .m32_filter_item.is-active {
background-color: var(--sekundarbutton_hover_background_color);
color: var(--sekundarbutton_hover_font_color);
}
section.m32_newbuild .m32_sort_wrapper {
justify-content: flex-end;
}
section.m32_newbuild .mM_custom_select {
border-color: transparent !important;
}
section.m32_newbuild .mM_custom_select .mM_select_selected {
padding-right: 13px;
text-transform: uppercase;
font-size: 0.833rem;
font-weight: 500;
}
section.m32_newbuild .mM_custom_select .mM_select_selected *,
section.m32_newbuild .mM_custom_select .mM_select_selected {
color: rgba(46, 46, 46, 0.3) !important;
transition: color .4s;
}
section.m32_newbuild .m32_sort.mM_custom_select:has(.mM_same_as_selected:not(.mM_select_item:first-child)) .mM_select_selected, 
section.m32_newbuild .m32_sort.mM_custom_select .mM_select_selected.mM_select_arrow_active, 
section.m32_newbuild .m32_sort.mM_custom_select .mM_select_selected.mM_select_arrow_active * {
color: rgba(46, 46, 46, 0.75) !important;
}
section.m32_newbuild .m32_sort.mM_custom_select .mM_select_item {
color: rgba(46, 46, 46, 0.75);
padding: 1px 5px 2px;
}
section.m32_newbuild .mM_custom_select .mM_select_items {
background: #fff;
border-bottom: none;
}
section.m32_newbuild .m32_sort.mM_custom_select {
min-width: 150px;
}
section.m32_newbuild .m32_main_content {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
gap: 20px;
}
section.m32_newbuild .m32_referenc_item a {
width: 100%;
}
section.m32_newbuild .m32_link_button {
width: 46px;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 1px solid #2e2e2e;
background: #2e2e2e;
transition: all .4s;
position: absolute;
top: 20px;
right: 20px;
}
section.m32_newbuild .m32_link_button:hover,
section.m32_newbuild .m32_referenc_item:hover .m32_link_button {
background: #fff;
}
section.m32_newbuild .m32_link_button svg {
fill: #fff;
width: 17px;
transition: all .4s;
transform: rotate(135deg)
}
section.m32_newbuild .m32_link_button:hover svg,
section.m32_newbuild .m32_referenc_item:hover .m32_link_button svg {
fill: #2e2e2e;
}
section.m32_newbuild .m32_info_container {
flex-wrap: wrap;
}
section.m32_newbuild .m32_info {
position: relative;
}
section.m32_newbuild .m32_info p {
display: inline-block;
}
section.m32_newbuild .m32_info:not(:last-child):after {
content: '·';
display: inline-block;
padding: 0 7px 0 3px;
}
section.m32_newbuild[data-slider="active_slider"] .m32_referenc_item {
padding-right: 66px;
}
section.m32_newbuild[data-slider="active_slider"] .slick-slide {
transition: opacity .4s;
opacity: 1;
}
section.m32_newbuild[data-slider="active_slider"] .slick-slide:not(.slick-active) {
opacity: .5;
}
section.m32_newbuild[data-slider="active_slider"] .mM_arrow {
background: #2e2e2e;
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #2e2e2e;
transition: all .4s;
z-index: 3;
opacity: 1;
}
section.m32_newbuild[data-slider="active_slider"] .mM_arrow:hover {
background: #fff;
}
section.m32_newbuild[data-slider="active_slider"] .mM_arrow svg {
fill: #fff;
transition: fill .4s;
}
section.m32_newbuild[data-slider="active_slider"] .mM_arrow.slick-disabled {
opacity: 0;
pointer-events: none;
}
section.m32_newbuild[data-slider="active_slider"] .mM_arrow:hover svg {
fill: #2e2e2e;
}
section.m32_newbuild[data-slider="active_slider"] .mM_arrow.mM_arrow_prev {
transform: rotate(0);
left: 48px;
}
section.m32_newbuild[data-slider="active_slider"] .mM_arrow.mM_arrow_next {
transform: rotate(180deg);
right: 48px;
}
section.m32_newbuild .m32_pagination {
margin-top: 58px;
}
section.m32_newbuild .m32_pagination_wrapper {
justify-content: center;
gap: 0 19px;
}
section.m32_newbuild .m32_pagination_arrow,
section.m32_newbuild .m32_page_btn {
--size: 46px;
min-width: var(--size);
min-height: var(--size);
width: var(--size);
height: var(--size);
padding: 0;
display: flex;
justify-content:center;
align-items:center;
}
section.m32_newbuild .m32_page_btn {
background-color: transparent !important;
}
section.m32_newbuild .m32_page_btn.is-dots {
cursor: default;
}
section.m32_newbuild .m32_page_btn.is-active {
background-color: var(--primarbutton_background_color) !important;
color: var(--primarbutton_font_color);
}
section.m32_newbuild .m32_pagination_arrow[disabled] {
opacity: 0.15;
cursor: not-allowed;
}
section.m32_newbuild .m32_pagination_arrow svg {
width: 17px;
min-width: 17px;
}
section.m32_newbuild .m32_pagination_arrow.m32_page_next svg {
rotate: 180deg;
}
@media screen and (min-width: 576px) {
section.m32_newbuild .m32_filter_item {
width: calc(50% - (var(--row_gap) / 2));
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_bild_container,
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_bild_container,
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_bild_container {
height: 345px;
}
}
@media screen and (min-width: 768px) {
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_main_content,
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_main_content,
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_main_content {
gap: 20px;
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_referenc_item,
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_referenc_item,
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_referenc_item {
width: calc(50% - (20px / 2));
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_bild_container,
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_bild_container,
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_bild_container {
height: 275px;
}
}
@media screen and (min-width: 992px) {
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_main_content {
gap: 40px;
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_referenc_item {
width: calc(50% - (40px / 2));
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_bild_container {
height: 315px;
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_main_content {
gap: 40px;
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_referenc_item {
width: calc(33.3333% - ((40px * 2) / 3));
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_bild_container {
height: 195px;
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_main_content {
gap: 40px;
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_referenc_item {
width: calc(33.3333% - ((40px * 2) / 3));
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_bild_container {
height: 195px;
}
}
@media screen and (min-width: 1200px) {
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_main_content {
gap: 50px;
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_referenc_item {
width: calc(50% - (50px / 2));
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_bild_container {
height: 375px;
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_main_content {
gap: 40px;
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_referenc_item {
width: calc(33.3333% - ((40px * 2) / 3));
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_bild_container {
height: 285px;
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_main_content {
gap: 30px;
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_referenc_item {
width: calc(25% - ((30px * 3) / 4));
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_bild_container {
height: 195px;
}
}
@media screen and (min-width: 1600px) {
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_main_content {
gap: 66px;
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_referenc_item {
width: calc(50% - (66px / 2));
}
section.m32_newbuild[data-beitrage-pro-zeile="2"] .m32_bild_container {
height: 445px;
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_main_content {
gap: 66px;
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_referenc_item {
width: calc(33.3333% - ((66px * 2) / 3));
}
section.m32_newbuild[data-beitrage-pro-zeile="3"] .m32_bild_container {
height: 315px;
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_main_content {
gap: 66px;
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_referenc_item {
width: calc(25% - ((66px * 3) / 4));
}
section.m32_newbuild[data-beitrage-pro-zeile="4"] .m32_bild_container {
height: 235px;
}
}
@media screen and (max-width: 1599px) {
section.m32_newbuild .m32_filter_upper .m32_category_filter_wrapper {
width: 40%;
}
section.m32_newbuild .m32_category_filter {
padding: 3px;
}
section.m32_newbuild .m32_filter_item {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 1399px) {
section.m32_newbuild .m32_filter_upper {
flex-wrap: wrap;
align-items: flex-start;
gap: 40px 0;
}
section.m32_newbuild .m32_filter_upper > div {
width: 50%;
}
section.m32_newbuild .m32_category_filter_wrapper {
order: 1;
width: 100% !important;
justify-content: flex-start;
}
section.m32_newbuild .m32_count_objects_wrapper {
order: 2;
}
section.m32_newbuild .m32_sort_wrapper {
order: 3;
}
}
@media screen and (max-width: 1199px) {
section.m32_newbuild[data-slider="active_slider"] .m32_referenc_item {
padding-right: 0;
}
}
@media screen and (max-width: 575px) {
section.m32_newbuild .m32_filter_upper {
gap: 10px;
}
section.m32_newbuild .m32_filter_upper > div {
width: auto;
}
section.m32_newbuild .m32_count_objects_wrapper { }
section.m32_newbuild .m32_pagination_wrapper {
gap: 0 9px;
}
section.m32_newbuild .m32_pagination_arrow, 
section.m32_newbuild .m32_page_btn {
--size: 35px;
}
section.m32_newbuild .m32_pagination_arrow svg {
width: 14px;
min-width: 14px;
}
}
@media screen and (max-width: 349px) {
section.m32_newbuild .m32_pagination_wrapper {
gap: 0 5px;
}
section.m32_newbuild .m32_pagination_arrow, 
section.m32_newbuild .m32_page_btn {
--size: 28px;
}
}