.elementor-1082 .elementor-element.elementor-element-28ef02b{--display:grid;--min-height:100vh;--e-con-grid-template-columns:678fr 1244fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1082 .elementor-element.elementor-element-08949e5{--display:flex;--justify-content:flex-end;--gap:39px 39px;--row-gap:39px;--column-gap:39px;--padding-top:0;--padding-bottom:120px;--padding-left:clamp(1.875rem, -2.6984rem + 9.5403vw, 8.75rem);--padding-right:clamp(1.875rem, -2.6984rem + 9.5403vw, 8.75rem);}.elementor-1082 .elementor-element.elementor-element-08949e5:not(.elementor-motion-effects-element-type-background), .elementor-1082 .elementor-element.elementor-element-08949e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://manudemesmaeker.be/wp-content/uploads/2026/04/Background.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-1082 .elementor-element.elementor-element-c20df90{--display:flex;}.elementor-1082 .elementor-element.elementor-element-c20df90:not(.elementor-motion-effects-element-type-background), .elementor-1082 .elementor-element.elementor-element-c20df90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://manudemesmaeker.be/wp-content/uploads/2026/05/manudemesmaeker_zwart-vrijstaand-bad-lattenwand.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1082 .elementor-element.elementor-element-9ea12bf{--display:grid;--e-con-grid-template-columns:678fr 1244fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1082 .elementor-element.elementor-element-6824001{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-1082 .elementor-element.elementor-element-c40af0c{--display:flex;--gap:86px 86px;--row-gap:86px;--column-gap:86px;--padding-top:230px;--padding-bottom:400px;--padding-left:clamp(1.875rem, -3.5299rem + 11.2749vw, 10rem);--padding-right:clamp(1.875rem, -3.5299rem + 11.2749vw, 10rem);}.elementor-1082 .elementor-element.elementor-element-d3ea87f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;--z-index:13;}.elementor-1082 .elementor-element.elementor-element-d3ea87f:not(.elementor-motion-effects-element-type-background), .elementor-1082 .elementor-element.elementor-element-d3ea87f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF1A;}.elementor-1082 .elementor-element.elementor-element-93863a2.elementor-element{--align-self:flex-end;}.elementor-1082 .elementor-element.elementor-element-fe33faf{--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-hover:var( --e-global-color-primary );--gallery-title-color-active:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1082 .elementor-element.elementor-element-28ef02b{--grid-auto-flow:row;}.elementor-1082 .elementor-element.elementor-element-9ea12bf{--grid-auto-flow:row;}.elementor-1082 .elementor-element.elementor-element-c40af0c{--padding-top:150px;--padding-bottom:150px;--padding-left:clamp(1.875rem, -3.5299rem + 11.2749vw, 10rem);--padding-right:clamp(1.875rem, -3.5299rem + 11.2749vw, 10rem);}.elementor-1082 .elementor-element.elementor-element-d3ea87f{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1082 .elementor-element.elementor-element-28ef02b{--min-height:100vh;--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1082 .elementor-element.elementor-element-c20df90{--min-height:40vh;}.elementor-1082 .elementor-element.elementor-element-9ea12bf{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-1082 .elementor-element.elementor-element-c40af0c{--padding-top:100px;--padding-bottom:100px;--padding-left:clamp(1.875rem, -3.5299rem + 11.2749vw, 10rem);--padding-right:clamp(1.875rem, -3.5299rem + 11.2749vw, 10rem);}.elementor-1082 .elementor-element.elementor-element-d3ea87f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-93863a2 *//* Originele Elementor gallery filter verbergen */
.elementor-widget-gallery .elementor-gallery__titles-container {
    display: none !important;
}

/* Filter rechts plaatsen */
.dm-gallery-filter {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-family: "interstate", Sans-serif;
}

/* Filterknop in stijl van de andere knoppen */
.dm-gallery-filter__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.625rem, 0.0429rem + 1.2142vw, 1.5rem);
    min-width: auto;
    height: auto;
    padding: 10px 25px;
    border: 1px solid #464545;
    border-radius: 999px;
    background: transparent;
    color: #464545;
    cursor: pointer;
    font-size: 17px;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dm-gallery-filter__toggle:hover,
.dm-gallery-filter.is-open .dm-gallery-filter__toggle {
    background: #464545;
    color: #fff;
}

.dm-gallery-filter__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    line-height: 0;
}

.dm-gallery-filter__icon svg {
    width: 25px;
    height: 25px;
}

.dm-gallery-filter__icon circle {
    fill: #fff;
}

/* Dropdown */
.dm-gallery-filter__dropdown {
    position: absolute;
    top: calc(100% + 1rem);
    right: 0;
    z-index: 999;
    width: min(360px, calc(100vw - 40px));
    padding: 1.5rem;
    border: 1px solid rgba(70, 69, 69, 0.18);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.10);
}

/* subtiele pijl */
.dm-gallery-filter__dropdown::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 2.4rem;
    width: 14px;
    height: 14px;
    background: #fff;
    border-left: 1px solid rgba(70, 69, 69, 0.16);
    border-top: 1px solid rgba(70, 69, 69, 0.16);
    transform: rotate(45deg);
}

.dm-gallery-filter__section-label {
    margin: 0 0 1rem;
    color: #8d8d8d;
    font-family: "interstate", Sans-serif;
    font-size: 17px;

    letter-spacing: 0.18em;
    line-height: 1;
    text-transform: uppercase;
}

.dm-gallery-filter__list {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dm-gallery-filter__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0.7rem 0.75rem;
    border: 0;
    border-radius: 0.65rem;
    background: transparent;
    color: #464545;
    cursor: pointer;
    font-family: "interstate", Sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.25;
    text-align: left;
    transition: background-color 0.2s ease;
}

.dm-gallery-filter__item:hover,
.dm-gallery-filter__item.is-active {
    background: #f4f2ef;
color: #464545;
}

.dm-gallery-filter__count {
    color: #8d8d8d;
    font-size: 17px;
    white-space: nowrap;
}

/* Mobiel */
@media (max-width: 767px) {
    .dm-gallery-filter {
        justify-content: flex-end;
    }

    .dm-gallery-filter__toggle {
        padding: 10px 25px;
        font-size: 17px;

    }

    .dm-gallery-filter__icon svg {
        width: 25px;
        height: 25px;
    }

    .dm-gallery-filter__dropdown {
        right: 0;
        width: min(330px, calc(100vw - 32px));
        padding: 1.25rem;
    }

    .dm-gallery-filter__section-label,
    .dm-gallery-filter__item,
    .dm-gallery-filter__count {
        font-size: 17px;
    }

    .dm-gallery-filter__item {
        padding: 0.65rem;
    }
}/* End custom CSS */